Your IP : 216.73.216.11
/**
* @package Horme 3 template
* @author Spiros Petrakis
* @copyright Copyright (C) 2015 - 2022 Spiros Petrakis. All rights reserved.
* @license GNU General Public License version 2 or later
*/
html {
height:100%;
font-size:100%;
}
body {
min-height:100%;
position:relative;
}
#frame.frame {
max-width:1170px;
margin:0 auto;
background-color:#fff;
}
h1, .h1 {
font-size:250%;
}
h2, .h2 {
font-size:200%;
}
h3, .h3 {
font-size:180%;
}
h4, .h4 {
font-size:150%;
}
h5, .h5 {
font-size:120%;
}
h6, .h6 {
font-size:100%;
}
body.tmpl {
padding-top:0;
}
header {
margin:30px 0;
}
footer {
margin:30px 0 0;
}
.toolbar {
font-size:14px;
padding:5px 0;
}
nav {
margin:0;
}
.navbar {
margin-bottom:0;
}
main {
display:block;
padding-bottom:30px;
}
footer, .breadcrumb {
font-size:87.5%;
}
img {
max-width:100%;
height:auto;
}
p {
margin-bottom:20px;
line-height:1.8;
}
fieldset {
margin-bottom:15px;
}
.container {
position:relative;
}
.table-responsive {
padding-top:15px;
}
#fds-main {
padding-bottom: 30px;
}
.mobile-buttons {
text-align: right;
margin: 0 -5px;
white-space: nowrap;
}
#m-cart {
position: relative;
}
.product-counter {
position: absolute;
width: 15px;
height: 15px;
background-color: #fff;
color: #333f;
border-radius: 50%;
font-size: 11px;
line-height: 15px;
text-align: center;
top: 3px;
right: 3px;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
/* Logo */
.fds-logo a {
vertical-align:middle;
}
.fds-logo a:hover {
text-decoration:none;
}
.fds-logo .site-title {
font-size:160%;
}
.mobile-logo p, .fds-logo p {
margin: 0
}
/* Helper Classes */
.margin-top {
margin-top:30px;
}
.margin-top-15 {
margin-top:15px;
}
.bold {
font-weight:bold !important;
}
.block {
display:block !important;
}
.inline {
display:inline-block !important;
}
.valign {
position:relative;
top:50%;
transform:translateY(-50%);
}
.align-middle {
vertical-align:middle;
}
.noscroll {
overflow:hidden;
}
.flex {
display: flex;
flex-wrap: wrap;
}
/* Form elements */
input[type="search"], input[type="text"], input[type="password"], input[type="email"], select, textarea {
display:block;
width:100%;
height:39px;
padding:8px 12px;
font-size:15px;
line-height:1.4;
color:#6f6f6f;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.control-group {
margin-bottom: 15px;
}
/* Custom filter PRO */
.cf_flt_wrapper .form-horizontal {
display:flex;
align-items:center;
}
/* Modules */
.moduletable ul {
list-style:none;
padding-left:0;
margin-left:0;
}
.plain .border {
padding:0;
}
.box .border {
border:1px solid #ddd;
}
.color .border {
background-color:#f5f5f5;
}
.border {
word-wrap:break-word;
position:relative;
padding:20px;
}
#fds-toolbar .border {
padding:5px 0;
}
.border > h3 {
border-bottom:1px solid #ddd;
margin-bottom:20px;
margin-top:0;
padding-bottom:10px;
}
.top-a > div:nth-child(5n+5), .top-b > div:nth-child(5n+5), .top-c > div:nth-child(5n+5), .bottom-a > div:nth-child(5n+5), .bottom-b > div:nth-child(5n+5), .bottom-c > div:nth-child(5n+5) {
clear:left;
}
aside .moduletable, .innerbottom .moduletable, .innertop .moduletable {
margin-bottom:30px;
}
aside .moduletable:last-child, .innerbottom .moduletable:last-child {
margin-bottom:0;
}
.innerbottom {
margin-top:30px;
}
/* Bootstrap resets */
.hero-unit {
border-radius:0 !important;
}
.page-header {
margin:20px 0;
}
.tab-content {
padding:0 10px;
margin-bottom:30px;
}
.carousel, .carousel p {
margin-bottom:0;
}
.carousel-control {
width:10%;
}
.carousel-control:hover, .carousel-control:focus {
color:#333;
opacity:.9;
text-decoration:none;
}
.carousel-indicators > li {
margin-left:5px;
margin-right:5px;
}
.label, .badge {
font-weight:normal;
}
.form-control {
box-shadow:none;
}
.thumbnail {
border-radius:0;
}
.dropdown-menu {
margin-top:5px;
}
.dl-horizontal dt {
width:50%;
}
.dl-horizontal dd {
width:50%;
float:left;
margin-left:0;
padding-left:10px;
}
.jumbotron {
background-color:#f5f5f5;
}
/* Mobile menu */
h3.mbmenu {
display:inline-block;
margin:0;
}
.navbar-inner > i {
margin-top:5px;
margin-left:10px;
}
/* Menu */
nav .container {
margin-top:0;
}
.navbar .nav {
margin:0;
}
.navbar .nav > li {
position:relative;
}
.navbar .nav > li.parent > a:after, .navbar .nav > li.parent > span:after {
content:"\e259";
font-family:"Glyphicons Halflings";
margin-left:5px;
line-height:1em;
font-size:70%;
}
.navbar .nav > li > a, .navbar .nav > li > span {
float:none;
font-size:100%;
line-height:inherit;
padding:15px;
}
.navbar .nav > li > a, .navbar .nav > li > span {
display:block;
line-height:24px;
}
.navbar-inner {
border:none;
background-image:none;
background-color:transparent;
box-shadow:none;
border-radius:0;
padding:0;
position:static;
}
.navbar li.parent:hover .dropdown-menu {
display:block;
}
nav .dropdown-menu > li, .flyout-menu > li {
position:relative;
}
nav .dropdown-menu > li.parent:after, .flyout-menu > li.parent:after {
content:"\e258";
font-family:"Glyphicons Halflings";
position:absolute;
right:7px;
top:12px;
font-size:70%;
}
nav .dropdown-menu, nav .flyout-menu {
min-width:220px;
border-radius:0;
margin:0;
box-shadow:0 6px 12px rgba(0,0,0,.5);
}
nav .dropdown-menu > li:hover > .flyout-menu, .flyout-menu > li:hover > .flyout-menu {
display:block;
}
nav .dropdown-menu > li a, nav .dropdown-menu > li span, .flyout-menu > li a, .flyout-menu > li span:not(.glyphicon) {
padding:10px 20px;
display:block;
}
.flyout-menu {
background-clip:padding-box;
background-color:#fff;
border:1px solid rgba(0, 0, 0, .15);
border-radius:0;
box-shadow:0 6px 12px rgba(0, 0, 0, .176);
float:left;
font-size:90%;
left:0;
list-style:none outside none;
margin:0;
min-width:220px;
padding:5px 0;
position:absolute;
top:0;
left:100%;
z-index:1000;
display:none;
}
.flyout-menu > li > a {
color:#333;
}
.flyout-menu .flyout-menu > li > a, .flyout-menu .flyout-menu > li > span {
padding-left:35px;
}
.flyout-menu > li > a:hover, .flyout-menu > li > a:focus, .flyout-menu > li > span:hover, .flyout-menu > li > span:focus {
background-color:#0081c2;
background-image:none;
color:#fff;
text-decoration:none;
}
.nav > li > a > img {
vertical-align:top;
margin-right:3px;
}
span.image-title {
padding:0 !important;
}
.separator > img, .flyout-menu img {
float:left;
margin-right:3px;
}
/* System messages */
.alert-notice {
color:#8a6d3b;
background-color:#fcf8e3;
border-color:#faebcc;
}
.alert-error {
color:#a94442;
background-color:#f2dede;
border-color:#ebccd1;
}
.alert-message {
color:#31708f;
background-color:#d9edf7;
border-color:#bce8f1;
}
#system-message p {
font-size:85%;
margin-bottom:10px;
}
/* To top*/
#totop-scroller {
position: fixed;
right: 15px;
bottom: 15px;
padding: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
#totop-scroller:hover, #totop-scroller:focus {
text-decoration:none;
}
/* Tooltips */
div.tooltip {
background-color:transparent !important ;
border:none !important;
}
.tip-wrap {
padding:8px;
color:#fff;
text-align:center;
text-decoration:none;
background-color:#000;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
font-size:80%;
z-index:100;
}
/* Base Styling */
.invalid {
border-color:red !important;
}
#fds-toolbar {
background-color:#f5f5f5;
border-radius:0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
/* Joomla */
.hidden-print {
position:absolute;
right:10px;
top:0;
}
/* User */
.login-description, .logout-description {
margin-bottom:15px;
}
#jform_params_helpsite {
margin-bottom:15px;
}
/* Articles */
dl.article-info {
font-size:80%;
}
.article-info-term {
display:none;
}
.article-info dd {
display:inline-block;
margin-right:5px;
}
.element-invisible {
display:none !important;
}
.item-page .content_rating {
margin-top:5px;
}
.content_rating + form {
margin-bottom:20px;
}
.item-image {
max-width:100%;
}
.pull-left.item-image {
margin-right:20px;
}
.pull-right.item-image {
margin-left:20px;
}
.tags span {
margin-right:5px;
}
.content-links {
margin-top:20px;
}
.actions li {
float:left;
margin-left:5px;
}
.edit ul.nav-tabs {
margin-bottom:20px;
}
.edit .btn-toolbar {
padding:5px;
}
.calendar table {
width:100%;
}
.chzn-container-multi .chzn-choices li.search-field input[type="text"] {
height:auto;
}
/* Mail to */
#mailto-window {
position:relative;
}
#mailto-window h2 {
font-size:150%;
}
#mailto-window p {
margin-top:15px;
}
.mailto-close {
position:absolute;
top:5px;
right:0;
}
/* Categories */
.category-desc {
margin-bottom:15px;
}
.categories-list dt {
text-align:left;
width:120px;
}
.categories-list dd {
margin-left:0;
}
.categories-list > ul > li {
border-bottom:1px solid #ddd;
margin-bottom:15px;
}
.categories-list img, .category-desc img {
margin-bottom:15px;
}
.item-title .badge {
vertical-align:middle;
}
.categories-list > ul {
list-style:none;
margin-left:0;
}
/* Blog - Featured */
.blog .category-desc, .blog-featured .category-desc {
border-bottom:1px solid #eee;
}
/* Weblinks */
.weblink-category a.category {
margin-left:5px;
}
.weblink-category .list-title {
margin-bottom:15px;
}
/* Smart Search */
#search-results .search-pagination, #search-results div.pagination, #search-results .search-pages-counter {
margin-top:30px;
}
/* Configuration Manager */
.config-manager input[type="radio"] {
margin:0 5px;
}
/* Login Module */
#form-login-remember > label {
display:inline-block;
}
.welcome {
padding:5px 0;
}
.toolbar-r .welcome {
float:right;
}
.toolbar-r form.logout {
text-align:right;
margin-top:5px;
}
/* Breadcrumbs */
.breadcrumbs {
margin-bottom:15px;
}
.breadcrumb > li {
white-space:nowrap;
}
.breadcrumb {
background-color:transparent;
border-radius:0;
border:none;
margin:15px 0 0;
text-transform: none;
}
span.divider {
display:none;
}
/* Language Switcher */
.toolbar-r .lang-inline, .sidebar-b .lang-inline {
text-align:right;
}
/* Weblinks Module */
.weblinks > li {
margin-top:10px;
}
/* Fancybox */
#fancybox-wrap {
overflow:hidden;
}
#fancybox-outer > div {
box-sizing:content-box;
-moz-box-sizing:content-box;
}
#fancybox-content {
border:none !important;
width:100% !important;
}
#fancybox-content > div {
padding:20px;
box-sizing:content-box;
-moz-box-sizing:content-box;
}
#fancybox-content h4, #fancybox-content > div > h4 + div {
text-align:center;
}
.fancybox-title-inside {
width:auto !important;
}
#fancybox-content .product-related-products .product-field:last-child {
margin-right:0;
}
#sbox-content > iframe {
max-width:100%;
height:100%;
}
/* Editing */
.chzn-container, .chzn-drop {
width:220px !important;
}
/* Preloader */
#preloader {
bottom:0;
color:#fff;
font-size:25px;
height:100%;
left:0;
position:absolute;
right:0;
text-align:center;
top:0;
width:100%;
}
#preloader img {
position:absolute;
top:50%;
left:50%;
margin-left:-64px;
margin-top:-64px;
}
/* Offcanvas */
#offcanvas {
bottom:0;
top:0;
height:100%;
left:0;
right:0;
overflow:auto;
position:fixed;
z-index:10000;
background-color:rgba(0,0,0,.8);
background-image:none;
filter:none;
display:none;
}
.off-canvas-wrapper {
position:relative;
left:-280px;
}
#offcanvas .navbar-nav {
margin:0;
float:none;
width:280px;
}
#offcanvas li {
float:none;
border-bottom:1px solid #eee;
}
#offcanvas > ul > li {
background-color:#222;
}
#offcanvas li:last-child {
border-bottom:none;
}
#offcanvas .dropdown-menu, #offcanvas .flyout-menu {
display:block;
width:100%;
max-width:100%;
position:relative;
left:0;
top:0;
border-radius:0;
float:none;
box-shadow:none;
border:none;
margin:0;
padding:0;
}
#offcanvas .dropdown-menu > li > a, #offcanvas .dropdown-menu > li > span {
padding:10px 20px;
display:block;
font-size:100%;
}
#offcanvas .flyout-menu > li.parent::after {
content:none;
}
#offcanvas .flyout-menu > li > a:before, #offcanvas .flyout-menu > li > span:before {
content:"\e258";
font-family:"Glyphicons Halflings";
font-size:10px;
margin-right:5px;
}
#offcanvas .dropdown-menu > li.parent, #offcanvas .flyout-menu > li {
padding:0;
}
#offcanvas .navbar-nav > li > a, #offcanvas .navbar-nav > li > span {
color:#fff;
}
#offcanvas > span {
position:fixed;
top:10px;
right:10px;
z-index:100000;
color:#ccc;
display:none;
}
#offcanvas > span:hover {
cursor:pointer;
color:#ddd;
}
.navbar-toggle {
border:none;
padding: 0;
margin: 0
}
.navbar-toggle .glyphicon {
font-size:150%;
vertical-align:middle;
}
.off-canvas-wrapper {
background-color:#222;
position:absolute;
top:0;
bottom:0;
overflow:auto;
}
#offcanvas .glyphicon-remove {
font-size:30px;
}
/* Sticky menu */
.fixedmenu {
position:fixed;
top:0;
left:0;
margin:0;
width:100%;
z-index:1000;
}
/* Mega menu */
.navbar .nav > li {
white-space:nowrap;
}
.mega + ul {
box-shadow:0 6px 12px rgba(0,0,0,.5);
}
.mega:hover + ul {
display:table;
}
.mega + ul > li {
display:table-cell;
min-width:220px;
}
.mega + ul > li.parent::after {
content:"";
}
.mega + ul .flyout-menu {
position:static;
float:none;
display:block;
box-shadow:none;
}
.mega-left + ul {
right:0;
left:auto;
}
#offcanvas .mega + ul > li {
display:block;
min-width:100%;
}
#offcanvas .mega + ul {
border-top:none;
}
#offcanvas .mega + ul > li > a, .mega + ul > li > span {
font-weight:normal !important;
border-bottom:none;
position:relative;
}
/* Recaptcha */
#jform_captcha > div {
margin:0 auto;
}
/* Style overrides */
#fds-toolbar, .navbar-default, footer {
border:none;
}
.toolbar-r {
text-align:right;
}
footer {
background-color: #333;
color: #fafafa;
margin-top: 0;
border: none;
padding-top: 50px;
padding-bottom: 30px;
}
footer .border > h3 {
border: none
}
footer a {
color: #fff
}
footer a:hover {
color: #fff
}
footer .menu li {
margin-bottom: 15px
}
.footer-separator {
border-top: 1px solid #ddd;
margin: 30px 0
}
.copyright a, .credits a {
text-decoration: underline;
}
small, .small {
font-size:85%;
}
.pager {
font-size:100%;
border-top:1px solid #ddd;
padding-top:10px;
}
/* Reviews */
.normal blockquote {
background-color:#f5f5f5;
}
.well blockquote {
background-color:#fff;
}
/* Category view */
.category-view > h1 {
margin-top:0;
}
#sorting {
font-size:12px;
line-height:17px;
}
.display-number .input-sm {
height:28px;
line-height:28px;
padding:4px;
vertical-align:baseline;
}
.orderby-displaynumber .well {
min-height:50px;
}
/* Menu */
.navbar-default {
background-color:#333;
border-top:none;
border-bottom:none;
}
.navbar .nav > li.active > a, .navbar .nav > li.active > span {
background-color:#272727;
font-weight:bold;
}
.navbar .nav a, .navbar .nav span, .navbar-default .navbar-toggle, nav .dropdown-menu > li.parent::after, .flyout-menu > li.parent::after {
color:#fff;
}
.navbar .nav > li:hover, .navbar-default .dropdown-menu > li > span:hover, .navbar-default .dropdown-menu > .active > span, .navbar-default .dropdown-menu > .active > span:hover, .flyout-menu > li > span:hover, .flyout-menu > .active > span, .flyout-menu > .active > span:hover, .flyout-menu > li > a:hover, .flyout-menu > li > a:focus, .flyout-menu > li > span:hover, .flyout-menu > li > span:focus {
background-color:#272727;
}
.flyout-menu {
padding:0;
background-color:#333;
box-shadow:none;
border:none;
font-size:13px;
}
#offcanvas .flyout-menu {
background-color:#008cba;
}
#offcanvas li {
border-bottom:none;
}
#offcanvas .navbar-nav span, #offcanvas .flyout-menu > li > a {
color:#fff;
}
#offcanvas .navbar-nav > li > span {
padding:10px 15px;
line-height:21px;
display:block;
}
#offcanvas .navbar-nav > li > span:hover, #offcanvas .dropdown-menu span:hover {
background-color:#006687;
}
.off-logo {
display: block;
text-align: center;
padding-top: 15px;
margin-bottom: 15px
}
#cls-btn {
position: fixed;
top: 15px;
right: 15px;
z-index: 1;
padding: 0;
background-color: transparent;
color: #fff;
}
/* Cart module */
.vmCartModule {
padding:8px 0;
}
.btn-group .dropdown-toggle.btn-default ~ .dropdown-menu {
background-color:#f5f5f5;
}
/* Currency Module */
.toolbar #virtuemart_currency_id {
line-height:28px;
height:28px;
padding:4px;
}
/* Category Module */
.vm-plus:hover span {
color:#333;
}
/* Modules */
.border {
padding:20px 0;
}
.box .border {
border:1px solid #ddd;
padding:20px;
}
#fds-bottom-c h3 {
border-bottom:none;
padding-bottom:0;
}
.breadcrumb {
padding:10px 0 0;
white-space: nowrap;
overflow: auto;
}
/* Buttons */
.btn-primary {
background-color:#333;
border-color:#212121;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
background-color:#222;
border-color:#000;
}
/* System messages */
#system-message p {
font-size:100%;
}
/* Media queries*/
@media (max-width: 992px) {
.container {
width:100%;
}
footer {
padding-left:10px;
padding-right:10px;
}
.moduletable, aside .moduletable:last-child, .innerbottom .moduletable:last-child {
margin-bottom:15px;
}
.navbar-toggle {
display:block;
}
}
@media (min-width: 768px) {
.toolbar #j-login-mod {
margin-left:-50% !important;
left:0;
right:0;
width:100%;
position:relative;
}
}
@media (max-width: 767px) {
header {
margin: 15px 0 0
}
.dl-horizontal dd {
padding-left:0;
}
.fds-logo {
margin-bottom:15px;
}
.toolbar #j-login-mod-button {
display: block;
margin-left: auto;
}
.toolbar-l, .toolbar-r {
text-align:center !important;
padding:0 15px;
}
.mobile-header {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.mobile-search {
display: none
}
.copyright, .credits {
text-align: center;
}
.credits {
margin-top: 15px
}
.margin-top {
margin-top: 15px;
}
}
@media (max-width: 480px) {
body {
font-size:90%;
}
}
@media (max-width: 320px) {
body {
padding-left:0;
padding-right:0;
}
}
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
border-bottom-color:#000 !important;
}
a[href^="/"]:after {
content:"";
}
}
/* Tests*/
#offcanvas .dropdown-menu, #offcanvas .flyout-menu, #offcanvas .mega + ul {
display:none;
}
.open-submenu {
position:absolute;
right:10px;
top:3px;
font-size:16px;
color:#000 !important;
z-index:1111111;
}
.open-submenu:hover, .open-submenu:focus {
text-decoration:none;
font-weight:bold;
}
#offcanvas li.active > a {
font-weight:bold;
}