#TB_window {
font: 12px sans-serif;
color: #333333;
}
#TB_secondLine {
font: 10px sans-serif;
color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}   #TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {background: url(//bestoptics.gr/wp-includes/js/thickbox/macFFBgHack.png) repeat;}
.TB_overlayBG {
background-color:#000;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #TB_overlay { position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
visibility: hidden;
text-align:left;
top:50%;
left:50%;
border: 1px solid #555;
-moz-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-webkit-box-shadow: rgba(0,0,0,1) 0 4px 30px;
-khtml-box-shadow: rgba(0,0,0,1) 0 4px 30px;
box-shadow: rgba(0,0,0,1) 0 4px 30px;
}
* html #TB_window { position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow{
padding:6px 10px 0;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle{
float:left;
padding:6px 10px 0;
}
#TB_title{
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
padding:15px;
}
#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}
#TB_load{
position: fixed;
display:none;
z-index:103;
top: 50%;
left: 50%;
background-color: #E8E8E8;
border: 1px solid #555;
margin: -45px 0pt 0pt -125px;
padding: 40px 15px 15px;
}
* html #TB_load { position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
_margin-bottom:1px;
}
.tb-close-icon {
background: url(//bestoptics.gr/wp-includes/js/thickbox/tb-close.png) no-repeat;
height: 15px;
width: 15px;
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.tb-close-icon {
background: url(//bestoptics.gr/wp-includes/js/thickbox/tb-close-2x.png) no-repeat;
background-size: 15px;
}
}.widget_wysija_cont .inputContainer{position:relative;float:left}.widget_wysija_cont .ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}.formError{position:absolute;top:300px;left:300px;display:block;z-index:5000;cursor:pointer}.formError .formErrorContent{background:none repeat scroll 0 0 #8E2121;border:1px solid #BBBBBB;color:#FFFFFF;font-family:tahoma;font-size:11px;padding:4px 10px;position:relative;width:150px;z-index:5001}.widget_wysija_cont .formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;position:relative;z-index:5006}.widget_wysija_cont .formError .formErrorArrowBottom{margin:0px 0 0 12px;top:2px}.widget_wysija_cont .formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;font-size:0px;height:1px;background:#8E2121;margin:0 auto;line-height:0;font-size:0;display:block}.widget_wysija_cont .greenPopup .formErrorArrow div{background:#33be40}.widget_wysija_cont .blackPopup .formErrorArrow div{background:#393939;color:#FFF}.widget_wysija_cont .formError .formErrorArrow .line10{width:15px;border:none}.widget_wysija_cont .formError .formErrorArrow .line9{width:13px;border:none}.widget_wysija_cont .formError .formErrorArrow .line8{width:11px}.widget_wysija_cont .formError .formErrorArrow .line7{width:9px}.widget_wysija_cont .formError .formErrorArrow .line6{width:7px}.widget_wysija_cont .formError .formErrorArrow .line5{width:5px}.widget_wysija_cont .formError .formErrorArrow .line4{width:3px}.widget_wysija_cont .formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd}.widget_wysija_cont .formError .formErrorArrow .line2{width:3px;border:none;background:#ddd}.widget_wysija_cont .formError .formErrorArrow .line1{width:1px;border:none;background:#ddd}.greenPopup .formErrorContent{background:none repeat scroll 0 0 #FFFBCC;color:#555555}.widget_wysija_cont .updated,.widget_wysija_cont .error,.widget_wysija_cont .xdetailed-errors{margin:5px 0 15px;color:#333333;font-family:sans-serif;font-size:12px;line-height:1.4em}.widget_wysija_cont .error,.widget_wysija_cont .login #login_error{background-color:#FFEBE8;border-color:#CC0000}.widget_wysija_cont .updated,.widget_wysija_cont .error,.widget_wysija_cont .xdetailed-errors{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;border-style:solid;border-width:1px;margin:5px 15px 2px;padding:0 0.6em;color:#333333}.widget_wysija_cont.updated,.widget_wysija_cont .login .message{background-color:#FFFFE0;border-color:#E6DB55}.widget_wysija_cont .xdetailed-updated{background-color:#FFFFE0;border-color:#E6DB55;color:#000;font-weight:bold;display:none}.widget_wysija_cont .xdetailed-errors{background-color:#A50000;border-color:#888888;color:#DDDDDD;font-weight:bold;display:none}.widget_wysija_cont .instruct{font-style:italic;font-weight:bold;padding:5px 0;font-size:11px}.widget_wysija_cont .needInfo{padding-left:15px;text-decoration:underline}.widget_wysija_cont .wysija-submit{display:block;margin-top:20px}.widget_wysija_cont input.defaultlabels{color:#888}.widget_wysija_cont input.defaultlabels:focus{color:#373737}.widget_wysija_cont .abs-req{display:none}.widget_wysija_cont p label{display:block}.widget_wysija_cont .iframe-hidden{display:none}.widget_wysija_cont .updated,.widget_wysija_cont .error,.widget_wysija_cont .xdetailed-errors{background-color:#FFFFFF;border:1px solid;border-radius:0 0 0 0;font-weight:normal;margin:4px 0;padding:4px}.widget_wysija_cont .error,.widget_wysija_cont .xdetailed-errors{background-color:#e55057;color:#fff}.widget_wysija_cont .error,.widget_wysija_cont .xdetailed-errors{background-color:#e55057;color:#fff;border-color:#CC0000}.widget_wysija_cont .allmsgs ul{padding:0}.widget_wysija_cont .allmsgs li{list-style-type:none}.widget_wysija_cont .updated,.widget_wysija_cont .login .message{background-color:#FFFFE0;border-color:#E6DB55}.widget_wysija_cont .updated ul{margin:0}.widget_wysija_cont .showerrors{color:#DDDDDD}#wysija-subscriptions input.checkboxx{margin-left:0px;margin-right:10px}#wysija-subscriptions th label{margin-right:10px}#wysija-box-after-comment{width:25px}#wysija-box-after-register{margin:0 6px 0 0;padding:3px}.wysija-after-register{padding-bottom:10px}.wysija-unsubscribed-on{color:#bbb}.widget_wysija .wysija-required{font-weight:bold}.widget_wysija .wysija-radio-label,.widget_wysija .wysija-checkbox-label{margin:0 0 5px 0;cursor:pointer}.widget_wysija .wysija-radio,.widget_wysija .wysija-checkbox{margin:0 5px 0 0;vertical-align:middle}.xdetailed-errors,.xdetailed-updated{display:none}.widget_wysija_cont .allmsgs .updated{display:block !important}#cookie-law-info-bar {
border: 0;
font-size: 8pt;
margin: 0 auto;
padding: 5px 0;
text-align: center;
width: 100%;
z-index: 9999;
}
#cookie-law-info-again {
font-size: 10pt;
margin: 0;
padding: 2px 10px;
text-align: center;
z-index: 9999;
cursor: pointer;
}
#cookie-law-info-bar span {
vertical-align: middle;
} .cli-plugin-button, .cli-plugin-button:visited {
background: #222 url(//bestoptics.gr/wp-content/plugins/cookie-law-info/images/overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
margin: auto 10px;
}
.cli-plugin-button:hover {
background-color: #111;
color: #fff;
}
.cli-plugin-button:active {
top: 1px;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
background-color: #e22092;
}
.pink.cli-plugin-button:hover {
background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
background-color: #91bd09;
}
.green.cli-plugin-button:hover {
background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
background-color: #e62727;
}
.red.cli-plugin-button:hover {
background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
background-color: #fc9200;
}.wooslider-container a:active,
.wooslider a:active,
.wooslider-container a:focus,
.wooslider a:focus  {outline: none;}
.slides,
.wooslider-control-nav,
.wooslider-direction-nav {margin: 0; padding: 0; list-style: none;} .wooslider {margin: 0; padding: 0;}
.wooslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .wooslider .slides img {width: 100%; display: block;}
.wooslider-pauseplay span {text-transform: capitalize;} .wooslider .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
html[xmlns] .wooslider .slides { display: block; } 
* html .wooslider .slides { height: 1%; }  .no-js .wooslider .slides > li:first-child { display: block; } .wooslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.wooslider-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .wooslider-viewport {max-height: 300px;}
.wooslider .slides {zoom: 1;}
.wooslider .carousel li {margin-right: 5px} .wooslider-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//bestoptics.gr/wp-content/plugins/wooSlider/assets/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.wooslider-direction-nav .wooslider-next {background-position: 100% 0; right: -36px; }
.wooslider-direction-nav .wooslider-prev {left: -36px;}
.wooslider:hover .wooslider-next {opacity: 0.8; right: 5px;}
.wooslider:hover .wooslider-prev {opacity: 0.8; left: 5px;}
.wooslider:hover .wooslider-next:hover, .wooslider:hover .wooslider-prev:hover {opacity: 1;}
.wooslider-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} .wooslider-pauseplay a  { width: 30px; height: 30px; text-indent: -9999px; background: url(//bestoptics.gr/wp-content/plugins/wooSlider/assets/images/bg_play_pause.png) no-repeat 110% 0; position: absolute; bottom: 5px; left: 5px; opacity: 0.8; z-index: 9999; cursor: pointer; }
.wooslider-pauseplay a:hover  { opacity: 1; }
.wooslider-pauseplay a.wooslider-play { background-position: 0 0; } .wooslider-control-nav {width: 100%; position: absolute; top: 100%; margin-top: 10px!important; text-align: center; z-index: 9999; }
.wooslider-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.wooslider-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.wooslider-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.wooslider-control-paging li a.wooslider-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.wooslider-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.wooslider-control-thumbs li {width: 25%; float: left; margin: 0;}
.wooslider-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.wooslider-control-thumbs img:hover {opacity: 1;}
.wooslider-control-thumbs .wooslider-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.wooslider-direction-nav .wooslider-prev {opacity: 1; left: 0;}
.wooslider-direction-nav .wooslider-next {opacity: 1; right: 0;}
}.wooslider .slides > li { list-style: none; float: left; }
.wooslider .slides img { border: 0; }
body .wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img { border: 0; padding: 0; margin: 0; height: auto; }
body .wooslider .slides, body .wooslider .wooslider-control-nav, body .wooslider .wooslider-direction-nav { padding: 0; margin: 0; }
body .wooslider .wooslider-control-nav li, body .wooslider .wooslider-direction-nav li { list-style: none; }  .wooslider .layout-text-left img { float: right; width: 40%; }
.wooslider .layout-text-left .slide-excerpt { float: left; width: 50%; }
.wooslider .layout-text-right img { float: left; width: 40%; }
.wooslider .layout-text-right .slide-excerpt { float: right; width: 50%; } .wooslider .overlay-full  { position: relative; }
.wooslider .overlay-full .slide-excerpt { background: #000; opacity: 0.8; color: #FFF; position: absolute; padding: 1em; }
.wooslider .overlay-full .slide-excerpt .slide-title { color: #FFF; }
.wooslider .overlay-full img { float: none; width: 100%; height: auto; }
body .wooslider .overlay-full.layout-text-left .slide-excerpt { left: 0; top: 0; bottom: 0; width: 30%; padding: 1em; overflow: hidden; }
body .wooslider .overlay-full.layout-text-right .slide-excerpt { right: 0; top: 0; bottom: 0; width: 30%; padding: 1em; overflow: hidden; }
body .wooslider .overlay-full.layout-text-top .slide-excerpt { left: 0; right: 0; top: 0; height: auto; padding: 1em; overflow: hidden; }
body .wooslider .overlay-full.layout-text-bottom .slide-excerpt { left: 0; right: 0; bottom: 0; height: auto; padding: 1em; overflow: hidden; } .wooslider .overlay-natural  { position: relative; }
.wooslider .overlay-natural .slide-excerpt { color: #FFF; position: absolute; float: left; padding: 0; }
.wooslider .overlay-natural .slide-excerpt .slide-title { color: #FFF; background: #000; opacity: 0.8; float: left; padding: 0.5em 1em; margin: 0; }
.wooslider .overlay-natural .slide-excerpt p { color: #FFF; background: #000; opacity: 0.8; float: left; padding: 0.5em 1em; }
.wooslider .overlay-natural img { float: none; width: 100%; height: auto; }
body .wooslider .overlay-natural.layout-text-left .slide-excerpt { left: 0; top: 10%; overflow: hidden; }
body .wooslider .overlay-natural.layout-text-right .slide-excerpt { float: right; right: 0; top: 10%; overflow: hidden; }
body .wooslider .overlay-natural.layout-text-right .slide-excerpt .slide-title, 
body .wooslider .overlay-natural.layout-text-right .slide-excerpt p { float: right; }
body .wooslider .overlay-natural.layout-text-top .slide-excerpt { left: 0; top: 0; overflow: hidden; }
body .wooslider .overlay-natural.layout-text-bottom .slide-excerpt { left: 0; bottom: 0; overflow: hidden; } body .wooslider .slide-content { margin: 0.5em; padding: 0; border: 0; width: auto; height: auto; } .widget_wooslider_slideshow_attachments .wooslider-direction-nav a  { padding: 0; }
body .wooslider.wooslider-type-posts img, body .wooslider.wooslider-type-attachments img { max-width: 100%; border: none; }
body .wooslider-control-nav { margin: 0; padding: 0; }
body .wooslider-control-nav img { border: 0; background: none; margin: 0; padding: 0; }
body .wooslider-direction-nav, body .wooslider-direction-nav li { list-style: none; margin: 0; padding: 0; }
body .wooslider.wooslider-type-slides .has-featured-image img.featured-image { max-width: 100%; height: auto; }
body .wooslider.wooslider-type-slides img { max-width: 100%; }.summary .product_meta { margin-top: 45px; } #yith-wcwl-popup-message {
background: white;
border: 1px solid #CCC;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
line-height: 50px;
padding: 15px;
position: fixed;
text-align: center;
top: 50%;
left: 50%;
z-index: 10000; } .wishlist_table {}
.wishlist_table tr td { text-align: center; }
.wishlist_table tr td.product-thumbnail, .wishlist_table tr td.product-name { text-align: left; }
.wishlist_table tr td.product-stock-status span.wishlist-in-stock { color: #297E29; }
.wishlist_table tr td.product-stock-status span.wishlist-out-of-stock { color: #F00; } .summary .single_add_to_wishlist.button, div.product .woocommerce-price-and-add .single_add_to_wishlist.button { margin: 0px; } 
.yith-wcwl-add-to-wishlist { margin-top: 10px; }
.yith-wcwl-add-button > a i, .wishlist_table .add_to_cart.button i { margin-right: 10px; }
.wishlist_table .add_to_cart.button { margin: 0px; } .yith-wcwl-share ul {
margin-bottom: 10px;
margin-left: 0px;
}
.yith-wcwl-share ul, .yith-wcwl-share li { height: 21px; }
.yith-wcwl-share li, .entry-content .yith-wcwl-share li { margin-left: 0px; margin-right: 3px; }
.yith-wcwl-share li a {
background-position: left bottom;
display: inline-block;
width: 21px;
height: 21px;
}
.yith-wcwl-share li a:hover { background-position: left top; }
.yith-wcwl-share li a.facebook { background-image: url(//bestoptics.gr/wp-content/plugins/yith-woocommerce-wishlist/assets/images/facebook.png); }
.yith-wcwl-share li a.twitter { background-image: url(//bestoptics.gr/wp-content/plugins/yith-woocommerce-wishlist/assets/images/twitter.png); }
.yith-wcwl-share li a.pinterest { background-image: url(//bestoptics.gr/wp-content/plugins/yith-woocommerce-wishlist/assets/images/pinterest.jpg); }
.yith-wcwl-share li a.googleplus { background-image: url(//bestoptics.gr/wp-content/plugins/yith-woocommerce-wishlist/assets/images/googleplus.jpg); } .yith-wcwl-add-to-wishlist .ajax-loading {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
display: inline !important;
margin-left: 5px;
vertical-align: middle;
visibility: hidden;
width: 16px !important;
height: 16px !important;
}@-webkit-keyframes spin-360 {
from {
-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);
zoom: 1;
}
50% {
-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
zoom: 1;
}
to {
-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);
zoom: 1;
}
}    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,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
cursor: pointer;
} .ie7 img {
-ms-interpolation-mode: bicubic;
} textarea {
overflow: auto;
} button,
input,
select,
textarea {
margin: 0;
} pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
background: #fafafa;
border: 1px solid #f6f6f6;
padding: 10px;
margin-bottom: 20px;
} pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
} a:hover,
a:active {
outline: none;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
font-size: 50%;
vertical-align: super;
}
sub {
font-size: 50%;
vertical-align: sub;
}    html {
height: 100%;
font-size: 62.5%;
}
body {
font-size: 1.6em;
line-height: 1.618;
color: #222222;
font-family: "Lato", sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
position: relative;
background: #000000;
word-wrap: break-word;
}
#wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background: #fff;
}
#inner-wrapper {
position: relative;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 1.618em;
-webkit-transition: left ease 0.5s 0s;
-moz-transition: left ease 0.5s 0s;
-ms-transition: left ease 0.5s 0s;
-o-transition: left ease 0.5s 0s;
transition: left ease 0.5s 0s;
background: #fff;
}
::selection,
::-moz-selection {
background: #ef4444;
color: #fff;
}
img {
vertical-align: bottom;
max-width: 100%;
}
hr {
background-color: #f6f6f6;
border: 0;
height: 1px;
margin-bottom: 1.618em;
} a {
color: #ef4444;
text-decoration: none;
}
a:hover {
color: #cd2222;
}
a img:hover {
opacity: 0.75;
}  h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Lato", sans-serif;
color: #000000;
margin: 0 0 .618em;
font-weight: 600;
}
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 {
color: #ef4444 !important;
}
h1 {
font-size: 3.631em;
line-height: 1.2em;
}
h2 {
font-size: 1.618em;
line-height: 1.387em;
}
h3 {
font-size: 1.387em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 0.857em;
}
p {
-webkit-hyphens: auto;
-webkit-hyphenate-character: "\2010";
-webkit-hyphenate-limit-after: 1;
-webkit-hyphenate-limit-before: 3;
-moz-hyphens: manual;
orphans: 3;
widows: 3;
}
ul,
ol,
dl,
p,
table,
form,
pre,
hr {
margin: 0 0 1.618em 0;
}
li > ul,
li > ol {
margin: 0 0 0 1.618em;
}
dl dt {
font-weight: bold;
}
dl dd {
margin-bottom: 1.618em;
} @font-face {
font-family: 'Social';
font-weight: normal;
font-style: normal;
src: url(//bestoptics.gr/wp-content/themes/showoff/includes/fonts//social.eot);
src: url(//bestoptics.gr/wp-content/themes/showoff/includes/fonts//social.eot?#iefix) format('embedded-opentype'), url(//bestoptics.gr/wp-content/themes/showoff/includes/fonts/social.woff) format('woff'), url(//bestoptics.gr/wp-content/themes/showoff/includes/fonts/social.ttf) format('truetype'), url(//bestoptics.gr/wp-content/themes/showoff/includes/fonts/social.svg#woo-social) format('svg');
}
@font-face {
font-family: 'FontAwesome';
src: url(//bestoptics.gr/wp-content/themes/showoff/includes/fonts//fontawesome-webfont.eot);
src: url(//bestoptics.gr/wp-content/themes/showoff/includes/fonts//fontawesome-webfont.eot?#iefix) format('embedded-opentype'), url(//bestoptics.gr/wp-content/themes/showoff/includes/fonts//fontawesome-webfont.woff) format('woff'), url(//bestoptics.gr/wp-content/themes/showoff/includes/fonts//fontawesome-webfont.ttf) format('truetype'), url(//bestoptics.gr/wp-content/themes/showoff/includes/fonts//fontawesome-webfont.svg#FontAwesome) format('svg');
font-weight: normal;
font-style: normal;
}    #header {
padding: 5.874em 0 0 0;
clear: both;
}
#header #sidebar-footer {
display: none;
visibility: hidden;
}
#header #logo {
float: left;
margin-bottom: 1.618em;
max-width: 100%;
}
#header .site-title,
#header .site-description {
color: #000;
display: none;
text-align: center;
}
#header .site-title a,
#header .site-description a {
color: #000000;
text-transform: none;
font-weight: normal;
text-decoration: none;
}
#header .site-title {
margin-bottom: 0;
word-wrap: break-word;
}
#header .site-description {
margin-bottom: 1.618em;
}
#header .site-header {
margin: 0 0 2.618em;
width: 100%;
}
#header .site-header:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#header .site-header img {
float: left;
margin: 0 1.387em 0 0;
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#header .site-header .title-group {
float: left;
}
#header .site-header .title-group .site-title {
margin: 0 0 .09em;
line-height: .5em;
}
#header #about {
margin: 0 0 2.244em;
font-size: 1.1em;
clear: both;
}
#header #about p {
margin: 0;
}
#header .nav-toggle {
position: absolute;
top: 1em;
left: 1em;
cursor: pointer;
}
#header .nav-toggle:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f0c9";
background: #ef4444;
color: #ffffff;
height: 1.5em;
width: 1.5em;
text-align: center;
line-height: 1.5;
font-size: 1.618em;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-left: 0;
}
#header .nav-toggle a {
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
#header .nav-toggle a:hover {
text-decoration: none;
}
#header .nav-toggle span {
display: none;
}
#header .site-description {
color: #3c3c3c;
font-family: "Droid Serif", sans-serif;
font-style: italic;
}
#header #topad {
float: right;
}
#main {
margin: 0 0 5.874em;
} #sidebar {
overflow: hidden;
}
#sidebar .secondary {
float: left;
margin-right: 20px;
}
#sidebar .secondary.last {
margin: 0;
} #footer {
padding: 1.618em 0 0;
border-top: 2px solid #f6f6f6;
color: #3c3c3c;
}
#footer p img {
float: right;
margin-top: -7px;
}
#footer-widgets {
border-top: 1px solid #f6f6f6;
padding: 2.618em 0;
}
.cloned-footer {
margin: 0 0 3.631em;
}   .home-section {
margin: 0 0 4.236em;
padding: 0 0 4.236em;
border-bottom: 2px solid #f6f6f6;
}
.home-section h1 {
margin: 0 0 1em;
font-size: 2.618em;
}
.home-section#intro-message h1 {
font-size: 1.387em;
}
.home-section#intro-message p {
font-size: 1em;
}
.home-section#intro-message .button {
padding: .857em 2.244em;
font-size: 1em;
font-weight: bold;
}
.home-section#hero-product .hero-image {
margin: 0 0 1.618em;
}
.home-section#hero-product .hero-image img {
height: auto;
}
.home-section#hero-product .widget-title {
float: left;
}
.home-section#hero-product .widget-title a {
color: #222222;
}
.home-section#hero-product .price-wrap {
float: right;
clear: none!important;
}
.home-section#hero-product .hero-excerpt div {
clear: both;
}
.home-section#hero-product .button {
margin: 0 1em 1em 0;
font-weight: bold;
font-size: 1em;
}
.home-section#blog-posts {
padding: 0;
}
.home-section#blog-posts:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.home-section#blog-posts article {
border: none;
padding: 0;
}
.home-section#blog-posts article .image a {
position: relative;
display: block;
margin: 0 0 1.618em;
}
.home-section#blog-posts article .image a img {
border: none;
}
.home-section#blog-posts article:hover .image a:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border: 10px solid #fff;
border-color: transparent transparent #fff transparent;
}
.home-section#blog-posts article header h1 {
font-size: 1em;
max-width: 65%;
float: left;
clear: left;
}
.home-section#blog-posts article header .post-date {
display: block;
float: left;
font-style: italic;
max-width: 65%;
color: #6f6f6f;
}
.home-section#blog-posts article header .comments {
float: right;
}
.home-section#blog-posts article header .comments a {
color: #222222;
}
.home-section#blog-posts article header .comments a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f075";
font-size: 1.1em;
}
.home-section#blog-posts article header .comments a:hover {
color: #ef4444;
}
#homepage-area .widget {
margin: 0 0 4.236em;
padding: 0 0 4.236em;
border-bottom: 2px solid #f6f6f6;
}
#homepage-area .widget > h3 {
margin: 0 0 1em;
font-size: 2.618em;
}
.widget_woothemes_features:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.widget_woothemes_features .feature {
width: 100%;
list-style: none;
margin-bottom: 1.618em;
float: left;
clear: left;
}
.widget_woothemes_features .feature:nth-child(2n) {
float: right;
clear: none;
}
.widget_woothemes_features .feature h3 a {
color: #080808;
}
.widget_woothemes_features .feature img {
margin: 0 0 1.618em;
}
.widget_woothemes_testimonials .quote {
width: 100%;
list-style: none;
margin-bottom: 1.618em;
text-align: center;
float: left;
clear: left;
}
.widget_woothemes_testimonials .quote blockquote {
text-align: left;
}
.widget_woothemes_testimonials .quote blockquote:before {
content: '\201C';
font-size: 3.2em;
line-height: 0;
vertical-align: bottom;
margin: .202em .202em 0 0;
}
.widget_woothemes_testimonials .quote h3 a {
color: #080808;
}
.widget_woothemes_testimonials .quote a.avatar-link {
position: relative;
}
.widget_woothemes_testimonials .quote a.avatar-link img {
margin: 2.244em 0 0 0;
box-shadow: 0 0 0 3px #f6f6f6;
-webkit-box-shadow: 0 0 0 3px #f6f6f6;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.widget_woothemes_testimonials .quote .author {
display: block;
margin: 1.618em 0 0 0;
font-weight: 700;
font-style: normal;
}
.widget_woothemes_testimonials .quote .author .excerpt {
display: block;
font-weight: normal;
font-style: italic;
}
.widget_woothemes_testimonials .quote .author .url {
display: block;
font-weight: 400;
font-size: .9em;
}
.widget_woothemes_testimonials .quote .author .url a {
color: #555555;
}   #breadcrumbs {
margin-bottom: 1.618em;
color: #626262;
}
.home #breadcrumbs {
display: none;
}
.post .video {
margin-bottom: 1.618em;
}
.archive-header {
display: block;
float: left;
width: 100%;
margin: 0 0 3.631em;
padding: 0 0 1em;
font-weight: bold;
border-bottom: 2px solid #f6f6f6;
text-transform: uppercase;
}
.archive-header h1 {
font-size: 1em;
}
.archive-description {
clear: both;
margin-bottom: 1.618em;
}
.woocommerce-page .entry {
font-size: 1em!important;
}
body.page #main,
body.single-post #main {
max-width: 60em;
}
.post,
.type-page {
margin: 0 0 4.236em;
padding: 0 0 3.631em;
border-bottom: 2px solid #f6f6f6; }
.post header h1,
.type-page header h1 {
margin: 0 0 .53em;
font-weight: 900;
}
.post header h1 a:link,
.type-page header h1 a:link,
.post header h1 a:visited,
.type-page header h1 a:visited {
color: #000000;
}
.post .post-meta,
.type-page .post-meta {
margin: 0 0 1em 0;
color: #626262;
}
.post .post-meta a:link,
.type-page .post-meta a:link,
.post .post-meta a:visited,
.type-page .post-meta a:visited {
color: #2f2f2f;
}
.post .post-meta a:hover,
.type-page .post-meta a:hover {
color: #ef4444;
}
.post .post-meta ul,
.type-page .post-meta ul {
margin: 0;
}
.post .post-meta ul li,
.type-page .post-meta ul li {
display: inline;
}
.post .post-more,
.type-page .post-more {
clear: both;
}
.post .post-more a:link,
.type-page .post-more a:link,
.post .post-more a:visited,
.type-page .post-more a:visited {
color: #2f2f2f;
}
.post .post-more a:hover,
.type-page .post-more a:hover {
color: #ef4444;
}
.post .post-more .post-more-sep,
.type-page .post-more .post-more-sep {
margin: 0 10px;
}
.post p.tags,
.type-page p.tags {
width: 100%;
clear: both;
}
.post p.tags:before,
.type-page p.tags:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: '\f02c';
}
.post .entry ul,
.type-page .entry ul,
.post .entry ol,
.type-page .entry ol {
margin-left: 1.618em;
}
.post .entry blockquote,
.type-page .entry blockquote {
position: relative;
margin: 0 0 1.618em;
padding: .53em 0 .53em 2.618em;
quotes: "\201C" "\201D" "\2018" "\2019";
font-style: italic;
color: #555555;
border-left: 5px solid #5d9d4a;
}
.post .entry blockquote p,
.type-page .entry blockquote p {
margin: 0;
}
.post .entry blockquote p:before,
.type-page .entry blockquote p:before {
content: open-quote;
display: inline;
font-family: Georgia, serif;
margin: 0;
}
.post .entry blockquote p:after,
.type-page .entry blockquote p:after {
content: close-quote;
display: inline;
font-family: Georgia, serif;
margin: 0;
}
.post img,
.type-page img,
.post img.thumbnail,
.type-page img.thumbnail {
border: 3px solid #f6f6f6;
max-width: 100%;
height: auto;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.post img:hover,
.type-page img:hover,
.post img.thumbnail:hover,
.type-page img.thumbnail:hover {
border-color: #dddddd;
}
.post img.wp-smiley,
.type-page img.wp-smiley {
padding: 0;
border: 0;
}
.post .alignleft,
.type-page .alignleft {
float: left;
margin: 0 1.618em 1em 0;
}
.post .alignright,
.type-page .alignright {
float: right;
margin: 0 0 1em 1.618em;
}
.post .aligncenter,
.type-page .aligncenter {
display: block;
text-align: center;
margin: 0 auto 1.618em;
}
.post .alignnone,
.type-page .alignnone {
margin: 0 0 2.618em;
}
.post .wp-caption,
.type-page .wp-caption {
padding: 0;
font-size: .8em;
text-align: center;
max-width: 100%;
}
.post .wp-caption img,
.type-page .wp-caption img {
margin: 0;
padding: 0;
background: none;
border: 0;
}
.post .wp-caption p,
.type-page .wp-caption p {
margin: 0 5px;
padding: .618em 1.618em;
text-align: right;
font-size: .857em;
color: #fff;
background: #5d9d4a;
}
.post .wp-caption p a,
.type-page .wp-caption p a {
color: #fff;
text-decoration: underline;
}
.post .wp-caption p a:hover,
.type-page .wp-caption p a:hover {
text-decoration: none;
}
.post .wp-caption-text,
.type-page .wp-caption-text {
margin: 0;
padding: 0;
text-align: center;
} .single-post .post {
margin: 0 0 1em;
padding: 0 0 4.236em;
}
.single-post .post header h1 {
margin: 0 0 1em;
padding: 0 0 .618em;
border-bottom: 2px solid #f6f6f6;
}
.single-post .entry .alignleft {
margin-left: -1em;
}
.single-post .entry .alignright {
margin-right: -1em;
} .nav-entries,
.wp-pagenavi,
.woo-pagination {
padding: 1em 1.618em;
}
#post-entries,
.nav-entries {
margin: 0 0 3.631em;
padding: 1.618em 1em;
border-top: 2px solid #f6f6f6;
border-bottom: 2px solid #f6f6f6;
}
#post-entries a,
.nav-entries a {
display: block;
color: #222222;
text-decoration: none;
}
#post-entries a:hover,
.nav-entries a:hover {
text-decoration: underline;
}
#post-entries .nav-prev a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f053";
}
#post-entries .nav-next a:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f054";
}
#post-entries a:before,
#post-entries a:after {
width: 30px!important;
height: 22px;
padding: 8px 0 0;
color: #fff;
background: #ef4444;
text-align: center!important;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#post-entries a:hover:before,
#post-entries a:hover:after {
background: #eb1515;
}
.nav-entries .nav-prev:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f053";
}
.nav-entries .nav-next:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f054";
}
.nav-entries .nav-prev:before,
.nav-entries .nav-next:after {
width: 30px!important;
height: 22px;
padding: 8px 0 0;
color: #fff;
background: #ef4444;
text-align: center!important;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.nav-entries a:hover .nav-prev:before,
.nav-entries a:hover .nav-next:after {
background: #eb1515;
}
.woo-pagination {
margin: 0 0.146em;
text-align: center;
text-transform: uppercase;
font-size: .8em;
border-top: 2px solid #f6f6f6;
border-bottom: 2px solid #f6f6f6;
}
.woo-pagination .page-numbers {
display: inline;
text-decoration: none;
color: #222222;
margin: 0 .53em;
padding: .327em .857em;
font-weight: bold;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.woo-pagination .page-numbers.dots {
background: none;
border: 0;
}
.woo-pagination .page-numbers:hover {
background: #fff;
border-color: #b6b6b6;
}
.woo-pagination .page-numbers.current {
background: #ef4444;
border-color: #444444;
color: #fff;
} #post-author {
margin: 0 0 2.618em;
padding: 1.618em 0;
clear: both;
color: #6f6f6f;
}
#post-author h3 {
font-size: 1em;
}
#post-author .profile-image {
float: right;
margin: 0 0 .382em 2.244em;
}
#post-author .profile-image img {
border: 3px solid #f6f6f6;
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#post-author .profile-link {
margin: .857em 0 0;
}
#post-author .profile-link a {
text-transform: uppercase;
font-size: .78em;
font-weight: 600;
}    #top,
.top-navigation {
display: none;
} ul.nav li a {
padding: .53em 1em;
display: block;
color: #222222;
}
ul.nav li a:hover {
text-decoration: none;
}
ul.nav li.current-menu-item > a {
background: #ffffff;
color: #222222;
}
#navigation {
clear: both;
margin-bottom: 2.618em;
width: 80%;
left: -80%;
position: absolute;
top: 0;
height: 100%;
z-index: 99999;
background: #000000;
padding-top: 4.236em;
box-shadow: inset -1.618em 0 1.618em -1em #000000;
-webkit-box-shadow: inset -1.618em 0 1.618em -1em #000000;
}
#navigation .widget_product_search {
margin: 0;
border-top: 1px solid #000000;
}
#navigation .widget_product_search #searchform {
border-left: 0;
border-right: 0;
-webkit-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: .618em 1em;
margin: 0;
border-bottom: 1px solid #000000;
border-top: 1px solid #111111;
background-color: #080808;
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#000000)); background-image: -webkit-linear-gradient(top, #080808, #000000); background-image: -moz-linear-gradient(top, #080808, #000000); background-image: -ms-linear-gradient(top, #080808, #000000); background-image: -o-linear-gradient(top, #080808, #000000); background-image: linear-gradient(to bottom, #080808, #000000);
}
#navigation .widget_product_search #searchform #s {
padding: .202em .857em;
-webkit-border-radius: 4em;
border-radius: 4em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #111111;
background-image: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#181818)); background-image: -webkit-linear-gradient(top, #111111, #181818); background-image: -moz-linear-gradient(top, #111111, #181818); background-image: -ms-linear-gradient(top, #111111, #181818); background-image: -o-linear-gradient(top, #111111, #181818); background-image: linear-gradient(to bottom, #111111, #181818);
border: 1px solid #000000;
color: #666666;
-webkit-box-shadow: inset 0 1px 3px #000000, 0 1px 1px #111111;
box-shadow: inset 0 1px 3px #000000, 0 1px 1px #111111;
}
#navigation .widget_product_search #searchform #searchsubmit {
display: none;
}
#navigation h3 {
border-bottom: 1px solid #000000;
border-top: 1px solid #2c2c2c;
background-color: #222222;
background-image: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -ms-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111);
padding: .382em 1em;
font-size: .857em;
margin: 0;
font-family: sans-serif;
text-transform: uppercase;
color: #777777;
text-shadow: 0 1px 0 #000000;
}
#navigation ul.nav {
list-style: none;
margin-bottom: 0;
}
#navigation ul.nav li {
list-style: none;
}
#navigation ul.nav li a {
border-bottom: 1px solid #000000;
border-top: 1px solid #080808;
color: #444444;
-webkit-tap-highlight-color: #ef4444;
text-shadow: 0 -1px 0 #000000;
}
#navigation ul.nav li.current-menu-item > a {
background-color: #080808;
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#000000)); background-image: -webkit-linear-gradient(top, #080808, #000000); background-image: -moz-linear-gradient(top, #080808, #000000); background-image: -ms-linear-gradient(top, #080808, #000000); background-image: -o-linear-gradient(top, #080808, #000000); background-image: linear-gradient(to bottom, #080808, #000000);
color: #fafafa;
text-shadow: 0 1px #000000;
border: 0;
-webkit-box-shadow: inset 0 1px #111111, inset 0 -1px #000000;
box-shadow: inset 0 1px #111111, inset 0 -1px #000000;
}
#navigation ul.nav li.current-menu-item > a:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f054";
font-size: .875em;
float: right;
line-height: 2;
}
#navigation ul.nav ul {
margin: 0;
}
#navigation ul.nav ul li a {
padding-left: 1.618em;
}
#navigation ul.nav ul li ul li a {
padding-left: 2.618em;
}
#navigation .nav-close,
#navigation .nav-home {
position: absolute;
top: 1em;
left: 1em;
cursor: pointer;
}
#navigation .nav-close:after,
#navigation .nav-home:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f00d";
background-color: #000000;
background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000)); background-image: -webkit-linear-gradient(top, #000000, #000000); background-image: -moz-linear-gradient(top, #000000, #000000); background-image: -ms-linear-gradient(top, #000000, #000000); background-image: -o-linear-gradient(top, #000000, #000000); background-image: linear-gradient(to bottom, #000000, #000000);
height: 1.5em;
width: 1.5em;
text-align: center;
line-height: 1.5;
font-size: 1.618em;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-left: 0;
color: #444444;
text-shadow: 0 -1px 0 #000000;
-webkit-box-shadow: inset 0 0 1px 1px #000000, inset 0 2px #111111, 0 1px #111111;
box-shadow: inset 0 0 1px 1px #000000, inset 0 2px #111111, 0 1px #111111;
}
#navigation .nav-close span,
#navigation .nav-home span {
display: none;
}
#navigation .nav-home {
left: auto;
right: 1em;
}
#navigation .nav-home:after {
content: "\f015";
}
#navigation ul.rss li {
display: inline;
padding: 0;
}
#navigation ul.rss li a:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f09e";
color: orange;
float: right;
line-height: 1.618;
}
#navigation ul.rss li.sub-email {
color: #222222;
}
.show-nav #navigation .top-navigation {
display: block;
}
.show-nav #inner-wrapper {
left: 80%;
-webkit-border-radius: 0.618em;
border-radius: 0.618em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
@media only screen and (max-width: 767px) {
.csstransforms3d.csstransitions #navigation {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.csstransforms3d.csstransitions #inner-wrapper {
left: 0 !important;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 200ms ease;
-moz-transition: -moz-transform 200ms ease;
-o-transition: -o-transform 200ms ease;
transition: transform 200ms ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.csstransforms3d.csstransitions .show-nav #navigation {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.csstransforms3d.csstransitions .show-nav #inner-wrapper {
-webkit-transform: translate3d(80%, 0, 0);
-moz-transform: translate3d(80%, 0, 0);
-ms-transform: translate3d(80%, 0, 0);
-o-transform: translate3d(80%, 0, 0);
transform: translate3d(80%, 0, 0);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
}    .widget {
margin-bottom: 3.631em;
font-size: .857em;
}
.widget h3 {
font-size: 1em;
color: #080808;
}
.widget a:link,
.widget a:visited {
color: #222222;
}
.widget ul {
clear: both;
list-style-position: inside;
list-style-type: disc;
}
.widget ul li {
padding: .202em 0;
list-style: none;
}
.widget ul li a {
text-decoration: none;
}
.widget ul li a:hover {
text-decoration: underline;
}
#homepage-area .widget {
font-size: 1em;
} #searchform {
overflow: hidden;
width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;
border: 2px solid #dddddd;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#searchform .s,
#searchform #s {
padding: .857em 2.618em .857em .857em;
width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0;
border: 0;
background: none;
color: #222222;
}
#searchform .search-submit,
#searchform #searchsubmit {
position: absolute;
top: 33%;
right: .857em;
border: none;
overflow: hidden;
margin: 0;
padding: 20px 0 0;
width: 20px;
height: 0;
background: url(//bestoptics.gr/wp-content/themes/showoff/images/ico-search.png) no-repeat left top;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#searchform .search-submit:active,
#searchform #searchsubmit:active {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#searchform .search-submit:hover,
#searchform #searchsubmit:hover {
background: url(//bestoptics.gr/wp-content/themes/showoff/images/ico-search.png) no-repeat left top;
}
#searchform label {
display: none;
} .widget_woo_flickr h3 span {
color: #0051d8;
}
.widget_woo_flickr h3 span span {
color: #ff1183;
}
.widget_woo_flickr .wrap {
margin: 1em 0 0;
text-align: center;
}
.widget_woo_flickr .wrap .flickr_badge_image {
display: inline-block;
margin: 0 1em 1.387em;
}
.widget_woo_flickr .wrap .flickr_badge_image a img {
display: block;
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
} #wp-calendar caption {
padding: 1em;
}
#wp-calendar th,
#wp-calendar td {
text-align: center;
padding: .53em 0;
} .widget_woo_blogauthorinfo .avatar {
padding: .382em;
border: 1px solid #f6f6f6;
}
.widget_woo_blogauthorinfo .left {
float: left;
margin: 0 1em .618em 0;
}
.widget_woo_blogauthorinfo .right {
float: right;
margin: 0 .618em 1em;
} .widget_woodojo_tabs {
clear: both;
}
.widget_woodojo_tabs ul.nav-tabs,
.widget_woodojo_tabs ul.tabs {
margin-bottom: 1.618em;
list-style: none;
border-bottom: 1px solid #f6f6f6;
}
.widget_woodojo_tabs ul.nav-tabs:after,
.widget_woodojo_tabs ul.tabs:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.widget_woodojo_tabs ul.nav-tabs li,
.widget_woodojo_tabs ul.tabs li {
float: left;
margin-bottom: 0;
display: block;
}
.widget_woodojo_tabs ul.nav-tabs li a,
.widget_woodojo_tabs ul.tabs li a {
border-bottom: 0;
background: rgba(246, 246, 246, 0.5);
border: 1px solid #f6f6f6;
border-bottom-width: 0;
border-right-width: 0;
display: block;
color: #222222;
margin: 0 !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
padding: .382em .53em !important;
}
.widget_woodojo_tabs ul.nav-tabs li a:hover,
.widget_woodojo_tabs ul.tabs li a:hover {
color: #ef4444;
}
.widget_woodojo_tabs ul.nav-tabs li:last-child a,
.widget_woodojo_tabs ul.tabs li:last-child a {
border-right-width: 1px;
}
.widget_woodojo_tabs ul.nav-tabs li.active,
.widget_woodojo_tabs ul.tabs li.active {
position: relative;
}
.widget_woodojo_tabs ul.nav-tabs li.active a,
.widget_woodojo_tabs ul.tabs li.active a {
position: relative;
background: #fff;
color: #ef4444;
}
.widget_woodojo_tabs ul.nav-tabs li.active a:after,
.widget_woodojo_tabs ul.tabs li.active a:after {
content: "";
display: block;
position: absolute;
bottom: -4px;
left: 0;
right: 0;
height: 4px;
background: #fff;
}    #comments {
margin: 0 0 4.236em;
position: relative;
}
#comments .comment {
width: 100%;
margin: 0 0 1.618em;
padding: 1.618em 0;
list-style: none;
border-bottom: 2px solid #f6f6f6;
}
#comments .comment.bypostauthor .avatar img {
border-color: #ef4444;
}
#comments .comment .comment-container {
position: relative;
}
#comments .comment .comment-head {
margin: 0 0 1em 0;
}
#comments .comment .comment-head .name {
display: block;
margin: 0;
padding: 1em 0 0;
font-weight: bold;
line-height: 1;
}
#comments .comment .comment-head .date,
#comments .comment .comment-head .edit,
#comments .comment .comment-head .perma {
font-size: .8em;
}
#comments .comment .avatar {
float: left;
margin: 0 1em 1em 0;
}
#comments .comment .avatar img {
margin: 0 1em 0 0;
vertical-align: middle;
background: #fff;
border: 3px solid #f6f6f6;
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#comments .comment .comment-entry {
clear: both;
color: #6f6f6f;
}
#comments .comment .comment-entry ul,
#comments .comment .comment-entry ol {
margin-left: 1.618em;
}
#comments .comment .reply {
position: absolute;
top: 0;
right: 0;
font-size: .8em;
}
#comments .comment .reply a {
background: #bfbfbf;
color: #222222 !important;
text-shadow: none;
margin: 0;
padding: .382em 1.387em;
}
#comments .comment .reply a:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f112";
}
#comments .comment .reply a:hover {
background: #b8b8b8;
}
#comments ul.children {
margin: 0 0 0 1.618em;
padding: 0;
}
#comments ul.children li {
margin: 0;
padding: 1.618em 0 1em;
border: none;
border-top: 1px solid #f6f6f6;
}
#comments .navigation a {
display: block;
text-decoration: none;
}
#comments .pingbacks li.pingback {
margin: 0 0 1.618em;
}
#comments .pingbacks li.pingback .reply {
display: none;
}
#comments .nocomments {
font-weight: bold;
}
#comments #cancel-comment-reply-link {
display: block;
font-size: .53em;
} #respond label {
font-weight: 600;
text-transform: uppercase;
font-size: .78em;
color: #6f6f6f;
}
#respond .logged-in-as {
color: #6f6f6f;
}
#respond #reply-title small {
margin: 0 0 1.618em;
}
#respond #commentform p {
margin-bottom: .857em;
}
#respond #commentform .comment-form-author,
#respond #commentform .comment-form-email,
#respond #commentform .comment-form-url {
width: 30.75%;
float: left;
margin-right: 3.8%;
}
#respond #commentform .comment-form-url {
margin-right: 0;
}
#respond #commentform label {
display: block;
margin: .327em 0;
}
#respond #commentform input.txt,
#respond #commentform textarea {
width: 100%;
}
#respond #commentform .form-submit {
text-align: right;
} .pinglist li {
margin: 0 0 0 1.618em;
list-style-type: decimal;
}
.pinglist li .author {
font-weight: bold;
}
.pinglist li .pingcontent {
display: block;
margin: 0 0 1.618em;
}    #timeline {
padding: 10px 0 0;
}
#timeline .archives_list {
border-left: 1px solid #f6f6f6;
list-style: none;
margin: 0 0 0 25px;
padding: 0 0 20px;
}
#timeline .archives_list:last-child:after {
content: '';
position: relative;
top: 20px;
left: -7px;
display: block;
width: 5px;
height: 5px;
border: 4px solid #f6f6f6;
background: #d3d3d3;
-webkit-border-radius: 30px;
border-radius: 30px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#timeline .archives_list li {
clear: left;
padding: 10px 0 10px 10px;
font-size: 0.9em;
font-style: normal;
list-style: none;
}
#timeline .archives_list .date {
color: #3c3c3c;
position: relative;
width: 40%;
font-style: italic;
display: block;
vertical-align: top;
}
#timeline .archives_list .date:before {
content: '';
position: absolute;
top: 9px;
left: -10px;
display: block;
width: 5px;
height: 1px;
border-top: 2px solid #f6f6f6;
}
#timeline .archives_list .linked {
padding-top: 2px;
padding-right: 80px;
width: auto;
display: inline-block;
font-size: 1.2em;
line-height: 1.2;
vertical-align: top;
}
#timeline .archives_list .linked a {
font-weight: bold;
}
#timeline .archives_list .comments {
display: inline;
margin-top: -15px;
float: right;
vertical-align: top;
}
#timeline .archives_list .comments a {
display: block;
position: relative;
width: 30px;
height: 27px;
padding: 3px 0 0 0;
text-align: center;
background: #d3d3d3;
color: #fff;
font-weight: bold;
font-size: 1.2em;
-webkit-border-radius: 30px;
border-radius: 30px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
#timeline .archives_list .comments a:after {
content: '';
display: block;
position: absolute;
top: 11px;
left: -7px;
border: 0.3em solid #ef4444;
border-color: transparent #d3d3d3 transparent transparent;
}
h3.archive_year {
font-weight: bold;
font-size: 0.9em;
text-shadow: 1px 1px 0 #fff;
padding: 4px 15px;
background: #fafafa;
color: #222222;
border: 1px solid #f6f6f6;
display: inline;
margin-top: 0;
-webkit-border-radius: 50px;
border-radius: 50px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
} #contact-page .screenReader {
left: -9999px;
position: absolute;
top: -9999px;
display: none;
}
#contact-page ol.forms {
margin: 0 0 2.618em;
list-style: none;
}
#contact-page ol.forms:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#contact-page ol.forms li {
clear: both;
float: left;
margin-bottom: 1.618em;
position: relative;
width: 48%;
}
#contact-page ol.forms li:first-child {
margin-right: 3.8%;
}
#contact-page ol.forms li:nth-child(2n) {
clear: none;
}
#contact-page ol.forms li.textarea,
#contact-page ol.forms li.screenReader,
#contact-page ol.forms li.inline,
#contact-page ol.forms li.buttons,
#contact-page ol.forms li input.txt,
#contact-page ol.forms li textarea {
width: 100%;
}
#contact-page ol.forms li .error {
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.inline {
clear: none;
float: left;
width: 48%;
}
#contact-page ol.forms li.inline input {
width: auto;
margin-right: .53em;
position: relative;
top: -0.5px;
}
#contact-page ol.forms li.inline label {
display: inline;
float: none;
width: auto;
font-size: .857em;
font-weight: normal;
font-style: italic;
}
#contact-page ol.forms li.buttons {
clear: none;
float: right;
width: 48%;
text-align: right;
}
#contact-page ol.forms label {
cursor: pointer;
display: block;
font-weight: 700;
margin: 0 0 1em;
}
.page-template-template-contact-php #single_map_canvas img {
max-width: inherit;
}
.page-template-template-contact-php #location-map {
margin: 0 0 2.618em;
border-bottom: 1px solid #f6f6f6;
}
.page-template-template-contact-php #location-map #location {
margin: 0 0 2.618em;
}
.page-template-template-contact-php #location-map #location ul {
margin: 0;
padding: 0;
}
.page-template-template-contact-php #location-map #location ul li {
list-style: none;
padding: 0;
}
.page-template-template-contact-php #location-map #map {
margin: 0 0 2.618em;
}
.page-template-template-contact-php #twitter-connect {
margin: 0 0 2.618em;
border-bottom: 1px solid #f6f6f6;
}
.page-template-template-contact-php #twitter-connect #twitter {
margin: 0 0 2.618em;
}
.page-template-template-contact-php #twitter-connect #twitter ul {
margin: 0 0 .857em;
list-style: none;
}
.page-template-template-contact-php #twitter-connect #twitter a.time {
color: #484848;
}
.page-template-template-contact-php #twitter-connect #twitter .follow-twitter {
font-style: italic;
font-size: .857em;
}
.page-template-template-contact-php #twitter-connect #contact-social {
margin: 0 0 2.618em;
}
.page-template-template-contact-php #twitter-connect #contact-social #connect {
background: none;
border: none;
padding: 0;
}
.page-template-template-contact-php #twitter-connect #contact-social #connect .social {
float: none;
clear: both;
}
.page-template-template-contact-php #twitter-connect #contact-social #connect .social a span {
display: none;
}
@media only screen and (min-width: 768px) {
.page-template-template-contact-php #location-map:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.page-template-template-contact-php #location-map #location {
float: left;
width: 30%;
}
.page-template-template-contact-php #location-map #map.float {
float: right;
width: 65%;
}
.page-template-template-contact-php #twitter-connect:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.page-template-template-contact-php #twitter-connect #twitter {
float: left;
width: 45%;
}
.page-template-template-contact-php #twitter-connect #contact-social.float {
float: right;
width: 45%;
}
} .page-template-template-sitemap-php .entry ul,
.page-template-template-sitemap-php .entry ol {
list-style: none;
margin-left: 0;
}
.page-template-template-sitemap-php .entry ul ul,
.page-template-template-sitemap-php .entry ol ul,
.page-template-template-sitemap-php .entry ul ol,
.page-template-template-sitemap-php .entry ol ol {
margin-left: 20px;
}    body .wooslider {
margin: 0 0 5.874em!important;
background: none;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
body .wooslider:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
body .wooslider .slides li.slide .slide-content {
position: relative;
margin: 0;
}
body .wooslider .slides li.slide .slide-content .slide-excerpt {
position: absolute;
padding: 2.618em;
text-align: center;
top: 30%;
left: 15%;
right: 15%;
bottom: 30%;
color: #fff;
background: #000;
background: rgba(0, 0, 0, 0.7);
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
body .wooslider .slides li.slide .slide-content .slide-excerpt p {
height: 100%;
overflow: hidden;
}
body .wooslider .wooslider-direction-nav a {
position: absolute;
display: block;
margin: -20px 0 0;
padding: 5px 0 0;
line-height: 2.1;
overflow: hidden;
top: auto;
bottom: 2em;
z-index: 10;
cursor: pointer;
text-align: center;
opacity: 1;
filter: alpha(opacity=@opacity * 100);
-webkit-transition: all ease-in-out 0.2s 0s;
-moz-transition: all ease-in-out 0.2s 0s;
-ms-transition: all ease-in-out 0.2s 0s;
-o-transition: all ease-in-out 0.2s 0s;
transition: all ease-in-out 0.2s 0s;
}
body .wooslider .wooslider-direction-nav a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
margin: 0;
padding: .4em 0 0;
width: auto;
height: auto;
font-size: 1.387em;
text-shadow: none;
background: #ef4444;
color: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body .wooslider .wooslider-direction-nav a:hover:before {
background: #eb1515;
}
body .wooslider .wooslider-direction-nav .wooslider-next {
right: 1.2em;
}
body .wooslider .wooslider-direction-nav .wooslider-next:before {
content: '\f054';
}
body .wooslider .wooslider-direction-nav .wooslider-prev {
left: 1.2em;
}
body .wooslider .wooslider-direction-nav .wooslider-prev:before {
content: '\f053';
}
body .wooslider .wooslider-direction-nav.wooslider-disabled {
opacity: 0.3;
filter: alpha(opacity=@opacity * 100);
cursor: default;
}
body .wooslider .wooslider-control-paging {
margin-top: 0;
}
body .wooslider .wooslider-control-paging li a {
background: rgba(0, 0, 0, 0.3);
}
body .wooslider .wooslider-control-paging li a.wooslider-active {
background: #5d9d4a;
}
body .wooslider:hover .wooslider-direction-nav .wooslider-next,
body .wooslider:hover .wooslider-direction-nav .wooslider-prev {
opacity: 1;
filter: alpha(opacity=@opacity * 100);
}    .fl {
float: left;
}
.fr {
float: right;
}
.ac {
text-align: center;
}
.ar {
text-align: right;
} .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,
.col-full {
zoom: 1;
} #connect {
clear: both;
color: #6f6f6f;
}
#connect h3 {
font-size: 1em;
}
#connect .newsletter-form {
margin: 0 0 1.387em;
}
#connect .newsletter-form .email {
margin: 0 1em 1em 0;
}
#connect .newsletter-form .submit {
margin: 0 0 1em;
position: relative;
top: -3px;
}
#connect .social a {
opacity: 0.8;
filter: alpha(opacity=@opacity * 100);
display: inline-block;
padding-left: .1em;
}
#connect .social a:hover {
opacity: 1;
filter: alpha(opacity=@opacity * 100);
}
#connect .social a:hover {
text-decoration: none;
}
#connect .social a:before {
font-family: Social;
font-size: 1.2em;
line-height: 1.1;
margin: 0 0.53em 0.53em 0;
padding: .53em;
display: inline-block;
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
color: #fff;
background: #ef4444;
}
#connect .social a.subscribe:before {
content: '\e001';
background-color: #FF6600;
}
#connect .social a.twitter:before {
content: '\e002';
background-color: #00aced;
}
#connect .social a.facebook:before {
content: '\e003';
background-color: #3b5998;
}
#connect .social a.youtube:before {
content: '\e004';
background-color: #af2b26;
}
#connect .social a.flickr:before {
content: '\e005';
background-color: #ff0084;
}
#connect .social a.linkedin:before {
content: '\e006';
background-color: #71c5ef;
}
#connect .social a.delicious:before {
content: '\e007';
background-color: #285da7;
}
#connect .social a.googleplus:before {
content: '\e008';
background-color: #2d2d2d;
font-weight: bold;
}
#connect .social a.dribbble:before {
content: '\e009';
background-color: #ea4c89;
}
#connect .social a.instagram:before {
content: '\e010';
background-color: #517fa4;
}
#connect .social a.vimeo:before {
content: '\e011';
background-color: #33454E;
}
#connect .social a.pinterest:before {
content: '\e012';
background-color: #cb2027;
}
#main #connect {
margin: 0 0 2.618em;
padding: 2.244em 0;
border-top: 2px solid #f6f6f6;
border-bottom: 2px solid #f6f6f6;
}
#related-posts {
margin: 0 0 2.618em;
}
#related-posts ul {
list-style: none;
} table {
border-spacing: 0;
width: 100%;
border: 1px solid #e9e9e9;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-collapse: separate;
}
table td,
table th {
padding: .857em 1.387em;
text-align: left;
border-right: 1px dotted #e9e9e9;
vertical-align: top;
}
table td p:last-child,
table th p:last-child {
margin-bottom: 0;
}
table thead th {
background: #fff;
border-right: 1px dotted #e9e9e9;
border-bottom: 1px solid #e9e9e9;
text-transform: uppercase;
padding: 1.387em;
vertical-align: middle;
}
table thead th:first-child {
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table thead th:last-child {
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table tr th:last-child,
table tr td:last-child {
border-right: 0;
}
table tbody th {
background: #fff;
border-bottom: 1px solid #e9e9e9;
}
table tbody tr:nth-child(2n) td {
border-right: 1px dotted #e9e9e9;
background: #fafafa;
}
table tbody tr:nth-child(2n) td:last-child {
border-right: 0;
}
table tbody td {
border-bottom: 1px solid #e9e9e9;
}
table tbody h2 {
font-size: 1em;
letter-spacing: normal;
font-weight: normal;
}
table tbody h2 a {
font-weight: normal;
}
table tbody tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table tbody tr:last-child td:last-child {
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table tbody tr:last-child td {
border-bottom: 0;
} input[type=text],
input.input-text,
textarea,
input.txt,
input[type=tel],
input[type=email],
input[type=password] {
padding: .236em .5em;
border: 2px solid #dddddd;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
font-size: 1em; line-height: 1.618em;
font-family: inherit; outline: none;
font-weight: 300;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a.button,
a.comment-reply-link,
#commentform #submit,
.submit,
input[type=submit],
input.button,
button.button,
#wrapper .woo-sc-button {
display: inline-block;
padding: .327em 1em;
color: white!important;
text-align: center;
border: none;
text-decoration: none;
font-size: .75em; font-family: inherit; cursor: pointer; overflow: visible; width: auto; line-height: 1.618em;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap;
background: #ef4444;
font-weight: 200;
text-transform: uppercase;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
a.button:hover,
a.comment-reply-link:hover,
#commentform #submit:hover,
.submit:hover,
input[type=submit]:hover,
input.button:hover,
button.button:hover,
#wrapper .woo-sc-button:hover {
text-decoration: none;
background: #bd1010;
}
a.button:active,
a.comment-reply-link:active,
#commentform #submit:active,
.submit:active,
input[type=submit]:active,
input.button:active,
button.button:active,
#wrapper .woo-sc-button:active {
border-color: #9a0000;
box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 7px 0 rgba(0, 0, 0, 0.3);
}
a.button.large,
a.comment-reply-link.large,
#commentform #submit.large,
.submit.large,
input[type=submit].large,
input.button.large,
button.button.large,
#wrapper .woo-sc-button.large {
font-size: 1.387em;
}
a.button.small,
a.comment-reply-link.small,
#commentform #submit.small,
.submit.small,
input[type=submit].small,
input.button.small,
button.button.small,
#wrapper .woo-sc-button.small {
font-size: .857em;
}
a.button.red,
a.comment-reply-link.red,
#commentform #submit.red,
.submit.red,
input[type=submit].red,
input.button.red,
button.button.red,
#wrapper .woo-sc-button.red {
border-color: #af4040;
background: #d72323;
}
a.button.red:hover,
a.comment-reply-link.red:hover,
#commentform #submit.red:hover,
.submit.red:hover,
input[type=submit].red:hover,
input.button.red:hover,
button.button.red:hover,
#wrapper .woo-sc-button.red:hover {
background: #d20000;
}
a.button.orange,
a.comment-reply-link.orange,
#commentform #submit.orange,
.submit.orange,
input[type=submit].orange,
input.button.orange,
button.button.orange,
#wrapper .woo-sc-button.orange {
border-color: #af7440;
background: #d76b23;
}
a.button.orange:hover,
a.comment-reply-link.orange:hover,
#commentform #submit.orange:hover,
.submit.orange:hover,
input[type=submit].orange:hover,
input.button.orange:hover,
button.button.orange:hover,
#wrapper .woo-sc-button.orange:hover {
background: #d25e00;
}
a.button.green,
a.comment-reply-link.green,
#commentform #submit.green,
.submit.green,
input[type=submit].green,
input.button.green,
button.button.green,
#wrapper .woo-sc-button.green {
border-color: #87bf00;
background: #8dc11e;
}
a.button.green:hover,
a.comment-reply-link.green:hover,
#commentform #submit.green:hover,
.submit.green:hover,
input[type=submit].green:hover,
input.button.green:hover,
button.button.green:hover,
#wrapper .woo-sc-button.green:hover {
background: #87c000;
}
a.button.aqua,
a.comment-reply-link.aqua,
#commentform #submit.aqua,
.submit.aqua,
input[type=submit].aqua,
input.button.aqua,
button.button.aqua,
#wrapper .woo-sc-button.aqua {
border-color: #40af96;
background: #23d7af;
}
a.button.aqua:hover,
a.comment-reply-link.aqua:hover,
#commentform #submit.aqua:hover,
.submit.aqua:hover,
input[type=submit].aqua:hover,
input.button.aqua:hover,
button.button.aqua:hover,
#wrapper .woo-sc-button.aqua:hover {
background: #00d2a8;
}
a.button.teal,
a.comment-reply-link.teal,
#commentform #submit.teal,
.submit.teal,
input[type=submit].teal,
input.button.teal,
button.button.teal,
#wrapper .woo-sc-button.teal {
border-color: #23a6d6;
background: #23abd7;
}
a.button.teal:hover,
a.comment-reply-link.teal:hover,
#commentform #submit.teal:hover,
.submit.teal:hover,
input[type=submit].teal:hover,
input.button.teal:hover,
button.button.teal:hover,
#wrapper .woo-sc-button.teal:hover {
background: #009ed2;
}
a.button.purple,
a.comment-reply-link.purple,
#commentform #submit.purple,
.submit.purple,
input[type=submit].purple,
input.button.purple,
button.button.purple,
#wrapper .woo-sc-button.purple {
border-color: #234dd6;
background: #2356d7;
}
a.button.purple:hover,
a.comment-reply-link.purple:hover,
#commentform #submit.purple:hover,
.submit.purple:hover,
input[type=submit].purple:hover,
input.button.purple:hover,
button.button.purple:hover,
#wrapper .woo-sc-button.purple:hover {
background: #0036d2;
}
a.button.pink,
a.comment-reply-link.pink,
#commentform #submit.pink,
.submit.pink,
input[type=submit].pink,
input.button.pink,
button.button.pink,
#wrapper .woo-sc-button.pink {
border-color: #d623cb;
background: #d723d5;
}
a.button.pink:hover,
a.comment-reply-link.pink:hover,
#commentform #submit.pink:hover,
.submit.pink:hover,
input[type=submit].pink:hover,
input.button.pink:hover,
button.button.pink:hover,
#wrapper .woo-sc-button.pink:hover {
background: #bc00d2;
}
a.button.silver,
a.comment-reply-link.silver,
#commentform #submit.silver,
.submit.silver,
input[type=submit].silver,
input.button.silver,
button.button.silver,
#wrapper .woo-sc-button.silver {
color: #444 !important;
text-shadow: 0 1px #fff;
border-color: #bbb;
background: #d8d8d8;
}
a.button.silver:hover,
a.comment-reply-link.silver:hover,
#commentform #submit.silver:hover,
.submit.silver:hover,
input[type=submit].silver:hover,
input.button.silver:hover,
button.button.silver:hover,
#wrapper .woo-sc-button.silver:hover {
background: #ccc;
} p.woo-sc-box,
div.woo-sc-box {
margin: 1em 0 1.5em 0;
padding: 9px 10px 9px 50px;
border-width: 1px 0 1px 0;
color: #000000;
text-shadow: none;
}
p.woo-sc-box.rounded,
div.woo-sc-box.rounded {
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
p.woo-sc-box.alert,
div.woo-sc-box.alert {
border-color: #f0baa2;
background-color: #ffd9c8;
}
p.woo-sc-box.download,
div.woo-sc-box.download {
border-color: #d4ebaf;
background-color: #edfcd5;
}
p.woo-sc-box.tick,
div.woo-sc-box.tick {
border-color: #d4ebaf;
background-color: #edfcd5;
}
p.woo-sc-box.info,
div.woo-sc-box.info {
border-color: #f6f6f6;
background-color: #fafafa;
}
p.woo-sc-box.note,
div.woo-sc-box.note {
border-color: #efe3ae;
background-color: #fef6d2;
}
p.woo-sc-box.normal,
div.woo-sc-box.normal {
border-color: #f6f6f6;
background-color: #fafafa;
} ul.gform_fields li {
list-style: none;
}
.gfield {
margin-bottom: 1.618em;
}
.gfield_label {
width: 100%;
font-weight: bold;
margin-bottom: .618em;
display: block;
}
.gfield_required {
color: red;
}
.ginput_container {
margin-bottom: 1.618em;
}
.ginput_container:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.ginput_container label {
display: block;
}
.ginput_container input,
.ginput_container textarea {
width: 100%;
}
.ginput_container .ginput_left,
.ginput_container .ginput_right,
.ginput_container .ginput_full {
margin-bottom: 1em;
display: block;
}
.ginput_container .ginput_left label,
.ginput_container .ginput_right label,
.ginput_container .ginput_full label {
font-size: .875em;
}
.ginput_container .ginput_left,
.ginput_container .ginput_right {
width: 48%;
float: left;
clear: left;
}
.ginput_container .ginput_right {
float: right;
clear: none;
}
.ginput_container .gfield_checkbox,
.ginput_container .gfield_radio {
margin-left: 0;
}
.ginput_container .gfield_checkbox label,
.ginput_container .gfield_radio label {
display: inline-block;
margin-left: .618em;
}
.ginput_container .gfield_checkbox input,
.ginput_container .gfield_radio input {
width: auto;
}
img.ui-datepicker-trigger {
border: 0;
padding: 0;
} .ie8 .widget_woo_blogauthorinfo .avatar {
width: auto;
}@-webkit-keyframes spin-360 {
from {
-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);
zoom: 1;
}
50% {
-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
zoom: 1;
}
to {
-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);
zoom: 1;
}
} @media only screen and (min-width: 768px) {
#inner-wrapper {
left: 0 !important;
padding: 0;
}
#inner-wrapper:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
} ul.nav {
position: relative;
margin-bottom: 0;  }
ul.nav li {
position: relative;
zoom: 1;
list-style: none;
}
ul.nav li a {
display: block;
padding: .53em 1em;
}
ul.nav li.parent > a:after {
content: '';
display: inline-block;
width: 0;
height: 0;
position: absolute;
right: 0;
top: 10px;
border: 0.382em solid #f6f6f6;
border-color: #dddddd transparent transparent transparent;
}
ul.nav ul {
width: 11.089em;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
margin: 0;
}
ul.nav ul li {
float: none;
}
ul.nav ul li a {
width: 100%;
display: inline-block;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul.nav ul li.current-menu-item > a {
font-weight: bold;
}
ul.nav ul ul {
left: 100%;
top: 0;
}
ul.nav li:hover > ul {
visibility: visible;
} #top {
background: #000;
margin: 0 -1.618em;
padding: 0 1.618em;
display: block;
}
#top #top-nav,
#top .top-navigation {
display: block;
}
#top #top-nav h3,
#top .top-navigation h3 {
display: none;
}
#top ul.nav {
font-size: .857em;  }
#top ul.nav > li {
float: left;
}
#top ul.nav > li a {
color: #999;
}
#top ul.nav > li a:hover {
background: #555;
color: #fff;
}
#top ul.nav > li:hover a {
background: #555;
}
#top ul.nav > .current-menu-item > a,
#top ul.nav > .current-page-parent > a {
background: #fff;
color: #000000;
}
#top ul.nav .parent a {
padding-right: 1.857em;
}
#top ul.nav .parent a:after {
top: 1.15em;
right: .8em;
border-width: .3em;
border-color: #aaaaaa transparent transparent transparent;
}
#top ul.nav ul {
background: #555;
}
#top ul.nav ul li a:hover {
background: #666;
color: #fff;
}
#top ul.nav ul li.current-menu-item > a {
color: #fff;
}  .show-nav #inner-wrapper {
-webkit-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.show-nav #navigation .top-navigation {
display: none;
} #navigation {
position: relative;
left: auto;
width: 100%;
padding-top: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#navigation .menus h3 {
display: none;
}
#navigation ul.nav {  }
#navigation ul.nav > li {
margin: 0 0 .53em;
}
#navigation ul.nav > li a {
padding: 0;
color: #222222;
}
#navigation ul.nav > li a:hover {
color: #000;
}
#navigation ul.nav > li:hover {
color: #000;
}
#navigation ul.nav > li.current-menu-item > a,
#navigation ul.nav > li.current-page-parent > a {
font-weight: bold;
color: #222222;
border-left: 5px solid #5d9d4a;
margin-left: -3.631em;
padding-left: 3.2em;
}
#navigation ul.nav li a {
text-shadow: none;
border: 0;
color: #222222;
}
#navigation ul.nav li.current-menu-item > a {
background: none;
color: #222222;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
#navigation ul.nav li.current-menu-item > a:after {
display: none;
}
#navigation ul.nav li ul a,
#navigation ul.nav li ul ul li a {
padding: .53em 1em;
}
#navigation ul.nav ul {
background: transparent;
font-size: .8em;
border: none;
position: relative;
visibility: hidden;
display: none;
height: 0;
}
#navigation ul.nav ul li a {
color: #3c3c3c;
padding: .618em .3em 0 .3em;
}
#navigation ul.nav ul ul {
left: auto;
font-size: 1em;
}
#navigation ul.nav li:hover > ul {
visibility: visible;
display: block;
height: auto;
}
#navigation .widget_product_search {
margin-bottom: 1.618em;
border: 0;
}
#navigation .widget_product_search #searchform {
border: 2px solid #dddddd;
-webkit-border-radius: 0.236em;
border-radius: 0.236em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0;
background: none;
}
#navigation .widget_product_search #searchform #s {
padding: .857em 2.618em .857em .857em;
-webkit-border-radius: 0;
border-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: none;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
#navigation .widget_product_search #searchform #searchsubmit {
display: inline-block;
}
#navigation .nav-close,
#navigation .nav-home {
display: none;
}
.nav-toggle {
display: none;
}
.csstransforms3d.csstransitions #navigation,
.csstransforms3d.csstransitions .show-nav #navigation,
.csstransforms3d.csstransitions .show-nav #inner-wrapper {
left: 0;
-webkit-transform: translate3d(0%, 0, 0);
-moz-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}
#header ul.nav .keep-open ul {
display: block;
visibility: visible;
height: auto;
} #header {
position: relative;
z-index: 999;
padding: 4.236em 0 0 0;
}
#header #sidebar-footer {
display: block;
visibility: visible;
}
#header .site-header {
float: left;
}
#header .site-header h1,
#header .site-header h2,
#header .site-header h3 {
float: none;
}
#header .site-title,
#header .site-description {
text-align: left;
}
#main.fullwidth,
.layout-full #main,
.col-full {
max-width: 75.998em;
margin: 0;
width: 100%;
}
#header {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left;
margin: 2.244em 3.631em 2.244em 0;
padding: 2.244em 3.631em;
width: 30%;
max-width: 24.883em;
border-right: 2px solid #f6f6f6;
}
#content {
float: left;
margin-top: 2.244em;
padding-top: 2.244em;
width: 60%;
max-width: 78em;
}
.layout-left-content #header {
float: right;
margin: 2.244em 0 2.244em 3.631em;
padding: 2.244em 3.631em;
border-right: none;
border-left: 2px solid #f6f6f6;
}
.layout-left-content #content {
float: right;
}
.home-section#intro-message h1 {
font-size: 2.618em;
}
.home-section#intro-message p {
font-size: 1.387em;
}
.home-section#intro-message .button {
font-size: 1.387em;
}
.home-section#hero-product:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.home-section#hero-product .hero-image {
float: left;
width: 40%;
margin: 0 0 1.618em;
}
.home-section#hero-product .hero-excerpt {
float: right;
width: 55%;
}
.post .entry,
.type-page .entry {
font-size: 1.387em;
}
.entry img {
max-width: 100%;
}
.layout-full .entry img {
max-width: 100%;
}
.layout-full #main {
width: 100%;
}
.col-left {
float: left;
}
.col-right {
float: right;
}
.page-template-template-sitemap-php #sitemap-pages,
.page-template-template-sitemap-php .product-categories {
float: left;
width: 48%;
}
.page-template-template-sitemap-php #sitemap-categories,
.page-template-template-sitemap-php .products {
float: right;
width: 48%;
}
.page-template-template-sitemap-php #sitemap-posts {
clear: both;
}
.page-template-template-sitemap-php .woocommerce:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.page-template-template-contact-php .location-twitter .col-left {
float: left;
}
.page-template-template-contact-php .location-twitter #office-location {
width: 48%;
margin: 0 1em 0 0;
}
.page-template-template-contact-php .location-twitter .contact-social {
float: left;
width: 48%;
}
.page-template-template-contact-php .location-twitter .contact-social #twitter {
margin: 0;
}
#blog-posts article {
width: 31.3%;
margin-right: 3%;
clear: none;
float: left;
}
#blog-posts article:nth-child(3n+3) {
margin-right: 0 !important;
clear: right;
}
#blog-posts article:nth-child(3n+1) {
clear: left;
}
.widget_woothemes_features .feature {
width: 31.3%;
margin-right: 3%;
clear: none;
}
.widget_woothemes_features .feature:nth-child(2n) {
float: left;
}
.widget_woothemes_features .feature.first {
clear: both;
}
.widget_woothemes_features .feature.last {
margin-right: 0;
}
.widget_woothemes_testimonials .quote {
width: 31.3%;
margin-right: 3% !important;
clear: none;
}
.widget_woothemes_testimonials .quote:nth-child(3n+3) {
margin-right: 0 !important;
clear: right;
}
.widget_woothemes_testimonials .quote:nth-child(3n+1) {
clear: left;
} .ie7 #top-nav {
position: relative;
z-index: 9999999;
}
.ie7 #header {
position: relative;
z-index: 9999999;
}
}
@media only screen and (min-width: 1000px) { #footer-widgets .block {
margin-right: 3.8%;
float: left;
}
#footer-widgets.col-1 .block {
width: 100%;
float: none;
}
#footer-widgets.col-1 .footer-widget-1 {
margin-right: 0;
}
#footer-widgets.col-2 .block {
width: 48%;
}
#footer-widgets.col-2 .footer-widget-2 {
margin-right: 0;
}
#footer-widgets.col-3 .block {
width: 30.75%;
}
#footer-widgets.col-3 .footer-widget-3 {
margin-right: 0;
}
#footer-widgets.col-4 .block {
width: 22.05%;
}
#footer-widgets.col-4 .footer-widget-4 {
margin-right: 0;
}
}@-webkit-keyframes spin-360 {
from {
-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);
zoom: 1;
}
50% {
-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
zoom: 1;
}
to {
-webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);
zoom: 1;
}
}
#header .widget_product_search {
clear: both;
}
#header .cart-contents .count {
background-color: #ef4444;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ef4444), to(#de3333)); background-image: -webkit-linear-gradient(top, #ef4444, #de3333); background-image: -moz-linear-gradient(top, #ef4444, #de3333); background-image: -ms-linear-gradient(top, #ef4444, #de3333); background-image: -o-linear-gradient(top, #ef4444, #de3333); background-image: linear-gradient(to bottom, #ef4444, #de3333);
font-size: .857em;
padding: .077em .382em;
color: #fafafa;
text-shadow: 0 1px #bc1111;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-left: .618em;
-webkit-box-shadow: inset 0 1px #ff5555, inset 0 -1px #cd2222, 0 1px 2px #000000;
box-shadow: inset 0 1px #ff5555, inset 0 -1px #cd2222, 0 1px 2px #000000;
}
#header .cart-contents:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f07a";
float: right;
line-height: 1.618;
}
.star-rating {
overflow: hidden;
position: relative;
height: 1em;
line-height: 1em;
font-size: 1em;
width: 5.1em;
font-family: "fontawesome";
}
.star-rating:before {
content: "\f006\f006\f006\f006\f006";
float: left;
top: 0;
left: 0;
position: absolute;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #999999;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span:before {
content: "\f005\f005\f005\f005\f005";
top: 0;
position: absolute;
left: 0;
letter-spacing: 0.1em;
letter-spacing: 0\9;
color: #ef4444;
}
p.demo_store {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #c84e45;
z-index: 9999;
margin-bottom: 0;
padding: 1em 0;
color: #fff;
text-align: center;
}
p.stars {
position: relative;
height: 1em;
line-height: 1em;
font-size: 1em;
width: 5em;
}
p.stars:after {
content: "/ 5";
position: absolute;
top: 0;
right: -1.2em;
}
p.stars a {
width: 1em;
height: 1em;
display: inline-block;
}
p.stars a.star-1:after,
p.stars a.star-2:after,
p.stars a.star-3:after,
p.stars a.star-4:after,
p.stars a.star-5:after {
font-family: "FontAwesome";
content: "\f005";
position: absolute;
top: 0;
display: none;
width: 5.3em;
text-align: center;
right: -10.3em;
font-size: .5em;
background: #eee;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0 1em;
color: #999;
}
p.stars a.star-1:hover:after,
p.stars a.star-2:hover:after,
p.stars a.star-3:hover:after,
p.stars a.star-4:hover:after,
p.stars a.star-5:hover:after,
p.stars a.star-1.active:after,
p.stars a.star-2.active:after,
p.stars a.star-3.active:after,
p.stars a.star-4.active:after,
p.stars a.star-5.active:after {
display: block;
}
p.stars a.star-1:after {
content: "\f005";
}
p.stars a.star-2:after {
content: "\f005\f005";
}
p.stars a.star-3:after {
content: "\f005\f005\f005";
}
p.stars a.star-4:after {
content: "\f005\f005\f005\f005";
}
p.stars a.star-5:after {
content: "\f005\f005\f005\f005\f005";
}
.form-row.woocomemerce-invalid .chzn-single,
.form-row.woocomemerce-invalid .chzn-drop,
.form-row.woocomemerce-invalid input.input-text,
.form-row.woocomemerce-invalid select {
border-color: #d4736c;
background-color: #fefafa;
}
.form-row.woocommerce-validated .chzn-single,
.form-row.woocommerce-validated .chzn-drop,
.form-row.woocommerce-validated input.input-text,
.form-row.woocommerce-validated select {
border-color: #a1c962;
background-color: #f5f9ee;
}
.clear:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.widget .product_list_widget {
list-style: none;
}
.widget .product_list_widget li {
border-bottom: 1px dotted #f6f6f6;
margin: 0 0 1em;
padding: 0 .53em 1em;
}
.widget .product_list_widget li:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.widget .product_list_widget li img {
width: 2.618em;
height: auto;
float: right;
}
.widget .product_list_widget li a {
display: block;
}
.widget .product_list_widget li:last-child {
margin: 0;
border: none;
}
.widget_layered_nav ul {
list-style: none;
}
.widget_layered_nav ul li .count {
float: right;
}
.widget_layered_nav ul li.chosen a {
background: #ef4444;
color: #fff;
font-weight: bold;
padding: .382em .618em;
}
.widget_layered_nav ul li.chosen a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f00d";
font-size: .875em;
}
.widget_product_categories ul {
list-style: none;
}
.widget_product_categories ul li .count {
float: right;
}
.widget_login form {
margin: 0;
}
.widget_login label {
display: block;
}
.widget_login input[type=text],
.widget_login input[type=password] {
width: 100%;
}
.widget_login p {
margin-bottom: .53em;
}
.widget_login p:nth-child(3) {
margin: .857em 0 0;
}
.widget_login p:nth-child(3) a {
text-transform: uppercase;
margin-left: 1em;
font-size: .857em;
}
.widget_price_filter .price_slider {
margin-bottom: 1em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4em;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
cursor: pointer;
outline: none;
background: #fff;
border: 1px solid #ef4444;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background: #ef4444;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background: #f6f6f6;
}
.widget_price_filter .ui-slider-horizontal {
height: 1em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.woocommerce_message,
.woocommerce_info,
.woocommerce_error,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
padding: 1em 1em 1em 2.618em;
border: 1px solid #f6f6f6;
position: relative;
margin-bottom: 1.618em;
-webkit-border-radius: 0.327em;
border-radius: 0.327em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.woocommerce_message:after,
.woocommerce_info:after,
.woocommerce_error:after,
.woocommerce-message:after,
.woocommerce-info:after,
.woocommerce-error:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.woocommerce_message:before,
.woocommerce_info:before,
.woocommerce_error:before,
.woocommerce-message:before,
.woocommerce-info:before,
.woocommerce-error:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
position: absolute;
top: 1.387em;
left: 1em;
}
.woocommerce_message .button,
.woocommerce_info .button,
.woocommerce_error .button,
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button {
float: right;
font-size: .857em;
margin-left: 1em;
}
.woocommerce_message:before,
.woocommerce-message:before {
content: "\f05d";
color: #89b93f;
}
.woocommerce_info:before,
.woocommerce-info:before {
content: "\f05a";
color: #3c8bae;
}
.woocommerce_error:before,
.woocommerce-error:before {
content: "\f05c";
color: #c84e45;
}
ul.woocommerce-error,
ul.woocommerce_error {
margin-left: 0 !important;
list-style: none;
}
.stock.out-of-stock:before,
.stock.in-stock:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
}
.stock.out-of-stock:before {
content: "\f05c";
color: #c84e45;
}
.stock.in-stock:before {
content: "\f05d";
color: #89b93f;
}
.onsale {
display: block;
color: #89b93f;
font-weight: bold;
font-size: .857em;
text-transform: uppercase;
padding: 1.618em 2.618em .857em 2.618em;
position: absolute;
top: -10px;
right: -35px;
z-index: 9999;
background: #fff;
}
.quantity {
position: relative; }
.quantity:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
display: none;
}
.quantity .plus,
.quantity .minus,
.quantity .qty {
float: left;
margin: 0 .53em 0 0;
}
.quantity .qty {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: .53em;
width: 2.8em;
text-align: center;
line-height: 1;
}
.quantity .plus,
.quantity .minus {
position: relative;
top: .618em;
width: 16px;
height: 16px;
padding: 0;
text-align: center;
background: #ef4444;
border: 0;
color: #fff;
line-height: 0;
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
ul.products {
list-style: none;
position: relative;
}
ul.products:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
ul.products li.product {
width: 48%;
float: left;
clear: left;
margin-bottom: 1.618em;
overflow: hidden;
position: relative;
}
ul.products li.product:nth-child(2n) {
float: right;
clear: none;
}
ul.products li.product:hover .overlay {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: box;
}
ul.products li.product:hover .overlay:hover .button {
top: 0;
}
ul.products li.product:hover .overlay:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border: 10px solid #fff;
border-color: transparent transparent #fff transparent;
}
ul.products li.product h3 {
margin: 0;
font-size: 1em;
}
ul.products li.product .image {
position: relative;
}
ul.products li.product .overlay {
display: none;
overflow: hidden;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; -webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center; -moz-box-orient: vertical;
-moz-box-pack: center;
-moz-box-align: center; -ms-box-orient: vertical;
-ms-box-pack: center;
-ms-box-align: center; box-orient: vertical;
box-pack: center;
box-align: center;
z-index: 9998;
text-align: center;
background: -moz-linear-gradient(top, rgba(73, 73, 73, 0) 0%, rgba(32, 32, 32, 0) 56%, rgba(0, 0, 0, 0.35) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 73, 73, 0)), color-stop(56%, rgba(32, 32, 32, 0)), color-stop(100%, rgba(0, 0, 0, 0.35))); background: -webkit-linear-gradient(top, rgba(73, 73, 73, 0) 0%, rgba(32, 32, 32, 0) 56%, rgba(0, 0, 0, 0.35) 100%); background: -o-linear-gradient(top, rgba(73, 73, 73, 0) 0%, rgba(32, 32, 32, 0) 56%, rgba(0, 0, 0, 0.35) 100%); background: -ms-linear-gradient(top, rgba(73, 73, 73, 0) 0%, rgba(32, 32, 32, 0) 56%, rgba(0, 0, 0, 0.35) 100%); background: linear-gradient(to bottom, rgba(73, 73, 73, 0) 0%, rgba(32, 32, 32, 0) 56%, rgba(0, 0, 0, 0.35) 100%); }
ul.products li.product .overlay .button {
position: relative;
display: inline-block;
margin: 1.387em 0 0;
font-weight: 600;
top: 500px;
-webkit-transition: top ease-out 0.2s 0.2s;
-moz-transition: top ease-out 0.2s 0.2s;
-ms-transition: top ease-out 0.2s 0.2s;
-o-transition: top ease-out 0.2s 0.2s;
transition: top ease-out 0.2s 0.2s;
}
ul.products li.product .overlay .button:hover {
text-decoration: none;
}
ul.products li.product .overlay .button.details {
-webkit-border-radius: 300px;
border-radius: 300px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
display: block;
margin: 0 auto 0;
padding: 12px 0 0;
width: 50px;
height: 50px;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
transition-delay: .1s;
}
ul.products li.product .overlay .button.details span {
display: none;
}
ul.products li.product .overlay .button.details:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f05a";
width: auto;
margin: 0;
padding: 0;
font-size: 2.1em;
}
ul.products li.product a {
display: block;
color: #222222;
}
ul.products li.product img {
display: block;
height: auto;
margin: 0 auto .618em;
}
ul.products li.product .onsale {
-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
zoom: 1;
box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15);
}
ul.products li.product .star-rating {
margin-bottom: .618em;
}
ul.products li.product .price a {
display: block;
margin-bottom: .618em;
color: #6f6f6f;
font-size: .857em;
}
ul.products li.product .button.loading:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f021";
-webkit-animation-name: spin-360;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
}
ul.products li.product .button.added:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
content: "\f00c";
}
ul.products li.product .added_to_cart {
text-transform: uppercase;
margin: .53em 0 0;
font-size: .7em;
font-weight: 600;
}
.gecko ul.products li.product .overlay .details {
margin-top: 20%;
}
.woocommerce-result-count,
.woocommerce_ordering,
.woocommerce-ordering {
width: 50%;
float: left;
font-size: .857em;
color: #555555;
margin-bottom: 2.618em;
}
.woocommerce-result-count + ul.products,
.woocommerce_ordering + ul.products,
.woocommerce-ordering + ul.products {
clear: both;
}
.woocommerce-ordering {
float: right;
text-align: right;
}
.single-product .product-header .product_title {
float: left;
}
.single-product .product-header .price {
float: right;
color: #5d9d4a;
font-weight: bold;
font-size: 3.631em;
line-height: 1.2;
margin: 0;
}
.single-product .single-product-main {
position: relative;
clear: both;
overflow: hidden;
margin: 1em 0 0;
padding: 2.618em 0 0;
border-top: 2px solid #f6f6f6;
}
.single-product .single-product-main > .onsale {
position: absolute;
right: auto;
left: -35px;
-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
zoom: 1;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
}
.single-product .single-product-main .summary form {
padding: 1.387em .618em;
border: 2px solid #f6f6f6;
border-width: 2px 0;
}
.single-product .single-product-main .summary .product_meta {
font-size: .857em;
color: #555555;
}
.single-product .single_variation_wrap .price {
display: block;
font-size: 2.224em;
color: #000000;
}
.single-product .quantity {
float: left;
margin: 0 1em 0 0;
}
.single-product .images img {
width: 100%;
height: auto;
margin-bottom: 2.244em;
}
.single-product .thumbnails a {
display: block;
width: 30.75%;
margin-right: 3.8%;
float: left;
}
.single-product .thumbnails a.last {
margin-right: 0;
}
.single-product .woocommerce-tabs {
margin: 3.631em 0 2.244em;
padding: 1.618em 0;
border: 2px solid #f6f6f6;
border-width: 2px 0;
clear: both;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.single-product .woocommerce-tabs:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.single-product .woocommerce-tabs ul.nav-tabs,
.single-product .woocommerce-tabs ul.tabs {
float: left;
margin: .857em 0;
list-style: none;
width: 25%;
}
.single-product .woocommerce-tabs ul.nav-tabs:after,
.single-product .woocommerce-tabs ul.tabs:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.single-product .woocommerce-tabs ul.nav-tabs li,
.single-product .woocommerce-tabs ul.tabs li {
margin-bottom: .53em;
display: block;
text-align: right;
}
.single-product .woocommerce-tabs ul.nav-tabs li a,
.single-product .woocommerce-tabs ul.tabs li a {
margin: 0 -2px 0 0;
padding: .236em 1.618em;
text-transform: uppercase;
color: #555555;
font-size: .9em;
border-right: 2px solid transparent;
}
.single-product .woocommerce-tabs ul.nav-tabs li a:hover,
.single-product .woocommerce-tabs ul.tabs li a:hover {
color: #ef4444;
}
.single-product .woocommerce-tabs ul.nav-tabs li a:after,
.single-product .woocommerce-tabs ul.tabs li a:after {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-left: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
text-align: right;
}
.single-product .woocommerce-tabs ul.nav-tabs li.active,
.single-product .woocommerce-tabs ul.tabs li.active {
position: relative;
}
.single-product .woocommerce-tabs ul.nav-tabs li.active a,
.single-product .woocommerce-tabs ul.tabs li.active a {
position: relative;
background: #fff;
color: #222222;
border-right: 2px solid #5d9d4a;
}
.single-product .woocommerce-tabs ul.nav-tabs li.description_tab a:after,
.single-product .woocommerce-tabs ul.tabs li.description_tab a:after {
content: "\f05a";
}
.single-product .woocommerce-tabs ul.nav-tabs li.reviews_tab a:after,
.single-product .woocommerce-tabs ul.tabs li.reviews_tab a:after {
content: "\f087";
}
.single-product .woocommerce-tabs .panel {
float: right;
width: 75%;
padding: 1em 2.244em;
border-left: 2px solid #f6f6f6;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.shipping_calculator h2 {
font-size: 1.387em;
}
.shipping_calculator h2 a {
display: block;
}
.shipping_calculator h2 a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f0ac";
}
.shipping_calculator h2 a:hover {
text-decoration: none;
}
a.reset_variations {
display: block;
}
a.reset_variations:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f021";
}
ul.order_details {
list-style: none;
border: 1px solid #f6f6f6;
position: relative;
-webkit-border-radius: 0.327em;
border-radius: 0.327em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
ul.order_details:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
ul.order_details li {
float: left;
padding: 1em 1.618em;
border-right: 1px solid #f6f6f6;
font-size: .8em;
text-transform: uppercase;
color: #777777;
}
ul.order_details li strong {
display: block;
font-size: 1.387em;
text-transform: none;
color: #222222;
}
ul.digital-downloads li {
list-style: none;
margin-bottom: .618em;
padding-bottom: .618em;
border-bottom: 1px solid #f6f6f6;
}
ul.digital-downloads li .count {
float: right;
}
ul.digital-downloads li a:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f01a";
}
ul.digital-downloads li:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.order .order-actions .button {
margin: 0 .5em .5em 0;
}
.backorder_notification {
font-size: .857em;
}
.backorder_notification:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f071";
}
dl.variation {
font-size: .857em;
}
dl.variation:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
dl.variation dt {
float: left;
clear: left;
margin-right: .236em;
}
dl.variation dd {
margin-bottom: 0;
}
table.cart th.product-remove,
table.cart td.product-remove,
table.cart th.product-thumbnail,
table.cart td.product-thumbnail,
table.cart th.product-price,
table.cart td.product-price {
display: none;
}
table.cart th {
text-align: left;
}
table.cart td {
vertical-align: middle;
text-align: left;
}
table.cart td.product-remove a {
display: block;
margin: 0 auto;
text-align: center;
width: 16px;
height: 16px;
font-weight: 700;
line-height: 1.2;
color: #fff!important;
background: #d3d3d3;
-webkit-border-radius: 100%;
border-radius: 100%;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
table.cart td.product-remove a:hover {
background: #c84e45;
text-decoration: none;
}
table.cart td.product-thumbnail {
text-align: center;
}
table.cart td.product-thumbnail img {
max-width: 50px;
}
table.cart td.product-name a {
color: #222222;
font-weight: 700;
}
table.cart td.product-name dl.variation {
margin: 0;
font-style: italic;
}
table.cart td.product-quantity {
padding-left: 0;
padding-right: 0;
}
table.cart td.product-quantity .quantity {
margin: 0 auto;
width: 97px;
}
table.cart td.product-subtotal {
font-weight: 700;
}
table.cart .actions .coupon {
margin: 0 0 1.618em;
padding: .53em 0 1.618em;
border-bottom: 1px solid #f6f6f6;
}
table.cart .actions .coupon label,
table.cart .actions .coupon input.input-text,
table.cart .actions .coupon .button {
display: block;
margin: 0 0 1em;
}
table.cart .actions .coupon label {
font-weight: bold;
}
table.cart .actions .coupon input.input-text {
width: 100%;
}
table.cart .actions .coupon .button {
margin: 0;
}
table.cart .actions .button {
display: block;
margin: 0 0 1em;
width: 100%;
}
.cross-sells ul.products {
margin-left: 0;
}
#shipping_method {
list-style: none;
margin: 0;
}
#reviews .star-rating {
float: right;
margin: 10px 0 0 1em;
}
#reviews .comment {
padding: 1em 0 0;
position: relative;
}
#reviews .comment:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#reviews .comment .comment_container {
margin: 0 1em;
}
#reviews .comment img {
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#reviews .comment .meta {
margin: 0 .382em .618em;
font-weight: normal;
font-style: italic;
color: #555555;
}
#reviews .comment .star-rating {
margin: 0;
position: absolute;
top: 18px;
right: 20px;
}
#reviews .add_review {
clear: both;
}
.pp_content_container #respond #commentform .comment-form-author,
.pp_content_container #respond #commentform .comment-form-email,
.pp_content_container #respond #commentform .comment-form-url {
width: 100%;
float: none;
margin-right: 0;
}
.pp_content_container #respond #commentform .comment-form-author .required,
.pp_content_container #respond #commentform .comment-form-email .required,
.pp_content_container #respond #commentform .comment-form-url .required {
display: none;
}
#payment {
border: 1px solid #f6f6f6;
-webkit-border-radius: 0.327em;
border-radius: 0.327em;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#payment:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#payment .create-account {
clear: both;
}
#payment .payment_methods {
margin: 0 !important;
border-bottom: 1px solid #f6f6f6;
padding: 0 !important;
}
#payment .payment_methods li {
list-style: none !important;
padding: 1em !important;
border-bottom: 1px solid #f6f6f6;
margin-left: 0;
}
#payment .payment_methods li img {
float: right;
border: 0;
padding: 0;
}
#payment .payment_methods li:last-child {
padding-bottom: 0;
border-bottom: 0;
}
#payment .payment_methods li label {
width: 92%;
padding-top: 0 !important;
margin-left: .618em;
font-weight: bold;
}
#payment .payment_methods li p {
margin-bottom: 0;
}
#payment .payment_methods li .payment_box {
padding: 1em;
margin: 1em -1em -1em -1em;
background-color: #fafafa;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f6f6f6)); background-image: -webkit-linear-gradient(top, #fafafa, #f6f6f6); background-image: -moz-linear-gradient(top, #fafafa, #f6f6f6); background-image: -ms-linear-gradient(top, #fafafa, #f6f6f6); background-image: -o-linear-gradient(top, #fafafa, #f6f6f6); background-image: linear-gradient(to bottom, #fafafa, #f6f6f6);
border-top: 1px solid #f6f6f6;
}
#payment .payment_methods li .payment_box fieldset {
border: 0;
margin: 0;
padding: 1em 0 0 0;
font-size: .857em;
}
#payment .payment_methods li .payment_box fieldset label {
width: auto;
margin-left: 0;
}
#payment .payment_methods li .payment_box fieldset .form-row {
margin-bottom: 1em;
}
#payment .payment_methods li .payment_box fieldset .form-row-first select {
width: 48%;
}
#payment .payment_methods li .payment_box fieldset .form-row-first select:nth-child(2n) {
float: right;
}
#payment .payment_methods li .payment_box fieldset #cvv {
width: 22% !important;
}
#payment .payment_methods li .payment_box fieldset .help {
width: 75%;
float: right;
}
#payment .terms label {
display: inline;
}
#payment .place-order {
padding: 1em;
margin-bottom: 0;
float: none;
width: 100%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#payment .place-order .button {
font-size: 1.387em;
width: 100%;
}
@media only screen and (min-width: 768px) {
#header .widget_product_search {
margin: 0 0 2.618em;
}
#header .cart-contents .amount {
font-weight: bold;
}
#header .cart-contents .count {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 1em;
float: none;
padding: 0 0 0 1em;
font-style: italic;
color: #ef4444;
text-shadow: none;
margin: 0;
}
.col2-set {
clear: both;
}
.col2-set:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.col2-set .col-1 {
width: 48%;
float: left;
}
.col2-set .col-2 {
width: 48%;
float: right;
}
.form-row {
width: 48%;
float: left;
margin-bottom: 2.053em;
}
.form-row label {
display: block;
padding: .236em 0;
}
.form-row label.checkbox {
display: inline;
}
.form-row .input-text,
.form-row select {
width: 100%;
*width: 90%;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-row.notes {
width: 100%;
float: none;
}
.form-row.notes textarea {
width: 100%;
*width: 90%;
}
.form-row.notes + h3 {
clear: both;
}
.form-row-first {
clear: left;
}
.form-row-last {
float: right;
}
.form-row-wide {
float: left;
width: 100%;
clear: both;
}
header.title {
overflow: hidden;
zoom: 1;
}
header.title h1,
header.title h2,
header.title h3,
header.title h4,
header.title h5 {
float: left;
}
header.title a.edit {
float: right;
font-weight: bold;
line-height: 2.4em;
}
header.title a.edit:before {
font-family: 'FontAwesome';
display: inline-block;
font-size: 100%;
margin-right: .618em;
font-weight: normal;
line-height: 1em;
width: 1em;
content: "\f044";
}
ul.products li.product {
margin-right: 3.8%;
clear: none;
width: 30.75%;
}
ul.products li.product:nth-child(2n) {
float: left;
}
ul.products li.product.first {
clear: both;
}
ul.products li.product.last {
margin-right: 0;
}
.single-product .images {
float: left;
width: 60%;
margin-bottom: 1.618em;
}
.single-product .summary {
float: right;
width: 34%;
margin-bottom: 1.618em;
}
.single-product .woocommerce-tabs {
margin-top: 0;
}
table.cart th.product-remove,
table.cart td.product-remove,
table.cart th.product-thumbnail,
table.cart td.product-thumbnail,
table.cart th.product-price,
table.cart td.product-price {
display: table-cell;
}
table.cart .actions {
text-align: right;
}
table.cart .actions .coupon {
width: 67%;
float: left;
border: 0;
text-align: left;
padding: 0;
margin: 0;
}
table.cart .actions .coupon label,
table.cart .actions .coupon input.input-text,
table.cart .actions .coupon .button {
display: inline;
margin: 0;
}
table.cart .actions .coupon label {
font-weight: bold;
margin: 0 1em 0 0;
}
table.cart .actions .coupon input.input-text {
width: 39%;
margin-right: 2%;
}
table.cart .actions .coupon .button {
margin: 0;
float: none;
width: auto;
position: relative;
top: -2px;
}
table.cart .actions .button {
width: auto;
display: inline-block;
margin-bottom: 0;
position: relative;
top: 3px;
}
.cart-collaterals:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.cart-collaterals .cross-sells,
.cart-collaterals .cart_totals,
.cart-collaterals .shipping_calculator {
width: 48%;
}
.cart-collaterals .cross-sells {
float: left;
}
.cart-collaterals .cart_totals,
.cart-collaterals .shipping_calculator {
float: right;
clear: right;
}
.cart-collaterals .shipping_calculator .shipping-calculator-form:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
.cart-collaterals .shipping_calculator .clear {
clear: both;
}
#customer_details .col-1,
#customer_details .col-2 {
float: none;
width: 100%;
}
#customer_details .col-1:after,
#customer_details .col-2:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
clear: both;
}
#customer_details #shiptobilling {
float: none;
width: 100%;
}
#customer_details .notes {
clear: both;
}
}.pp_overlay {
background: #111;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9999999;
}
.pp_pic_holder {
display: none;
position: absolute;
width: 100px;
z-index: 99999999;
}
.pp_content {
height: 40px;
min-width: 40px;
}
* html .pp_content {
width: 40px;
}
.pp_fade {
display: none;
}
.pp_content_container {
position: relative;
text-align: left;
width: 100%;
}
.pp_content_container .pp_details {
float: left;
margin-top: 1em;
color: #ccc;
}
.pp_nav {
clear: right;
float: left;
margin-right: 1em;
margin-left: 2px;
}
.currentTextHolder {
padding: 0 1em;
}
.pp_nav p {
float: left;
white-space: nowrap;
}
.pp_nav .pp_play,
.pp_nav .pp_pause {
float: left;
text-indent: -10000px;
}
.pp_hoverContainer {
position: absolute;
top: 0;
width: 100%;
z-index: 2000;
}
.pp_gallery {
display: none;
right: .5em;
margin-top: -5em;
position: absolute;
z-index: 10000;
}
.pp_gallery div {
float: left;
overflow: hidden;
position: relative;
}
.pp_gallery ul {
float: left;
height: 3em;
padding: 0;
position: relative;
white-space: nowrap;
}
.pp_gallery ul a {
display: block;
float: left;
height: 3em;
overflow: hidden;
}
.pp_gallery ul a img {
border: 0;
}
.pp_gallery li {
display: block;
float: left;
margin: 0 .236em 0 0;
padding: 0;
}
.pp_gallery li.default a {
display: block;
height: 3em;
width: 5em;
}
.pp_gallery li.default a img {
display: none;
}
.pp_gallery .pp_arrow_previous,
.pp_gallery .pp_arrow_next {
margin-top: 7px !important;
}
a.pp_next {
display: block;
float: right;
height: 100%;
text-indent: -10000px;
width: 49%;
}
a.pp_previous {
display: block;
float: left;
height: 100%;
text-indent: -10000px;
width: 49%;
}
.pp_bottom {
height: 20px;
position: relative;
}
* html .pp_bottom {
padding: 0 20px;
}
.pp_bottom .pp_left {
height: 20px;
left: 0;
position: absolute;
width: 20px;
}
.pp_bottom .pp_middle {
height: 20px;
left: 20px;
position: absolute;
right: 20px;
}
* html .pp_bottom .pp_middle {
left: 0;
position: static;
} .pp_loaderIcon {
display: block;
height: 24px;
left: 50%;
margin: -12px 0 0 -12px;
position: absolute;
top: 50%;
width: 24px;
}
#pp_full_res .pp_inline {
text-align: left;
}
div.ppt {
color: #fff;
display: none;
margin: 0 0 1.618em 0;
z-index: 9999;
font-weight: 700;
} .pp_woothemes a.pp_expand,
.pp_woothemes a.pp_contract {
top: -1em;
left: -1em;
width: 2em;
height: 2em;
display: block;
text-indent: -9999px;
position: absolute;
font-size: .75em;
}
.pp_woothemes a.pp_expand:after,
.pp_woothemes a.pp_contract:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
border-radius: 100%;
font-family: 'FontAwesome';
display: block;
content: "\f00d";
text-indent: 0;
text-align: center;
line-height: 2;
color: #999;
-webkit-transition: all ease .3s;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
}
.pp_woothemes a.pp_expand:hover:after,
.pp_woothemes a.pp_contract:hover:after {
box-shadow: 0 0 0 2px #fff;
color: #fff;
}
.pp_woothemes a.pp_expand:after {
content: "\f0b2";
}
.pp_woothemes a.pp_contract:after {
content: "\f066";
}
.pp_woothemes .pp_close {
top: -1em;
right: -1em;
width: 2em;
height: 2em;
display: block;
text-indent: -9999px;
position: absolute;
}
.pp_woothemes .pp_close:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
border-radius: 100%;
font-family: 'FontAwesome';
display: block;
content: "\f00d";
text-indent: 0;
text-align: center;
line-height: 2;
color: #999;
-webkit-transition: all ease .3s;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
}
.pp_woothemes .pp_close:hover:after {
box-shadow: 0 0 0 2px #fff;
color: #fff;
}
.pp_woothemes .pp_previous,
.pp_woothemes .pp_next {
position: relative;
}
.pp_woothemes .pp_previous:after,
.pp_woothemes .pp_next:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
border-radius: 100%;
font-family: 'FontAwesome';
display: block;
content: "\f00d";
text-indent: 0;
text-align: center;
line-height: 2;
color: #999;
-webkit-transition: all ease .3s;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
}
.pp_woothemes .pp_previous:hover:after,
.pp_woothemes .pp_next:hover:after {
box-shadow: 0 0 0 2px #fff;
color: #fff;
}
.pp_woothemes .pp_previous:after,
.pp_woothemes .pp_next:after {
width: 2em;
height: 2em;
top: 50%;
left: 2em;
margin-top: -1em;
content: "\f060";
}
.pp_woothemes .pp_previous:hover:after {
left: 1em;
}
.pp_woothemes .pp_next:after {
left: auto;
right: 2em;
content: "\f061";
}
.pp_woothemes .pp_next:hover:after {
right: 1em;
}
.pp_woothemes .pp_arrow_previous,
.pp_woothemes .pp_arrow_next,
.pp_woothemes .pp_play,
.pp_woothemes .pp_pause {
position: relative;
width: 2em;
height: 2em;
display: block;
float: left;
text-indent: -999px;
font-size: .75em;
}
.pp_woothemes .pp_arrow_previous:after,
.pp_woothemes .pp_arrow_next:after,
.pp_woothemes .pp_play:after,
.pp_woothemes .pp_pause:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
border-radius: 100%;
font-family: 'FontAwesome';
display: block;
content: "\f00d";
text-indent: 0;
text-align: center;
line-height: 2;
color: #999;
-webkit-transition: all ease .3s;
box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
}
.pp_woothemes .pp_arrow_previous:hover:after,
.pp_woothemes .pp_arrow_next:hover:after,
.pp_woothemes .pp_play:hover:after,
.pp_woothemes .pp_pause:hover:after {
box-shadow: 0 0 0 2px #fff;
color: #fff;
}
.pp_woothemes .pp_arrow_previous:after,
.pp_woothemes .pp_arrow_next:after,
.pp_woothemes .pp_play:after,
.pp_woothemes .pp_pause:after {
content: "\f048";
}
.pp_woothemes .pp_arrow_next:after {
content: "\f051";
}
.pp_woothemes .pp_play,
.pp_woothemes .pp_pause {
margin-right: 1.618em;
padding-right: 1.618em;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.pp_woothemes .pp_play:after,
.pp_woothemes .pp_pause:after {
width: 2em;
right: auto;
}
.pp_woothemes .pp_play:after {
content: "\00A0 \f04b";
}
.pp_woothemes .pp_pause:after {
content: "\f04c";
}
.pp_woothemes .pp_pause:before {
display: block;
content: "";
width: 2em;
height: .236em;
position: absolute;
bottom: -1em;
left: 0;
background: rgba(0, 0, 0, 0.3);
-webkit-animation: timer 4.9s infinite linear;
-moz-animation: timer 4.9s infinite linear;
-o-animation: timer 4.9s infinite linear;
animation: timer 4.9s infinite linear;
border-radius: 4px;
}
.pp_woothemes img#fullResImage {
box-shadow: 0 0 3.631em rgba(0, 0, 0, 0.618);
border-radius: .618em;
} @media only screen and (max-width: 601px) {
div.pp_woothemes {
left: 5% !important;
right: 5% !important;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 90% !important;
}
div.pp_woothemes .pp_gallery,
div.pp_woothemes .pp_previous,
div.pp_woothemes .pp_next,
div.pp_woothemes .pp_expand,
div.pp_woothemes .pp_contract {
display: none !important;
}
div.pp_woothemes .pp_arrow_previous,
div.pp_woothemes .pp_arrow_next,
div.pp_woothemes .pp_close,
div.pp_woothemes .pp_play,
div.pp_woothemes .pp_pause {
font-size: 1.5em;
}
div.pp_woothemes .pp_close {
right: 0;
}
div.pp_woothemes .pp_description {
display: none !important;
}
div.pp_woothemes .pp_details {
width: 100% !important;
}
.pp_content {
width: 100% !important;
}
.pp_content img {
width: 100% !important;
height: auto !important;
}
.currentTextHolder {
line-height: 3;
}
}
@-webkit-keyframes timer {
from {
-webkit-box-shadow: none;
}
to {
-webkit-box-shadow: inset 2em 0 0 0 #fff;
}
}
@-moz-keyframes timer {
from {
-webkit-box-shadow: none;
}
to {
-webkit-box-shadow: inset 2em 0 0 0 #fff;
}
}
@-o-keyframes timer {
from {
-webkit-box-shadow: none;
}
to {
-webkit-box-shadow: inset 2em 0 0 0 #fff;
}
}
@keyframes timer {
from {
-webkit-box-shadow: none;
}
to {
-webkit-box-shadow: inset 2em 0 0 0 #fff;
}
}