/******************************************************************************************/ /************************* DO NOT EDIT THIS FILE ( v1.4.5 ) *******************************/ /******************************************************************************************/ /** Theme Font **/ .theme_font, .main ul.messages, .product-options dt label, .product-options dl ul.options-list .label, .slide-title .text, .slide-title .link, button.button span, .header-cart .summary, .header-cart .header-dropdown .subtotal, .footer .info-content h1,.footer .info-content h2,.footer .info-content h3,.footer .info-content h4,.footer .info-content h5,.footer .info-content h6, .footer .newsletter .title, .footer .athlete_footer_connect .title, .athlete_footer_customer_service, .header-cart .header-dropdown .sub-total, #nav > li > a, #nav ul.level0 li > a, .nav-top-title a, .remember-me-popup h3, .content-banner .banner, .content-banner .banner a, .text-container .text, .nav-top-title, .page-title h1, .opc .step h3, .opc .step-title .number, .opc .step-title h2, .block .block-title, .block-currently-shopping p.block-subtitle, .block-compare h3, .block_shipping .shipping > h2, .block_coupon .discount > h2, .block_totals #shopping-cart-totals-table tfoot strong, p.back-link a, .data-table .product-name, .data-table .cart-price, .block .actions a, .block-poll .block-subtitle:before, .std h1, .std h2, .std h3, .std h4,.std h5, .std h6, .std .h1, .std .h2, .std .h3, .std .h4,.std .h5, .std .h6, .std .data-table tbody th, .category-products .product-name, .category-products .price-box, .new-label, .sale-label, .products-list .link-wishlist, .products-list .link-compare, .product-view .product-category-title h3, .product-name h1, .product-shop .add-to-links a, .dedicated-review-box .average-rating strong, .dedicated-review-box ol.reviews-list li .review-title, .add-review h2, .add-review h4, .product-tabs a, .product-tabs-container h2.tab-heading a, .product-view .box-tags .form-add label, .price-box .price, .title-container h3, .category-banner-container .text-container a, .cms-banner.cms-banner-big-link .link, ul.custom-menu li a, .block-login h2, .blog-title h1, .aw-blog-read-more, .postTitle h1,.commentDetails h4.username, .blog-date, .postTitle h2, .athlete_style_large, .athlete_style_medium, .athlete_style_small, .slideshow-container .link { font-family:'Ubuntu', Arial, sans-serif; letter-spacing:0px;} @font-face { font-family: 'typicons'; src: url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.eot"); src: url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.eot?#iefix") format('embedded-opentype'), url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.woff") format('woff'), url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons.ttf") format('truetype'), url("https://cdnjs.cloudflare.com/ajax/libs/typicons/2.0.8/typicons..svg#typicons") format('svg'); font-weight: normal; font-style: normal; } /* letter spacing -2px */ .text-container .text, .block-login .block-title, .title-container h3, .athlete_style_medium { letter-spacing:0px;} .product-view .price-box-wrap .price-box .price { letter-spacing:0px;} /* letter spacing -3px */ /* letter spacing -4px */ .slide-title .text, .page-title h1, .product-slider-container-big .title-container h3, .product-view .product-category-title h3, .blog-title h1, .postTitle h1, .athlete_style_large { letter-spacing: -1px;} @media only screen and (max-width: 767px) { .slide-title .text, .page-title h1, .product-slider-container-big .title-container h3, .product-view .product-category-title h3, .blog-title h1, .postTitle h1 { letter-spacing:0px;} } .new-label, .sale-label, .block .actions a.btn-clear { letter-spacing:inherit;} /** Theme Color **/ .logo-container, .header-cart .summary, .header .top-links a:hover, .footer .info-content a:hover, a.social-icon, a.social-icon2, .header a.btn-edit:hover, .content-container a.btn-edit:hover, .header a.btn-remove:hover, .content-container a.btn-remove:hover, .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .header .form-search button.button span, .header .form-search button.button:hover span, .header-currency:hover, .header-language:hover, #nav>li>a:hover, #nav>li.over>a, #nav>li.active>a, #nav>li.parent>a:hover:before, #nav>li.parent.over>a:before, .nav-top-title:hover a, .nav-top-title div.icon span, .product-view .product-img-box .zoom .btn-zoom-out:hover, .product-view .product-img-box .zoom .btn-zoom-in:hover, .opc .allow:hover .step-title, .opc .allow.active .step-title .number, .opc .allow.active:hover .step-title .number, p.back-link a, .block .actions a, .block-wishlist .link-cart:hover, .block-progress dt a, .sorter a.sort-by-arrow:hover, .view-mode a.grid:hover, .view-mode strong.grid, .view-mode a.list:hover, .view-mode strong.list, .pager .pages li a:hover, .pager .pages li.current, .pager .pages li a.previous :hover, .pager .pages li a.next:hover, .over .toolbar-title, .toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a, .products-grid .actions li button.button:hover, .products-grid .actions .add-to-links .link-wishlist:hover, .products-grid .actions .add-to-links .link-compare:hover, .add-review .rating-radio.active, .product-tabs li.active a, .product-tabs a:hover, .product-tabs-container h2.tab-heading:hover, .product-tabs-container h2.active a, .product-tabs-container h2.active a:hover, .product-tags li a:hover, #toTop { background-color:#222222; color:#fff;} /* a:hover */ .products-grid li.item.hover .product-hover .animate-me .price { color:#222222} .block, .remember-me-popup, .header-currency:hover .header-switch-trigger:after, .header-language:hover .header-switch-trigger:after {border-top-color:#222222;} .theme_bg_color{ background-color:#222222} .theme_border_color{ border-color:#222222} .theme_color{ color:#222222} /* buttons */ button.button span{color:#ffffff} .no-touch button.button:hover span {color:#222} .revolution-slideshow .link:hover {color:#222222 !important} button.button > span:before, #toTop {background-color:#222} button.button:hover > span:after, #toTop:hover {background-color:#fff} .revolution-slideshow .link:hover {background-color:#ffffff !important} /* inverted buttons */ button.inverted span {color:#222222} .no-touch button.inverted:hover span{color:#fff} .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .qty-container .qty-math, .data-table .btn-edit, .data-table .btn-remove, .block .btn-remove, button.inverted > span:before {background-color:#fff} .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .qty-container .qty-math:hover, .data-table a.btn-edit:hover, .data-table a.btn-remove:hover, .block .btn-remove:hover, button.inverted:hover > span:after {background-color:#222} #shopping-cart-table a.btn-remove, #shopping-cart-table a.btn-edit {background-color:#222} #shopping-cart-table a.btn-remove:hover, #shopping-cart-table a.btn-edit:hover {background-color:#fff} /** cms banners **/ .cms-banner.cms-banner-big-link .link{color:#ffffff} .no-touch .cms-banner.cms-banner-big-link .link:hover {color:#222222 !important} .cms-banner.cms-banner-big-link .link {background-color:#222222} .cms-banner.cms-banner-big-link .link:hover {background-color:#ffffff !important} /** title **/ /** price **/ .new-product .price-box .price, .no-touch .products-grid li.new-product:hover .product-hover .animate-me .regular-price .price {color:#717171} .new-label {background-color: RGBA(26,128,182,0.8)} .sale-product .price-box .price, .products-grid li.item.hover .product-hover .animate-me .special-price .price {color:#f87612} .sale-label {background-color: RGBA(248,118,18,0.8)} /** header_options **/ .header-container, #nav, .header-nav-wide #nav, .header .form-search-over {background-color:transparent;} /** header content options **/ /* .header-nav-txt.std { color:} .header-nav-txt.std a { color:} .header-nav-txt.std a:hover { color:} */ .logo-container {background-color:transparent;} /*.top-bar,*/ .top-links-container, .top-links-container:before, .header .links:after {background-color:#f8f8f8} .header-currency .header-switch-trigger:after, .header-language .header-switch-trigger:after { border-top-color:#f8f8f8; } .header-currency, .header-language, .header .top-links a {color:#000000} .header-currency .header-switch-trigger:before, .header-language .header-switch-trigger:before { border-top-color: #a4a4a4 ; } .header .top-links a:hover, .header-cart .summary, .header-currency:hover, .header-language:hover {color:#ffffff} .header-currency:hover .header-switch-trigger:before, .header-language:hover .header-switch-trigger:before { border-top-color: #ffffff ; } .header .form-search button.button > span:before {background-color:#222222} .header .form-search input {background-color:#dddddd} .header .form-search input {color:#222222} /** header_dropdowns **/ /* navigation */ /* .header-nav-wide:before, .header-fixed .header-2 .form-search {background-color: RGBA(246,246,246, 0.8)} */ .header-nav-wide:before {background-color: RGBA(246,246,246, 0.8)} .header-fixed .header-2 .form-search {background-color: transparent;} #nav>li>a, .nav-top-title a, .header-nav-txt.std, .header-nav-txt.std a {color:#5e5e5e} .nav-top-title:hover div.icon span, .nav-top-title.active div.icon span {background-color:#5e5e5e} #nav>li>a:hover, #nav>li.over>a, #nav>li.active>a, .nav-top-title:hover a, .header-nav-txt.std a {color:#ffffff} .nav-top-title:hover div.icon span, .nav-top-title.active div.icon span {background-color:#ffffff} .header-nav-wide-alt:before, .header-fixed-alt .header-2-alt .form-search-alt {background-color: RGBA(248, 118, 18, 0.8)} #nav>li>a, .nav-top-title a, .header-nav-txt.std, .header-nav-txt.std a {color:#5e5e5e; text-align: center;} .nav-top-title:hover div.icon span, .nav-top-title.active div.icon span {background-color:#5e5e5e} #nav>li>a:hover, #nav>li.over>a, #nav>li.active>a, .nav-top-title:hover a, .header-nav-txt.std a {color:#ffffff} .nav-top-title:hover div.icon span, .nav-top-title.active div.icon span {background-color:#ffffff} #nav>li>a:hover, #nav>li.over>a, #nav>li.active>a, #nav>li.parent>a:hover:before, #nav>li.parent.over>a:before, .nav-top-title:hover a, .nav-top-title div.icon span, .header-nav-txt.std a{background-color:#222222} #nav>li>a {font-size:15px} #nav .title-container h3, #nav .std h1, #nav .std h2, #nav .std h3, #nav .std h4, #nav .std h5, #nav .std h6, #nav .std .h1, #nav .std .h2, #nav .std .h3, #nav .std .h4, #nav .std .h5, #nav .std .h6, #nav .std {color:#5e5e5e} #nav ul.level0 li a {color:#5e5e5e} #nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a, #nav .std a.h1:hover, #nav .std a.h2:hover, #nav .std a.h3:hover, #nav .std a.h4:hover, #nav .std a.h5:hover, #nav .std a.h6:hover {color:#ffffff;} #nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a, #nav .std a.h1:hover, #nav .std a.h2:hover, #nav .std a.h3:hover, #nav .std a.h4:hover, #nav .std a.h5:hover, #nav .std a.h6:hover {background-color:#f87612} @media only screen and (max-width: 1023px) { .header-nav-wide .nav-top-title a, .header-nav-wide #nav, .nav-top-title.over:after {background-color:#ffffff} #nav ul.level0 li a {color:#666666} #nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a, .nav-top-title:hover a {color:#ffffff} #nav ul.level0 li a:hover, #nav ul.level0 li.active > a, #nav ul.level0 li.over > a, .nav-top-title:hover a {background-color:#222222} } /** content_banners **/ .category-banner-container, .content-banner { background-color: transparent;} .category-banner-container .text-container .text { background-color:transparent;} .category-banner-container .text-container .text { color:#ffffff} .category-banner-container .text-container .text { background-color:transparent;} .category-banner-container .text-container .text { color:#ffffff} .category-banner-container .text-container .link { background-color:#222222} .category-banner-container .text-container .link { color:transparent;} .no-touch .category-banner-container .link:hover { background-color:transparent;} .no-touch .category-banner-container .link:hover { color:#ffffff} /** Content area **/ body.shipping-tracking-popup .data-table a:hover, .opc .allow:hover .step-title .number, .opc .allow.active .step-title, .dashboard .box-reviews .number, .content-container a:hover, .colorswatches-container .colorswatch.current a, ul.configurable-swatch-list li.selected a.swatch-link, .block-blog.block-blog-tags li a, .block-layered-nav li.active > a, .block-layered-nav li em:hover {background-color: transparent;} body.shipping-tracking-popup .data-table a:hover, .opc .allow:hover .step-title .number, .opc .allow.active .step-title, .dashboard .box-reviews .number, .content-container a:hover, .colorswatches-container .colorswatch.current a, .std a:hover, .block-blog.block-blog-tags li a, ul.configurable-swatch-list li.selected a.swatch-link, .block-layered-nav li.active > a, .block-layered-nav li em:hover {color:#f87612} .product-shop .add-to-links a, .product-shop .add-to-links a:hover, .products-grid .product-name a, .data-table a.product-image, .data-table a.product-image:hover, .banners-slider-container .banners li a, .minimal-price-link, .addthis_toolbox a,.addthis_toolbox a:hover, .cms-banner {background-color:transparent} /** footer **/ .footer-container {background-color:#f8f8f8} .footer .info-content h1, .footer .info-content h2, .footer .info-content h3, .footer .info-content h4, .footer .info-content h5, .footer .info-content h6, .footer .newsletter .title, .footer .athlete_footer_connect .title, .athlete_footer_customer_service {color:#000000} .footer, .footer .newsletter p, .footer .info-content a {color:#666666} .footer a, .footer .info-content a {color:#666666} .footer a:hover, .footer .info-content a:hover, .footer .copyright-container a:hover {color:#ffffff !important;} .footer a:hover, .footer .info-content a:hover, .copyright-container a:hover {background-color:#f87612} .footer a.set1:hover {background-color: transparent;} .footer .newsletter {background-color:#ececec} .footer button.button span {color:#ffffff} .footer button.button > span:before {background-color:#222222} .no-touch .footer button.button:hover span {color:#222222} .no-touch .footer button.button:hover > span:after {background-color:#ffffff} body, .copyright-container {background-color:#ffffff} .copyright-container, .copyright-container a {color:#666666} .copyright-container a {color:#f87612} .copyright-container a:hover {color:#ffffff} /* banners slider */ .banners-slider-container .banners li {background-color:#f7f7f7} .text-container .text {background-color:rgba(0,0,0,0.5)} .text-container .text {color:#ffffff} .no-touch .text-container .animate-me .text {color:#ffffff !important} .no-touch .text-container .text:after {background-color:#000000} .text-container .link {background-color:#222222} .text-container .link {color:#ffffff} /*.banners-slider-container .banners li {background-color:#f7f7f7}*/ .text-container .text2 {background-color:rgba(0,0,0,0.5)} .text-container .text2 {color:#222222} .no-touch .text-container .animate-me .text2 {color:#ffffff !important} .no-touch .text-container .text2:after {background-color:#000000} .text-container .link2 {background-color:#222222} .text-container .link2 {color:#ffffff} .logo-container-indent { padding: 0px } @media only screen and (max-width: 767px) { .header .logo-container-indent { padding: 0px } } .logo-container {width:256px} .header .logo img {max-width:320px} .wide #nav ul.level0, .wide #nav > li > div, .athlete #nav ul.level0, .athlete #nav > li > div, .header-1 .olegnaxmegamenu #nav li.wide > div {margin-left:-256px} @media only screen and (min-width: 768px) and (max-width: 1023px) { .header-nav-wide {left:320px;} /* .header .form-search-over, .header .search-visible .form-search-over { width:440px; } */ } .header-fixed .header-2 .header-nav-wide { margin: -64px 90px 0; } /** Vassilis round corner img **/ .image_round_corners img { -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; border: 1px solid #919191; } /** Product page **/ .product-view .product-img-box {width: 473px} .product-view .product-img-box .product-image-zoom {width: 473px; height: 473px} @media only screen and (max-width: 767px) { .product-view .product-img-box .product-image-zoom {width: 426px; height: 426px} } @media only screen and (max-width: 479px) { .product-view .product-img-box .product-image-zoom {width: 300px; height: 300px} } /** Login page **/ .customer-account-create .content-container, .customer-account-forgotpassword .content-container, .customer-account-resetpassword .content-container, .customer-account-login .content-container { background-color:#fff; } /** Cart page **/ /** Slideshow **/ .slideshow-container {background-color:#f7f7f7} .tp-bannertimer, .athlete-slideshow .slide .controls .progress {background-color:#000000} .fullwidthbanner-container, .fullwidthbanner-container .fullwidthbanner { max-height:800px !important;} .rs-banner{height:800px;} @media only screen and (min-width: 768px) and (max-width: 1023px) { .rs-banner, .rs-banner-container{ width:740px; max-height:640px !important;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .rs-banner, .rs-banner-container { width:426px; max-height:400px !important; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .rs-banner, .rs-banner-container { width:320px; max-height:266px !important; } } .fullwidthbanner-container .caption {font-family:"Open Sans"} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected {background-color:transparent} .tp-caption.athlete_white_bg_light, .tp-caption.athlete_white_bg_medium, .tp-caption.athlete_white_bg_bold {color:#222222} .tp-bullets.simplebullets.athlete .bullet, .tp-leftarrow.default, .tp-rightarrow.default, .athlete-slideshow .slide .controls .slide-control {background-color:#ffffff} .tp-bullets.simplebullets.athlete .bullet:hover, .tp-bullets.simplebullets.athlete .bullet.selected, .tp-leftarrow.default:hover, .tp-rightarrow.default:hover, .no-touch .athlete-slideshow .slide .controls .slide-control:hover {background-color:#000000} .slide-title .text {background-color:#ffffff} .slide-title .text {color:#000000} .slide-title .link {background-color:#222222} .slide-title .link {color:#ffffff} .slide-title .link:hover {background-color:#ededed} .slide-title .link:hover {color:#000000} /** Product listing **/ .category-products .product-name a {color:#000000} .my-account .data-table .ratings, .dashboard .box-reviews .ratings, .products-grid .ratings, .products-list .ratings .rating-box {background-color:#ffffff} .products-grid .actions .add-to-links li, .products-grid button.btn-cart > span:before {background-color:#f3f3f3} .products-grid .actions li button.button:hover, .products-grid .actions .add-to-links .link-wishlist:hover, .products-grid .actions .add-to-links .link-compare:hover, .products-grid button.btn-cart > span:after {background-color:#222222} .products-grid button.btn-cart span {color:#000000} .products-grid button.btn-cart:hover span {color:#ffffff} .products-grid li.item.hover {background-color:#ffffff} .products-grid li.item.hover .product-name.animate-me:after, .products-grid li.item.hover .price-box.animate-me:after, .products-grid li.item.hover ul.configurable-swatch-list.animate-me:after, .products-list .product-name a:hover {background-color:#ffffff} .products-grid li.item.hover .product-hover .animate-me a, .products-grid li.item.hover .product-hover .animate-me p {color:#f87612} .products-grid li.item.hover .product-hover .animate-me a, .products-grid li.item.hover .product-hover .animate-me p, .products-list .product-name a:hover {color:#f87612} /** Product details **/ /* Product Tabs */ .product-tabs li a, .product-tabs-container h2.tab-heading a { color: #222222; border: 1.5px solid transparent; border-radius: 4px 4px 0 0; } .product-tabs li a, .product-tabs-container h2.tab-heading a { background-color: #ffffff; border: 1.5px solid transparent; border-radius: 4px 4px 0 0; } .product-tabs li.active a, .product-tabs li a:hover, .product-tabs-container h2.tab-heading a:hover, .product-tabs-container h2.active a, .product-tabs-container h2.active a:hover {color: #ffffff; border-radius: 4px 4px 0 0;} .product-tabs li.active a, .product-tabs li a:hover, .product-tabs-container h2.tab-heading a:hover, .product-tabs-container h2.active a, .product-tabs-container h2.active a:hover {background-color:#000000; border-radius: 4px 4px 0 0;} .product-view .ratings .rating-box, .dedicated-review-box ol.reviews-list li .rating-box {background-color:#ffffff} .cloud-zoom-lens {box-shadow: inset 0 0 0 3px #000000 !important} .cloud-zoom-big {box-shadow: inset 0 0 0 9px #000000 !important} .cloud-zoom-lens {background-color:rgba(0,0,0, 0.07 ) !important; } /** Sidebar **/ .block {border-top-color:#272727} .block a:hover, .block-layered-nav li a:hover, .block-layered-nav li em:hover, .block-layered-nav li.active > a, .block-account li a:hover, .block-tags li a:hover {color:#fff} .block a:hover, .block-layered-nav li a:hover, .block-layered-nav li em:hover, .block-layered-nav li.active > a, .block-account li a:hover, .block-tags li a:hover {background-color:#f87612} /* inverted buttons */ /** poll **/ /** Global Messages **/ /** Pager **/ .sorter, .pager { color:#191919} .pager .pages li a { color:#ffffff} .pager .pages li a { color:#191919} .pager .pages li a:hover, .pager .pages li.current { color:#ffffff} .pager .limiter, .sorter .sort-by-wrap, .sorter .view-mode, .sorter .limiter, .pager .pages li a.previous, .pager .pages li a.next, .sorter a.sort-by-arrow, .view-mode .grid, .view-mode .list { background-color:#ffffff} .view-mode {border: 1px solid #c0c0c0;} .toolbar-dropdown { border-top-color:#ffffff; background-color:#ffffff} .pager .limiter, .sorter .sort-by-wrap, .sorter .view-mode, .sorter .limiter { color:#505050} .sorter .current, .toolbar-dropdown ul li a { color: #f87612;} .over .toolbar-title, .toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a, .view-mode a.grid:hover, .view-mode strong.grid, .view-mode a.list:hover, .view-mode strong.list, .pager .pages li a.previous :hover, .pager .pages li a.next:hover { color:#ffffff} .over .toolbar-title, .sorter a.sort-by-arrow:hover, .toolbar-dropdown ul li a:hover, .toolbar-dropdown ul li.selected a, .view-mode a.grid:hover, .view-mode strong.grid, .view-mode a.list:hover, .view-mode strong.list, .pager .pages li a.previous :hover, .pager .pages li a.next:hover { background-color:#222222 } .view-mode { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; margin-top: -1px; } /** Arrows **/ /* banner slider */ .banners-slider-container .nav a { background-color:#ffffff} .no-touch .banners-slider-container .nav a:hover { background-color:#000000} .banners-slider-container .nav a.disabled, .no-touch .banners-slider-container .nav a.disabled:hover { background-color:#e0e0e0} /* brands slider */ .brands-slider-container .title-container .slider-nav a { background-color:rgba(0, 0, 0, 0)} .no-touch .brands-slider-container .title-container .slider-nav a:hover { background-color:#000000} .brands-slider-container .title-container .slider-nav a.disabled, .no-touch .brands-slider-container .title-container .slider-nav a.disabled:hover { background-color:transparent;} /* Prevnext */ .prev-next a, .prev-next a.icon-white { background-color:#000000} .no-touch .prev-next a:hover, .no-touch .prev-next a.icon-white:hover { background-color:#ffffff} /* product slider */ .title-container .slider-nav a, .product-view .product-img-box .more-views-nav a { background-color:#f0f0f0} .no-touch .title-container .slider-nav a:hover, .product-view .product-img-box .more-views-nav a:hover { background-color:#000} .title-container .slider-nav a.disabled, .no-touch .title-container .slider-nav a.disabled:hover, .product-view .product-img-box .more-views-nav a.disabled, .product-view .product-img-box .more-views-nav a.disabled:hover{ background-color:#ffffff} .product-shop .price-box .price, .product-options-bottom .price-box .price {font-family:"Open Sans", Arial, sans-serif; } .product-view button.button span{color:#ffffff} .no-touch .product-view button.button:hover span {color:#222222} .product-view .qty-container .qty-math:hover, .product-view button.button > span:before {background-color:#222222} .product-view .qty-container .qty-math, .product-view button.button:hover > span:after {background-color:#ffffff} /* product slider - megamenu */ .megamenu-block .product-slider-container .title-container .slider-nav a { background-color:#222222} .no-touch .megamenu-block .product-slider-container .title-container .slider-nav a:hover { background-color:#000000} /* banner slider */ /* banners_slider_home_page */ #banners_slider_home_page .banners {height: 0px; } #banners_slider_home_page .banners li a { width: 320px; height: 220px; } /* banners_slider_sidebar */ #banners_slider_sidebar .banners {height: 0px; } #banners_slider_sidebar .banners li a { width: 245px; height: 368px; } /* banners_slider_light */ #banners_slider_light .banners {height: 0px; } #banners_slider_light .banners li a { width: 320px; height: 220px; } /* banners_slider_lsidebar */ #banners_slider_lsidebar .banners {height: 0px; } #banners_slider_lsidebar .banners li a { width: 296px; height: 483px; } /* banners_slider_blog */ #banners_slider_blog .banners {height: 0px; } #banners_slider_blog .banners li a { width: 245px; height: 245px; } /* banners_slider_spain_light */ #banners_slider_spain_light .banners {height: 0px; } #banners_slider_spain_light .banners li a { width: 294px; height: 220px; } /* banners_slider_slider_greece */ #banners_slider_slider_greece .banners {height: 0px; } #banners_slider_slider_greece .banners li a { width: 338px; height: 232px; } /* banners_slider_BW */ #banners_slider_BW .banners {height: 0px; } #banners_slider_BW .banners li a { width: 451px; height: 309px; } /* fancybox */ #fancybox-close {background-color:#ffffff} #fancybox-close:hover {background-color:#222222} #fancybox-close { background-position: 5px -17px; } #fancybox-close:hover { background-position: 5px 4px } .ajax-message a:hover {background-color:#000000} .ajax-message a:hover {color:#ffffff} /* blog */ .blog-date .inner {color:#222222} .blog-date .hover {color:#ffffff} .blog-date .inner {background-color:#ffffff} .blog-date .hover {background-color:#222222} .postWrapper:hover .postTitle h2 a {background-color:#000000} .postWrapper:hover .postTitle h2 a {color:#ffffff} .block-blog.block-blog-tags li a:hover, .blog-img-wrap a:after {background-color:#222222} .commentWrapper {border-color:#222222} /*****************************************************************/ /***************** theme layout & max width **********************/ .grid-fluid .row { max-width: 1380px; } /* Desktop width - 1440px */ @media only screen and (min-width: 1440px) { /* default 2 columns */ .col2-layout .sidebar { width: 17.75%;} .col2-layout .col-main { width: 78.24%;} .col2-left-layout .col-main-wrap { margin-left: 269px;} .col2-right-layout .col-main-wrap { margin-right: 269px;} .col2-layout .col-main { width: 100%;} .col2-layout .sidebar { width: 269px;} /* default 3 columns */ .col3-layout .col-main {} .col3-layout .sidebar {} /* product item */ .product-columns-2 ul.products-grid li.item { width: 25%;} .product-columns-3 ul.products-grid li.item { width: 20%;} .product-columns-4 ul.products-grid li.item { width: 16.6666%;} .product-columns-5 ul.products-grid li.item { width: 14.2857%;} .product-columns-6 ul.products-grid li.item { width: 12.5%;} .product-columns-7 ul.products-grid li.item { width: 12.5%;} } /* Desktop width - 1360px */ @media only screen and (min-width: 1360px) and (max-width: 1439px) { /* default 2 columns */ .col2-layout .sidebar { width: 18.84%;} .col2-layout .col-main { width: 77.15%;} .col2-left-layout .col-main-wrap { margin-left: 269px;} .col2-right-layout .col-main-wrap { margin-right: 269px;} .col2-layout .col-main { width: 100%;} .col2-layout .sidebar { width: 269px;} /* default 3 columns */ .col3-layout .col-main {} .col3-layout .sidebar {} /* product item */ .product-columns-2 ul.products-grid li.item { width: 33.3333%;} .product-columns-3 ul.products-grid li.item { width: 25%;} .product-columns-4 ul.products-grid li.item { width: 20%;} .product-columns-5 ul.products-grid li.item { width: 16.6666%;} .product-columns-6 ul.products-grid li.item { width: 14.2857%;} .product-columns-7 ul.products-grid li.item { width: 12.5%;} } /* Desktop width - 1280px */ @media only screen and (min-width: 1280px) and (max-width: 1359px) { /* default 2 columns */ .col2-layout .sidebar { width: 20.41%;} .col2-layout .col-main { width: 75.58%;} .col2-left-layout .col-main-wrap { margin-left: 269px;} .col2-right-layout .col-main-wrap { margin-right: 269px;} .col2-layout .col-main { width: 100%;} .col2-layout .sidebar { width: 269px;} /* default 3 columns */ .col3-layout .col-main {} .col3-layout .sidebar {} /* product item */ .product-columns-2 ul.products-grid li.item { width: 33.3333%;} .product-columns-3 ul.products-grid li.item { width: 25%;} .product-columns-4 ul.products-grid li.item { width: 20%;} .product-columns-5 ul.products-grid li.item { width: 16.6666%;} .product-columns-6 ul.products-grid li.item { width: 14.2857%;} .product-columns-7 ul.products-grid li.item { width: 12.5%;} } .cms-index-index h1, .cms-index-index h2, .cms-index-index .title-container h1, .cms-index-index h3, .cms-index-index .title-container h3, .cms-index-index .cms-banner .text, .cms-index-index .footer-container .title, .cms-index-index h4, .cms-index-index .info-content h4, .cms-index-index .footer h4, .cms-index-index .footer .info-content h4 { font-family: 'Ubuntu', sans-serif; } .cms-index-index a, .cms-index-index p, .cms-index-index div { font-family: 'Ubuntu', sans-serif; } .cms-index-index .price { font-family: 'Open Sans', sans-serif; } #nav > li.purchase-transparent > a span {background-color:transparent;} #nav > li.purchase-blue > a span {color:#1a80b6} #nav > li.purchase-blue > a:hover {background-color:#1a80b6} #nav > li.purchase-blue > a:hover span {color:#ffffff} #nav > li.purchase-green > a span {color:#adb903} #nav > li.purchase-green > a:hover {background-color:#adb903} #nav > li.purchase-green > a:hover span {color:#ffffff} #nav > li.purchase-light-english > a {color:#f87612} #nav > li.purchase-light-english > a:hover {background-color:#f87612} #nav > li.purchase-light-english > a:hover {color:#ffffff} #nav > li.purchase-light-greek > a {background-color:#333333} #nav > li.purchase-light-greek > a {color:#ffffff} #nav > li.purchase-light-greek > a:hover {background-color:#333333} #nav > li.purchase-light-greek > a:hover {color:#f87612} #nav > li.purchase-light-english2 > a {color:#f94127} #nav > li.purchase-light-english2 > a:hover {background-color:transparent;} #nav > li.purchase-light-english2 > a:hover {border-bottom: solid 2px; border-top: solid 2px; } /*Start Connected by aimilia*/ .header-cart .header-dropdown .buttons, .header-cart .header-dropdown .btn-continue, .header-cart .header-dropdown .button{text-align: center;float:none;} .header-cart .header-dropdown .btn-continue{margin-bottom:10px;} .header-cart .header-dropdown .btn-edit.icon-white:hover, .header-cart .header-dropdown .btn-remove.icon-white:hover { background-color:#fff;} .header-cart .header-dropdown .btn-edit { margin: 0 0 0 18px;} .products-list .add-to-links button.button.icon-white span span, .catalog-product-view .slider-container .owl-wrapper-outer .btn-cart-container button.btn-cart.icon-white span span { background-position: 0 -31px; } .products-list .add-to-links button.button.icon-white:hover span span, .catalog-product-view .slider-container .owl-wrapper-outer .btn-cart-container button.btn-cart.icon-white:hover span span { background-position: 0 5px; } .checkout-cart-index .block_totals button.button span span, .checkout-cart-index .title-buttons button.button span span { padding: 0 26px 0 0; background: url(../images/athlete/next-icon-roll.png) no-repeat right 50%;} .checkout-cart-index .block_totals button.button:hover span span, .checkout-cart-index .title-buttons button.button:hover span span { background: url(../images/athlete/next-icon.png) no-repeat right 50%;} .cart-collaterals .block_totals table td{ font-size: 14px; padding: 10px 0 10px 10px !important; border-bottom: 1px dotted #ccc;} .cart-collaterals .grid_6 .block_shipping{ display: none;} .cart-collaterals .grid_6:last-child{ float: right;} .postWrapper { padding-left: 97px; margin-bottom: 65px; position: relative; border-image: -webkit-linear-gradient(left, white, orange, gray) 1%; border-top: 0px; border-right: 0px; border-bottom: 2px; border-left: 0px;} .postWrapper .blog-img-wrap{float:left; margin-right: 20px; width: 32%; } .postWrapper .postContentWrapper { margin-left: 0; float: left; width: 65%; } .postWrapper .blog-date{ position: absolute; top: 0; left: 0;} .postWrapper .postContentWrapper button.button.aw-blog-read-more { float: right;} .postWrapper .postContent{ clear: right; display: table;} .postWrapper .postContentWrapper:before, .postWrapper .postContentWrapper:after, .postWrapper .postContent:before, .postWrapper .postContent:after, { content: " "; display: table;} @media only screen and (max-width: 1023px) { .postWrapper .blog-img-wrap{float:none; margin-right: 0; width:100%; } .postWrapper .postContentWrapper { margin-left: 0; float: none; width: 100%; } } @media only screen and (max-width: 767px){ .postContent,.postDetails { margin-left: 0px; } } .product-view .product-shop .add-to-links a, .products-list .item .product-shop .add-to-links a { color: #222; } .product-view .product-shop .add-to-links a:hover .link_i, .products-list .item .product-shop .add-to-links a:hover .link_i{ background-color: #222; } #confirmOverlay #confirmBox{background-color: #fff; background-image: none;} #confirmOverlay #confirmBox h1{color: #494949; background-color: #cecece;} #confirmOverlay #confirmBox h1, #confirmOverlay #confirmBox p { font-family: 'Ubuntu', sans-serif !important;} #confirmOverlay #confirmButtons button.am-btn-left{ background-color: #f87612; border-color: #f87612;background-image: none; } #confirmOverlay #confirmButtons button:hover{ background-color: #000; border-color: #000;} #shopping-cart-table td.last{ min-width:60px;} #shopping-cart-table a.btn-remove, #shopping-cart-table a.btn-edit{ background-color: #fff; background-position: 0 100% !important; vertical-align: top;display: inline-block;float: none;margin: 0 5px;} #shopping-cart-table a.btn-remove:hover, #shopping-cart-table a.btn-edit:hover{ background-color: #222; background-position: 0 0 !important;} /*END Connected by aimilia*/ .amount {display: none;} /*Start "container block for category pages - ie Mac Computers" by Vassilis*/ #container2 { width: 100%; /* max-width: 1004px; */ margin: 10px 5px 21px 5px; border: 0px solid black; padding: 5px; text-align: center; } #container2 .row { border: 0px solid green; border-left: 0; border-top: none; margin: 0; padding: 0; } #container2 br { clear: both; } #container2 .block2:hover { border: 1px solid #ccc; background: RGBA(0,0,0,0.05); border-radius: 5px; padding: 3px; margin: 1px 1px; } #container2 .block2 { border: 1px solid #fff; border-radius: 5px; padding: 3px; margin: 1px 1px; /* float: left; */ display: inline-block; width: 102px; text-align: center; } @media (max-width: 320px) { #container2 .block2 { width: 80px; } #container2 .block2_alt { width: 80px !important; } } @media (min-width: 321px) and (max-width: 375px) { #container2 .block2 { width: 80px; } #container2 .block2_alt { width: 80px !important; } } @media (min-width: 376px) and (max-width: 414px) { #container2 .block2 { width: 70px; } #container2 .block2_alt { width: 70px !important; } } @media (min-width: 415px) and (max-width: 768px) { #container2 .block2 { width: 80px; } #container2 .block2_alt { width: 80px !important; } } @media (min-width: 769px) and (max-width: 1024px) { #container2 .block2 { width: 90px; } #container2 .block2_alt { width: 90px !important; } } #container2 .block2_alt { border: 1px solid #A3A3A3; padding: 3px; margin: 1px 1px; border-radius: 5px; /* float: left; */ display: inline-block; width: 102px; text-align: center; background-color: #cccccc; font-weight: bold; } #grey_more { border: 0; margin: 0 0 16px; background: #f8f8f8; min-height: 54px; line-height: 54px; font-family: 'Ubuntu', Arial, sans-serif; text-align: center; font-weight: 400; font-size: 1.25em; } #orange_more { border: 0; margin: 0 0 16px; background-color: RGBA(248, 118, 18, 0.8); color: #ffffff; min-height: 40px; line-height: 40px; font-family: 'Ubuntu', Arial, sans-serif; text-align: center; font-weight: 400; font-size: 1.25em; } #white_orange_more { border: 0; margin: 0 0 16px; padding: 20px 0; color: #F87612; border-bottom: 2px solid #F87612; font-family: 'Ubuntu', Arial, sans-serif; text-align: center; } #white_blue_more { border: 0; margin: 0 0 16px; padding: 20px 0; color: #1a80b6; border-bottom: 2px solid #F87612; font-family: 'Ubuntu', Arial, sans-serif; text-align: center; } #blue_more { border: 0; margin: 0 0 16px; background: #eef4f6; min-height: 40px; line-height: 40px; font-family: 'Ubuntu', Arial, sans-serif; text-align: center; font-weight: 400; font-size: 1.25em; } #orange_more_middle { display: inline-block; vertical-align: middle; line-height: normal; font-size: 28px; font-weight: 400; } #grey_more_middle { display: inline-block; vertical-align: middle; line-height: normal; } @media screen and (max-width: 768px) { .scroll_a_little { margin-top: -50px !important; padding-top: 50px !important; /** display: inline-block; */ } } .scroll_a_little { margin-top: -100px; padding-top: 100px; /** display: inline-block; */ } .fl768 { display: block; margin-top: 17px; } @media screen and (max-width: 767px) { .fl768 { font-size: 0.75em; } } /*END "container block for category pages - ie Mac Computers" by Vassilis**/ /*START new container for landing pages **/ #containerLND { display: inline-block; width: 100%; margin: 0; padding: 0; border: 0px solid black; } #containerLND .linkLND { background: transparent; font-size: 1em; position: relative; color: #494847; padding-top: 5px; margin-left: 15px; border-bottom: 2px solid transparent; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -ms-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } #containerLND .linkLND:before { font-family: FontAwesome; content: "\f054"; color: #F87612; display: inline-block; margin-left: -18px; padding-right: 5px; vertical-align: middle; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } #containerLND .linkLND:hover { background: transparent; color: #F87612; padding-top: 5px; border-bottom: 2px solid #f87612; } #containerLND .row { display: inline-block; width: 100%; border: 0px solid green; margin: 5px 0 0 0; padding: 0; } #containerLND .block { border: 0px solid red; border-radius: 5px; margin: 0; padding: 0; display: inline-block; text-align: center; background: #F8F8F8; vertical-align: top; } #containerLND .block_darker { border: 0px solid red; border-radius: 5px; margin: 0; padding: 0; display: inline-block; text-align: center; background: #F1F6F8; vertical-align: top; } @media screen and (max-width: 375px) { #containerLND .one_fourth { width: calc(100% - 40px) !important; } #containerLND .one_third { width: 100% !important; } #containerLND .two_thirds { width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; } #containerLND .align_res_left { margin-left: 0px !important; margin-right: 0px !important; } #containerLND .align_res_right { margin-left: 0px !important; margin-right: 0px !important; } #containerLND .align_first { margin-left: 0px !important; margin-right: 0px !important; } #containerLND .align_middle { margin-left: 0px !important; margin-right: 0px !important; } #containerLND .align_last { margin-left: 0px !important; margin-right: 0px !important; } } @media screen and (min-width: 376px) and (max-width: 766px) { #containerLND .one_fourth { width: calc(100% - 40px) !important; } #containerLND .one_third { width: 100% !important; } #containerLND .two_thirds { width: 100% !important; margin-right: 5px; } #containerLND .align_res_left { margin-left: 0px !important; margin-right: 0px !important; } #containerLND .align_res_right { margin-left: 0px !important; margin-right: 0px !important; } #containerLND .align_first { margin-right: 5px; } #containerLND .align_last { margin-left: 5px; } } @media screen and (min-width: 767px) and (max-width: 1023px) { #containerLND .one_fourth { width: calc(50% - 50px) !important; } #containerLND .one_third { width: 100% !important; } #containerLND .two_thirds { width: 100% !important; margin-right: 5px; } #containerLND .align_res_left { margin-left: 0px !important; margin-right: 10px !important; } #containerLND .align_res_right { margin-left: 10px !important; margin-right: 0px !important; } } #containerLND .one_fourth { width: calc(25% - 55px); margin-top: 20px; padding: 20px; } #containerLND .one_third { width: calc(33% - 5px); margin-top: 20px; } #containerLND .two_thirds { width: calc(66% - 5px); margin-top: 20px; margin-right: 5px; } #containerLND .three_thirds { width: 100%; } #containerLND .align_first { margin-right: 20px; float: left; } #containerLND .align_middle { margin-right: 20px; } #containerLND .align_last { margin-left: 0px; } #containerLND .subtitle { font-family: 'Roboto' !important; font-size: 1.1rem; } #containerLND .SMLtext { font-family: 'Roboto' !important; font-size: 10pt; font-weight: 300 !important; letter-spacing: -0.4pt; text-align: center; } #containerLND .MDMtext { font-family: 'Roboto' !important; font-size: 10pt; font-weight: 400 !important; letter-spacing: 0pt; text-align: center; } #containerLND .LRGtext { font-family: 'Roboto' !important; margin: 20px 12.5%; font-size: 1.05rem; line-height: 150%; } #containerLND .LRGtext h1 { font-family: 'Roboto' !important; margin: 20px 12.5%; font-size: 1.35rem; line-height: 150%; } #containerLND ul{ list-style-position: outside; list-style-type: circle; } #containerLND ul li{ text-align: left; margin-bottom: 5px; } #containerLND .colorbuttonLND{ width: 85px; height: 70px; text-align: center; line-height: 200%; border-radius: 6px !important; vertical-align: top; margin: 5px; } #containerLND .colorbuttonLND:hover{ border-radius: 6px !important; color: #F87612; } #colorbuttonLND_text { line-height: 1em; vertical-align: top; margin-top: 15px; } #round_color_buttons { text-align:center; margin-top: 5px; } /*END new container for landing pages **/ /*Start "css red diagonal instead of strikethrough" by Vassilis*/ .strikethrough { position: relative; color: #666; } .strikethrough:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 2px solid; border-color: rgba(255,0,0,0.67); -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); } /*END "css red diagonal instead of strikethrough" by Vassilis**/ /*Start "right arrow div" by Vassilis*/ .middle-div { height: 40px; float: left; width: 240px; max-width: 250px; background-color: #eee; text-align: justify; padding: 10px 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-bottom: 2px solid #ccc; border-left: 2px solid #ccc; border-top: 2px solid #ccc; font-size: 12px; } .arrow-right { height: 0px; margin-top: -18px; border-top: 32px solid transparent; border-bottom: 32px solid transparent; border-left: 32px solid #ccc; float: left; } .arrow-right2 { height: 0px; margin-top: -34px; margin-left: -32px; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #eee; float: left; } /*END "right arrow div" by Vassilis**/ /*Start "label styles" by Vassilis*/ .flag { width: 150px; height: 80px; padding: 5px 5px; position: relative; background: rgba(26, 128, 182, 0.75); color: white; font-size: 11px; letter-spacing: 0.2em; text-align: center; } .flag:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 20px solid #fff; border-left: 80px solid transparent; border-right: 80px solid transparent; } .flag_small { width: 75px; height: 45px; padding: 2px 2px; position: relative; background: rgba(26, 128, 182, 0.75); color: white; font-size: 0.75em; letter-spacing: 0.1em; text-align: center; } .flag_small:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-bottom: 10px solid #fff; border-left: 40px solid transparent; border-right: 40px solid transparent; } .youwin { background-color: RGBA(248, 118, 18, 0.8); background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); color: #ffffff; family: 'Ubuntu'; padding: 10px; text-align: center; font-size: 1em; font-weight:bold; } .bottomL { position: absolute; left: 0; bottom: 0; } .youwin_small { background-color: RGBA(248, 118, 18, 0.8); background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); color: #ffffff; family: 'Ubuntu'; padding: 4px 0.5px; text-align: center; font-size: 0.77em; font-weight: bold; } /*End "label styles" by Vassilis*/ /*START nav2 list styles by Vassilis */ .nav2 { display: block; } .dropup .caret, .nav2bar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; } .dropup .dropdown-menu, .nav2bar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .nav2bar-right .dropdown-menu { right: 0; left: auto; } .nav2bar-right .dropdown-menu-left { right: auto; left: 0; } } .nav2 { margin-bottom: 0; padding-left: 0; list-style: none; } .nav2 > li { position: relative; display: block } .nav2 > li > a { position: relative; display: block; padding: 10px 15px; } .nav2 > li > a:hover, .nav2 > li > a:focus { text-decoration: none; background-color: #f8f8f8 } .nav2 > li.disabled > a { color: #777; } .nav2 > li.disabled > a:hover, .nav2 > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav2 .open > a, .nav2 .open > a:hover, .nav2 .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav2 .nav2-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav2 > li > a > img { max-width: none; } .nav2-tabs { border-bottom: 1px solid #fd8831; padding: 0; } @media screen and (max-width: 768px) { .nav2-tabs { border-bottom: 1px solid #fd8831; } } .nav2-tabs > li { float: left; margin-bottom: -1px; } .nav2-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; font-family: "Roboto", Arial, sans-serif; font-size: 1.75em; font-weight: 200; padding: 10px 40px 10px 40px; cursor: pointer } @media screen and (max-width: 768px) { .nav2-tabs > li > a { font-size: 1.1em; font-weight: 400; padding: 1.25em; } } .nav2-tabs > li > a:hover { border-color: #d7d7d7 #d7d7d7 #fd8831 } .nav2-tabs > li.active > a, .nav2-tabs > li.active > a:focus { color: #f87612; cursor: default; background-color: #fff; border: 1px solid #f87612; border-bottom-color: transparent; cursor: default; } .nav2-tabs.nav2-justified { text-align: center; width: 100%; border-bottom: 0; padding: 0; } .nav2-tabs.nav2-justified > li { float: none; } .nav2-tabs.nav2-justified > li > a { margin-bottom: 5px; text-align: center; } .nav2-tabs.nav2-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 320px) { .nav2-tabs.nav2-justified > li { display: table-cell; width: 1%; } .nav2-tabs.nav2-justified > li > a { margin-bottom: 0; } } @media (min-width: 320px) { .nav2-tabs.nav2-justified > li > a { border-bottom: 1px solid #f87612; border-radius: 4px 4px 0 0; } .nav2-tabs.nav2-justified > .active > a, .nav2-tabs.nav2-justified > .active > a:hover, .nav2-tabs.nav2-justified > .active > a:focus { border-bottom-color: #fff; } } .nav2-tabs > li { display: inline-block; float: none; margin-bottom: -1px; } .tabs2-center .ui-tabs-nav li { display: inline-block; float: none; top: 0px; margin: 0em; padding-bottom: 0px; } @media only screen and (max-width: 767px) { .nav2-pills { display: inline !important; } } .nav2-pills { display: flex; justify-content: center; } .nav2-pills > li { float: left; } .nav2-pills > li > a { border-radius: 5px; font-weight: bold; min-width: 65px; text-align: center; color: #999999; border: 1px solid #999999; font-family: "Roboto", Arial, sans-serif; font-size: 1.75em; font-weight: 200; cursor: pointer } .nav2-pills > li + li { margin-left: 2px; } .nav2-pills > li.active > a, .nav2-pills > li.active > a:hover, .nav2-pills > li.active > a:focus { color: #f87612; border: 1px solid #f87612 !important; } .nav2-pills > li > a:hover, .nav2-pills > li > a:focus { color: #f87612; border: 1px solid #f87612 !important; } .nav2-pills2 > li > a { padding-top: 14px; font-weight: normal; font-size: 1.5em; color: #a0a0a0; font-family: 'Roboto' !important; width: 150px; border: 1px solid #c0c0c0; } .nav2-stacked > li { float: none; } .nav2-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav2-tabs-justified { /* border-bottom: 0; */ } .nav2-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav2-tabs-justified > .active > a, .nav2-tabs-justified > .active > a:hover, .nav2-tabs-justified > .active > a:focus { border: 1px solid #ddd; } .tab-content > .tab-pane { display: none; /*border-top: 2px solid #f87612;*/ margin-top: -16px !important; } .tab-content > .active { display: block; } .nav2-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav2bar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .nav2bar { border-radius: 4px; } } @media (min-width: 768px) { .nav2bar-header { float: left; } } .nav2bar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .nav2bar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .nav2bar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .nav2bar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .nav2bar-collapse.in { overflow-y: visible; } .nav2bar-fixed-top .nav2bar-collapse, .nav2bar-static-top .nav2bar-collapse, .nav2bar-fixed-bottom .nav2bar-collapse { padding-right: 0; padding-left: 0; } } .nav2bar-fixed-top .nav2bar-collapse, .nav2bar-fixed-bottom .nav2bar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .nav2bar-fixed-top .nav2bar-collapse, .nav2bar-fixed-bottom .nav2bar-collapse { max-height: 200px; } } .container > .nav2bar-header, .container-fluid > .nav2bar-header, .container > .nav2bar-collapse, .container-fluid > .nav2bar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .nav2bar-header, .container-fluid > .nav2bar-header, .container > .nav2bar-collapse, .container-fluid > .nav2bar-collapse { margin-right: 0; margin-left: 0; } } .nav2bar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .nav2bar-static-top { border-radius: 0; } } .nav2bar-fixed-top, .nav2bar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .nav2bar-fixed-top, .nav2bar-fixed-bottom { border-radius: 0; } } .nav2bar-fixed-top { top: 0; border-width: 0 0 1px; } .nav2bar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .nav2bar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .nav2bar-brand:hover, .nav2bar-brand:focus { text-decoration: none; } .nav2bar-brand > img { display: block; } @media (min-width: 768px) { .nav2bar > .container .nav2bar-brand, .nav2bar > .container-fluid .nav2bar-brand { margin-left: -15px; } } .nav2bar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .nav2bar-toggle:focus { outline: 0; } .nav2bar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .nav2bar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .nav2bar-toggle { display: none; } } .nav2bar-nav2 { margin: 7.5px -15px; } .nav2bar-nav2 > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .nav2bar-nav2 .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .nav2bar-nav2 .open .dropdown-menu > li > a, .nav2bar-nav2 .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .nav2bar-nav2 .open .dropdown-menu > li > a { line-height: 20px; } .nav2bar-nav2 .open .dropdown-menu > li > a:hover, .nav2bar-nav2 .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .nav2bar-nav2 { float: left; margin: 0; } .nav2bar-nav2 > li { float: left; } .nav2bar-nav2 > li > a { padding-top: 15px; padding-bottom: 15px; } } .nav2bar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .nav2bar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .nav2bar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .nav2bar-form .form-control-static { display: inline-block; } .nav2bar-form .input-group { display: inline-table; vertical-align: middle; } .nav2bar-form .input-group .input-group-addon, .nav2bar-form .input-group .input-group-btn, .nav2bar-form .input-group .form-control { width: auto; } .nav2bar-form .input-group > .form-control { width: 100%; } .nav2bar-form .control-label { margin-bottom: 0; vertical-align: middle; } .nav2bar-form .radio, .nav2bar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .nav2bar-form .radio label, .nav2bar-form .checkbox label { padding-left: 0; } .nav2bar-form .radio input[type="radio"], .nav2bar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .nav2bar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .nav2bar-form .form-group { margin-bottom: 5px; } .nav2bar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .nav2bar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .nav2bar-nav2 > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .nav2bar-fixed-bottom .nav2bar-nav2 > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .nav2bar-btn { margin-top: 8px; margin-bottom: 8px; } .nav2bar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .nav2bar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .nav2bar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .nav2bar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .nav2bar-left { float: left !important; } .nav2bar-right { float: right !important; margin-right: -15px; } .nav2bar-right ~ .nav2bar-right { margin-right: 0; } } .nav2bar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .nav2bar-default .nav2bar-brand { color: #777; } .nav2bar-default .nav2bar-brand:hover, .nav2bar-default .nav2bar-brand:focus { color: #5e5e5e; background-color: transparent; } .nav2bar-default .nav2bar-text { color: #777; } .nav2bar-default .nav2bar-nav2 > li > a { color: #777; } .nav2bar-default .nav2bar-nav2 > li > a:hover, .nav2bar-default .nav2bar-nav2 > li > a:focus { color: #333; background-color: transparent; } .nav2bar-default .nav2bar-nav2 > .active > a, .nav2bar-default .nav2bar-nav2 > .active > a:hover, .nav2bar-default .nav2bar-nav2 > .active > a:focus { color: #555; background-color: #e7e7e7; } .nav2bar-default .nav2bar-nav2 > .disabled > a, .nav2bar-default .nav2bar-nav2 > .disabled > a:hover, .nav2bar-default .nav2bar-nav2 > .disabled > a:focus { color: #ccc; background-color: transparent; } .nav2bar-default .nav2bar-toggle { border-color: #ddd; } .nav2bar-default .nav2bar-toggle:hover, .nav2bar-default .nav2bar-toggle:focus { background-color: #ddd; } .nav2bar-default .nav2bar-toggle .icon-bar { background-color: #888; } .nav2bar-default .nav2bar-collapse, .nav2bar-default .nav2bar-form { border-color: #e7e7e7; } .nav2bar-default .nav2bar-nav2 > .open > a, .nav2bar-default .nav2bar-nav2 > .open > a:hover, .nav2bar-default .nav2bar-nav2 > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .nav2bar-default .nav2bar-nav2 .open .dropdown-menu > li > a { color: #777; } .nav2bar-default .nav2bar-nav2 .open .dropdown-menu > li > a:hover, .nav2bar-default .nav2bar-nav2 .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .nav2bar-default .nav2bar-nav2 .open .dropdown-menu > .active > a, .nav2bar-default .nav2bar-nav2 .open .dropdown-menu > .active > a:hover, .nav2bar-default .nav2bar-nav2 .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .nav2bar-default .nav2bar-nav2 .open .dropdown-menu > .disabled > a, .nav2bar-default .nav2bar-nav2 .open .dropdown-menu > .disabled > a:hover, .nav2bar-default .nav2bar-nav2 .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .nav2bar-default .nav2bar-link { color: #777; } .nav2bar-default .nav2bar-link:hover { color: #333; } .nav2bar-default .btn-link { color: #777; } .nav2bar-default .btn-link:hover, .nav2bar-default .btn-link:focus { color: #333; } .nav2bar-default .btn-link[disabled]:hover, fieldset[disabled] .nav2bar-default .btn-link:hover, .nav2bar-default .btn-link[disabled]:focus, fieldset[disabled] .nav2bar-default .btn-link:focus { color: #ccc; } .nav2bar-inverse { background-color: #222; border-color: #080808; } .nav2bar-inverse .nav2bar-brand { color: #9d9d9d; } .nav2bar-inverse .nav2bar-brand:hover, .nav2bar-inverse .nav2bar-brand:focus { color: #fff; background-color: transparent; } .nav2bar-inverse .nav2bar-text { color: #9d9d9d; } .nav2bar-inverse .nav2bar-nav2 > li > a { color: #9d9d9d; } .nav2bar-inverse .nav2bar-nav2 > li > a:hover, .nav2bar-inverse .nav2bar-nav2 > li > a:focus { color: #fff; background-color: transparent; } .nav2bar-inverse .nav2bar-nav2 > .active > a, .nav2bar-inverse .nav2bar-nav2 > .active > a:hover, .nav2bar-inverse .nav2bar-nav2 > .active > a:focus { color: #fff; background-color: #080808; } .nav2bar-inverse .nav2bar-nav2 > .disabled > a, .nav2bar-inverse .nav2bar-nav2 > .disabled > a:hover, .nav2bar-inverse .nav2bar-nav2 > .disabled > a:focus { color: #444; background-color: transparent; } .nav2bar-inverse .nav2bar-toggle { border-color: #333; } .nav2bar-inverse .nav2bar-toggle:hover, .nav2bar-inverse .nav2bar-toggle:focus { background-color: #333; } .nav2bar-inverse .nav2bar-toggle .icon-bar { background-color: #fff; } .nav2bar-inverse .nav2bar-collapse, .nav2bar-inverse .nav2bar-form { border-color: #101010; } .nav2bar-inverse .nav2bar-nav2 > .open > a, .nav2bar-inverse .nav2bar-nav2 > .open > a:hover, .nav2bar-inverse .nav2bar-nav2 > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu > .dropdown-header { border-color: #080808; } .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu .divider { background-color: #080808; } .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu > li > a { color: #9d9d9d; } .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu > li > a:hover, .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu > .active > a, .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu > .active > a:hover, .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu > .disabled > a, .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu > .disabled > a:hover, .nav2bar-inverse .nav2bar-nav2 .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .nav2bar-inverse .nav2bar-link { color: #9d9d9d; } .nav2bar-inverse .nav2bar-link:hover { color: #fff; } .nav2bar-inverse .btn-link { color: #9d9d9d; } .nav2bar-inverse .btn-link:hover, .nav2bar-inverse .btn-link:focus { color: #fff; } .nav2bar-inverse .btn-link[disabled]:hover, fieldset[disabled] .nav2bar-inverse .btn-link:hover, .nav2bar-inverse .btn-link[disabled]:focus, fieldset[disabled] .nav2bar-inverse .btn-link:focus { color: #444; } .list-group-item.active > .badge, .nav2-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav2-pills > li > a > .badge { margin-left: 3px; } .nav2:before, .nav2:after, .nav2bar:before, .nav2bar:after, .nav2bar-header:before, .nav2bar-header:after, .nav2bar-collapse:before, .nav2bar-collapse:after { display: table; content: " "; } .nav2:after, .nav2bar:after, .nav2bar-header:after, .nav2bar-collapse:after { clear: both; } /*END nav2 list styles by Vassilis */ /*START anime border on hover by Vassilis */ a.anime_border { float: left; border-radius: 5px; margin-top: 10px; position: relative; z-index: 1; overflow: hidden; min-width: 47px; display: table; padding: 10px 15px !important; border: none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; text-align: center; text-decoration: none; } a.anime_border:hover { background-color: #f1f1f1 !important; } a.anime_border span { position: relative; z-index: 1; line-height: 23px; transition: 0.3s ease; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; -ms-transition: 0.3s ease; } a.anime_border:hover span { color: #f87612; } .anime_border > .btnBefore, .anime_border > .btnAfter { content: ''; position: absolute; height: 0; width: 0; border: solid #f87612; border-width: 0; border-radius: 0; transition: 0; -webkit-transition: 0; -moz-transition: 0; -o-transition: 0; -ms-transition: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-color: #f87612; border-radius: 5px; } a .btnBefore { right: 0; bottom: 0; } a .btnAfter { left: 0; top: 0; } a:hover .btnBefore { border-width: 0 0 2px 2px; } a:hover .btnAfter { border-width: 2px 2px 0 0; } a:hover .btnAfter, a:hover .btnBefore { height: 100%; width: 100%; transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s; -webkit-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s; -moz-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s; -o-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s; -ms-transition: width 0.5s ease, height 0.5s ease 0.5s, border-top-right-radius 0.1s ease 0.4s, border-bottom-left-radius 0.1s ease 0.4s, border-bottom-right-radius 0.1s ease 0.9s, border-top-left-radius 0.1s ease 0.9s; } /*END anime border on hover by Vassilis */ .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } #tabs-min { background: transparent; border: none; } #tabs-min .ui-widget-header { background: transparent; border: none; border-bottom: 1px solid #c0c0c0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } #tabs-min .ui-tabs-nav .ui-state-default { background: transparent; border: none; outline:none; } #tabs-min .ui-tabs-nav .ui-state-active { background: transparent url(http://keith-wood.name/img/uiTabsArrow.png) no-repeat bottom center; border: none; outline:none; } #tabs-min .ui-tabs-nav .ui-state-default a { color: #c0c0c0; } #tabs-min .ui-tabs-nav .ui-state-active a { color: #f87612; } /*# sourceMappingURL=bootstrap.css.map */ @media screen and (max-width: 768px) { .display768no { display: none !important; } } @media screen and (min-width: 769px) { .display768yes { display: none !important; } } @media screen and (max-width: 768px) { .alignleft768 { text-align: left !important; } } .accordion { margin-top: -36px; } .accordion h1, h2 { color: #000000; } .accordion h2 { font-family: 'Ubuntu', Arial, sans-serif; font-size: 18px; line-height: 34px; font-weight: 700; letter-spacing: 1px; display: block; margin: 0; cursor: pointer; } .accordion p { color: #666666; font-size: 14px; line-height: 20px; letter-spacing: 1px; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); margin: 10px 5px; z-index: 2; } .accordion ul { list-style: none; perspective: 900; padding: 0; margin: 0; } .accordion ul li { position: relative; padding: 0; margin: 0; padding-bottom: 1px; padding-top: 1px; } .accordion ul li:nth-of-type(1) { animation-delay: 0.5s; } .accordion ul li:nth-of-type(2) { animation-delay: 0.75s; } .accordion ul li:nth-of-type(3) { animation-delay: 1s; } .accordion ul li:last-of-type { padding-bottom: 0; } .accordion ul li i2 { position: absolute; transform: translate(-6px, 0); margin-top: 16px; right: 0; } .accordion ul li i2:before, ul li i2:after { content: ""; position: absolute; background-color: #F87612; width: 3px; height: 9px; } .accordion ul li i2:before { transform: translate(-2px, 0) rotate(45deg); } .accordion ul li i2:after { transform: translate(2px, 0) rotate(-45deg); } .accordion ul li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; } .accordion ul li input[type=checkbox]:checked ~ p { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .accordion ul li input[type=checkbox]:checked ~ i2:before { transform: translate(2px, 0) rotate(45deg); } .accordion ul li input[type=checkbox]:checked ~ i2:after { transform: translate(-2px, 0) rotate(-45deg); } @keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg); } 5% { opacity: 1; } 80% { transform: rotateX(8deg); } 83% { transform: rotateX(6deg); } 92% { transform: rotateX(-3deg); } 100% { transform-origin: top center; transform: rotateX(0deg); } } .accordion_dark { margin-top: 0px; } .accordion_dark h1, h2 { color: #000000; } .accordion_dark h2 { font-family: 'Ubuntu', Arial, sans-serif; font-size: 14.5px; line-height: 22px; font-weight: 400; letter-spacing: 1px; display: block; margin: 0; cursor: pointer; color: #222222; background: #f0f0f0; padding: 10px 40px 10px 10px; } .accordion_dark p { color: #666666; font-size: 14.5px; line-height: 20px; letter-spacing: 1px; position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); margin: 22px 5px; padding: 5px 10px; z-index: 2; } .accordion_dark ul { list-style: none; perspective: 900; padding: 0; margin: 0; } .accordion_dark ul li { position: relative; padding: 0; margin: 0 0 -12px 0; padding-bottom: 1px; padding-top: 1px; } .accordion_dark ul li:nth-of-type(1) { animation-delay: 0.5s; } .accordion_dark ul li:nth-of-type(2) { animation-delay: 0.75s; } .accordion_dark ul li:nth-of-type(3) { animation-delay: 1s; } .accordion_dark ul li:last-of-type { padding-bottom: 0; } .accordion_dark ul li i2 { position: absolute; transform: translate(-22px, 0); margin-top: 16px; right: 0; } .accordion_dark ul li i2:before, ul li i2:after { content: ""; position: absolute; background-color: #F87612; width: 3px; height: 9px; } .accordion_dark ul li i2:before { transform: translate(-2px, 0) rotate(45deg); } .accordion_dark ul li i2:after { transform: translate(2px, 0) rotate(-45deg); } .accordion_dark ul li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; } .accordion_dark ul li input[type=checkbox]:checked ~ p { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .accordion_dark ul li input[type=checkbox]:checked ~ i2:before { transform: translate(2px, 0) rotate(45deg); } .accordion_dark ul li input[type=checkbox]:checked ~ i2:after { transform: translate(-2px, 0) rotate(-45deg); } @keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg); } 5% { opacity: 1; } 80% { transform: rotateX(8deg); } 83% { transform: rotateX(6deg); } 92% { transform: rotateX(-3deg); } 100% { transform-origin: top center; transform: rotateX(0deg); } } /* 80% desktop width on desktop & 90% desktop width on responive START */ @media only screen and (max-width: 735px) { div.ten_res_twe_des { padding: 0 2.5% !important; } } div.ten_res_twe_des { padding: 0 10%; } /* 80% desktop width on desktop & 90% desktop width on responive END */ /* display none class START */ .dnone { display: none; } /* display none class END */ #am_minicart_container{ display: none !important; } /* table with 100% column width on smartphone START */ @media screen and (max-width: 736px) { .onehundredresp table {width:100%;} .onehundredresp tbody td {display: block; width: 100% !important;} .onehundredresp tbody td:before {display: block; width: 100% !important;} } /* table with 100% column width on smartphone END */ /* stockstatus.css clone by Vassilis - START*/ .float-clearer{ clear:both; } /* Stock Message Styles For Category (list.phtml) View */ .stock-availability { font-size:12px; float:center; position: relative; margin-bottom: 0px; margin-top: 3px; } .stock-availability span { font-size:12px; } .stock-availability span.restrictions-link { font-size:9px; } .stock-availability span.expected { color:#930; font-size:10px; } .stock-availability span.instock { color:#28AC34; } .stock-availability span.outofstock { color:#900; } .stock-availability span.backorder { color:#f87612; } .stock-availability span.expected { color:#930; font-size:10px; } .stock-availability span.preorder { color:#666; font-size:10px; } .stock-availability span.customstatus { color:#FF0000; } .stock-availability span.customstatusgreen { color:#28AC34 !important; } .stock-availability span.limited { color:#28AC34; } /* Stock Message Styles For Product Page View */ .shipsin { color:#666; font-size:10px; } .product-options-bottom .shipsin { color:#666; font-size:9px; padding-bottom: 10px; border-bottom: 1px solid #E4E4E4; } p.alert-link { font-size: 11px; text-align: right; } .product-view .out-of-stock-alert-links { font-size: 11px; } .availability span.restrictions-link { font-size:9px; } .availability span.instock { color:#28AC34; } .availability span.outofstock { color:#900; } .availability span.backorder { color:#f87612; } .availability span.expected { color:#930; font-size:10px; } .availability span.preorder { font-size:10px; color:#06F; } .availability span.customstatus { color:#FF0000; } .availability span.customstatusgreen { color:#28AC34 !important; } .availability span.limited { color:#28AC34; } /* Stock Message Styles For Cart, Checkout & Order View */ .item-status dt { margin: 5px 0; font-size: 11px; font-weight: bold; color: #696969; } /* Stock Message Styles For Bundle Page View */ .label span.restrictions-link { font-size:9px; } .label span.instock { color:#063; } .label span.outofstock { color:#900; } .label span.backorder { color:#f87612; } .label span.expected { color:#930; font-size:10px; } .label span.preorder { font-size:10px; color:#06F; } .label span.customstatus { color:#666; } .label span.limited { color:#F90; } /* stockstatus.css clone by Vassilis - END*/ /* START - WORDPRESS TABS by Vassilis */ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-content { border: none !important; } /* END - WORDPRESS TABS by Vassilis */ .triggers { position: relative; text-align: center; width: 100%; height: 65px; margin: 50px auto 50px; } /* START - UNDER MEGAMENU BLOCK by Vassilis */ .outer1 { background: RGBA(246, 246, 246, 0.8); position: relative; } .outer2 { max-width: 1380px; width: 98%; height: 40px; background-color: transparent; top: 9px; margin: 0 auto; position: relative; } .inner1 { width: auto; position: absolute; right: 0; margin-right: 14px; } @media only screen and (max-width: 374px) { .mtlink2 a { font-size: 12px !important; } } .mtlink2 a { background: #1a80b6; color: #ffffff; font-family: 'Ubuntu', Arial, sans-serif; padding: 8px 15px; font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; transition-property: background; transition-duration: 1s; transition-timing-function: linear; } .mtlink2 a:after { font-family: FontAwesome; content: "\f054"; padding-left: 5px; vertical-align: middle; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .mtlink2 a:hover { background: #222222; } /* END - UNDER MEGAMENU BLOCK by Vassilis */ /* START - EMPTY CATEGORY MESSAGE by Vassilis */ .note-msg { font-style: italic; margin: 10px 5px !important; } /* END - EMPTY CATEGORY MESSAGE by Vassilis */ /* START - custom options additional message by Vassilis */ #co { float: right; color: #f87612; font-style: normal; } #st { position: relative; float: right; color: #666; font-style: normal; } #st:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 2px solid; border-color: rgba(255,0,0,0.67); -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg); } /* END - custom options additional message by Vassilis */ /* START - top links current user by Vassilis */ #wellcome-text { color: #37a000; padding-right: 14px; border-right: 1px solid #cacaca; line-height: 1; } #wellcome-text:hover { background: transparent; } /* END - top links current user by Vassilis */ /* START - list with dash style list by Vassilis */ ul.dash { list-style: none; margin-left: 0; padding-left: 1em; } ul ul.dash { list-style: none; margin-left: 0; padding-left: 1em; } ul.dash > li:before { display: inline-block; content: "-"; width: 1em; margin-left: -1em; } /* END - list with dash style list by Vassilis */ /* START - short description gift text by Vassilis */ *.short_descr_gift { -webkit-font-smoothing: antialiased; } span.short_descr_gift { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; border: 0.16em solid #c0c0c0; border-radius: 5px; padding: 15px; max-width: 380px; } .short_descr_gift table tr td { vertical-align : middle; } .short_descr_gift a, a:hover { text-decoration: none } .short_descr_gift a { color: #F87612; border-bottom: 2px solid #DEE3DF; padding-bottom: 1px; font-weight: bold; padding-left:0; padding-right: 0; } .short_descr_gift a:hover { text-decoration: none; color: #323A46 !important; border-bottom-color: #323A46 } /* END - short description gift text by Vassilis*/ /* START - ribbon gia BTO by Vassilis */ .numberCircleC { border-radius: 50%; width: 50px; background: rgba(248, 118, 18, 0.8); margin: 3px 0 0 3px; } .numberCircleBlueC { border-radius: 50%; width: 50px; background: rgba(26, 128, 182, 0.8); margin: 3px 0 0 3px; } .numberCircleC span { text-align: center; line-height: 15px; display: block; color: #fff; font-size: 0.75em; padding: 10px 0; } .numberCircleBlueC span { text-align: center; line-height: 15px; display: block; color: #fff; font-size: 0.75em; padding: 10px 10px; } .numberCircleP { border-radius: 50%; width: 80px; background: rgba(248, 118, 18, 0.8); margin: 5px 0 0 5px; } .numberCircleBlueP { border-radius: 50%; width: 80px; background: rgba(26, 128, 182, 0.8); margin: 5px 0 0 5px; } .numberCircleP span { text-align: center; line-height: 80px; display: block; color: #fff; font-size: 0.95em; } .numberCircleBlueP span { text-align: center; line-height: 80px; display: block; color: #fff; font-size: 0.95em; } /* END - ribbon gia BTO by Vassilis */ /* START - ribbon gia timi ekptosis by Vassilis */ .ribbonPR { position: absolute; right: -5px; top: -5px; z-index: 1; overflow: hidden; width: 200px; height: 200px; text-align: right; } .ribbonPR span { font-size: 12px; font-weight: bold; color: #FFF; text-align: center; line-height: 40px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 200px; display: block; background: #f87612; box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 1); position: absolute; top: 37px; right: -43px; } .ribbonPRperc { font-size: 15px !important; } .ribbonPR span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #E56717; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #E56717; } .ribbonPR span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #E56717; border-bottom: 3px solid transparent; border-top: 3px solid #E56717; } .ribbonCR { position: absolute; right: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; } .ribbonCR span { font-size: 10px; font-weight: bold; color: #FFF; text-align: center; line-height: 25px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: #F87612; box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 13px; right: -22px; } .ribbonCRperc { font-size: 13px !important; } .ribbonCR span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #E56717; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #E56717; } .ribbonCR span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 2px solid transparent; border-right: 2px solid #E56717; border-bottom: 2px solid transparent; border-top: 2px solid #E56717; } .ribbonPL { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 400px; height: 400px; text-align: right; } .ribbonPL span { font-size: 16px; color: #FFF; text-align: center; line-height: 1.6; padding: 15px 0; word-break: break-all; white-space: normal; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 400px; display: block; background: linear-gradient(rgba(41, 137, 216, 0.75) 0%, rgba(30, 87, 153, 0.75) 100%); box-shadow: 0 5px 12px -5px rgba(0, 0, 0, 1); position: absolute; top: 74px; left: -85px; } .ribbonPL span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #087F8F; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #087F8F; } .ribbonPL span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #087F8F; border-bottom: 3px solid transparent; border-top: 3px solid #087F8F; } .ribbonCL { position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 150px; height: 150px; text-align: right; } .ribbonCL span { font-size: 12px; color: #FFF; padding: 5px 0; text-align: center; line-height: 1.6; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 200px; display: block; background: linear-gradient(rgba(41, 137, 216, 0.75) 0%, rgba(30, 87, 153, 0.75) 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 30px; left: -46px; } .ribbonCL span::before { content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #087F8F; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #087F8F; } .ribbonCL span::after { content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #087F8F; border-bottom: 3px solid transparent; border-top: 3px solid #087F8F; } /* END - ribbon gia timi ekptosis by Vassilis */ /* START - long description product page by Vassilis */ .long_description { background: #eee; padding: 10px; } .long_description h2 { width: 100%; height: 20px; border-bottom: 1px solid #c0c0c0; text-align: center; display: block; margin: 20px 0; font-family: 'Roboto', 'Ubuntu', "Open Sans", Helvetica, Arial; } .long_description h2 > span { font-size: 24px; font-weight: 400; background-color: #eee; padding: 0 8px; color: #F87612; font-family: 'Roboto', 'Ubuntu', "Open Sans", Helvetica, Arial; } .long_description h3 { font-size: 20px; font-weight: 300; color: #222222; text-align: center; font-family: 'Roboto', 'Ubuntu', "Open Sans", Helvetica, Arial; } .long_description span { font-size: 16px; font-weight: 300; line-height: 1.7; font-family: 'Roboto', 'Ubuntu', "Open Sans", Helvetica, Arial; text-align: left; } @media only screen and (max-width: 413px) { .long_description h2 > span { font-size: 18px !important; } .long_description h3 { font-size: 16px !important; } .long_description span { font-size: 14px !important; line-height: 1.6 !important; } } @media only screen and (min-width: 414px) and (max-width: 767px) { .long_description h2 > span { font-size: 20px !important; } .long_description h3 { font-size: 18px !important; } .long_description span { font-size: 15px !important; line-height: 1.7 !important; } } @media only screen and (max-width: 767px) { .long_description h2 { height: 14px; } .descr_left { width: 100% !important; } .descr_right { width: 100% !important; } .descr_helper, .descr_left { display: block !important; text-align: left !important; } .descr_helper, .descr_right { display: block !important; text-align: left !important; } } .descr_left { width: 47%; margin: 20px 2.5% 0 0; vertical-align: middle; } .descr_right { width: 47%; margin: 20px 0 0 2.5%; vertical-align: middle; } .descr_helper { height: 100%; padding: 0; text-align: center; } .descr_helper, .descr_left { display: inline-block; vertical-align: middle; text-align: left; } .descr_helper, .descr_right { display: inline-block; vertical-align: middle; text-align: left; } .descr_table { width: 90%; table-layout : fixed; margin: 0px auto; font-family: 'Roboto', 'Ubuntu', "Open Sans", Helvetica, Arial; } .descr_table td { text-align: left; line-height: 1.15; } .dt_5cols td { width: 25%; } .dt_4cols td { width: 25%; } .dt_3cols td { width: 33.3%; } .padd_0_10 td { padding: 0 10px; } .td_gold { color: #bdb099; } .td_grey { color: #666 } .descr_thin { font-size: 38px; font-weight: 100; } .descr_thinner { font-size: 16px; font-weight: 100; } .descr_smaller { font-size: 75% !important; padding-left: 5px; } /* END - long description product page by Vassilis */ /* Base styles for the element that has a tooltip */ [data-tooltip], .tooltip { position: relative; cursor: pointer; } /* Base styles for the entire tooltip */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after { position: absolute; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .tooltip:after, [data-tooltip]:after { z-index: 1000; padding: 8px; width: 160px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); font-size: 14px; line-height: 1.2; } /* Directions */ /* Top (default) */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 50%; } [data-tooltip]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); } /* Horizontally align top/bottom tooltips */ [data-tooltip]:after, .tooltip:after, .tooltip-top:after { margin-left: -80px; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); transform: translateY(-12px); } /* Left */ .tooltip-left:before, .tooltip-left:after { right: 100%; bottom: 50%; left: auto; } .tooltip-left:before { margin-left: 0; margin-right: -12px; margin-bottom: 0; border-top-color: transparent; border-left-color: #000; border-left-color: hsla(0, 0%, 20%, 0.9); } .tooltip-left:hover:before, .tooltip-left:hover:after, .tooltip-left:focus:before, .tooltip-left:focus:after { -webkit-transform: translateX(-12px); -moz-transform: translateX(-12px); transform: translateX(-12px); } /* Bottom */ .tooltip-bottom:before, .tooltip-bottom:after { top: 100%; bottom: auto; left: 50%; } .tooltip-bottom:before { margin-top: -12px; margin-bottom: 0; border-top-color: transparent; border-bottom-color: #000; border-bottom-color: hsla(0, 0%, 20%, 0.9); } .tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after { -webkit-transform: translateY(12px); -moz-transform: translateY(12px); transform: translateY(12px); } /* Right */ .tooltip-right:before, .tooltip-right:after { bottom: 50%; left: 100%; } .tooltip-right:before { margin-bottom: 0; margin-left: -12px; border-top-color: transparent; border-right-color: #000; border-right-color: hsla(0, 0%, 20%, 0.9); } .tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after { -webkit-transform: translateX(12px); -moz-transform: translateX(12px); transform: translateX(12px); } /* Move directional arrows down a bit for left/right tooltips */ .tooltip-left:before, .tooltip-right:before { top: 3px; } /* Vertically center tooltip content for left/right tooltips */ .tooltip-left:after, .tooltip-right:after { margin-left: 0; margin-bottom: -16px; } .panel2PL { margin-bottom: 20px; background-color: transparent; width: 473px; height: 473px; } .panel2PL-body { position: relative; overflow: hidden; width: 400px; height: 400px; } .panel2PL-default { } .ribbon2PL{ display: block; position: absolute; text-align:center; white-space:wrap; overflow:hidden; font-size: 15px; font-weight: 200; box-shadow:0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12); background-color:RGBA(26,128,182,0.5); color:rgba(0,0,0,0.9); width: 200px; top: 30px; left: -60px; transform:rotateZ(-45deg); padding: 5px 5px 5px 10px; line-height: 1.5; } .panel2CL { margin-bottom: 20px; background-color: transparent; border: 1px solid transparent; width: 473px; height: 473px; } .panel2CL-body { position: relative; overflow: hidden; width: 400px; height: 400px; } .panel2CL-default { } .ribbon2CL{ display: block; position: absolute; text-align:center; white-space:wrap; overflow:hidden; font-size: 12px; font-weight: 200; box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.12); background-color:RGBA(26,128,182,0.4); color:rgba(0,0,0,0.9); width: 160px; top: 20px; left: -50px; transform:rotateZ(-45deg); padding: 5px 5px 5px 10px; line-height: 1.1em; } .RibbonHorPL { position: relative; width: 110px; font-size: 1.15em; font-weight: 300; padding: 6px 20px 6px 20px; margin: 10px 10px 20px -16px; color: #333; background-color: rgba(255, 186, 19, 0.9); box-shadow: 0px 2px 4px #888; } .RibbonHorPL:before { content: ' '; position: absolute; width: 0; height: 0; right: -2px; top: 0px; border-color: transparent #fff transparent transparent; } .RibbonHorPL:after { content: ' '; position: absolute; width: 0; height: 0; left: 0px; top: 100%; border-width: 4px 8px; border-style: solid; border-color: rgba(182,131,15,0.9) rgba(182,131,15,0.9) transparent transparent; } .RibbonHorCL { position: relative; width: 100px; font-size: 1em; font-weight: 300; padding: 6px 10px 6px 10px; margin: 5px 0px 0px -10px; color: #333; background-color: rgba(255, 186, 19, 0.9); box-shadow: 0px 2px 4px #999; } .RibbonHorCL:before { content: ' '; position: absolute; width: 0; height: 0; right: -2px; top: 0px; border-color: transparent #fff transparent transparent; } .RibbonHorCL:after { content: ' '; position: absolute; width: 0; height: 0; left: 0px; top: 100%; border-width: 3px 6px; border-style: solid; border-color: rgba(182,131,15,0.9) rgba(182,131,15,0.9) transparent transparent; } /* ------ */ .choiceComponent .row{ display: inline-block; width: 100%!important; } /* ------ */ /* ------ */ .top_block_undermenu_span span { display: inline-table; margin-top: 5px; } @media only screen and (min-width: 1146px) { .top_block_undermenu_span span { display: inline-table; margin: 5px 12px 0 12px; } } .top_block_undermenu_a a { font-size: 16px; font-weight: bold; padding: 6.5px 8px; } .top_block_undermenu_spana span { font-size: 18px; text-align: center; } /* Top links additional items by Vassilis - START */ a.isystem_red {color: #c90000 !important;} a.isystem_blue {color: #1a80b6 !important;} a.isystem_orange {color: #f87612 !important;} a.isystem_green {color: #adb903 !important;} a.isystem_red:hover {background-color: #c90000 !important; color: #fff !important;} a.isystem_blue:hover {background-color: #1a80b6 !important; color: #fff !important;} a.isystem_orange:hover {background-color: #f87612 !important; color: #fff !important;} a.isystem_green:hover {background-color: #adb903 !important; color: #fff !important;} @media only screen and (min-width: 1024px) { a.hide_over_one_zero_two_four {display: none !important;} } @media only screen and (max-width: 767px) { .hide_under_seven_six_eight {display: none !important;} } @media only screen and (min-width: 769px) { .hide_over_seven_six_eight {display: none !important;} } /* Top links additional items by Vassilis - END */ /* trick to hide a p element on product view by G. Kyrimis - START */ .catalog-product-view .sidebar.col-left > p { display: none; } .sidebar.col-left > p { display: none; } /* trick to hide a p element on product view by G. Kyrimis - END */ /* hr white-orange-grey by Vassilis - START */ hr.lrwog { border-width: 2px; border-top-color: transparent; border-bottom-color: transparent; background: linear-gradient(to right, white, orange, gray); } /* hr white-orange-grey by Vassilis - END */