/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ******************************************************************************************** Reset *********************************************************************************************** */ * { margin:0; padding:0; } body { font:13px/18px 'Lato', Helvetica, sans-serif; color:#252525; text-align:center;} img { border:0; vertical-align:top; max-width:100%; } a { color:#434343; text-decoration:none; } a:hover { text-decoration:none; color:#f7621b; } :focus { outline:0; } html { font-size:16px;} /* Base */ ::-moz-selection {background: #252525; color: #fff; text-shadow: none;} ::selection {background: #252525; color: #fff; text-shadow: none;} /* Headings */ h1,h2,h3, h4,h5,h6 {margin:0 0 10px; font-weight:normal;} h1 {font-size: 30px;line-height: 42px;} h2 {font-size: 24px;line-height: 32px;} h3 {font-size: 18px;line-height: 24px;} h4 {font-size: 16px;line-height: 20px;} h5 {font-size: 14px;line-height: 18px;} h6 {font-size: 12px;line-height: 16px;} /* Forms */ form { display:inline; } fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:middle; text-align:center; font-weight:normal; } /* Content */ strong { font-weight: bold; } address { font-style:normal; } cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small,big { font-size:12px; } sup { font-size:12px; vertical-align:top; } /* Lists */ ul,ol { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; min-height:147px; position:relative; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /*Blockquote*/ blockquote {border-left: 0;padding: 10px 0;padding-bottom: 0px !important;margin-bottom: 0px !important;} blockquote, blockquote p {font-size: 18px;line-height: 28px;font-style: italic;} blockquote.blockquote1, blockquote.blockquote1 p, blockquote.pullquote, blockquote.pullquote p {font-size: 12px;line-height: 18px;} blockquote.blockquote2, blockquote.blockquote2 p {font-size: 14px;line-height: 22px;} blockquote.pullquote {border-left: 1px dotted #e6e6e6;padding: 0 0 0 20px;} /*Highlighted Text*/ .highlighted{padding: 1px 3px;border-radius: 1px;margin-right: 2px;color: #fff;background-color: #6fc138;} /* ******************************************************************************************** Layout *********************************************************************************************** */ .wrapper {float: left;width: 100%;overflow: hidden;} .page { text-align:left;display: inline-block;width: 100%;position: relative;} .page-print {padding: 20px; text-align:left; background-repeat:repeat; background-position:center top;background-image: none;background-color: #FFFFFF;} .page-empty {padding: 20px; text-align:left; background-repeat:repeat; background-position:center top;background-image: none;background-color: transparent;} .page-popup {padding: 20px; text-align:left; background-repeat:repeat; background-position:center top;background-image: none;background-color: #FFFFFF;} .main-container { background-repeat:repeat; background-position:center top; clear: both;} .main { padding:30px 0 0px; min-height:400px; clear: both;position: relative;} body.cms-index-index .main, body.cms-index-defaultindex .main {} /* Decrease padding on home page 1Column*/ body.cms-index-index .col1-layout .main, body.cms-index-defaultindex .col1-layout .main { } /* Base Columns */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; } .category-right .col-left{float: right;} /* 1 Column Layout */ .col1-layout .col-main {} /* 2 Columns Layout */ .col2-left-layout .col-main { float:right; } .col2-right-layout .col-main {} .category-right .col-main{float: left;} /* 3 Columns Layout */ .col3-layout .col-main {} .col3-layout .col-wrapper { float:left; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:48.5%; } .col2-set .col-2 { float:right; width:48.5%; } .col2-set .col-narrow { width:32%; } .col2-set .col-wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* Category Full */ .category-full .col-left .block, .category-full .col-left .block-sidebar{display: none;} #oar_widget_orders_and_returns_form .form-alt li{padding:20px 0px 20px 0px;} /* ******************************************************************************************** Global Styles *********************************************************************************************** */ /* Form Elements */ input, select, textarea, button {font:13px/18px 'Lato', Helvetica, sans-serif;vertical-align:middle;} input.input-text, textarea { -webkit-appearance:none; } input.input-text, select, textarea, input.product-custom-option{color:#252525;background-color: #ffffff;border: 1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;} input.input-text{height: 40px;} select {height:40px;padding:8px 10px;text-overflow:ellipsis;width: 100%;} select.multiselect {height: auto !important;} input.input-text, textarea {padding:8px 10px;text-overflow:ellipsis;} input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color: transparent !important;} select option { padding-right:10px; padding-left:5px; } select.multiselect option { padding:2px 5px; } select.multiselect option:last-child { border-bottom:0; } textarea { overflow:auto; } input.radio { margin-right:3px; } input.checkbox { margin-right:3px; } input.qty { width:50px !important; text-align:center;} /* Active, Deactive and others */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus{ border-color:#6fc138; outline:none;} input.input-text:disabled, select:disabled, textarea:disabled {opacity: 0.50;-moz-opacity: 0.50;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);} /* Buttons */ button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button {-webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ } button.button{overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer;overflow: hidden;max-width: 100%;} button.button:hover{} button.button span {float:left;display:block;padding:0;font-size:13px;text-align:center; white-space:nowrap;text-transform: uppercase;} button.button span span{} /* Style 1 (Buttons)*/ button.button span, div.alert-inner a{background-color: #f7621b;color: #ffffff;} /* Style 1 Hover Style (Buttons) */ button.button:hover span, div.alert-inner a:hover{ background-color:#f7621b; color:#FFFFFF; } /* Button Medium */ button.button span span { padding: 11px 20px; float: none;white-space: normal;} button.button.btn-medium span span{padding: 10px 20px;} /* Button Small */ button.button.btn-inline span span { padding:8px 20px;} button.button.btn-small span span{padding: 8px 20px;} /* Button Large */ .product-view .box-tags .form-add button.button span span{padding: 11px 20px;} button.button.btn-large span span{padding: 15px 20px;font-size: 16px;} /* Perticular Buttons */ .account-login .buttons-set button span span, .opc .buttons-set button span span, .account-create .buttons-set button span span, .customer-account-forgotpassword .buttons-set button span span, #oar_widget_orders_and_returns_form .buttons-set button span span, .contacts-index-index .buttons-set .button span span{min-width: 120px;} /* ******************************************************************************************** Default Margin *********************************************************************************************** */ /* Margin Top */ .martop0{margin-top: 0px !important;} .martop5{margin-top: 5px !important;} .martop10{margin-top: 10px !important;} .martop15{margin-top: 15px !important;} .martop20{margin-top: 20px !important;} .martop25{margin-top: 25px !important;} .martop30{margin-top: 30px !important;} .martop35{margin-top: 35px !important;} .martop40{margin-top: 40px !important;} .martop45{margin-top: 45px !important;} .martop50{margin-top: 50px !important;} /* Margin Bottom */ .marbot0{margin-bottom: 0px !important;} .marbot5{margin-bottom: 5px !important;} .marbot10{margin-bottom: 10px !important;} .marbot15{margin-bottom: 15px !important;} .marbot20{margin-bottom: 20px !important;} .marbot25{margin-bottom: 25px !important;} .marbot30{margin-bottom: 30px !important;} .marbot35{margin-bottom: 35px !important;} .marbot40{margin-bottom: 40px !important;} .marbot45{margin-bottom: 45px !important;} .marbot50{margin-bottom: 50px !important;} /* Margin Left */ .marleft0{margin-left: 0px !important;} .marleft5{margin-left: 5px !important;} .marleft10{margin-left: 10px !important;} .marleft15{margin-left: 15px !important;} .marleft20{margin-left: 20px !important;} .marleft25{margin-left: 25px !important;} .marleft30{margin-left: 30px !important;} .marleft35{margin-left: 35px !important;} .marleft40{margin-left: 40px !important;} .marleft45{margin-left: 45px !important;} .marleft50{margin-left: 50px !important;} /* Margin Right */ .marright0{margin-right: 0px !important;} .marright5{margin-right: 5px !important;} .marright10{margin-right: 10px !important;} .marright15{margin-right: 15px !important;} .marright20{margin-right: 20px !important;} .marright25{margin-right: 25px !important;} .marright30{margin-right: 30px !important;} .marright35{margin-right: 35px !important;} .marright40{margin-right: 40px !important;} .marright45{margin-right: 45px !important;} .marright50{margin-right: 50px !important;} /* Padding Top */ .padtop0{padding-top: 0px !important;} .padtop5{padding-top: 5px !important;} .padtop10{padding-top: 10px !important;} .padtop15{padding-top: 15px !important;} .padtop20{padding-top: 20px !important;} .padtop25{padding-top: 25px !important;} .padtop30{padding-top: 30px !important;} .padtop35{padding-top: 35px !important;} .padtop40{padding-top: 40px !important;} .padtop45{padding-top: 45px !important;} .padtop50{padding-top: 50px !important;} p.control input.checkbox, p.control input.radio { margin-right:6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* ******************************************************************************************** Form lists *********************************************************************************************** */ /* Grouped fields */ .form-list li { margin:0 0 20px; } .form-list label {font-weight: bold; float: left;position: relative;z-index: 0;margin: 0 0 8px 0;padding-right: 5px;font-size:15px;} .form-list label.required {} .form-list label.required em { float:right; font-style:normal; position:absolute; top:0; right:-8px; } .form-list li.control label { float:none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right:6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; } /*.form-list li.fields { margin-right:-15px; }*/ .form-list .input-box { display:block; clear:both; } .form-list .field { float:left; width: 49%;margin-bottom:8px; } .form-list .field + .field{float: right;} .form-list input.input-text { width: 100%; } .form-list textarea { width: 100%; height:10em; } .form-list select { width: 100%; } .form-list li.wide .input-box { } .form-list li.wide input.input-text { } .form-list li.wide textarea { } .form-list li.wide select { } .form-list li.additional-row { border-top:1px solid #e6e6e6; margin-top:10px; } .form-list li.additional-row .btn-remove { float:right; margin:5px 0 0; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .name-middlename { width:70px; } .form-list .name-middlename input.input-text { width:49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width:140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width:124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix-suffix .name-firstname { width:210px; } .form-list .customer-name-prefix-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width:210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width:205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float:left; width:85px; } .form-list .customer-dob input.input-text { display:block; width:74px; } .form-list .customer-dob label { font-size:10px; font-weight:normal; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width:60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width:46px; } .form-list .customer-dob .dob-year { width:140px; } .form-list .customer-dob .dob-year input.input-text { width:134px; } /* Buttons set */ .buttons-set { clear: both;/*margin-top: 2em;border-top: 1px solid #e6e6e6;padding-top: 2em;*/} .buttons-set button.button { float:right; margin-right:5px; margin-bottom:5px; } .buttons-set p.required { margin:0 5px 5px 0; } .buttons-set .back-link { float:left; margin-bottom:5px; } .buttons-set .back-link a, div.alert a{display: block;padding: 11px 20px;font-size: 13px;text-align: center;white-space: normal;max-width: 100%;box-sizing: border-box;float: none;text-transform: uppercase;} .buttons-set .back-link a{background-color: #434343;color: #ffffff;} .buttons-set .back-link a:hover{background-color: #f7621b;color: #FFF;} .buttons-set .back-link small {display:inline-block;margin-right:5px;} .buttons-set .back-link:hover small {} .contacts-index-index .buttons-set {margin-bottom: 20px; } .contacts-index-index .buttons-set button.button{float: right;margin: 0px;} .contacts-index-index .buttons-set .required { text-align:left; } /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } #oar_widget_orders_and_returns_form .form-list input.input-text, #oar_widget_orders_and_returns_form .form-list select{width: 100% !important;} /* Fieldset */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set {margin:0 0 20px;} .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend {margin-bottom: 20px;} .section-line.block-title h3, .fieldset h3{position: relative;} .section-line.block-title h3:after, .fieldset h3:after{content: "";background: #f7621b;height: 3px;width: 35px;/*position: absolute;left: 0;top: 30px;*/display: block;margin-top: 5px;} .section-line.block-title h3, .fieldset h3{text-transform: uppercase;} .contact-us .block-content .peer-icon .icon{float: left;margin-right: 10px;border: none;font-size: 18px;color: #434343;} .contact-us .block-content .indent{margin-bottom: 20px;} /* Form Validation */ .validation-advice { clear:both; color:#cb2700; margin-top:5px; } .validation-failed { border:1px solid #cb2700 !important; background:#fff !important; } .validation-passed {} p.required { font-size:12px; text-align:right; } p.required, .product-options dt label.required em, .form-list label.required em { color:#f7621b; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* ******************************************************************************************** Global Messages *********************************************************************************************** */ .success { color:#27ae60; font-weight: bold; } .error { color:#cb2700; font-weight: bold; } .notice { color:#2980b9; } .messages, .messages ul { list-style:none !important; margin:0; padding:0; } .messages { overflow:hidden; margin:0 0 10px; } .messages li { margin:0 0 20px; } .messages li li { margin:0; } .messages a { text-decoration:underline; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position: 20px center !important;background-repeat: no-repeat !important;padding: 26px 25px 26px 70px !important;margin-bottom: 20px;font-size: 14px;} .error-msg {border-color:#cb2700;background-color:#f8e9e8;background-image:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/alert-icon/i_msg-error.png);color:#cb2700;} .success-msg {border-color:#27ae60;background-color:#e4f3eb;background-image:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/alert-icon/i_msg-success.png);color:#27ae60;} .note-msg, .notice-msg {border-color: #fcd344;background-color: #fafaec;background-image: url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/alert-icon/i_msg-note.png);color: #686868;} /* ******************************************************************************************** BreadCrumbs *********************************************************************************************** */ .breadcrumbs{float: left;width: 100%;padding: 17px 0;border-bottom:1px solid #e6e6e6;font-size: 15px;} .breadcrumbs li {display: inline-block;} .breadcrumbs a { } .breadcrumbs li span {margin:6px 6px 0;} .breadcrumbs li strong { display:block;color: #6fc138; } /* ******************************************************************************************** Page Heading *********************************************************************************************** */ .page-title { margin-bottom:20px; } .page-title h1, .page-title h2 {font-size: 24px;line-height: 24px;font-weight: bold;text-transform: uppercase;padding-top: 0;} .page-title h1:after, .page-title h2:after{content: "";background: #f7621b;height: 3px;width: 35px;/*position: absolute;left: 0;top: 27px;*/ display: block;margin-top: 5px;} .page-title .separator { margin:0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight: normal;display: inline-block;margin-top: 10px;border-bottom: none;font-size: 14px;padding: 0px;margin: 0px;line-height: 57px;} .page-title .link-rss { float:right; margin-top:15px; } .title-buttons { text-align:right; padding-right: 15px;} .title-buttons button { } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; text-align:left; line-height: 1.59em;} /* ******************************************************************************************** Toolbar *********************************************************************************************** */ .toolbar { position:relative; border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; } /* Size */ .sorter, .pager {line-height: 30px;text-align: center;} /* Pager */ .toolbar .pager {text-align: right;padding: 0px;} .category-products .toolbar .pager{margin-bottom: -5px;} .pager { } .pager .pages {display: inline-block;vertical-align:middle; /* Vertical align to fix positionning issue */ } .pager .pages strong, .pager .pages span { float:left; margin-right:5px; font-weight:normal; } .pager .pages ol { display:inline-block; vertical-align:middle; } .pager .pages li {float: left;line-height: 30px;text-align: center;height: 30px;width: 30px;margin: 0 5px;} .pager .pages li a {padding: 0px;display: block;} .pager .pages li a, .pager .pages li.current{background: #f6f6f6;} .pager .pages li a:hover, .pager .pages li.current{background-color: #f7621b;color: #FFFFFF;border-color: transparent !important;} .pager .pages li a.next i, .pager .pages li a a.previous i{font-weight: bold;font-size: 16px;} /* Amount */ .pager .amount, .sorter .amount { float:left;} /* View mode */ .view-mode {float: left;} .view-mode label { margin-left: 5px; } .view-mode .grid, .view-mode .list {vertical-align: middle;display: inline-block;font-family: FontAwesome;margin-left: 10px;text-align: center;font-size: 17px;font-weight: normal;background: #f6f6f6;width: 30px;} .view-mode .grid:hover, .view-mode .list:hover, .view-mode .grid-mode-active, .view-mode .list-mode-active{background: #6fc138;color: #FFFFFF;} /* vertical spacing */ .sorter .item-left, .pager .item-left, .sorter .item-right{padding-top:5px;padding-bottom:5px; } /* Item Elements */ .sorter .item-left, .pager .item-left{float: left;text-align: left;margin-right: 20px;} .sorter .item-right{float: right;margin-left: 20px;} /*Style Sort By & limiter*/ .sort-by select, .limiter select{max-width: 100%;width: auto;margin: 0px 0px 0px 5px;height: 30px;border: none;background: #f6f6f6;padding: 5px 10px;} .sort-by select, .limiter select, .sort-by a{display: inline-block;vertical-align: middle;cursor: pointer;} .sort-by a{margin-left: 5px;} .sorter .sort-by{margin-right: 10px;} .sorter .limiter{margin-left: 10px;} /* Category-asc & Category-desc */ .sorter .sort-by .category-asc, .sorter .sort-by .category-desc {padding: 0 5px;} /* Toolbar Bottom */ .toolbar-bottom {clear: both;width: 100%;margin-top: 3%;} .toolbar-bottom .toolbar { } .toolbar-bottom .toolbar .pager {margin-bottom: 0%;} .toolbar-bottom .toolbar .pager .pages{} .toolbar-bottom .sorter {} /* ******************************************************************************************** Data Table *********************************************************************************************** */ .data-table { width:100%; } .data-table thead { background:none; } .data-table thead th{padding: 15px 20px;} .data-table thead th, .data-table tbody th{ vertical-align: middle;font-weight: bold;font-size: 16px;text-transform: uppercase;} .data-table thead th.wrap { white-space:normal; } .data-table th, .data-table td { padding:20px;border-width: 1px; border-style: solid;border-color: #e6e6e6;} .data-table th .tax-flag { font-weight:normal; } .data-table tfoot tr td{text-align: right !important;} .data-table tfoot tr.last td{font-size: 20px;color: #6fc138;} .data-table tfoot td.last{text-align: left !important;} .data-table tfoot tr.last td strong{} /* Responsive Tile*/ .data-table .cartlabel { display:none; } /* ******************************************************************************************** Generic Info Box *********************************************************************************************** */ .info-box { background:#fff url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/bkg_block-title.gif) 0 0 repeat-x; border:1px solid #e6e6e6; padding:12px 15px; margin:0 0 15px; } .info-box h2 { font-weight: bold; } .info-table th { font-weight: bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* ******************************************************************************************** Shopping cart total summary row expandable to details *********************************************************************************************** */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/default-icon/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { font-size:11px; background-color:#F5F5F5; color:#777; padding:2px 5px !important; } tr.summary-details-first td { border-top:1px solid #e6e6e6; } tr.summary-details-excluded { font-style:italic; } /* ******************************************************************************************** Shopping cart tax info *********************************************************************************************** */ .cart-tax-info { display:block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/default-icon/bkg_collapse.gif) 100% 4px no-repeat; cursor:pointer; } .cart-tax-info .price, .cart-tax-total .price { display:inline !important; font-weight:normal !important; } .cart-tax-total-expanded { background-position:100% -53px; } /* ******************************************************************************************** Class: std - styles for admin-controlled content *********************************************************************************************** */ .std .subtitle { padding:0; } .std ol.ol { list-style:decimal outside; padding-left:1.5em; } .std dl dt { font-weight: bold; } .std dl dd { margin:0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin:0 0 1em; padding:0; } /* Unordered list without any bullets */ .std ul.no-bullets { list-style:none outside none !important; padding-left:0 !important; } .std ul.no-bullets li { background-image:none !important; padding-left:0 !important; } /* Ordered lists */ .std ol { list-style:decimal outside; margin:10px 0; padding:0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin:0.5em 0; } /* Std Misc */ .std dt { font-weight: bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight: bold; } .std i, .std em { font-style:italic; } /* Std Styles Override */ .std .products-grid p { margin-bottom:0; } /* ******************************************************************************************** Misc *********************************************************************************************** */ .link-cart { font-weight: bold; } .link-reorder { font-weight: bold; } .link-print {} .link-rss { white-space:nowrap; } .link-print:before, .link-rss:before{padding-right: 10px;font-family: FontAwesome;} /* ******************************************************************************************** Common styles for small buttons *********************************************************************************************** */ /* Generic Button Style */ .btn-remove, .btn-remove2, .btn-edit, .tool-tip .btn-close a, .compare-table .link-wishlist, .peer-cancel-img, #fancybox-close, div.alert-inner button.close{overflow: hidden;font-family: FontAwesome;font-size: 12px;display: inline-block;text-align: center;padding: 0px;background-color: #434343;color: #FFFFFF;width: 20px;height: 20px;border-radius: 3px;line-height: 20px;} /* Hover Style*/ .btn-remove:hover, .btn-remove2:hover, .btn-edit:hover, .tool-tip .btn-close a:hover, .compare-table .link-wishlist:hover, .peer-cancel-img:hover, #fancybox-close:hover, div.alert-inner button.close:hover{background-color: #6fc138;color: #FFFFFF;} .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .separator { /*margin: 0 3px;*/font-weight: normal;color: #e6e6e6;} .divider { clear:both; display:block; font-size:0; line-height:0; height:1px; margin:10px 0; background:#e6e6e6; text-indent:-9999em; overflow:hidden; } /* ******************************************************************************************** Notices *********************************************************************************************** */ .global-site-notice { background:#F5F5F5; color:#333; } .global-site-notice .notice-inner { max-width:66%; margin:0 auto; padding:10px 0 10px 80px; background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/alert-icon/i_msg-note.png) 20px center no-repeat; text-align:left; } .global-site-notice .notice-inner p { width:80%; margin:0; padding:10px 10px 10px 0; display:inline-block; vertical-align:middle; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; } /* Cookie Notice */ .notice-cookie {} /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ******************************************************************************************** Lists *********************************************************************************************** */ /* Unordered lists */ ul.bullet, ul.disc, ul.list{ margin:0 0 1em; padding:0; } /* Bullet */ ul.bullet { list-style:none outside none; } ul.bullet li a:before{float: left;font-family: FontAwesome;margin-right: 10px;} /* Disc */ ul.disc { list-style:disc outside none; padding-left:1.5em; } ul.disc li { background-image:none; padding-left:0; } /*List*/ ul.list{list-style:none outside none; } ul.list li { background-image:none; padding-left:0; } /* Nested unordered lists */ ul.bullet ul, ul.disc ul, ul.list ul{ margin-top:0.5em; margin-bottom:0.5em; } ul.bullet li a, ul.disc li a, ul.list li a{display: block;padding: 3px 0px;} ol.ordered-list li a{display: block;padding: 3px 0px;} /* Separator */ ul .separator {border-bottom:1px solid #e6e6e6;margin:8px 1px;overflow:hidden;} ul.separator li a{padding: 6px 0px;border-bottom: 1px solid #e6e6e6;} ul.separator li:last-child a, ul.separator li.last a{border-bottom: none;} ul.separator li.first a{padding-top: 0px;} /* ******************************************************************************************** Custom banners *********************************************************************************************** */ .page-banners .banner a { display:block; } .page-banners .banner a img { display:block; margin:0 auto; } .page-banners .banner { margin-bottom:20px; text-align: center;} .page-banners .banner.last{margin-bottom:0px;} .page-banners .banner p{text-align: left;} /* ******************************************************************************************** Bannerslider Block *********************************************************************************************** */ .slider-banners {-webkit-backface-visibility: hidden; margin-bottom:0.1%;} .slider-banners .banner {margin-bottom:2%; text-align: center; position:relative;} .slider-banners .banner.last{margin-bottom:0px;} .slider-banners a.banner, .slider-banners .banner a { display:block; } /* ******************************************************************************************** Category Top Banner Elements *********************************************************************************************** */ .category-block-section{clear: both;} .landing-page {} .horizontal-section, .vertical-section { display:block; margin-top:0; margin-bottom:20px; position:relative; } .horizontal-section {} .landing-page .center-block { display:block; margin:0 auto; } /* Templete Width */ .content-width .horizontal-section, .content-width .vertical-section{margin-bottom:40px;} .full-width .horizontal-section, .full-width .vertical-section{margin-bottom: 0px;float: left;width: 100%;} /* Align Banner Img */ .center-block {text-align: center;} .right-block{text-align: right;} .left-block{text-align: left;} /* ******************************************************************************************** Caption *********************************************************************************************** */ .caption {display:block;position:absolute;bottom:0;width:80%;margin:6%;padding:0;text-align: left;z-index: 1;} /* Caption position */ .caption.top {top:0;bottom:auto;width:80%;} .caption.top-right {top:0;bottom:auto;right:0;width:58%;} .caption.bottom-right {right:0;width:58%;} .caption.middle {left:0;width:74%;margin:9%;} .caption.middle-right {right:0;width:52%;margin:9%;} /* Caption elements */ .caption > * {float:left;display:inline-block;margin-bottom:1px;} .caption .heading {padding:0.25em;margin-bottom:0.2em;font-size:34px;line-height:40px;font-weight:normal;clear: both;} .caption p {clear:left;padding:0.25em 0.5em;margin-bottom:1px !important;font-size: 16px;line-height:20px;} .caption button {clear:left;} /* Caption layout */ .caption.centered {text-align: center;} .caption.centered > * {display:inline-block;float: none;} /* Floating (text alignment) */ .caption.right > * { text-align:right; float:right !important; } /* Caption additional styles */ .caption.full-width { width:88%; margin:6%; } .caption.narrow { width:38%; } .caption.middle.full-width, .caption.middle-right.full-width{width:82%;margin: 9%;} .caption.middle.narrow, .caption.middle-right.narrow{ width:32%; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display:inline-block !important; } /* Skin */ .caption .heading, .caption p { transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p, .caption-on-hover:hover .caption .heading, .caption-on-hover:hover .caption p{ transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; -o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#35000000,endColorstr=#35000000);} a:hover .caption.dark1 .heading, a:hover .caption.dark1 p, .caption-on-hover:hover .caption.dark1 .heading, .caption-on-hover:hover .caption.dark1 p{ background-color:rgba(0,0,0, 0.7); color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);} /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p, .caption-on-hover:hover .caption.dark2 .heading, .caption-on-hover:hover .caption.dark2 p{ background-color:rgba(0,0,0, 0.8); color:#fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p, .caption-on-hover:hover .caption.dark3 .heading, .caption-on-hover:hover .caption.dark3 p{ background-color:rgba(0,0,0, 1); color:#fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p, .caption-on-hover:hover .caption.light1 .heading, .caption-on-hover:hover .caption.light1 p{ background-color:rgba(255,255,255, 0.7); color:#000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p, .caption-on-hover:hover .caption.light2 .heading, .caption-on-hover:hover .caption.light2 p{ background-color:rgba(255,255,255, 0.85); color:#000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p, .caption-on-hover:hover .caption.light3 .heading, .caption-on-hover:hover .caption.light3 p{ background-color:rgba(255,255,255, 1); color:#000; } /* ******************************************************************************************** Header container *********************************************************************************************** */ .header-container {left: 0;right: 0;z-index: 999;position: relative;} .header .item-left{float: left;} .header .item-right{float: right;} /* Header Top */ .header-top-container{background-color: #282828;} .header-top-container .links li a{color: #aaaaaa;} .header-top{line-height: 40px;font-size: 13px;} /* Header Primary */ .header-primary-container{} .header-primary{padding: 40px 0px;} .header-primary .block_header_top_left span.icon{color: #ededed;font-size: 16px;vertical-align: middle;} .header .dropdown{display: inline-block;margin-left: -3px;border-right: 2px solid #393939;border-left: 2px solid #151515;height: 19px;} .header .toplinks.dropdown{border-left-width: 0px;} .header .toplinks .links > li.last{display: none;} .header .dropdown .dropdown-toggle{padding-bottom: 10px;} .header .language.dropdown{text-transform: uppercase;} .header .lang_cur{text-align:right;float: right;} .header .currency.dropdown{border-right-width: 0px;} .header .currency.dropdown .currency-inner{color: #FFFFFF;} .top-links{text-align: left;} /* logo */ .logo {} .logo strong{display:none;} /* Header 2 Style =============================================================== */ .header2 .shopping_cart{float: none;margin-right:0;position: relative;} .header2 .shopping_cart .dropdown-toggle{height: auto;padding-bottom: 0;line-height: normal;vertical-align: inherit;} .header2 .shopping_cart.dropdown{border-right: none;border-left: none;margin-left: 0;height: auto;padding: 0;padding-left: 10px;float: none;} .header2 .shopping_cart .icon-cart{width: 42px;height: 42px;line-height: 42px;background-color: #f6f6f6;text-align: center;} .header2 .shopping_cart .icon-cart span.icon{padding: 0;} .header2 .shopping_cart .dropdown-toggle .count{position: absolute;background: red;height: 17px;width: 17px;text-align: center;border-radius: 50%;color: #fff;bottom: 76%;right: -7px;} .header2 .shopping_cart, .header2 .wishlist{vertical-align: middle;} .header2 .shopping_cart .dropdown-menu{top: 100%;right: 0;} .header2 .shopping_cart .icon-cart:hover{background-color: #6fc138;color: #FFFFFF;} /* Header 3 Style =============================================================== */ .header3 .logo{text-align: left;} .header3 .form-search{border: none;opacity: 1;} .header3 .quick-search{float: right;width: auto;} .header3 .quick-search select{display: none;} .header3 .quick-search button{position: inherit;border-radius: 100%;margin: 0;} .header3 .quick-search input{position: absolute;top: 100%;right: 0;z-index: 1000; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); -moz-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); } .header3 .quick-search:hover input{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .header3 .navmain-container{padding: 20px 0px 10px;} .header3 .form-search .input-text{width: auto;} .header3 .form-search .button span span{padding: 0;width: 35px;height: 35px;line-height: 35px;font-size: 14px;} .header3 .form-search button.button span{background-color: #f6f6f6 !important;color: #434343 !important;} .header3 .form-search button.button:hover span{background-color: #6fc138 !important; color: #FFFFFF !important; } .header3 .shopping_cart .dropdown-toggle{height: auto;line-height: normal;} .header3 .shopping_cart{margin-right: 0;} .header3 .shopping_cart .icon-cart{width: 35px;height: 35px;line-height: 35px;font-size: 14px;background-color: #f6f6f6;border-radius: 100%;text-align: center;} .header3 .shopping_cart .icon-cart:hover{background-color: #6fc138; color: #FFFFFF;} .header3 .shopping_cart .dropdown-toggle .count{position: absolute;background: red;height: 17px;width: 17px;text-align: center;border-radius: 50%;color: #fff;bottom: 76%;right: -7px;} .header3 .shopping_cart .icon-cart span.icon{padding: 0;} .header3 .search-cart{line-height: 50px;margin-left: 20px;} .header3 .quick-search, .header3 .shopping_cart{float: none;display: inline-block;vertical-align: middle;margin: 0 5px;} .header3 .form-search .input-text{line-height: normal !important;padding-right: 20px;} .header3 .shopping_cart .dropdown-menu{top: 100%;right: 0;} .header3 .shopping_cart .dropdown-menu{line-height: normal;} .header3 .mega-container, .header3 .nav-container{float: right;} .header3 #mega-nav > li > a:before, .header3 .nav-container #nav > li > a:before{top: auto;bottom: -3px;} .header3 #mega-nav > li > a, .header3 .nav-container #nav > li > a{border-bottom: 3px solid transparent;border-top: none;} /* Header 4 Style =============================================================== */ .header4 .header .dropdown, .header4 .login-register a{border-right-width: 1px;border-left-width: 1px;} .header4 .header .toplinks.dropdown{border-left-width: 0px;} .header4 .header .currency.dropdown, .header4 .login-register .user-register{border-right-width: 0px;} .header4 .shopping_cart{float: none;margin-right:0;position: relative;} .header4 .shopping_cart .dropdown-toggle{height: auto;padding-bottom: 0;line-height: normal;vertical-align: inherit;} .header4 .shopping_cart.dropdown{border-right: none;border-left: none;margin-left: 0;height: auto;padding: 0;padding-left: 10px;float: none;} .header4 .shopping_cart .icon-cart{width: 42px;height: 42px;line-height: 42px;background-color: #f6f6f6;text-align: center;} .header4 .shopping_cart .icon-cart span.icon{padding: 0;} .header4 .shopping_cart .dropdown-toggle .count{position: absolute;background: red;height: 17px;width: 17px;text-align: center;border-radius: 50%;color: #fff;bottom: 76%;right: -7px;} .header4 .shopping_cart, .header4 .wishlist{vertical-align: middle;} .header4 .shopping_cart .dropdown-menu{top: 100%;right: 0;} .header4 .shopping_cart .icon-cart:hover{background-color: #6fc138;color: #FFFFFF;} .header4 .block_header_top_left.item{display: inline-block;} /*.header4 .compare-wishlist-box{width: auto;}*/ .header4 .call-compare{float: right;} .header4 #mega-nav > li > a:before, .header4 .nav-container #nav > li > a:before{top: auto;bottom: -3px;} .header4 #mega-nav > li > a, .header4 .nav-container #nav > li > a{border-bottom: 3px solid transparent;border-top: none;} .header4 .nav{text-align: center;} .header4 .mega-container, .header4 .nav-container{float: none;display: inline-block;vertical-align: middle;} /* Header 5 Style =============================================================== */ .header5 .logo{text-align: left;} .header5 .form-search{border: none;opacity: 1;z-index: 11;} .header5 .quick-search{margin-right: -3px;width: auto;} .header5 .quick-search select{display: none;} .header5 .quick-search button{position: inherit;margin: 0;} .header5 .quick-search input{ position: absolute; top: 100%; right: 0; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); -moz-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); } .header5 .quick-search:hover input{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .header5 .form-search .input-text{width: auto;padding-right: 20px;} .header5 .form-search .button span{color: #aaaaaa !important;} .header5 .form-search .button span span{font-size: 14px;padding: 0 15px;} .header5 .shopping_cart .dropdown-toggle{height: auto;line-height: normal;} .header5 .shopping_cart .dropdown-toggle .summary-container{color: #aaaaaa;} .header5 .shopping_cart{margin-right: 0;float: none !important;} .header5 .quick-search, .header5 .shopping_cart{float: none;display: inline-block;vertical-align: middle;} .header5 .search-cart{line-height: 36px;} .header5 .search-cart > *{display: inline-block;vertical-align: middle;} .header5 .shopping_cart .dropdown-menu{top: 28px;right: 0;} .header5 .shopping_cart .dropdown-menu{line-height: normal;} .header5 .shopping_cart.dropdown{border-right: none;padding-left: 15px;} .header5 .shopping_cart .icon-cart span.icon{color: #6fc138;} .header5 .header-top .block-cart.dropdown-menu .button-set a{padding: 0;display: inline-block;line-height: 20px;} .header5 .mega-container, .header5 .nav-container{float: right;} .header5 .navmain-container{padding: 20px 0 20px} .header5 #mega-nav > li > a, .header5 .nav-container #nav > li > a{border-top-color: transparent;} .header5 #mega-nav > li > a:before, .header5 .nav-container #nav > li > a:before{display: none;} /* Header 6 Style =============================================================== */ .header6 .header .dropdown, .header6 .login-register a{border-right-width: 1px;border-left-width: 1px;} .header6 .header .toplinks.dropdown{border-left-width: 0px;} .header6 .header .currency.dropdown, .header6 .login-register .user-register{border-right-width: 0px;} .header6 .form-search{border: none;opacity: 1;z-index: 11;} .header6 .quick-search{margin-right: -3px;width: auto;} .header6 .quick-search select{display: none;} .header6 .quick-search button{position: inherit;margin: 0;} .header6 .quick-search input{ position: absolute; top: 100%; right: 0; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); -moz-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); } .header6 .quick-search:hover input{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .header6 .form-search .input-text{width: auto;padding-right: 20px;} .header6 .form-search .button span{color: #aaaaaa !important;} .header6 .form-search .button span span{font-size: 14px;padding: 0 15px;} .header6 .shopping_cart .dropdown-toggle{height: auto;line-height: normal;} .header6 .shopping_cart .dropdown-toggle .summary-container{color: #aaaaaa;} .header6 .shopping_cart{margin-right: 0;float: none !important;} .header6 .quick-search, .header6 .shopping_cart{float: none;display: inline-block;vertical-align: middle;} .header6 .search-cart{line-height: 36px;} .header6 .search-cart > *{display: inline-block;vertical-align: middle;} .header6 .shopping_cart .dropdown-menu{top: 28px;right: 0;} .header6 .shopping_cart .dropdown-menu{line-height: normal;} .header6 .shopping_cart.dropdown{border-right: none;padding-left: 15px;} .header6 .shopping_cart .icon-cart span.icon{color: #6fc138;} .header6 .header-top .block-cart.dropdown-menu .button-set a{padding: 0;display: inline-block;line-height: 20px;} .header6 .nav{text-align: center;} .header6 .mega-container, .header6 .nav-container{float: none;display: inline-block;vertical-align: middle;} .header6 #mega-nav > li > a, .header6 .nav-container #nav > li > a{border-top-color: transparent;} .header6 #mega-nav > li > a:before, .header6 .nav-container #nav > li > a:before{display: none;} /* Header 7 Style =============================================================== */ .header7 .shopping_cart{float: none;margin-right:0;position: relative;} .header7 .shopping_cart .dropdown-toggle{height: auto;padding-bottom: 0;line-height: normal;vertical-align: inherit;} .header7 .shopping_cart.dropdown{border-right: none;border-left: none;margin-left: 0;height: auto;padding: 0;padding-left: 10px;} .header7 .shopping_cart .icon-cart{width: 42px;height: 42px;line-height: 42px;background-color: #f6f6f6;text-align: center;} .header7 .shopping_cart .icon-cart span.icon{padding: 0;} .header7 .shopping_cart .dropdown-toggle .count{position: absolute;background: red;height: 17px;width: 17px;text-align: center;border-radius: 50%;color: #fff;bottom: 76%;right: -7px;} .header7 .shopping_cart, .header7 .wishlist{vertical-align: middle;} .header7 .shopping_cart .dropdown-menu{top: 100%;right: 0;} .header7 .shopping_cart .icon-cart:hover{background-color: #6fc138;color: #FFFFFF;} .header7 .block_header_top_left.item{display: inline-block;} .header7 .compare-wishlist-box{width: auto;} .header7 .call-compare{float: right;} .header7 #mega-nav > li > a:before, .header7 .nav-container #nav > li > a:before{top: auto;bottom: -3px;} .header7 #mega-nav > li > a, .header7 .nav-container #nav > li > a{border-bottom: 3px solid transparent;border-top: none;} .header7 .nav{text-align: center;} .header7 .mega-container, .header7 .nav-container, .header7 .mega-mobile-container{float: none;display: inline-block;vertical-align: middle;} /* Mini Cart =============================================================== */ .header .shopping_cart {float:right;margin: 0px;text-align: center;} .after-mini-cart { clear:both; } .welcome-msg {color: #6fc138;} /* Mini Cart Title */ .shopping_cart{float:right;margin-right:30px;} .shopping_cart .dropdown-toggle{height: 55px;line-height: 55px;} .shopping_cart .dropdown-toggle .summary-container{position: relative;} /*.shopping_cart .dropdown-toggle .summary-container:after{ content: " "; display: block; border-bottom: 7px solid #6fc138; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: none; position: absolute; left: 0px; bottom: -8px; right: 0; width: 0; height: 0; margin: 0 auto; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; visibility: hidden; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }*/ .shopping_cart:hover .dropdown-toggle .summary-container:after{ z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; visibility: visible; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .shopping_cart .dropdown-toggle .count {font-weight: 700;font-size: 14px;} .shopping_cart .dropdown-toggle .amount {} .shopping_cart .dropdown-toggle .subtotal {} .shopping_cart .icon-cart{fill: #6fc138;overflow: hidden;} .shopping_cart .icon-cart span.icon{font-size: 16px;padding-right: 5px;} /* Mini Cart Content */ #cart-sidebar { margin-bottom: 20px; max-height: 360px; overflow: auto; } .shopping_cart .dropdown-menu .bag-header{/*font-size: 16px;padding: 15px;border-bottom: 1px solid #e6e6e6;*/} .shopping_cart .dropdown-menu{right:-24px;} .shopping_cart .dropdown-menu .mini-products-list li{} .shopping_cart .mini-products-list .product-name{padding-right: 50px;font-weight: bold;line-height: 20px;text-transform: uppercase;} .shopping_cart .dropdown-menu a{} .shopping_cart .dropdown-menu .inner {} .shopping_cart .dropdown-menu .incl-tax { display:block; padding-bottom:10px; text-align:right; } .shopping_cart .dropdown-menu .empty { padding:0px 0; } .shopping_cart .block-subtitle{font-size: 15px;margin-bottom: 10px;} .shopping_cart .dropdown-menu .price{font-weight: bold;color:#6fc138; } .shopping_cart .button-set{position: absolute;top: 21px;right: 20px;} .shopping_cart .btn-remove, .shopping_cart .btn-edit { background-color: #f6f6f6 !important; color: #434343 !important; } .shopping_cart .subtotal{text-align: right;padding: 10px; float: left; width: 40%; text-align: left; } .shopping_cart .subtotal .label{font-size: 14px;} .shopping_cart .subtotal .price{color: #6fc138;font-size: 16px;font-weight: bold;} .shopping_cart .actions { float: right; text-align: center; width: 50%; } .shopping_cart .actions button{} .shopping_cart .actions button.btn-checkout{width: 100%;} .shopping_cart .actions button span{} .shopping_cart .actions button.button span{float: none;} .shopping_cart .truncated { margin-left:0px; } /* Form Search =============================================================== */ .quick-search{float: left;width: 82%;} #search_mini_form { clear:both; display:block; } .form-search { position:relative;z-index: 1;border: 1px solid #e6e6e6;opacity: 0.8; max-width: 591px;} .form-search label { float:left; margin:3px 4px 0 0; display:none; } .form-search .input-text {width: 75%;display: inline-block;padding:0px 20px;padding-right: 53px;overflow:hidden;text-overflow:ellipsis;border: none;font-size: 15px;font-style: italic;} .form-search select{width: 25%;float: left;border: none;border-radius: 0;border-right: 1px solid #e6e6e6;} .compare-wishlist-box{display: inline-block;width: 18%;text-align: right;} .compare-wishlist-box .wishlist, .compare-wishlist-box .compare{padding-left: 10px;display: inline-block;position: relative;} .compare-wishlist-box .wishlist span, .compare-wishlist-box .compare span{background: #f6f6f6;color: #434343;height: 42px;width: 42px;line-height: 42px;text-align: center;font-size: 17px; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .compare-wishlist-box .wishlist span:hover, .compare-wishlist-box .compare span:hover{background: #6fc138;color: #fff;} .compare-wishlist-box p.count{position: absolute;background: red;height: 17px;width: 17px;text-align: center;border-radius: 50%;color: #fff;bottom: 76%;right: -7px;} /* Button */ .form-search .button {display: block;position: absolute;top: 0;right: 0;margin: 1px;} .form-search button.button span{background-color: transparent !important; color: #000 !important;} .form-search button.button:hover span{background-color: transparent !important; color: #6fc138 !important;} .form-search .button span span {line-height: 38px;padding-top: 0px;padding-bottom: 0px;font-size: 18px;} /* Search autocomplete */ .form-search .search-autocomplete {left:0 !important; top:100% !important;position:relative;z-index:4100 !important;} .form-search .search-autocomplete ul { background-color:#fff; text-align:left; padding:3px; } .form-search .search-autocomplete li { padding:3px 5px; cursor:pointer; line-height: 24px; } .form-search .search-autocomplete li:hover {} .form-search .search-autocomplete li .amount { float:right; padding-left:5px; } /* Nav Maincontainer =============================================================== */ .navmain-container, .navmain-container.template .nav{float: left;width: 100%;-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;background-color: #f6f6f6; -webkit-box-shadow: 0px 4px 5px -4px; -moz-box-shadow: 0px 4px 5px -4px; -ms-box-shadow: 0px 4px 5px -4px; -o-box-shadow: 0px 4px 5px -4px; box-shadow: 0px 4px 5px -4px; position: relative; z-index: 10; } .navmain-container.template .nav{border-left-width: 1px;border-right-width: 1px;} .navmain-container.template{background-color: transparent !important;border: none !important;box-shadow: none !important; } .nav{position: relative;} .nav *{} /* Sticy Header */ .navmain-container.fixed{z-index: 8000;left: 0;right: 0px;margin: 0 auto;opacity: 1;position: fixed;top: 0px; -webkit-box-shadow: 0 0px 5px 0px; -moz-box-shadow: 0 0px 5px 0px; -ms-box-shadow: 0 0px 5px 0px; -o-box-shadow: 0 0px 5px 0px; box-shadow: 0 0px 5px 0px; } /* Sticy Header Animate */ .navmain-container.fixed{ -webkit-animation-duration: 450ms; animation-duration: 450ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .navmain-container.fixed li a > .category-label{display: none;} /* ******************************************************************************************** Sidebar *********************************************************************************************** */ /* Blocks */ .block { margin:0 0 50px;} .block .block-title {margin-top: 0;position: relative;margin-bottom: 20px;font-size: 16px;clear: both;text-transform: uppercase;line-height: 24px;overflow: hidden;} .block .block-title strong {} .block .block-title strong:after{content: "";background: #6fc138;height: 3px;width: 35px;display: block;margin-top: 5px;} .block .block-title strong span{display: block;} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin:0px 0 15px; padding:0; } .block .block-content { /*padding: 20px 20px 40px;*/ } .block .block-content li, .block-layered-nav .block-content .currently li{ padding: 8px 0;} .block .block-content li.item {} .block .block-content li:first-child{padding-top: 0px;} .block .block-content li.last, .block .block-content li:last-child{padding-bottom: 0;} .block .block-content .mini-products-list li.item{padding: 10px 0px;} .block .block-content .mini-products-list li.item:first-child{padding-top: 0px;} .block .block-content .mini-products-list li.item:last-child, .block .block-content .mini-products-list li.item.last{padding-bottom: 0px;} .block .block-content li.item .product-name {padding-bottom: 0px;} .block .btn-remove { float:right;margin-left: 10px;padding: 0px !important; } .block .btn-edit { float:right; } .block .actions { margin: 15px 0 0;text-align: right;float: left;width: 100%;} .block .actions a { float:left; } /* Block: lists */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol {} .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li {} .block-viewed .block-content .product-name, .block-compare .block-content .product-name, .block-compared .block-content .product-name {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /* Mini Products List */ .mini-products-list li {position: relative;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;float: left;width: 100%;padding: 10px 0px;margin-left: 0px !important;margin-right: 0px !important;} .mini-products-list li.item:first-child{padding-top: 0px;} .mini-products-list li.item:last-child, .mini-products-list li.item.last{padding-bottom: 0;} .mini-products-list .product-image { float:left; width:72px; } .mini-products-list .product-details { margin-left:90px; text-align: left;} .mini-products-list .product-details h4 { font-weight: bold; margin:0; } .mini-products-list li.last{} .mini-products-list .product-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 3px;}/*Single Line Name*/ .mini-products-list .ratings{margin: 9px 0 8px;} .mini-products-list .ratings:after{display: inline-block;vertical-align: top;} .mini-products-list .ratings .rating-links{display: none;} .mini-products-list .price-box{padding: 2px 0px 7px;} .mini-products-list .price-box p{display: inline-block;margin-bottom: 0px;} .mini-products-list .price-box .price-label{display: none;} .mini-products-list .price-box .old-price .price{padding: 0;} /* Block: Account */ .block-account .block-title {} .block-account .block-content li a{padding: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .block-account .block-content li a:hover, .block-account .block-content li.current strong{} .block-account .block-content li a {} .block-account li > * {display:block;} .block-account li strong {font-weight: normal;color: #f7621b;} /* Block: Currency */ .col-left.sidebar .currency{display: none;} /* Block: Layered Navigation */ .block-layered-nav .block-content { } .block-layered-nav .block-content .block-title strong:after{display: none;} .block-layered-nav .block-content .block-title{margin-bottom: 15px;} .block-layered-nav .block-content .block-title strong{color: #f7621b;padding: 0;line-height: normal;} .block-layered-nav .block-subtitle { display:none; margin-bottom:0; } .block-layered-nav li{} .block-layered-nav li:hover{} .block-layered-nav li a{display: block;padding-right: 5px;} .block-layered-nav li a span:last-child{} .block-layered-nav li a:hover{/*color: inherit;*/} /* Filters of list */ .block-layered-nav dl, .block-blog dl{ padding-left:0px; padding-top:0px; } .block-layered-nav dt, .block-blog dt{font-size: 120%;padding: 0;} .block-layered-nav dd, .block-blog dd{ padding:0px 0 15px 0px; float: left;width: 100%;} .block-layered-nav dd ol li a, .block-blog dd ol li a{} .block-layered-nav dd.last, .block-blog dd.last{ border-bottom:none; padding-bottom: 0px;} /* Filters current */ .block-layered-nav .currently { /* margin:10px 0; */ } .block-layered-nav .currently .block-subtitle { display:block; padding: 0px 0px 5px; font-weight:normal; } .block-layered-nav .currently ol { /* padding:10px; */ } .block-layered-nav .currently li:hover{background: none;} .block-layered-nav .currently ol li { /* margin-bottom:4px; position: relative; padding: 10px 0px;*/} .block-layered-nav .currently ol li span{float: left;} .block-layered-nav .currently .label { margin-right:4px; color:#d90000; } .block-layered-nav .currently .btn-remove{} .block-layered-nav .actions { margin-bottom: 15px;} .block-layered-nav .actions a { float:right; } /* Block: Category Sidebar Navigation */ /* List items */ #sidenav{} #sidenav li{ position:relative;} #sidenav li.last{border:0 none;} #sidenav li a{display: block;} #sidenav li a:hover{} /* #sidenav li.active > a{color: #f7621b;} */ #sidenav li, .block-layered-nav .block-content li, .block-account .block-content li, .block-blog .block-content li{padding: 0px;} #sidenav li a, .block-layered-nav .block-content li a, .block-account .block-content li a, .block-blog .block-content li a, .block-account .block-content li strong{padding: 10px 0;transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;} #sidenav li a:hover, .block-layered-nav .block-content li a:hover, .block-account .block-content li a:hover, .block-blog .block-content li a:hover{background: #f6f6f6;padding-left: 10px;} .block-layered-nav .block-content li a.btn-remove:hover{background: #6fc138;} #sidenav li a:before, .block-layered-nav #narrow-by-list li a:before, #mega-nav ul.subs li li a:before, #mega-nav .megamenu-vertical ul.subs li a:before, #side-nav > li > a:before, .block-account .block-content li a:before, .block-account li strong:before, .block-blog .block-content li a:before{font-family: FontAwesome;font-size: 13px;vertical-align: middle;margin-right: 10px;} #sidenav li.level0:first-child > a{} #sidenav li.level0:last-child > a{} /* List Levels */ #sidenav li ul.level0{display:none;padding-left:15px;} #sidenav li.active ul.level0{display:block; padding-left: 30px;} #sidenav li.active ul.level0 li.active ul.level1{display:block;padding-left: 30px;} #sidenav li.active ul.level0 li.active ul.level1 li.active ul.level2{display:block;padding-left: 30px;} #sidenav li ul.level0 li.last{border:0 none;} /* Level 0 */ #sidenav li.level0 > a{ font-weight:bold; } /* Level 1 */ #sidenav li ul li ul{ display:none;padding-left:15px;} /*#sidenav li.level1 a{padding-top: 5px;padding-bottom: 5px; }*/ #sidenav li.level1 a.show-cat{} #sidenav li.level1 > a{ font-weight:bold; } /* List Active Icons */ #sidenav li a.show-cat, #sidenav li.active > a.show-cat{text-indent: 1px;position: absolute;top: 14px;width: 11px;padding: 0px;border-bottom: none;font-family: FontAwesome;right: 15px;font-size: 10px;height: 10px;line-height: 11px;color: #999999;border-radius: 3px;border: 1px solid;} #sidenav li a.show-cat:before{display: none;} #sidenav li a.show-cat span.minus{display:none;} #sidenav li a.show-cat.active span.minus{display:inline-block;} #sidenav li a.show-cat.active span.plus{display:none;} #sidenav li a.show-cat span.plus{display:inline-block;} /*Level Active & Hover*/ #sidenav li a.show-cat.active, #sidenav li a.show-cat:hover{} #sidenav li.level0:first-child > a.show-cat{} /* Block: Related */ #block-related-slider input.checkbox { float: left;margin: -13px 0 0 10px;position: relative; } /* Block: Compare Products */ .compare-table { border:0; margin-bottom: 20px;} .compare-table .btn-remove { vertical-align: middle;} .compare-table .btn-remove:before{margin-right: 15px;margin-left: 15px;} .compare-table a.link-wishlist:before { margin-right: 13px;margin-left: 13px;} .compare-table .link-wishlist, .compare-table .btn-remove{margin: 0 !important;} .compare-table .link-wishlist, .compare-table .btn-remove{width: 40px;height: 40px;line-height: 40px;text-indent: 2px;border-radius: 0;} .compare-table tbody tr:hover {} .compare-table .product-shop-row { } .compare-table .product-shop-row th, .compare-table .product-shop-row td { } .compare-table tr.add-to-row { } .compare-table tr.add-to-row:hover { } .compare-table tr th{border-width: 1px;} .compare-table tr.add-to-row td {} .compare-table tr.first td { } .compare-table tr td{border-width: 1px;} .compare-table tr.first td .product-name { margin:10px 0; } .compare-table tr.first td .ratings { width:145px; margin:10px 0; } .compare-table .price-box { margin:10px 0; line-height:15px; } .compare-table .price-box .price{font-weight: 500;} .compare-table .ratings .rating-box{float: none;margin: 0 auto 5px;} /* Compare Table */ .compare-table .product-image img { } .compare-table .add-to-row td{} .compare-table .add-to-row p{display: inline-block;vertical-align: top;margin-bottom: 5px;} .compare-table .add-to-links { margin-top:0px; display: inline-block;vertical-align: middle;} .compare-table .add-to-links li {margin: 0px 0px 0 10px;} /* Block: Recently Viewed */ .block-viewed {} /* Block: Recently Compared */ .block-compared {} .block-compared .product-name{} /* Block: Compare */ .block-compare .product-name{} /* Block: Poll */ .block-poll .block-subtitle { } .block-poll input.radio { float:left; margin:4px -18px 0 0; } .block-poll .label { display:block; margin-left:18px; } .block-poll li { padding:3px 9px; } .block-poll .answer { font-weight: bold; } .block-poll .votes { float:right; margin-left:10px; } /* Block: Tags */ .block-tags .block-content .tags-list { } .block-tags .tags-list li{border-bottom: none;padding: 0px;} .block-tags .tags-list a {} .block-tags .tags-list a:hover {} .block-tags .actions { text-align:right; } .block-tags .actions a { float:none; } /* Block: Subscribe */ .block-subscribe .input-box { margin-top: 5px; position: relative;margin-top: 10px;line-height: 5px\9;} .block-subscribe input { width:100%;padding-right: 120px;} .block-subscribe button.button {display: block;position: absolute;top: 0;right: 0;} .block-subscribe button.button span{} .block-subscribe button.button:hover span{} /* Block: Reorder */ .block-reorder input.checkbox { float:left; margin:3px 0px 0 0; } .block-reorder .product-name { margin-left:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 13px; } .block-reorder .validation-advice { margin:3px 9px 7px; } /* Block: Banner */ .block-banner {} .block-banner .block-content { text-align:center; } /* Block: Login */ .block-login label { font-weight: bold; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } /* Block: Review */ .block-reviews .ratings, .block-reviews .no-rating{margin: 0px;} .block-reviews .rating-links{display: none;} /*Block: Paypal */ .sidebar .paypal-logo { display:block; margin:0px 0 25px; text-align:center; } .sidebar .paypal-logo a { float:none; } /* ******************************************************************************************** Category Page *********************************************************************************************** */ /* View Type: Grid OR View Type: List =============================================================== */ .products-grid .product-image-wrapper, .products-list .product-image-wrapper{ margin:0 auto; position:relative; overflow: hidden;} .products-grid .product-image-wrapper:before, .products-list .product-image-wrapper:before{ content: ""; position: absolute; /*background: rgba(0, 0, 0, 0.20);*/ z-index: 1; width: 100%; height: 100%; opacity: 0; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; } .products-grid .item:hover .product-image-wrapper:before, .products-list .item:hover .product-image-wrapper:before{opacity: 1;} /* Product Price */ .products-grid .price-box .price, .products-list .price-box .price{font-size: 17px;} .products-grid .price-box .old-price .price, .products-list .price-box .old-price .price{font-size: 14px;} .catalog-category-view .category-image{} /* View Type: Grid =============================================================== */ .new-product .new{display: none;} .products-grid {} .products-grid .item {position:relative;border-width: 0px;border-style: solid;border-color: #e6e6e6;border-radius: 3px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} #category-slider.products-grid .item{text-align: center;} /* Product Image */ .products-grid .product-image {text-align: center;display: block;margin-left: auto;margin-right: auto;border: none;position:relative;z-index:1;} .products-grid .item .product-image img{display: block;margin-left: auto;margin-right: auto;transition:opacity 300ms ease-in-out 0ms;-moz-transition:opacity 300ms ease-in-out 0ms;-webkit-transition:opacity 300ms ease-in-out 0ms;-o-transition:opacity 300ms ease-in-out 0ms;} /* Product Alternative Image =============================================================== */ .products-grid .item .product-image .small-image{ opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .products-grid .item:hover .product-image .small-image{ opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .products-grid .item .product-image .thumbnail{ position: absolute; left: 0; right: 0; top: 0; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .products-grid .item:hover .product-image .thumbnail{ opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* Product Content */ .products-grid .product-content-wrapper{margin-top: 10px;width: 100%;display: inline-block;zoom:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;} .products-grid .product-content{font-size: 15px;} .products-grid .product-name {font-weight: bold; font-size: 15px;} .products-grid .vert{} .products-grid .price-box { display: inline-block;} .products-grid .price-box p{margin-bottom: 0px;} .products-grid .price-box p.old-price{float: right;} .products-grid .price-box p.special-price{float: left;} .products-grid .price-box .price{display: inline-block;} .products-grid .ratings {} .products-grid .price-box .special-price .price-label{display: none;} .products-grid .ratings, .products-grid .no-rating{margin: 0px;margin: 10px 0px 0px 0px;} .products-grid .vert{margin: 10px 0px 0px 0px;} .products-grid .ratings .rating-box{margin-right: 0px;float: none;display: inline-block;} .products-grid .rating-links{display: none;} .products-grid .actions {float: left;width: 100%;position: absolute;bottom: 0;z-index: 1;background-color: #5D5D5C;/* IE 8 */background-color: rgba(93, 93, 92, 0.5);visibility: hidden;opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transform: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .products-grid .item:hover .actions{ visibility: visible; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .products-grid .availability { float:none; margin:5px 0; } .products-grid div.btn-cart{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;} .products-grid button.button{width: 100%;padding-right: 120px;} .products-grid button.button span{width: 100%;font-size: 14px;border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: transparent; } .products-grid button.button:hover span{background: #6fc138;} .products-grid button.button span span{text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .products-grid button.button span span i{padding-right: 8px;} .products-grid button.button span span:before{padding-right: 10px;} .products-grid .add-to-links {float: right;} .products-grid .add-to-links li{margin-right: 0px;} .products-grid .add-to-links span.icon{border-color: transparent;border-left-color: #FFF;color: #FFF;} /* Display only on hover */ .products-grid .item .display-onhover { display:none; } .products-grid .item:hover .display-onhover{display: block;} /* Product name single line */ .products-grid .product-name.single-line-name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /* Category Full =============================================================== */ .category-full .col-main, .category-full .col-left{float: none;} .category-full .breadcrumbs{float: none;width: auto;} /* Block: Layered Navigation (Category Full Width Left Siderbar) */ .category-full .col-left .block.block-layered-nav{display: block;} .category-full .col-left .block.block-layered-nav > .block-content{padding: 0px;} .category-full .col-left .block.block-layered-nav > .block-title{display: none;} .category-full .col-left .block.block-layered-nav .block-content .view{} .category-full .col-left .block.block-layered-nav .view .block-content{padding: 0px;font-size: inherit;padding-top: 0px;padding-bottom: 20px;} /* Display only Visible on hover */ .visible-onhover{visibility:hidden;opacity:0;transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms, right 300ms ease-in-out 0ms;-moz-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms, right 300ms ease-in-out 0ms;-webkit-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms, right 300ms ease-in-out 0ms;-o-transition:visibility 0s ease-in-out 100ms, opacity 300ms ease-in-out 0ms, right 300ms ease-in-out 0ms;} .products-grid .item:hover .visible-onhover, .visible-onhover:hover{visibility:visible;opacity:1;transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms, right 300ms ease-in-out 0ms;-moz-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms, right 300ms ease-in-out 0ms;-webkit-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms, right 300ms ease-in-out 0ms;-o-transition:visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms, right 300ms ease-in-out 0ms;} /* View Type: List =============================================================== */ .products-list .item { position: relative;margin-top: 25px;zoom: 1;border-width: 0px;border-style: solid;border-color: #e6e6e6;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;border-bottom: 1px solid #e6e6e6;padding-bottom: 25px;} .products-list .item.last{border-bottom: 0;} .products-list .item.first{border-top: 1px solid #e6e6e6;} .products-list .product-shop {} .products-list .product-shop-inner { } .products-list .right-column { } .products-list .right-column-inner{} .products-list .product-image-wrapper{margin-right: 1%;} .products-list .product-name { margin: 0 0 8px;font-size: 18px;line-height: normal;font-weight: bold;text-transform: uppercase;} .products-list .product-image { display: block;margin-left: auto;margin-right: auto;max-width: 280px;border: none;} .products-list .price-box { margin: 15px 0px 25px;} .products-list .price-box .price{font-size: 20px;font-weight: bold;} .products-list .price-box .old-price .price{font-size: 16px;} .products-list .price-box .price-label{} .products-list .ratings { margin:0px; } .products-list .ratings .rating-links .separator, .products-list .ratings .rating-links{width: auto;margin: 0 3px;display: inline-block;float: none;vertical-align: middle;display: none;} .products-list .desc { line-height: 20px;margin-bottom: 30px;} .products-list .link-learn {color: #6fc138;} .products-list .link-learn:hover{text-decoration: underline;} .products-list .actions{clear: both;} .products-list .btn-cart {margin-bottom: 10px;float: left;margin-right: 10px;} .products-list button.button span span{padding: 11px 50px;} .products-list button.button span{} .products-list button.button span:hover{} .products-list .availability { float:none; margin:15px 0; } .products-list .add-to-links {float: left;} .products-list .add-to-links li{margin-right: 10px;} .products-list .add-to-links span.icon{} /* ******************************************************************************************** Sale New Label *********************************************************************************************** */ /* List Or Grid Label */ .productlabels_icons {position: absolute;top: 10px;right: 10px;z-index: 1;} .sale, .new{width: 51px;height: 51px;display: block;margin-bottom: 5px;border-radius: 100%;text-transform: uppercase;} .sale{background: #e62d15;} .new{background: #3373c1;} .sale label, .new label{line-height: 51px;display: block;text-align: center;color: #ffffff;font-size: 100%;} .hidden .sale, .hidden .new{display:none;} /* Category Label */ span.category-label{ padding: 0 6px !important; line-height: 22px; font-size: .91em; font-weight: 700; background-color: #6fc138; color: #ffffff; text-transform: capitalize; position: absolute; font-size: 11px; text-transform: uppercase; z-index: 1000; } #mega-nav > li > a span.category-label:before, .nav-container #nav > li > a span.category-label:before{ position: absolute; left: 6px; top: 22px; width: 0; height: 0; content: ""; border-style: solid; border-width: 4px; border-color: transparent; border-top-color: #6fc138; } .block.block-sidenav #mega-nav > li > a span.category-label:before{display: none;} .nav-container #nav > li.hover > a span.category-label:before, .nav-container #nav > li:hover > a span.category-label:before, #mega-nav > li:hover > a span.category-label:before{ border-top-color:#252525; } /* Menu Category Label (Custom Menu & Default Menu) */ #mega-nav > li > a span.category-label, .nav-container #nav > li > a span.category-label{top: -15px;} .block.block-sidenav #mega-nav > li > a span.category-label{top: initial;} /* Lable Marging Left Side */ #sidenav li a span.category-label, .block.block-sidenav #mega-nav li a span.category-label, #mega-nav ul.subs li a span.category-label{margin-left: 5px;position: inherit;display: inline-block;} /* Category Label Hover Effect */ li:hover > a span.category-label, .nav-container #nav > li.hover > a span.category-label, .nav-container #nav > li:hover > a span.category-label, #mega-nav > li:hover > a span.category-label{color: #FFF;background-color: #252525;} /* ******************************************************************************************** Product view *********************************************************************************************** */ /* Image gallery */ .product-view .product-image-gallery .gallery-image.visible { cursor: pointer; } /* Rating */ .ratings, .no-rating { line-height:1.0833em; margin:15px 0 15px; } .no-rating{margin: 0px;} .ratings a { line-height:1.0833em; } .ratings strong { float:left; margin:1px 5px 0 0; } .ratings .rating-links .separator {display:inline-block;width:4px;} .ratings dt {} .ratings dd {} .rating-box { width:70px; height:10px; font-size:0; line-height:0; background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/ratings.png) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:10px; background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/ratings.png) 0 100% repeat-x; } .ratings .rating-box { float:left; margin-right:8px; } .ratings .amount { white-space:nowrap; font-size:10px; text-transform:uppercase; } .ratings-table th, .ratings-table td { line-height:1.1666em; /*14px*/ padding:3px 0; } .ratings-table th { padding-right:8px; } /* Availability */ .availability { margin:0; } .availability span { } .availability.in-stock span {color: #6fc138;} .availability.out-of-stock span { background-color: #aa1225; box-sizing: border-box; color: white; display: block; font-size: 14px; line-height: 40px; text-align: center; text-transform: uppercase; width: 100%; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; } .availability-only a { background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#be2c00; } .availability-only-details { margin:0 0 7px; } .availability-only-details th { background:#d2d6d9; padding:0 8px; } .availability-only-details td { background:#ebf0f3; border-bottom:1px solid #fff; padding:2px 8px 1px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight: bold;} .product-view .product-shop .availability span { font-weight:normal; } /* Email to a Friend */ .email-friend {} .email-friend a{} /* Alerts */ .alert-price { margin:0;} .alert-stock { margin:0;} .alert-price, .alert-stock { margin:15px 0; padding:2px 0 2px 25px; line-height:15px; } .alert-price { background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/default-icon/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/default-icon/icons.png) 0 -160px no-repeat; } /********** < Product Prices */ .price { white-space:nowrap !important;font-size: 100%;} .price-box { margin: 0; } .price-box .price {} .price-box .price-label {font-size: 13px;font-weight: 400;padding-right: 5px;} /* Common price */ .regular-price .price, .minimal-price .price{color: #6fc138;} /* Common labels */ .old-price .price-label, .special-price .price-label { white-space:nowrap; } .old-price .price-label { display:none; } /* Regular price */ .regular-price {} .regular-price .price {} /* Old price */ .old-price { margin:0;} .old-price .price { color: #aaaaaa;text-decoration:line-through;padding-left: 10px;} /* Special price */ .special-price { margin:0; padding:0; } .special-price .price, .special-price .price-label { color:#6fc138;} .special-price .price-excluding-tax .price {} /* Minimal price (as low as) */ .minimal-price { margin:0 0 5px; } .minimal-price .price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; } .minimal-price-link .label {} .minimal-price-link .price { color:#6fc138; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price {} /* Configured price */ .configured-price { margin:0; } .configured-price .price-label { font-weight: 500;white-space:nowrap; } .configured-price .price {font-weight: 500;} /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:normal; } /* Excl tax (for order tables) */ .price-excl-tax { } .price-excl-tax .label { white-space:nowrap; } .price-excl-tax .price {} /* Incl tax (for order tables) */ .price-incl-tax { } .price-incl-tax .label { white-space:nowrap; } .price-incl-tax .price { font-weight: 500;} /* Price range */ .price-from { margin:0; } .price-from .price-label { white-space:nowrap; } .price-to { margin:0; } .price-to .price-label { white-space:nowrap; } /* Price notice next to the options */ .price-notice { margin-left:5px; } .price-notice .price { padding-left:3px; } /* Price as configured */ .price-as-configured .price-label {font-size: 18px;font-weight: 700;white-space: nowrap;} /* Price as bundle */ .price-box-bundle .price-box { margin:0 !important; padding:0 !important; border:none !important; } /********** Product Prices > */ /* Tier Prices */ .tier-prices { margin:0 0 30px; padding-left: 10px; clear: both;} .tier-prices li { line-height:15px; padding:0 0 0 0px; margin:3px 0; } .tier-prices li:before{font-family: FontAwesome;padding-right: 11px;} .tier-prices .benefit { color:#cb2700; font-weight:normal; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight: 500;} /* Add-to links */ .add-to-links .separator { display:none; } .add-to-links li { float:left; } .add-to-links {margin:0px 0 0; } .add-to-links span.icon{} .addto-gaps-right li { margin-right:10px; } /* Icons Add To Links */ .addto-links-icons li{margin-right: 5px;} .addto-links-icons span.icon{text-indent: 0px;} .addto-links-icons span.icon:hover{} .product-view .product-options-bottom .add-to-links span.icon{} /* Add to Cart */ .quantit{float: left;margin-right: 15px;margin-bottom: 15px;} .quantit label{padding-right: 5px;margin-top: -10px;font-weight: bold;} .quantit .quantity_counter { border: 1px solid #e6e6e6;display: inline-block;} .quantit .quantity_counter input{border: 0;height: 38px;} .quantity_counter{position: relative;width: 70px;height: 38px;} .quantity_counter a{position: absolute;right: 10px;} .quantity_counter a.prev{bottom: 4px;} .quantity_counter a.next{top: 4px;} .add-to-cart .button {margin-right: 10px;margin-bottom: 15px;} .product-view .add-to-cart { float: right;} .product-view .quantit { float: right;} .product-view .add-to-cart button.button span span{padding: 11px 41px;} /* Product Paypal */ .product-view .paypal-wrapper { float:left; } .product-view .paypal-wrapper .paypal-logo { margin:0; padding:5px 0 0; text-align:right; } .product-view .paypal-wrapper .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } /* Add to Cart Box Right */ .add-to-cart.right {} .add-to-cart.right label { margin-left:10px; } .add-to-cart.right .button { margin-right:0; } /* Messages */ #messages_product_view { margin: 0 auto; width: 98%; } /* ******************************************************************************************** Product page *********************************************************************************************** */ /* Block: Additional Box*/ .product-view .box-additional { margin: 20px 0px 0px;float: left;width: 100%;} .product-view .box-tabs {margin-top: 40px;margin-bottom: 20px;font-size:15px;} .product-view .box-tabs .panel > h2{display:none; } .product-view .box-sidebar {} .product-view .box-up-sell {} /* Product Images Box */ .img-box{text-align: center;margin: 0 auto;position: relative;} .img-box.position-y{padding: 0px;width: 78.9%;float: right;} /* Product Images Column */ .product-view .product-img-column {float:left;position:relative;} .product-view .product-img-column img{margin: 0 auto;} .col3-layout .product-view .product-img-column { float:none; margin:0 auto; display: inline-block;} /* Product Image */ .img-box .product-image {margin: 0 auto;display: block;position:relative;border-color: #e6e6e6;border-style: solid;border-width: 0px;} .img-box .product-image a{overflow: hidden;} .img-box .product-image.product-image-zoom { } .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight: bold; text-align:center; } .product-image-popup .image { display:block; margin:10px 0; } .product-image-popup .image-label { margin:0 0 10px; } /* Thumbnails */ .itemslider-thumbnails {margin-left: auto !important;margin-right: auto !important;width: auto !important;margin: 20px 0px 0 0px;} .itemslider-thumbnails .owl-item{text-align: center;} .itemslider-thumbnails .item {margin: 0px 5px;} /* Product Shop */ .product-view .product-shop { float: left;padding: 0px 0px 0 30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;font-size: 15px;} .product-view .product-essential .product-name {margin:0 1% 0em; margin-bottom: 10px;} .product-view .product-essential .product-name h1 { margin:0 1%;font-size: 24px;line-height: 34px;font-weight:bold; color:#aa1225;} .col3-layout .product-view .product-shop{padding: 30px 0px 0px 0px;} .product-view .price-stock{float: left;width: 100%;padding: 30px 0;border-top: 1px solid #e6e6e6;} .product-view .product-shop .price-box{float: left;margin-right: 20px;} .product-view .availability{float: right; width:108%} .product-view .product-shop .product-meta{width: 100%;display: table;/*margin: 0px 0px 20px;*/padding: 25px 0;border-bottom: 1px solid #e6e6e6;} .product-view .product-shop .product-meta .sku, .product-view .product-shop .product-meta .box-brand {display: table-cell;vertical-align: middle;} .product-view .product-shop .product-meta .box-brand{text-align: right;} .product-view .product-shop .product-meta > *{margin-bottom: 10px;} .product-view .product-shop .ratings, .product-view .product-shop .no-rating{margin: 0px 0px 15px 0px;line-height: 20px;} .product-view .product-shop .ratings .rating-box{margin-top: 4px;} .product-view .product-shop .ratings .rating-links{} .product-view .product-shop .ratings-table { margin:15px 0 5px; } .product-view .short-description {float: left;width: 100%;line-height: 22px;padding: 25px 0; border-top: 1px solid #e6e6e6;} .product-view .short-description ul { margin-top:5px; margin-bottom:5px; } /* Product Brand */ .box-brand img {display: block;max-width: 120px;} .box-brand a{display: inline-block;vertical-align: middle;} .box-brand label{display: inline-block;vertical-align: middle;} /*Sharing Button*/ .sharing-button {clear: both;} /********** < Price For Product Page */ /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price {font-size: 24px;} /* Special price */ .product-view .price-box .special-price { white-space:nowrap; } .product-view .price-box .special-price .price-label { white-space:nowrap;display: none; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding:0 0 0 15px; } /* Old price */ .product-view .product-shop .price-box .old-price .price{font-size: 18px;} .product-view .product-shop .price-box .old-price .price-label { white-space:nowrap; display:none; } /* Prices on Product page */ .product-view .product-shop .price-box .price-including-tax .price { font-size:18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size:inherit; } /* Price-from price & Price-to price */ .product-view .product-shop .price-box .price-from .price, .product-view .product-shop .price-box .price-to .price, .product-view .product-shop .price-box .minimal-price .price{font-size: 16px;} /* MSRP price*/ .map-popup-msrp .price { display:block;} /* Move MSRP links below the price */ .product-view .product-shop .price-box.map-info .old-price { display:block; } /* Price box inside product options box or Add-to-cart box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float:left; margin:18px 15px 10px 0; padding:0; } .product-view .price-box p.special-price, .product-view .price-box p.old-price{display: inline-block;padding-right: 5px;} .product-view .price-box-bundle .price-box p{margin-bottom: 5px;} .product-view .price-box-bundle + .price-box{clear: both;} /********** Price For Product Page > */ /* Add-to links */ .product-view .action-box { margin:20px 0 0px; } .product-view .product-shop .add-to-links{float: left;} .product-view .product-shop .add-to-links li{margin-right: 10px;} .product-view .product-shop .add-to-links a:hover{} /* Button container */ .product-view .add-to-box, .product-shop .product-options-bottom{clear: both;} /* Product third Column */ .product-view .product-third-column {padding-left: 20px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} /* Other elements */ /* Unordered list in product description */ .product-view .short-description .std ul, .product-view .box-tabs .std ul { list-style:none outside none; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom:1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style:disc outside none; padding-left:1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image:none; padding-left:0; } /* ******************************************************************************************** Product options *********************************************************************************************** */ .product-options { position: relative;clear: both;border-top: 1px solid #e6e6e6;padding: 30px 0px;} .product-options dt {} .product-options dt label, .product-options dd .qty-holder label{font-weight: bold; display: inline-block;} .product-options dt label.required em { margin-right: 5px; } .product-options dd .qty-holder { display:block; padding:10px 0 0; } .product-options dd .qty-holder label { vertical-align:middle;padding-right: 5px;margin-bottom: 0px;} .product-options dt .qty-disabled { background:none; border:0; padding:3px; } .product-options dd { margin-bottom: 20px;} .product-options dl.last dd.last { border-bottom:0;margin: 0px; float: none; } .product-options dd input.input-text, .product-options dd input.product-custom-option{ width:100%; /*98%*/ height: 40px;padding: 8px 10px;} .product-options dd input.qty{height: 35px;width: 50px !important;padding: 7px;} .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd textarea { width:100%; /*width:92%;*/ height:8em; } .product-options dd select { width:100%; height: 40px;padding: 8px 10px;border-radius: 0;} .product-options dd .multiselect option { padding:2px 4px; } .product-options ul.options-list { margin-right:5px; } .product-options ul.options-list li { line-height:1.5; padding:2px 0; } .product-options ul.options-list input.radio { float:left; width: auto;height: auto;padding: 0px;margin-top: 4px;} .product-options ul.options-list input.checkbox { float:left; width: auto;height: auto;padding: 0px;margin-top: 4px;} .product-options ul.options-list .label { display:block; margin-left:18px; } .product-options ul.options-list label { } .product-options ul.validation-failed { padding:0 7px; } .product-options p.note { margin:0; font-size:0.9166em; } .product-options p.required { position:absolute; right:0; top:10px; font-size: 12px;} .fancy .product-options dd{width: 100%;} /* Product Options Bottom */ .product-options-bottom { margin-top:20px; } .product-options-bottom .price-box{ margin: 10px 20px 10px 0;} .product-options-bottom .tier-prices { margin:-5px 0 30px; padding:0; border:0; background:0; } .product-options-bottom .tier-prices li { background:0; padding:2px 0; } .product-options-bottom .price-box .price-as-configured {} .product-options-bottom .price-label {} .product-options-bottom .price-tax { float:left; } .product-shop .product-options-bottom, .product-view .add-to-box{ margin:0;padding: 30px 0;border-top: 1px solid #e6e6e6; } .product-shop .product-options-bottom .price-label { float:none; padding-right:0; } .product-shop .product-options-bottom .price-tax { float:none; } .product-shop .product-options-bottom .add-to-cart-box { clear:both; float:left; padding-top:12px; } /* Grouped Product */ .product-view .grouped-items-table { margin:0; clear:both;margin-bottom: 15px;} .product-view .grouped-items-table thead th {} .product-view .grouped-items-table .price-box { margin:0; padding:0; border:0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size:15px; } .product-view .grouped-items-table td { vertical-align:middle; padding: 20px;} .product-view .grouped-items-table .price-box .regular-price .price { font-size:16px; } /* Downloadable product */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float:none; margin:0 0 5px; } .product-type-data .item-options dd { padding-left:15px; } /* Block: Tags */ .product-view .box-tags .product-tags { display:block; margin:0 0 25px; } .product-view .box-tags h3{margin-bottom: 5px;} .product-view .box-tags .product-tags li { display:inline; padding:0 7px; border-right:1px solid #e6e6e6; } .product-view .box-tags .product-tags li.first { padding-left:0; } .product-view .box-tags .product-tags li.last { padding-right:0; border-right:0; } .product-view .box-tags .form-add label { display: block;margin: 0 0 8px;font-weight: bold;} .product-view .box-tags .form-add .input-box { float:left; width: 100%;max-width: 300px;margin:0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width:100%; } .product-view .box-tags .note { margin:3px 0 0; font-size:0.9166em; /*11px*/ } /* Block: Reviews */ .product-view .box-reviews { } .product-view .box-reviews dl { margin:0 0 0px; } .product-view .box-reviews dt{} .product-view .box-reviews dt .heading { font-weight:normal; margin-right:10px; } .product-view .box-reviews dt span { font-weight: bold;} .product-view .box-reviews dt a {margin-right: 8px;font-weight: 700;} .product-view .box-reviews dd {margin: 0 0 20px 0px;border-bottom: 1px solid #e6e6e6;padding: 10px 0px 20px;border-top: none;} .product-view .box-reviews dd .date { display:block; margin-top:3px; font-style:italic; color: #696e6e;} .product-view .box-reviews .ratings-table { margin:0px 0 8px; } /* Block: Add Reviews */ .product-view .form-add {} .product-view .form-add h2 { text-transform:uppercase; } .product-view .form-add h3 { font-weight:normal; margin-bottom:5px; } .product-view .form-add h3 span { font-weight: bold;} .product-view .form-add h4 { font-weight:normal; } .product-view .form-add h3, .product-view .form-add h4 {font-size: 14px;} .product-view .form-add .form-list { margin:15px 0 0; } .product-view .form-add .form-list .input-box {} .product-view .form-add .form-list input.input-text { width:100%; max-width:340px; } .product-view .form-add .form-list textarea { width:100%; max-width:500px; } .product-view .buttons-set button.button { float:left; margin-left:0; } .product-view .form-add .data-table {box-shadow: 0px 0px 0px 0px transparent;-webkit-box-shadow: 0px 0px 0px 0px transparent;-moz-box-shadow: 0px 0px 0px 0px transparent;-ms-box-shadow: 0px 0px 0px 0px transparent;-o-box-shadow: 0px 0px 0px 0px transparent;background-color: transparent;} .product-view .form-add .data-table th, .product-view .form-add .data-table td { text-align: center !important;padding: 15px 20px;} .product-view .form-add .data-table th{text-align: left !important;} .product-view .form-add .data-table td .radio { margin:0; } /* Send a Friend */ .send-friend .form-list li p { margin:0 15px 0 0; } .send-friend .form-list .field { margin-bottom:8px; } .send-friend .form-list textarea { width:100%; } .send-friend .buttons-set .limit { float:right; margin:0 7px; } /* ******************************************************************************************** Content Styles *********************************************************************************************** */ .product-name { margin: 0px; font-size: 13px;line-height: 18px;} .product-image{display: block;} /* Fade On Hover */ .fade-on-hover{-webkit-backface-visibility:visible;-o-backface-visibility: visible;-ms-backface-visibility: visible;-moz-backface-visibility: visible;backface-visibility: visible;} .fade-on-hover:hover{opacity: 0.75;-moz-opacity: 0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter: alpha(opacity=75);} /* Product Tags */ .tags-list { background:none; border:0;padding: 0px; } .tags-list li{display: inline-block;vertical-align: top;margin:0px 8px 8px 0px;} .tags-list a {display: block;padding: 8px 17px;background: #f6f6f6;font-size: 13px !important;} .tags-list a:hover, .block-blog .menu-tags UL LI a:hover{background-color: #F7621B;color: #FFF;border-color: transparent;} /* Advanced Search */ .advanced-search-summary { padding:10px 0px; margin:10px 0; } .advanced-search-summary ul { float:left; margin:0 4% 10px 0; width:46%; } .advanced-search-summary li { margin:0 0 2px 0; font-size:1.25em; } .advanced-search-summary strong { margin:0 5px 0 0; } .advanced-search-summary p { clear:both; float:left; display:block; margin:0px 0 0; } .advanced-search .form-list label { } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range {clear:both;} .catalogsearch-advanced-index .fieldset { margin-bottom:3px; } .catalogsearch-advanced-index .buttons-set { padding-left:0; } .catalogsearch-advanced-index .buttons-set button.button { float:left; margin:0; } .catalogsearch-advanced-index .buttons-set button.button span span { padding-left:60px; padding-right:68px; } /* Sitemap */ .page-sitemap .links { float:right; margin:0 0 0px; text-align:center; } .page-sitemap .links a { text-decoration:none; position:relative; } .page-sitemap .sitemap { margin: 15px 0px;float: left;width: 100%;} .page-sitemap .sitemap li { margin: 3px 3px;display: inline-block;font-size: 13px;} .page-sitemap .sitemap li.level-0 { margin:10px 0 0; font-weight: bold;} .page-sitemap .sitemap li.level-0 a {} .page-sitemap .pager { float: left;padding: 0px;border: none;} .page-sitemap .pager .pages{float: left;clear: both;} /* RSS */ .rss-title h1 { background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/default-icon/i_rss-big.png) 0 center no-repeat; padding-left:30px; } .rss-table .link-rss { display:block; } /* ******************************************************************************************** Shopping Cart *********************************************************************************************** */ .cart-empty p {} .cart-empty p + p{padding-top: 10px;margin-top: 10px;border-top: 1px solid #e6e6e6;} .cart-empty p a{border-bottom: 1px dotted;} /* Checkout Types */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float:right; } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } /* Shopping Cart Table */ .cart-table .product-image { width:120px; display:block; margin-left: auto;margin-right: auto;border: none;} .cart-table .product-name { margin:0 0 10px; /*14px, 18px*/font-weight: bold; text-transform: uppercase;} .cart-table .item-msg { margin:5px 0; font-size:0.9166em; font-weight:bold;clear: both;} .cart-table .cart-price .price{} .cart-table tfoot td { } .cart-table .data-table tfoot tr.last td{border:none;} /* Dart Table (Buttons Small) */ .data-table .btn-edit, .data-table .btn-remove, .data-table .btn-remove2, .data-table .link-wishlist{margin: 3px 0px;} .cart-table .link-wishlist:before, .data-table .btn-edit:before{display: none;} .cart-table .btn-edit{width: 100%;background: none;color: #666666;font-family: inherit; font-size: 13px;} .cart-table .btn-edit:hover{text-decoration: underline;} /* Table Tfoot Buttons */ .cart-table tfoot td.last {border:none;padding: 20px 0;} .cart-table tfoot button {} .cart-table .btn-continue { float:left; margin-left:0; } .cart-table .btn-update, .cart-table .btn-empty { float:right; margin-left: 1%;} /* Crosssell */ .cart .crosssell{clear: both;clear: both;float: left;width: 100%;} .crosssell .section-title h2 {padding: 0;font-size: 16px;font-weight: bold;} .crosssell .section-title h2:after{top: 26px;} .crosssell.block .block-content{padding-top: 20px;} /* Cart Collateral blocks */ .cart-collaterals { margin-top: 30px;} .cart .cart-left-column > *, .cart .cart-right-column > *, .cart .totals{ margin-bottom: 20px;} .cart .cart-right-column { float:right; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:20px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } .cart .discount{} .cart .shipping{padding-top: 40px;} .cart .discount h2, .cart .shipping h2, .cart .totals h2{font-weight: normal;margin-top: 0;position: relative;margin-bottom: 20px;font-size: 16px;clear: both;text-transform: uppercase;} .cart .discount h2:after, .cart .shipping h2:after, .cart .totals h2:after{content: "";background: #6fc138;height: 3px;width: 35px;/*position: absolute;left: 0;top: 26px;*/display: block;} .cart .discount h2 > *, .cart .shipping h2 > *, .cart .totals h2 > *{content: "";margin-bottom: 0px;font-weight: bold;display: inline-block;margin-bottom: -1px;} /* Estimate Shipping */ .cart .shipping input.input-text, .cart .shipping select { width:100%; } .cart .shipping p { margin-bottom:20px; } .cart .shipping .sp-methods { margin:20px 0 0; } /* Discount Codes */ .cart .discount label { display:block; margin:0 0 20px;} .cart .discount .input-box {} .cart .discount input.input-text { width:100%; } /* Shopping Cart Totals */ .cart .totals {} .cart .totals table { width:100%; } .cart .totals td {font-weight: normal;padding-bottom: 5px;} .cart .totals td:first-child.a-right{padding-right: 50px;} .cart .totals tr.last td {} .cart .totals tfoot th { padding:5px 15px 5px 7px; } .cart .totals tfoot td { padding-top: 5px;} .cart .totals tfoot th strong, .cart .totals tfoot td strong {font-size: 16px;} .cart .totals .checkout-types { margin-top: 10px;text-align: right;} .cart .totals .checkout-types li {clear: both;margin: 0px 0 10px;} .cart .totals .checkout-types li button.button{} .cart .totals .checkout-types li button.button span span{padding: 9px 20px;} .cart .totals .checkout-types li a{} .cart .totals .checkout-types li a:hover{} /* Options Tooltip */ .item-options { line-height:15px; font-size: 12px;} .item-options dt { white-space:nowrap; display: inline-block; margin-right:7px; } .item-options dd { padding-left:11px; margin:0 0 2px; font-weight: 700;display: inline-block;} /* Item options data table*/ .data-table .item-options dt {white-space:normal;} .data-table .item-options dt:before{font-family: FontAwesome;padding-right: 5px;} .data-table .item-options { margin:0 0 0 10px; } /* Tooltip Options*/ .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; border-bottom:1px dotted #ccc; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:8px; min-width:100px;background-color: #FFF;box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.1);} .truncated .truncated_full_value .item-options > p { font-weight: bold; margin-bottom:2px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:15px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } /* ******************************************************************************************** Checkout *********************************************************************************************** */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt {font-weight: 500;margin:10px 0 0; } .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0 15px; } .sp-methods .price { font-weight: bold;} .sp-methods .form-list { margin-top: 20px;} .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .checkmo-list li {} .sp-methods .checkmo-list label { padding-right:10px; } .sp-methods .checkmo-list address { float:left; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .please-wait { float:right; margin-right:5px; } .please-wait img {vertical-align: middle;margin-right: 5px;max-width: 20px;} .cvv-what-is-this { cursor:help; margin-left: 10px;height: 47px;line-height: 47px;} /* Tooltip */ .tool-tip { background-color:#fff; padding:10px; position:absolute; z-index:9999; } .tool-tip .btn-close a { margin:0 0 0 auto; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .gift-messages { margin:30px 0 10px; } .gift-messages-form {position:relative; margin-top: 15px;} .gift-messages-form .product-name{margin-bottom: 10px;} .gift-messages-form p { margin-bottom:20px; } .gift-messages-form label { position:static !important; } .gift-messages-form .item { margin:0 0 10px; } .gift-messages-form .item .product-img-box { float:left; width:75px; } .gift-messages-form .item .product-image { margin:0 0 7px; } .gift-messages-form .item .number { margin:0; font-weight: bold;text-align:center; } .gift-messages-form .item .details { margin-left:90px; } .gift-message-link { display:block; background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/default-icon/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row .btn-close { float:right; padding:0 7px 0px; } .gift-message dt strong { font-weight: bold;} .gift-message dd { margin:5px 0 0; font-size:13px; } .order-gift-message { margin:15px 0; } /* Checkout Agreements */ .checkout-agreements {padding: 20px;margin: 20px 0px;} .checkout-agreements li { margin:0 0 20px; } .checkout-agreements li:last-child{margin-bottom: 0px;} .checkout-agreements .agree { margin-top: 5px; } .checkout-agreements .agree input.checkbox { margin-right:6px; } .checkout-agreements .agree label { font-weight: bold;} .opc .checkout-agreements {padding: 15px 30px;margin: 0px;box-shadow: 0px 0px 0px 0px transparent;-webkit-box-shadow: 0px 0px 0px 0px transparent;-moz-box-shadow: 0px 0px 0px 0px transparent;-ms-box-shadow: 0px 0px 0px 0px transparent;-o-box-shadow: 0px 0px 0px 0px transparent;border-radius: 0px;background-color: transparent;} .checkout-agreements .agreement-content { max-height:250px; overflow:auto;} /* Centinel */ .centinel {} .centinel .authentication { border:1px solid #e6e6e6; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } /* Generic Info Set */ .info-set .data-table .item-options { margin:5px 0 0; } .multiple-checkout h2, .info-set h2 { margin:0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { color: #6fc138;font-size:16px;font-weight: 500;} .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size:14px;} .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size:14px; margin:0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend {} .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color:#6fc138; margin:0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin:0 -20px; padding:25px 0; position:relative; } .multiple-checkout .box, .info-set .box { margin:0 0 15px; } /********** Common Checkout Styles > */ /* ******************************************************************************************** One Page Checkout *********************************************************************************************** */ /* Block: Progress */ .block-progress{} .block-progress > .block-title {line-height: 20px !important;padding: 0 !important;padding-bottom: 20px !important;border: none !important;} .block-progress .block-content .block-title strong:after{display: none;} .block-progress > .block-title strong span{font-size: 16px !important;font-weight: bold !important;text-transform: uppercase;} .block-progress > .block-title strong span:before{display: none;} .block-progress .block-title strong {padding: 0;float: left;} .block-progress .block-title strong:after{top: 43px;} .block-progress .block-title {margin-bottom: 0px;text-transform: capitalize;border: 1px solid #e6e6e6;padding: 10px;margin-bottom: 10px;} .block-progress .block-title strong span{font-weight: normal;font-size: 13px;} .block-progress .block-content {} .block-progress dt {} .block-progress dd {border-top: 0 none;margin: 0 0 0px;padding: 0px 0px 20px 0px;font-size: 0.90em;} .block-progress dt span.changelink{margin-left: 10px;} .block-progress dt.complete {} .block-progress dt.complete .separator {} .block-progress dt.complete a { font-weight:normal;font-size: 13px;padding-left: 6px;} .block-progress dd.complete {} .block-progress dd.complete .separator{} .block-progress dd.complete .changelink{float: left;width: 100%;} .block-progress dd.complete .changelink a{color: #6fc138;border-bottom: 1px dotted;padding-bottom: 3px;margin-top: 15px;float: left;} .block-progress dd.complete .changelink a:hover{border-bottom: 1px solid transparent;} .block-progress p { margin:0; } .opc .buttons-set { } .opc .buttons-set p.required { margin:0; padding:0 0 10px; text-align: left;} .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait {height: 36px;line-height: 36px;margin-bottom: 5px;} .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; float: left;width: 100%;} .opc .section { margin:0 0 0px; padding:0; clear: both;float: left;width: 100%;} .opc .step-title { text-align: right;padding: 10px;background-color: #f6f6f6;margin-bottom: 10px;} .opc .step-title .number {float: left;margin: 0 10px 0 0;font-size: 14px;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #ADABAB;color: #fff;} .opc .step-title h2 {float: left;margin: 0;font-size: 14px;font-weight: bold;text-transform: uppercase;} .opc .step-title a {display: none;margin-top: 6px;display: table-cell;visibility: hidden;opacity: 0;display: none;} .opc .section.allow { cursor:pointer; } .opc .section.allow.active { cursor:auto; } .opc .allow .step-title {} .opc .allow .step-title:hover { } .opc .allow .step-title h2 {} .opc .allow .step-title a {} .opc .active .step-title {cursor: default;} .opc .active .step-title .number { background-color: #6fc138;} .opc .active .step-title h2 {} .opc .active .step-title a { } .opc .step {padding:20px 0px 30px;position:relative;float: left;width: 100%;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;} .opc .step .tool-tip { right:30px; } .opc #checkout-step-login.step{padding-bottom: 10px; } #opc-login .col-1 {} #opc-login .col-2 {} #opc-login .content{min-height: 287px;} #opc-login h3 {} #opc-login strong {font-size: 18px;font-weight: normal;margin-bottom: 10px;display: inline-block;} #opc-login .form-list { margin:20px 0; } #opc-login .form-list li.control { margin-bottom: 10px;} #opc-login .form-list li.control label{} #opc-login .buttons-set { } #opc-review{border-bottom: none;} #opc-review .step { padding-left: 0;padding-right: 0;padding-bottom: 0px;} #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { margin-top: 20px; } #opc-review .buttons-set p { margin:0; line-height:28px; } #opc-review .buttons-set .please-wait { /*height: 49px;line-height: 49px;*/} #opc-review .authentication { margin:0 auto; width:570px; } #opc-review .warning-message { color:#222; font-weight: bold; text-align:center; padding:10px 10px 0; } #opc-review .data-table tfoot td.last{border: 1px solid #e6e6e6;} .opc .gift-messages-form { } .opc .gift-messages-form .inner-box { overflow:visible; } /* Multiple Addresses Checkout */ .checkout-progress { padding:0 0px; margin:0px 0 25px; float: left;width: 100%;} .checkout-progress li { float:left; width:19.9%; margin:0 1px 0 0; padding-top:5px; border-top:10px solid; text-align:center; } .checkout-progress li.active { color:#6fc138; } .multiple-checkout .page-title { } .multiple-checkout .buttons-set {margin-top: 20px; } .multiple-checkout .data-table thead tr { } .multiple-checkout .data-table thead th { } .multiple-checkout .gift-messages { margin:15px 0 0; } .multiple-checkout .box-content{position: relative;} .multiple-checkout .tool-tip { bottom: 0;right: 10px;} .multiple-checkout .col2-set .col-1 {} .multiple-checkout p.actions { margin-bottom:10px; } .multiple-checkout .place-order .please-wait { margin-top:10px; } .multiple-checkout .place-order .grand-total { text-align:right; } .multiple-checkout .place-order .grand-total .inner div { display:inline; } .multiple-checkout .place-order .grand-total big { display: inline;margin-right: 20px;font-weight: bold;font-size: 16px;} /* Step 1 */ #multiship-addresses-table td { } #multiship-addresses-table td select{min-width: 200px;max-width: 100%;} /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border:1px solid #e6e6e6; padding:15px; margin-bottom:0; position:relative; } .multiple-checkout .pointer{display: none;} /* ******************************************************************************************** Account Login/Create Pages *********************************************************************************************** */ .login-register{ font-size: 14px;} .login-register a{color: #aaaaaa;margin-left: -3px;border-right: 2px solid #393939;border-left: 2px solid #151515;padding: 0 10px;} .login-register a:hover{color: #6fc138;} .login-register .user-login{} .login-register .user-register{padding-right: 0px;border-right-width: 0px;} .login-register .user-login .icon, .login-register .user-register .icon, .login-register .user-logout .icon{color: #6fc138;padding-right: 5px;} .account-login .new-users, .opc .new-users, .account-login .registered-users, .opc .registered-users{ margin-bottom:20px;} .account-login .new-users .content, .account-login .registered-users .content{min-height: 287px;} /* Account Login/Create Pages Headings */ .account-login h2, #opc-login h3{font-weight: normal;margin-top: 0;position: relative;margin-bottom: 20px;font-size: 18px;clear: both;line-height: 24px;} .account-login h2:after, #opc-login h3:after{content: "";background: #6fc138;height: 3px;width: 35px;display: block;margin-top: 5px;} .account-login h2 > *, #opc-login h3 > *{font-weight: normal;display: inline-block;margin-bottom: -1px;} /* Account Login/Create Pages Buttons-set */ #opc-login .buttons-set, .account-login .buttons-set { } #opc-login p, .account-login p { margin-bottom:20px;} #opc-login p.required, .account-login p.required { margin:0; text-align: left;} .account-login .buttons-set button, #opc-login .buttons-set button{float: right;margin-bottom: 0px;} .account-login .buttons-set a, #opc-login .buttons-set a { margin: 0px 0 0;float: none !important;display: inline-block;} /* Remember Me Popup ===================================================================== */ .window-overlay {background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999; } .remember-me label { float:none; margin:0 6px; } .remember-me-popup { left:50%; top:50%; position:absolute; margin:-85px 0 0 -200px; width:400px; z-index:10000; } .remember-me-popup .remember-me-popup-head { position:relative; } .remember-me-popup .remember-me-popup-close-button { display:none; } /* ******************************************************************************************** My Account *********************************************************************************************** */ .my-account .title-buttons .link-rss { float:none; margin:0; } /********** < Dashboard */ .dashboard .welcome-msg { margin:0 0 1.6666em; text-align: left;font-weight: normal;} .dashboard .welcome-msg .hello {margin-bottom: 5px;} .dashboard .col-1, .dashboard .col-2 { margin-bottom:1.5em; } /* Dashboard Commmon Box */ .box-account { margin:0 0 2em;} .box-account .box-head {margin: 0 0 20px;text-align: right;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;} .box-account .box-head h2 {border-bottom: none !important; float:left;padding-bottom: 0px !important; margin:0; background-position:0 0; background-repeat:no-repeat; } .box-account .box-head a { float:right; margin-top:3px; color:#f7621b; } .dashboard .box .box-title {padding: 0px 0 8px;margin: 0 0 15px;text-align: right;border-bottom: 1px solid #e6e6e6;} .dashboard .box .box-title h3, .dashboard .box .box-title h4 {float: left;font-weight: normal;margin: 0px;} .box-account.box-info .box-content a, .addresses-list ol li a{color: #f7621b;margin-top: 5px;display: inline-block;} .box-account.box-info .box-content a:hover, .addresses-list ol li a:hover{text-decoration: underline;} /* Block: Recent Orders */ .dashboard .box-recent {} /* Block: Account Information */ .dashboard .box-info {} .dashboard .box-info h4 {margin-bottom: 10px;margin-top: 5px;} /* Block: Reviews */ .dashboard .box-reviews .box-head{} .dashboard .box-reviews .box-head h2 {} .dashboard .box-reviews .number { float: left;width: 23px;background: #252525;color: #FFF;margin-top: 3px;height: 23px;line-height: 23px;text-align: center;border-radius: 3px;} .dashboard .box-reviews .details { margin-left:38px; } .dashboard .box-reviews .details{margin-bottom: 10px;} .dashboard .box-reviews li.item { margin:0 0 7px; } .dashboard .box-reviews li.item.last { margin:0; } .dashboard .box-reviews li.item.last .details{margin-bottom: 0px;} .dashboard .box-reviews .ratings { margin:5px 0 0; } /* Block: Tags */ .dashboard .box-account.box-tags{border-top: 1px solid #e6e6e6;padding-top: 2em;} .dashboard .box-tags .box-head h2 {} .dashboard .box-tags .number { float: left;width: 23px;background: #252525;color: #FFF;margin-top: 3px;height: 23px;line-height: 23px;text-align: center;border-radius: 3px;} .dashboard .box-tags .details { margin-left:38px; } .dashboard .box-tags .tags { margin:5px 0 0; } .dashboard .box-tags li.item { margin:0 0 7px; } .dashboard .box-tags li.item.last { margin:0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display:inline; } /********** Dashboard > */ /* Address Book */ .addresses-list h2{padding: 0px 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 1px solid #e6e6e6;} .addresses-list h3 {margin-bottom: 10px;margin-top: 5px;} .addresses-list address { } .addresses-list .link-remove:hover { color:#cb2700; } .addresses-list .separator { margin:0 3px; } .addresses-list .addresses-primary .item { margin:0 0 1.5em;} .addresses-list li.empty { background:none; border:0; padding:0; } .addresses-list li.empty p { color:#555; } .addresses-list .addresses-additional .item { margin:0 0 1.5em;} .my-account .pager {text-align: right;padding: 0px;margin-top: 15px;margin-bottom: 20px;} .my-account .page-title:first-child + .pager{margin-bottom: 15px;margin-top: -5px;} /* Order View */ .order-info { margin: 0px 0 0px;display: inline-block;width: 100%;} .order-info dt, .order-info dd, .order-info li, .order-info li a { float:left; } .order-info dt { font-weight: bold;} .order-info li { margin-right:1px; } .order-info dt, .order-info li.current, .order-info li a { padding:10px; } .order-info dt { padding-left:0; } .order-info li a { background-color:#F5F5F5; } .order-info li a:hover, .order-info li.current { background-color:#434343;color: #FFF; } .order-date { margin:15px 0; color:#6fc138; clear:both; } .order-info-box { margin:0 0 2.5em; } .order-info-box .col-1 { } .order-info-box .box .box-title{padding: 0px 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 1px solid #e6e6e6;} .order-info-box h2 {margin: 0px;} .order-info-box .box-payment p { margin:0 0 3px; } .order-info-box .box-payment th { font-weight: bold; padding-right:7px; } .order-items { width:100%; } .order-items h2, .order-about h2 { margin:15px 0; } .order-items .product-name {margin: 0 0 5px;} .order-items .link-print { font-weight:normal; } .order-items .order-links { text-align: right; } .order-items p .link-print { float:none; } .order-items h2.table-caption a, .order-items h2.sub-title a {font-size:12px;font-weight:normal;text-transform:none;} .order-items h3.table-caption { font-size:13px; font-weight: bold;} .order-items .data-table { margin-bottom:20px; } .order-items .data-table td { } .order-items .data-table .grand_total { } .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last {} .order-items .order-comments h2 {} .order-details h2 {margin: 0 0 20px;text-align: left;} .order-details h2 .separator { color:#e6e6e6; font-size:12px; } /* Order Comments */ .order-about { margin:0 0 15px; padding:5px 30px; } .order-about dt { font-weight: bold;} .order-about dd { font-size:12px; margin-bottom:15px; } .tracking-table { margin:0 0 15px; } .tracking-table th { width:20%; font-weight: bold; white-space:nowrap; } .tracking-table th, .tracking-table td { padding:5px 9px; } .tracking-table-popup { width:100%; } .tracking-table-popup th {font-weight: bold; white-space:nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding:1px 8px; } /* Order Print Pages */ .page-print .print-head { margin:0 0 15px; } .page-print .print-head .logo { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h1 {font-size: 24px;line-height: 34px;} .page-print h2 {font-size: 16px;line-height: 20px;padding: 0px 0 8px;margin: 0 0 15px;text-align: left;border-bottom: 1px solid #e6e6e6;font-weight: bold;} .page-print h3 {} .page-print .order-date { } .page-print .col2-set { margin:0 0 2.5em; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* My Wishlist */ .my-wishlist .product-image {display: block;margin: 0 auto 5px;/* min-width: 113px; */width: 113px;} .my-wishlist .product-name { margin-bottom:10px; } .my-wishlist .description { margin-bottom:10px; } .my-wishlist textarea { display:block; width:100%; height:70px;} .my-wishlist .price-box { margin-bottom:5px; } .my-wishlist .add-to-cart-alt { margin-bottom:10px; } .my-wishlist .buttons-set { margin-top: 20px;} .my-wishlist .buttons-set button.button { /*float:none; */} #wishlist-table .add-to-links { white-space:nowrap; } .my-wishlist .data-table tr.even { } .my-wishlist .btn-cart { margin: 0 auto;margin-top:10px; margin-bottom: 5px;display: inherit;} /* My Tags */ .my-account .tags-list{margin-top: 10px;margin-bottom: 20px;} .my-tag-edit { float:left; margin:0px 0 00px; } .my-tag-edit .btn-remove { float:right; margin:0px 0 0 5px; } .my-tag-edit .btn-remove span{display: none;} .my-account .page-title:first-child + .my-tag-edit + .clearer + .pager{margin-bottom: 0px;} #my-tags-table { clear:both; } #my-tags-table td .product-image{ width: 100px;display: block;margin: 0 auto;} #my-tags-table td .ratings, #my-tags-table td .no-rating{margin: 5px 0;} #my-tags-table td .ratings .rating-box{margin-top: 3px;} #my-tags-table .add-to-links { white-space:nowrap; margin-top: 5px;display: inline-block;width: 100%;} #my-tags-table .add-to-links .link-wishlist{padding: 5px 10px;} /* My Reviews */ #my-reviews-table td {} .product-review .product-img-box { float:left; width:140px; } .product-review .product-img-box .product-image { display:block; width:125px; height:125px;margin: 0 auto; } .product-review .product-img-box .label { margin:10px 0 8px; font-size:15px; } .product-review .product-img-box .ratings .rating-box { float:none; display:block; margin:0 0 10px; } .product-review .product-details { margin:0 20px 20px 155px; } .product-review .product-name { font-size:18px; margin:0 0 18px; } .product-review h3 { font-size:15px; margin:15px 0 5px; } .product-review .ratings-table { margin:0 0 15px; } .product-review dt {font-size: 15px;font-weight: bold;} .product-review dd { font-size:15px; margin:5px 0 0; } /* Billing Agreements */ .billing-agreements .form-list li select { float:left; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } .billing-agreements .table-caption {font-weight: bold; font-size:13px; } /* ******************************************************************************************** MAP Popup *********************************************************************************************** */ .cart-msrp-totals { color:red; font-size:12px !important; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:lowercase;width:55px;line-height:15px;padding:2px 8px;} .map-cart-sidebar-total:hover {overflow:visible;white-space:normal;background-color:#fff;box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);} .map-popup { margin:10px 0 0; position:absolute; width:300px; z-index:100; } .map-popup-heading { width:240px; } .map-popup-heading h2 {margin:0;overflow:hidden;white-space:nowrap;word-wrap: break-word;text-align:left;text-overflow:ellipsis;} .map-popup-arrow { display:none;} .map-popup-content { overflow:hidden; text-align:left; width:270px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { clear:right; margin:0 15px; padding:15px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup */ .remember-me-popup, .map-popup { background:#fff; text-align:left;} .remember-me-popup h3, .map-popup-heading { border-bottom:1px solid #e6e6e6; padding:12px 45px 12px 15px; } .remember-me-popup h3, .map-popup-heading h2 { font-size:18px; /*18px*/ } .remember-me-popup .remember-me-popup-body, .map-popup-content { padding:15px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close, .map-popup-close { background:url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/default-icon/pix.png) 0 -150px no-repeat; display:block; position:absolute; top:11px; right:15px; height:17px; width:17px; text-indent:-9999em; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:hover, .map-popup-close:hover { background-position:-17px -150px; } .remember-me-popup .remember-me-popup-head .remember-me-popup-close:active, .map-popup-close:active { background-position:-34px -150px; } /* Calendar */ .calendar { z-index:200; } /* ******************************************************************************************** Footer *********************************************************************************************** */ .footer-container{margin-top: 40px;float: left;width: 100%;} /* Div Background Color Remove */ .footer-container .no-bg{background-color: transparent !important;} /* Footer Border */ .footer-top-border{padding-top: 20px;padding-bottom: 20px;} .footer-bottom-border{padding-top: 20px;padding-bottom: 20px;} /* Footer */ .footer{font-size: 14px;} .footer, .footer a, .footer-bottom .links-separators .links ul li{color: #666666;} .footer a:hover{color: #6fc138;} .footer .block-title{color: #434343;position: relative;text-transform: uppercase;} .footer .block-title h4{font-weight: bold;} .footer .block-title h4:after{content: "";background: #434343;height: 2px; width: 35px;/*position: absolute;left: 0;top: 25px;*/display: block;margin-top: 5px;} .footer .contact p{margin-bottom: 25px;} /* Footer Links */ .footer ul li a{padding: 8px 0;} .footer li{ -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .footer li:hover{padding-left: 5px;} /* Footer logo */ #footer-logo { background: transparent url('https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/logo-footer.png') no-repeat scroll center top; height: 107px; margin-top: -55px; position: absolute; width: 100%; } @media only screen and (max-width:768px){ .footer-bottom-container .footer-bottom { padding-top: 60px; } } /* Footer Top */ .footer-top-container{background: #f6f6f6;} .footer-top{padding: 40px 0; } /* Footer Top 2*/ .footer.f-top-2 .block-subscribe .form-subscribe-header{display: none;} .footer.f-top-2 .peer-wrapper{margin-bottom: 5%;display: table;} .footer.f-top-2 .peer-icon.indent .peer-indent{display: table-cell;vertical-align: middle;} .footer.f-top-2 .peer-wrapper .icon{margin-bottom: 0;} /* Footer Primary */ .footer-primary-container{} .footer-primary p{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .footer-primary{padding: 60px 0px;} /* Footer Primary 2 */ .footer .f-primary-news .block-subscribe .form-subscribe-header{display: none;} .footer .f-primary-news .block-subscribe .input-box{padding: 0;} .footer .f-primary-news .block-subscribe button.button{position: static;margin-top: 13px;} /* Footer Primary 3 */ .footer.f-primary-3 ul.timing li:before{font-family: FontAwesome;margin-right: 10px;} .footer.f-primary-3 ul.timing li{padding: 8px 0;} .footer.f-primary-3 ul.timing li span{float: right;} .footer.f-primary-3 ul.timing li:hover{padding-left: 0;} /* Footer bottom */ .footer-bottom-container{background: #282828;} .footer-bottom{text-align: center;padding: 20px 0px;} .footer-bottom a{color: #aaaaaa;} .footer-bottom a:hover{color: #6fc138;} .footer-bottom .links-separators .links ul{display: inline-block;vertical-align: middle;} .footer-bottom .links-separators .links ul li, .footer-bottom .links-separators .links ul li.last{display: inline-block;border-right: 1px solid;line-height: 12px;margin-left: -3px;} .footer-bottom .links-separators .links ul li a, .footer-bottom .links-separators .links ul li.last a{padding: 0 10px;line-height: 12px;} .footer-bottom .links-separators .links ul + ul li.last{border-right: none;} .footer-bottom .links-separators .links ul li:hover{padding-left:0px;} .footer-bottom .bugs{display: none;} .footer-bottom address{margin: 20px 0px 0px;text-align: left;color: #aaaaaa;} .footer-bottom address a{} .footer-bottom address a:hover{} div.footer-bottom .payment{text-align: right; } .footer-bottom .payment li{display: inline-block;margin-left: 5px; vertical-align: middle; } .footer .payment li:hover{padding-left: 0;} /* Subcribe */ .footer .block-subscribe{margin: 0px;padding: 0px;border: none;background: none;} .footer .block-subscribe .form-subscribe-header{text-transform: uppercase;font-size: 15px;font-weight: bold;display: inline-block;padding-right: 10px;color: #434343;margin-bottom: 10px;} .footer .block-subscribe .block-title{display: none;} .footer .block-subscribe .block-content{text-align: center;} .footer .block-subscribe .input-box{margin-top: 0px;display: inline-block;width: 100%;max-width: 500px;vertical-align: middle;box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;padding-right: 120px;} .footer .block-subscribe input{padding-right: 10px;font-size: 13px;font-style: italic;border-radius: 0;} .footer .block-subscribe button.button span span {font-size: 12px;} /* Scroll Back to top Button */ a.scrollup {float: right;display: none;font-size: 24px;z-index: 999;position: fixed;right: 25px;bottom: 25px;background-color: #434343;color: #FFFFFF;width: 50px;height: 50px;line-height: 43px;} a.scrollup:hover{background-color: #6fc138;color: #FFFFFF !important;} /* ******************************************************************************************** 404 Page Not Found *********************************************************************************************** */ /* 404 Page Not Found 1 */ .page-not-found1{text-align: center;position: relative;} .page-not-found1 .top-below-heading{font-size: 18px;display: inline-block;} .page-not-found1 .above-heading{font-size: 130px;color: #6fc138;position: absolute;left: 0;right: 0;top: 50%;} .page-not-found1 .bottom-below-heading{font-size: 2em;color: #6fc138;margin-bottom: 2em;} .page-not-found1 .search-wrapper-centered .form-search{float: none;max-width: 485px;} .page-not-found1 .buttons-set .back-link{float: none;margin: 0 auto;display: table;} .page-not-found1 h2{font-size: 48px;line-height: normal;display: inline-block;width: 100%;} /* 404 Page Not Found 2 */ .page-not-found2{text-align: left;} .page-not-found2 .above-heading{font-size: 7.5em;line-height: normal;} .page-not-found2 .top-below-heading{font-size: 1.2em;line-height: 1.7em;} .page-not-found2 .bottom-below-heading{font-size: 1.5em;color: #6fc138;} .page-not-found2 .bottom-below-heading:hover{text-decoration: underline;} /* ******************************************************************************************** Tooltip *********************************************************************************************** */ .tooltip_container{position: relative;z-index: 1;display: inline-block;} .reletive{position: relative;} .tooltip{ background: #E8E8E8; color: #252525; font-size: 12px; margin-bottom: 10px; padding: 4px 9px; position: absolute; white-space: nowrap; opacity: 0; visibility: hidden; bottom: 100%; right: 0%; -webkit-transform: translate(0%,-15px); -moz-transform: translate(0%,-15px); -o-transform: translate(0%,-15px); -ms-transform: translate(0%,-15px); transform: translate(0%,-15px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; } .tooltip.align-left{ margin-right: 10px; margin-bottom: 0px; top: 50%; margin-top: -13px; bottom: auto; right: 100%; -webkit-transform: translate(15px,0px); -moz-transform: translate(15px,0px); -o-transform: translate(15px,0px); -ms-transform: translate(15px,0px); transform: translate(15px,0px); } .tooltip:after{ content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-top: 5px solid #E8E8E8; border-right: 6px solid transparent; position: absolute; bottom: -5px; right: 13px; margin-left: -6px; } .tooltip.align-left:after{ border-left: 5px solid #606366; border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; top: 50%; bottom: auto; right: -5px; margin-top: -6px; border-right: none; } .tooltip_container:hover .tooltip{ opacity: 1 !important; visibility: visible; -webkit-transform: translate(0%,0px); -moz-transform: translate(0%,0px); -o-transform: translate(0%,0px); -ms-transform: translate(0%,0px); transform: translate(0%,0px); } /* ******************************************************************************************** Fixed Background Image *********************************************************************************************** */ .fixed-bgimg{ padding-top: 55px; padding-bottom: 50px; overflow: hidden; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/fixed-bgimg.png); border-top: 1px solid transparent; border-bottom: 1px solid transparent; color: #FFFFFF; } .fixed-bgimg a{ color: #6fc138; } /* ******************************************************************************************** About Us Page *********************************************************************************************** */ .about_us .page-title, .about_us .section-title{text-align: center;} .about_us .page-title h1, .about_us .section-title h2{font-weight: normal;} .about_us .page-title h1:after, .about_us .section-title h2:after{margin: 5px auto;} .about_us p{font-size: 14px;line-height: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .about_us p.first:first-letter{font-size: 20px;color: #6fc138;} .about_us .accordion .opener{left: 0;right: inherit;width: 40px;height: 40px;background-color:#6fc138;line-height: 40px;border-radius: 0;font-size: 15px;} .about_us .accordion .block-title{font-size: 16px;padding-left: 60px;border: 1px solid #e6e6e6;margin-bottom: 10px;} .about_us .accordion .block-content{margin: 20px 0;} .about_us .accordion .block-title h4{margin-bottom: 0;line-height: 38px;text-transform: uppercase;} .about_us .accordion.active .block-title h4{color: #6fc138;} .about_us .skillbar { position:relative; display:block; margin-bottom:75px; width:100%; background: url('https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/progressbar.jpg') repeat-x; height:20px; /*border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;*/ -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; } .about_us .skillbar-title { position:absolute; top:-25px; left:0; font-weight:bold; font-size:16px; text-transform: uppercase; /*-webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px;*/ } /*.about_us .skillbar span { display:block; background:rgba(0, 0, 0, 0.1); padding:0 20px; height:20px; line-height:20px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; border-top-left-radius:3px; border-bottom-left-radius:3px; } */ .about_us .skillbar-bar { height:18px; width:0px; background:#6fc138; } .about_us .skill-bar-percent { height:20px; width:0px; position: absolute; top: 0; text-align: right; } .about_us .skill-bar-percent span{ position: absolute; top: -43px; border: 1px solid #e6e6e6; width: 35px; height: 35px; text-align: center; line-height: 35px; right: -12px; border-radius: 50%; font-size: 15px; font-weight: bold; } .about_us .progressbar{display: inline-block;width: 100%;margin-top: 35px;} .about_us .team .member{display: inline-block;text-align: center;margin: 0 20px 15px;text-transform: uppercase;} .about_us .team .member a, .about_us .team .member span{display: block;} .about_us .team .member a{font-weight: bold;padding: 25px 0 10px; font-size: 18px;} /* ******************************************************************************************** Mobiles Deals Block *********************************************************************************************** */ .mobiles-deals{background: #F6F6F6;border: 1px solid #e6e6e6;padding: 20px;float: left;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} /* ******************************************************************************************** Cleares *********************************************************************************************** */ .clear, .clearer{clear:both;} .clear:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .nav:after{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .guest-select {width:305px !important;} /* ======================================================================================= */ /* ========================= Custom CSS ============================ */ .bannerslider .home-sliders-left-block-banners { margin-bottom: 0.1%; } .bannerslider .home-sliders-left-block-banners a.banner:hover{ border:none; opacity:unset; } .form-search { margin: 0 0 0 90px; } .form-search .input-text { width: 100%; max-width: 591px; } .header4 .login-register .user-register{ padding-right: 10px; border-right-width: 0px; } .header4 a#fb-connect { height: 21px; padding: 0; width: 89px; margin-right: 10px; border:none; } .header4 a#fb-connect > img{ vertical-align:middle; } .footer-bottom { padding: 20px 0; } .footer-bottom .payment { margin: 0; } .footer-bottom .payment ul li#conf-online{ position: relative; top: -10px; } .footer-bottom address{ color: #686868 !important; margin: 8px 0 0 0; } .header4 .shopping_cart .dropdown-toggle .count { color: #f7621b; } .header4 .shopping_cart .dropdown-toggle .summary-container { border: 1px solid #f7621b; } .products-grid button.button { padding-right: 0; } .products-grid div.btn-cart { float: left; } .products-grid button.button span span { text-align: center; } .products-grid .product-brand { font-size: 15px; margin-bottom: 10px; } /* ================================================================= */ /* ======================= Header ======================= */ .header4 .shopping_cart .dropdown-menu { border: 1px solid #f7621b; } .header4 .shopping_cart .dropdown-menu .price { color: #f7621b; font-weight: bold; } .header4 .shopping_cart .dropdown-menu .button-set .btn-remove:hover, .header4 .shopping_cart .dropdown-menu .button-set .btn-edit:hover{ background-color: #f7621b !important; color: #ffffff !important; } .header4 .form-search button.button span span{ color:#252525 !important; } .header4 .form-search button.button:hover span span{ color:#f7621b !important; } .header-top-container .header-top .dropdown{ width: 200px; } .header-top-container .header-top .dropdown-menu a img{ margin: 2px 5px 0 0; } .header-top-container .header-top .dropdown-toggle img{ margin: -2px 5px 0 0; } .header-top-container .header-top .dropdown-title{ height: 20px; padding: 0 10px; } .header4 .label-language-dropdown{ margin-right:10px; } .breadcrumbs li strong { color: #f7621b; display: block; } .shopping_cart .dropdown-menu a.details { color: #434343; } .shopping_cart .mini-products-list .product-name a{ color: #434343; } .header-top-container .header-top .Retrorugby .dropdown{ border-left-width: 0px; } /* ================================================================= */ /* ======================= Brands ======================= */ .brand-nav { margin: 20px 0; padding: 10px 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; text-align: center; } .brand-nav li { display: inline; font-size: 14px; } .brand-nav li a { color: #373637; } .brand-nav li a:hover { color: #f7621b; } .brand-content { margin: 0 auto; width: 990px; } .brand-content ul { float: left; margin: 20px 0; width: 100%; } .brand-content ul li { float: left; padding: 0 13px; width: 304px; } .brand-content ul li .image { border: 2px solid white; box-shadow: 0 0 10px #C3C3C3; height: 250px; overflow: hidden; width: 300px; } .brand-content ul li .logo { margin: 14px 0 0; width: 100%; } .brand-content ul li h4 { color: #7c7c7c; float: left; font-size: 18px; font-weight: normal; margin: 0; width: 100%; } div#brand.itemslider .item { margin: 0; } /* ================================================================= */ .category-description.std { border: 1px solid #f7621b; margin: 10px 0 20px; padding: 20px; font-size: 15px; } .category-products .toolbar{ font-size: 15px; } .category-products .sort-by select{ font-size: 15px; } .block-category-nav .block-content #sidenav li a.show-cat, .block-category-nav .block-content #sidenav li a.show-cat.active { background-color: transparent !important; border: medium none !important; color: #000033 !important; font-size: 12px; } .block-category-nav .block-content #sidenav li a.show-cat:hover { background-color: transparent !important; color: #f7621b !important; } .fancybox-wrap .fancybox-close{ background-color:transparent !important; } button#priceslider-button span{ background-color: #f7621b; color: #ffffff; } .cms-index-index .resp-tabs-list li.resp-tab-active, h2.resp-tab-active, .cms-index-index .gen-tabs li.active, .cms-index-index .gen-tabs li:hover, .cms-index-index .resp-tabs-list li.resp-tab-active:hover { color: #f7621b !important; } .cms-index-index .gen-tabs ul#product-tabs li,.cms-index-index .section-title h2, .cms-index-index .section-title h1{ font-size:20px; } .cms-index-index .bannerslider.container_12{ width:100%; } .cms-index-index .bannerslider.container_12 .grid_full{ width:100%; margin-bottom: 30px; } .cms-page-view .std{ font-size:15px; } .cms-page-view .std a{ color:#f7621b; } .products-grid .item .product-content{ text-align:center; } .product-view .product-details { border-top: 1px solid #e6e6e6; float: left; line-height: 22px; padding: 25px 0; } .product-view .product-shop .product-details li { height: 28px; } .product-view .product-shop .product-details ul li strong { color: #f7621b; display: block; float: left; font-weight: bold; width: 115px; } .product-view .product-shop .simple_product_special .price-box { height: 40px; line-height: 40px; margin: 0; } .product-view .product-shop .simple_product_special .availability{ height: 40px; line-height: 40px; margin-left:10px; } .product-view .product-shop .simple_product_special .availability strong{ float: none; width: auto; } .product-view .product-shop .simple_product_special .availability span{ color: #252525; padding-left: 5px; } .product-view .product-shop .configurable_product_special .price-box { height: 40px; line-height: 40px; margin: 0; } .product-view .product-shop .configurable_product_special .availability{ height: 40px; line-height: 40px; } .product-view .product-shop .configurable_product_special .availability strong { float: none; width: auto; } .product-view .product-shop .configurable_product_special .availability span{ color: #252525; margin-left: 10px; } .product-view .product-shop .simple_product_special .quantit{ margin-bottom:0; } .product-view .product-shop .price-box { margin: 10px 20px 10px 0; } .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price { font-size: 26px; } #product-options-wrapper .grid_12 { margin-bottom: 20px; } #product-options-wrapper.product-options dt.label_center_valign{ height: 40px; line-height: 40px; float: none; } .product-view .quantit label { display: block; margin-top: 0; height: 40px; line-height: 40px; } .product-view .quantit .quantity_counter:hover, .product-view .quantit .quantity_counter:focus{ border: 1px solid #F7621B; } #product-options-wrapper #customize-options-toggle{ margin-bottom: 20px; font-weight:bold; } #product-options-wrapper #customize-options-toggle > a { color: #f7621b; margin: 0 1%; text-decoration: underline; } #product-options-wrapper #customize-options{ display: none; } .product-view .product-shop .product-options-bottom{ margin: 0 1% } .product-view .add-to-cart button.button span{ height: 40px; line-height: 40px; } .product-view .add-to-cart button.button span span { padding: 0; font-size: 15px; } button.button span span { font-size: 13px; } .product-view .product-shop .simple_product_special { border-top: 1px solid #e6e6e6; margin: 0; padding: 10px 0; } .product-view .product-shop .configurable_product_special { border-top: 1px solid #e6e6e6; padding: 10px 0; } .product-view .product-shop .nostock_product_bottom { padding: 25px 0; border-top: 1px solid #e6e6e6; } .product-view .product-shop .nostock_product_bottom .availability.out-of-stock{ height: 40px; line-height: 40px; } .product-view .product-shop .nostock_product_bottom .availability.out-of-stock strong { float: left; width: auto; } .product-view .product-shop .nostock_product_bottom .availability.out-of-stock span{ float: right; color: #252525; margin-left: 10px; width:auto; text-transform:none; background-color:transparent; } .product-view .product-img-box .more-views .itemslider-thumbnails .item { width: 120px; } /* ==================== Layered Navigation(Filtros) ==================== */ .block-layered-nav #narrow-by-list .view dd{ display:none; } .block-layered-nav #narrow-by-list .view dt.block-title .show-filter.active span.minus { display: inline-block; } .block-layered-nav #narrow-by-list .view dt.block-title .show-filter span.minus { display: none; } .block-layered-nav #narrow-by-list .view dt.block-title .show-filter.active span.plus { display: none; } .block-layered-nav #narrow-by-list .view dt.block-title .show-filter span.plus { display: inline-block; } .block-layered-nav #narrow-by-list .view dd.priceslider{ display:block; } /* ===================================================================== */ /* ==================== Customer ==================== */ .my-account { font-size: 15px; } .my-account p.order-date{ color: #F7621B; } .my-account .data-table tfoot tr.last td { color: #F7621B; font-size: 20px; } /* ==================== Register ==================== */ .account-create { float: left; padding: 30px 0 0; } .account-create .register form .checkbox { display: block; float: left; margin: 0 0 6px 4px; width: 100%; } .account-create .register form .checkbox .input-box { float: left; } .account-create .register form .checkbox label { float: left; font-size: 12px; position: relative; margin-left: 10px; top: 4px; } .account-create .register form .checkbox div.checker { position: relative; margin-right: 5px; height: 19px; width: 19px; } .account-create .register .terms { color: #8e8e8e; float: left; font-size: 11px; height: 120px; margin: 20px 0; overflow: auto; padding: 0 10px; } /* ===================================================================== */ .block-account .block-content ul li{ font-size: 15px; } /* ===================================================================== */ .contacts-index-index .peer-icon:hover .icon{ color:#FFFFFF; } .glc-skin-orange a:hover{ color: #F7621B; } /* ======================= SizeGuide Table Popup ======================= */ #sizeGuideTable { background-color: #FFFFFF; height: auto; padding: 10px; max-width: 750px; max-height: 700px; width: 700px; display: none; border: 1px solid #000; } #sizeGuideTable table, #sizeGuideTable thead, #sizeGuideTable tbody, #sizeGuideTable tr, #sizeGuideTable td, #sizeGuideTable th { border: 0; border-collapse: collapse; border-spacing: 0; font-family: Arial; font-weight: normal; font-size: 12px; margin: 0; padding: 0; text-align: center; } #sizeGuideTable table { margin-bottom: 12px; width: 100%; } #sizeGuideTable thead { border-bottom: 1px solid #e4e4e4; color: #646567; } #sizeGuideTable tr { border-bottom: 1px solid #F7621B; } #sizeGuideTable tr.unborder { border-bottom: 0; } #sizeGuideTable tr.unborder > td { padding-left: 0; } #sizeGuideTable tr.brand-guides th { font-weight: bold; } #sizeGuideTable tr.size-guides th { font-weight: bold; } #sizeGuideTable td { color: #9c9e9f; line-height: 10px; padding: 10px 0 8px 10px; } #sizeGuideTable td.first { background: #f6f6f6; padding-left: 10px; text-align: left; padding-left: 15px; } #sizeGuideTable th { line-height: 10px; padding: 10px 10px 7px 10px; border: 1px solid #F7621B; } #sizeGuideTable th:first-child { padding-left: 15px; padding-right: 15px; text-align: left; white-space: nowrap; font-weight: bold; } #sizeGuideTable th:first-letter { text-transform: uppercase; } #sizeGuideTable h2 { color: #58585a; font-family: Arial; font-size: 16px; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; position: relative; margin-bottom: 21px; } #sizeGuideTable h2 .close { height: 16px; position: relative; top: -10px; width: 16px; float: right; background: url("https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/images/close.png") no-repeat scroll 0 0 transparent; margin-right: -10px; text-decoration: none; } #sizeGuideTable h3 { color: #9c9e9f; font-size: 12px; text-transform: uppercase; margin-bottom: 12px; } #sizeGuideTable p { color: #9c9e9f; font-size: 12px; margin: 0; } #sizeGuideTable .wrapper-sizes { padding: 15px; width: auto; line-height: 17px; max-height: 665px; overflow: auto; } .sizeguide a { line-height: 40px; } .sizeguide a img{ margin:0 10px 0 5px; } .sizeguide a span{ } .jqmOverlay { background: #CCC; } /* ================================================================= */ /* Banners home */ .page-banners .banner .title { font-size: 24px; line-height: 32px; background-color: white; background-color: rgba(255, 255, 255, 0.8); bottom: 17%; display: block; padding: 5px 0; position: absolute; z-index: 10; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; width: 100%; } .page-banners .banner a:hover .title { bottom: 45%; } #sidenav li.current > a{color: #f7621b;} /* Header para móviles */ .headermov-primary-container { background-color: white; width: 100%; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } .headermov-primary-container .left-side, .headermov-primary-container .center, .headermov-primary-container .right-side { display: inline; float: left; } .headermov-primary-container .left-side { width: 25%; } .headermov-primary-container .center { width: 50%; } .headermov-primary-container .right-side { width: 25%; text-align: right; } .headermov-primary-container .fa-bars { font-size: 20px; margin-left: 5px; margin-top: 19px; } .headermov-primary-container .logo { margin-top: 20px; } .headermov-primary-container .logo img { max-height: 20px; } .headermov-primary-container button.button span { background-color: transparent; } .headermov-primary-container .headermov-primary button.button span span { height: 32px; line-height: 32px; padding: 0; } .headermov-primary-container .headermov-primary button.button.search span span { color: #434343; width: 32px; margin-top: 13px; } .headermov-primary-container .shopping_cart.dropdown { margin-top: 10px; padding-left: 5px; } .headermov-primary-container .shopping_cart .icon-cart { height: 32px; width: 32px; line-height: 30px; } .headermov-primary-container .quick-search { margin: 0; } .headermov-primary-container .form-search { margin: 0; opacity: 1; } .headermov-primary-container .form-search .input-text { padding-right: 75px; } div.headermov-primary-container .form-search button.button span { background-color: #f7621b !important; color: white !important; font-size: 11px; margin: 5px 8px; padding: 1px 0; line-height: normal; } /* Megamenu */ div#cssmenu ul li a:hover { color: #f7621b; } a.toggleMenu:hover, .close-menu:hover { color: #f7621b; } div#cssmenu #mobile-menu .open:hover, div#cssmenu #mobile-menu .open.active { color: #f7621b;; } /* Fixes */ .fancybox-close:before { content: none !important; } /* Fixes SEO */ .sidebar-category { font-size: 13px; display: inline; line-height: normal; } .sidebar-level1-category { font-weight: bold; } #horizontalTab .resp-tab-item h3 { margin: 0; font-size: 15px; line-height: 18px; } #product-tabs h2 { margin: 0; } #product-tabs h2::after { display: none; } /* Megamenú */ ul#mega-nav .mega-block .header-mega-dropdown-wrapper img { float:right; } #mega-nav #popup00, #mega-nav #popup01 { max-width: 850px; } /* Ficha producto */ .catalog-product-view .addthis_toolbox { margin: 11px 0; } /* Checkout */ span.ico-del { background-image: none; height: auto; width: auto; } .ico-del:before { color: black; content: "\f014"; font-family: FontAwesome; font-size: 18px; } .ico-del:hover:before { color: #f7621b; } .cms-page-view .std ul { list-style: outside none disc; margin-bottom: 10px; padding-left: 25px; } .cms-page-view hr { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ccc -moz-use-text-color -moz-use-text-color; border-image: none; border-style: solid none none; border-width: 1px 0 0; display: block; height: 1px; margin: 1em 0; padding: 0; } /* Ajustes responsive */ div.footer .accordion .opener { text-indent: 2px; padding-top: 2px; } @media (max-width: 1279px) { #doofinder { display: none; } } @media (max-width: 1024px) { div.products-grid button.button, ul.products-grid button.button { padding-right: 0; } } @media (max-width: 768px) { /* Comunes */ .breadcrumbs { font-size: inherit; } .page-title h1, .page-title h2 { font-size: 18px; } /* Header */ a.toggleMenu { font-size: 20px; } .mega-mobile-container a.toggleMenu{ display:none !important; } .headermov-primary-container { display: block !important; z-index: 9999; } .header-primary-container{ display:none; } .label-language-dropdown { display: none; } div.header div.language-inner { padding-left: 5px; } .header-top-container .header-top .language.dropdown { border-left: none; font-size: 11px; width: auto; } div.header .item-left { float: left; } div.header .item-right { float: left; padding-left: 10px; } div.header .item-right a { padding-top: 3px; padding-bottom: 3px; } div.header4 a#fb-connect { display: none; } div.header4 .login-register .user-register { border-left: 0; } div.header4 .login-register .user-account { border-right: 0; padding-right: 0; } div.header4 .login-register { font-size: 11px; line-height: 44px; } div.header4 .user-logout { border-left: none; } /* Footer */ .footer-bottom address, div.footer-bottom .payment { margin-bottom: 20px; text-align: center; } .social-link { text-align: center; } /* Home */ .cms-index-index .gen-tabs ul#product-tabs li, .cms-index-index .section-title h2, .cms-index-index .section-title h1 { font-size: 16px; } div.section-title.padd-right { padding-right: 0; } .cms-index-index .bannerslider.container_12 { padding: 0; } .cms-index-index .main { padding-top: 10px; } /* Listado productos */ div.products-grid button.button, ul.products-grid button.button { padding-right: 0; } .category-description.std { display: none; } .sorter .item-right { margin-left: 0; } .catalog-category-view .sidebar { display: none; } /* Ficha producto */ .catalog-product-view .main { padding-top: 10px; } div.product-name { display: none; } .product-name.mobile { display: block !important; } .product-view .product-essential .product-name.mobile h1 { font-size: 18px; text-align: center; } .product-view .product-shop .product-details { font-size: 14px; } .product-view .product-shop .product-details ul li strong { width: 50%; } .product-view .product-shop .configurable_product_special .availability strong { font-size: 14px; } .product-view .product-shop .price-box, .product-view .availability { float: none; text-align: center; } .product-view .quantit { float: right; text-align: right; position: absolute; top: 110px; right: 0; } /* Checkout */ .data-table thead th, .data-table tbody th { font-size: 12px; } .data-table tfoot tr.last td { font-size: 14px; } /* Crear cuenta */ .buttons-set .back-link { max-width: 140px; } .buttons-set button span span { min-width: 100px !important; } } /* image sale*/ .sale-box .img-sale { position: absolute; top: 0; right: 0; } .sale-box .discount-price { position: absolute; right: -13px; top: 19px; color: white; font-size: 15px; text-align: center; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 80px; } /* links color*/ div.main a{ color: #f7621b; } /* GDPR */ .block-subscribe .acepto{ text-align: left; display: block; width: 100%; margin-top: 5px; } .block-subscribe .acepto input{ width: 6%; } /* aviso stock */ #aviso-stock-personalizado{ color: red; background-color: #f0f0f0; display: inline-block; padding: 10px; border-radius: 10px; margin-top: -29px; margin-bottom: 18px; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2018 Magento, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.retrofootball.pt/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.retrofootball.pt/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.retrofootball.pt/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.retrofootball.pt/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.retrofootball.pt/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.retrofootball.pt/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.retrofootball.pt/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.retrofootball.pt/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.retrofootball.pt/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ .postWrapper { padding-bottom: 25px; clear: both; } .postWrapper a.aw-blog-read-more{background: #f7621b;color: #fff;padding: 11px 27px;text-transform: uppercase;display: inline-block;margin-top: 15px;} .postWrapper a.aw-blog-read-more:hover{background: #f7621b;} .postTitle { /*border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDDDDD;*/ margin-bottom: 15px; } .postTitle h2 { font-size: 24px; font-weight: normal; margin: 0px; padding: 0px; text-transform: uppercase; } .postTitle h3 { font-size: 10px; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; } .postContent { padding-bottom: 40px; border-bottom: 1px solid #e6e6e6; font-size:15px; } .postContent p{ margin-top: 20px; margin-bottom: 20px !important; } .postContent .peer-wrapper .img-box{ width: auto; } .postContent .heading{ font-weight: bold; margin-bottom: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .postDetails { float: right; margin-top: 30px; } .postBookmarks { padding-bottom: 10px; } .postBookmarks h4 { font-size: 12px; font-weight: bold; } .commentWrapper { padding-bottom: 35px; border-bottom: 1px solid #e6e6e6; margin-bottom: 35px; } .commentBox{ padding-bottom: 65px; margin-top: 25px; } .commentBox div:last-child{border-bottom: none;margin: 0;padding: 0;} .commentContent { padding-bottom: 0px; } .commentDetails { margin-bottom: 18px; padding: 0px; font-size: 12px } .commentDetails h4.username { margin-bottom: 15px; font-size: 15px; font-weight: bold; text-transform: uppercase; } .postError { font-size: 16px; } .tags { font-weight: bold; padding-bottom: 10px; margin-top: 30px; display: inline-block; } .tags UL { display: inline; } .tags UL LI { font-weight: normal; display: inline; } .tags h4 { font-size: 14px; text-transform: uppercase; padding-right: 20px; display: inline-block; } .menu-categories, .menu-recent { margin-bottom: 50px; } .menu-tags h5, .menu-categories h5, .menu-recent h5 { font-size: 16px; font-weight: bold; text-transform: uppercase; position: relative; } .block-blog .block-title{ display: none; } .block-blog .block-content h5:after{ content: ""; background: #f7621b; height: 3px; width: 35px; position: absolute; left: 0; top: 24px; } .block-blog .block-content UL{ margin-top: 25px; } .block-blog .block-content LI{} .block-blog .menu-tags UL LI { display: inline-block; margin-bottom: 3px; } .block-blog .menu-tags UL{ } .block-blog .menu-tags UL LI a{ padding: 8px 17px !important; } .block-blog .menu-tags UL LI a:before{display: none;} .block-blog .menu-categories UL LI {} .block-blog .menu-recent UL LI a{} .block-blog .menu-recent UL LI a:hover{} .block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a /*.block-blog .menu-tags UL LI a*/ { /*font-size: 11px;*/ display: block; } .tagcloud { /* text-align:center; */ } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .block-blog .head h4 { padding-left: 20px; } .block-blog .block-title strong { background-image: url(https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/aw_blog/images/icon_blog.png); background-repeat: no-repeat; padding-left: 21px; text-align: left; } .postWrapper .poster { display: inline; } .input-box.aw-blog-comment-area { width: 100%; } .widget-latest li { font-size: 12px; padding: 5px 10px; } .widget-latest .postContent{padding: 0;border-bottom: none;} .block-blog .menu-categories { /* margin: 0; padding: 5px 9px;*/ } A.awblog_current_comment { text-decoration: none !important; font-weight: bold !important; } .blog-index-list .tags, .blog-index-list .postDetails{display: none;} .widget-latest .below-heading {margin: 10px 0 0 !important;color: #ADABAB;border-top: 1px solid;border-bottom: 1px solid;padding: 5px 0 5px;} #postComment h4{font-size: 24px;font-weight: bold;text-transform: uppercase;margin-bottom: 45px;} #postComment .form-list input.input-text{margin-bottom: 10px;} .commentTitle h2{font-size: 24px; font-weight: bold;text-transform: uppercase;} #postComment .button-set{ float:left; } #postComment .button-set p{ margin-bottom:20px; } #postComment .button-set .button.button{ float:right; } /* Block hints */ .amfpc-block-info { position:relative; border:1px dotted #008080; margin:6px 2px; padding:18px 2px 2px 2px; zoom: 1; } .amfpc-block-info:hover { border-color: orange !important; } .amfpc-block-info>.amfpc-block-handle, .amfpc-block-info>.amfpc-template-info { position:absolute; top:0; padding:2px 5px; background:#008080; color:white; font:normal 11px Arial; text-align:left !important; z-index:998; text-transform: none; } .amfpc-block-info>.amfpc-block-handle:hover, .amfpc-block-info>.amfpc-template-info:hover { z-index:999; } .amfpc-block-info>.amfpc-block-handle { cursor: default; left:0; white-space: nowrap; } .amfpc-block-info>.amfpc-template-info { right:0; } .amfpc-block-info>.amfpc-block-handle:hover { background-color: orange !important; } .amfpc-block-info.active { -webkit-animation: amfpc-blocks 1s linear .5s infinite alternate; animation: amfpc-blocks 1s linear .5s infinite alternate; } @-webkit-keyframes amfpc-blocks { from {opacity: 1;} to {opacity: .1;} } @keyframes amfpc-blocks { from {opacity: 1;} to {opacity: .1;} } /* Updated blocks */ .amfpc-block-info.updated { border-color: red; } .amfpc-block-info.updated>.amfpc-block-handle { top:0; background:red; } /* Status popup */ .amfpc-info { width: 350px; min-height: 95px; position: fixed; bottom: 10px; left: 10px; background: #008080; color: #fff; z-index: 99999; font-size: 32px; } .amfpc-info h1 { background: rgba(255, 255, 255, 0.1); color: #fff; padding: 2px 5px; font-size: 14px; font-weight: bold; } .amfpc-info h2 { margin-top: 12px; text-align: center; font-size: 30px; font-weight: 400; color: rgba(255, 255, 255, 0.7); } .amfpc-info .amfpc-content { line-height: 48px; } .products-grid .item { position:relative } .product-img-box { position:relative; } .product-view .box-up-sell .products-grid td div.td { position:relative; } .mini-products-list .product { position:relative; } .crosssell .item { position:relative } .productlabels_icons { position:absolute; top:0; right:0; width:100% } .product-img-box .productlabels_icons { z-index:10; } .productlabels_icons .label { float:right; background:url(https://www.retrofootball.pt/skin/frontend/base/default/images/productlabel_icons.png) 0 0 no-repeat; width:50px; height:50px; font-size:10px; font-weight:bold; color:#fff; line-height:1em; text-align:center; padding:0; } .productlabels_icons .label { padding:10px 0 0; } .productlabels_icons .nobg { background:none; width:auto; height:auto; } .productlabels_icons .orange { background-position:0 0 } .productlabels_icons .yellow { background-position:0 -60px } .productlabels_icons .blue { background-position:0 -120px } .productlabels_icons .violet { background-position:0 -180px } .productlabels_icons .red { background-position:0 -240px } .productlabels_icons .black { background-position:0 -300px } .productlabels_icons .new { background-position:-200px 0 } .productlabels_icons .special { background-position:-200px -60px } .productlabels_icons .bestseller { background-position:-200px -120px } /* ******************************************************************************************** Horizontal Menu *********************************************************************************************** */ #mega-nav, #mega-nav div.mega-block, #mega-nav ul { list-style: none outside none; padding: 0; } .mega-mobile-container { display: none; } .mega-container{ float: left; } .mega-container *{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} #mega-nav { float: left; width: 100%; height: 55px; } #mega-nav div.mega-block { background-color: #FFFFFF; left:0; padding: 2%; position: absolute; top: 55px; max-width: 100%; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; visibility: hidden; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -moz-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); -webkit-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mega-nav li:hover div.mega-block { z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; left: 0; visibility: visible; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #mega-nav > li { float: left; text-align: left; /*padding-bottom: 8px;*/ } #mega-nav > li > a { padding: 17px 15px; display: block; text-decoration: none; white-space: normal; text-transform: uppercase; position: relative; font-weight: bold; font-size: 17px; border-top: 3px solid transparent; /*border-left: 1px solid transparent; border-right: 1px solid transparent;*/ } #mega-nav > li > a:before{ content: ''; width: 0%; height: 3px; background: #6fc138; position: absolute; left: 0%; top: -3px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } #mega-nav > li.active > a::before { width: 100%; } #mega-nav > li.active > a{ color: #6fc138; /*border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6;*/ } #mega-nav > li:hover > a:before{ width: 100%; } #mega-nav > li:hover > a, #mega-nav > li.active:hover > a{ color: #6fc138; background: #FFFFFF; } /*#mega-nav > li.parent > a:before{ content: " "; display: block; border-bottom: 7px solid #6fc138; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: none; position: absolute; left: 0px; bottom: -10px; right: 0; width: 0; height: 0; margin: 0 auto; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ /* -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }*/ #mega-nav > li.parent:hover > a:before{ z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } /* Second level */ #mega-nav ul.subs{ } #mega-nav ul.subs > li { /*display: inline-block;*/ /*float: none;*/ vertical-align: top; margin-top: 0; padding-bottom: 15px; overflow:hidden; } #mega-nav ul.subs li img{ display: inline-block; vertical-align: middle; margin-right: 15px; margin-bottom: 10px; } #mega-nav ul.subs > li > a, #mega-nav .mega-block .header-mega-dropdown-wrapper .heading{ /*color: #6fc138;*/ } #mega-nav ul.subs li a { font-size: 14px; display: inline-block; vertical-align: middle; margin-bottom: 10px; font-weight: bold; } #mega-nav ul.subs > li > a:hover{ /*color: #6fc138;*/ } /* Third level */ #mega-nav ul.subs ul{ /*margin-top: 10px;*/ } #mega-nav ul.subs ul ul{ margin-left: 10px; } #mega-nav ul.subs li li{ /*padding: 5px 0px;*/ float: left; width: 100%; } #mega-nav ul.subs li li a:hover{background: #f6f6f6;} #mega-nav ul.subs li li a, #mega-nav .mega-block .header-mega-dropdown-wrapper p, #mega-nav .mega-block .header-mega-dropdown-wrapper a, #mega-nav .mega-block .show-links .links li, #mega-nav .mega-block .show-links .links a, #mega-nav .mega-block .show-links .label{ font-size: 13px; font-weight: 400; color: #8E8B8B; } #mega-nav ul.subs li li a { margin-bottom: 0px; display: block; line-height: 30px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #mega-nav ul.subs li ul li a:hover { padding-left: 10px; } #mega-nav ul.subs li li li a{ color: #BBB; font-size: 12px; } #mega-nav ul.subs li li li a:before{ } #mega-nav ul.subs li li a:hover, #mega-nav .mega-block .header-mega-dropdown-wrapper a:hover, #mega-nav .mega-block .show-links .links a:hover{ color: #f7621b; } /*Mega Custom Block*/ .custom-block-top, .custom-block-bottom, .custom-block-right, .custom-block-left, #mega-nav ul.subs{ margin-top: 10px; margin-bottom: 1%; } /* Static block's content - basic formatting */ #mega-nav .mega-block .header-mega-dropdown-wrapper .heading { margin:0px 0 10px; } #mega-nav .mega-block .header-mega-dropdown-wrapper p { margin:10px 0; } #mega-nav .mega-block .header-mega-dropdown-wrapper img{margin-bottom: 15px;} #mega-nav .mega-block .section-hr{} /* ******************************************************************************************** Vertical Menu *********************************************************************************************** */ #mega-nav .megamenu-vertical{ position: relative; } #mega-nav .megamenu-vertical .mega-block{ padding: 0px; left: 0px !important; background-color: transparent !important; -moz-box-shadow: 0 2px 4px transparent; -webkit-box-shadow: 0 2px 4px transparent; box-shadow: 0 2px 4px transparent; border-top: none; max-width: none; } #mega-nav .megamenu-vertical ul{ width: 210px; float: left; background-color: #FFFFFF; border-width: 0px; -moz-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); -webkit-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mega-nav .megamenu-vertical ul.subs{ margin: 0px; } #mega-nav .megamenu-vertical ul.subs ul{ margin: 0px; position: absolute; top: 0px; left: 210px; z-index: 10000; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; /*visibility: hidden;*/ border-top-width: 0px; border-left-width: 3px; -webkit-transform: translateX(30px); -moz-transform: translateX(30px); -o-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } #mega-nav .megamenu-vertical ul.subs li:hover > ul{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #mega-nav .megamenu-vertical ul.subs li ul:before{ /*content: " "; display: block; border-bottom: 7px solid transparent; border-right: 7px solid #6fc138; border-top: 7px solid transparent; position: absolute; left: -10px; top: 12px; width: 0; height: 0; margin: 0 auto;*/ } #mega-nav .megamenu-vertical ul.subs li{ padding: 0px; float: left; width: 100%; position: relative; /*padding-right: 10px;*/ } #mega-nav .megamenu-vertical ul.subs li a{ display: block; margin: 0px; padding: 10px 15px; font-size: 13px; font-weight: 400; border-bottom: 1px solid #e6e6e6; color: #8E8B8B; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #mega-nav .megamenu-vertical ul.subs li li a{ line-height: 18px; } #mega-nav .megamenu-vertical ul.subs li:hover > a{ color: #f7621b; background: #f6f6f6; padding-left: 20px; } #mega-nav .megamenu-vertical ul.subs li a span.category-label{margin-left: 0px;right: 15px;left: auto;position: absolute;top: 9px;} /* ******************************************************************************************** Mobile Menu Css *********************************************************************************************** */ #cssmenu { width: auto; } #cssmenu #mobile-menu{ position: absolute; left: 0px; right: 0px; z-index: 999; display: block; text-align: left; top: 55px; background: #FFFFFF; padding: 20px; } .header3 #cssmenu #mobile-menu, .header5 #cssmenu #mobile-menu{ top: 100%; } body.nav-open #cssmenu #mobile-menu{} #cssmenu ul{ margin: 0; padding: 0; border: 0; list-style: none; font-weight: normal; text-decoration: none; } #cssmenu ul li{ position: relative; } #cssmenu ul li a { display: block; font-size: 14px; padding: 8px 8px; color: #8E8B8B; padding-left: 10px; } #cssmenu ul li a:hover{ color: #6fc138; background: #f6f6f6; } #cssmenu #mobile-menu .open{ position: absolute; right: 0px; top: 0px; display: block; cursor: pointer; font-family: FontAwesome; width: 35px; height: 35px; background-position: center center; background-repeat: no-repeat; font-size: 12px; text-align: center; line-height: 35px; color: #8E8B8B; } #cssmenu #mobile-menu .open:hover, #cssmenu #mobile-menu .open.active{ color: #6fc138; } #cssmenu span.cnt { position: absolute; top: 8px; right: 15px; padding: 0; margin: 0; background: none; } #cssmenu ul ul { display: none; } /*Second Level*/ #cssmenu #mobile-menu ul > li > a{ padding-left: 20px; } /*Third Level*/ #cssmenu #mobile-menu ul ul > li > a{ padding-left: 30px; } /*Fourth Level*/ #cssmenu #mobile-menu ul ul ul > li > a{ padding-left: 45px; } /* Responsive rules ============================================ */ @media all and (max-width : 1279px) { #mega-nav > li > a{ } } @media all and (max-width : 1024px) { .nav-maincontainer.sticky{ display: none !important; } .mega-container { display: block !important; } .mega-mobile-container { display: none; } } @media all and (max-width : 768px) { .nav-maincontainer.sticky{ display: none !important; } .mega-container { display: none !important; } .mega-mobile-container { display: block; } } .testimonial_text h2 { color: #6fc138; font-size: 20px; line-height: 20px; text-align: right; margin-bottom: 3px; } .testimonial_text h3 { color: #6fc138; font-size: 14px; line-height: 16px; text-align: right; font-weight:normal; padding:0; margin: 0; } .testimonial_text h4 { color: #43A3AC; font-size: 13px; line-height: 13px; text-align: right; } table.form-list{ background: none repeat scroll 0 0 #FFFFFF; /*border: 1px solid #D9DDE3; border-radius: 5px 5px 5px 5px; padding: 20px;*/ width: 100%; margin-bottom: 20px; } span.required{color: #EB340A;} .form-list input.input-text { /*width: 254px;*/ } .testimonials-form td{ text-align: left; } .testimonials-form .buttons-set button.button{ margin-right: 0; } table#product-review-table{margin:10px 0 10px;} label.rating { padding:10px 0 0 0;} .testimonial_image { float:left; max-width:120px; } .testimonial_text { /*float:left; width:565px;*/ margin-left: 140px; } .description-box { /*min-height:50px;*/ margin-bottom: 10px; } .testimonials {/* margin:40px 0 0 0;*/} .testimonial_sidebar_name { font-weight: bold; text-transform: uppercase; margin: 20px 0px; overflow: hidden; } .testimonial_sidebar_name span{ margin-left: 15px; } .testimonial_sidebar_name img{ max-width: 60px; } .testimonial_sidebar_box .rating-box { margin-left: 73px; margin-top: -44px; padding-bottom: 8px; } .testimonial_sidebar_text { padding: 18px; text-align: left; font-style:italic; border: 1px solid #e6e6e6; position: relative; } .testimonial_sidebar_text:after{ content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-top: 10px solid #e6e6e6; border-right: 8px solid transparent; position: absolute; bottom: -10px; left: 23px; } .testimonials_sidebar .block-content a { float: none; font-size: 11px; line-height: 1.25; text-align: right; text-decoration: underline; } .testimonial_l, .testimonial_r{ padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; } .testimonial_l:last-child, .testimonial_r:last-child{ margin: 0; border: none; } .block .block-content .testimonial li{ padding: 1px 3px; } /* Cloud Zoom CSS. (c)2012-2013 Star Plugins. */ /* CSS for lens */ .cloudzoom-lens { border:5px solid #888; width:100px; height:100px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40); cursor:crosshair; z-index: 10; } /* CSS for zoom window. */ .cloudzoom-zoom { border:1px solid #888; width:500px; height:200px; box-shadow: -0px -0px 10px rgba(0,0,0,0.40); } /* CSS for zoom window in 'inside' mode. */ .cloudzoom-zoom-inside { border:none; box-shadow:none; cursor: url("https://www.retrofootball.pt/skin/frontend/base/default/css/starplugins/glass.png"),pointer; } /* CSS for captions */ .cloudzoom-caption { display:none; /* CSS captions should be hidden initially */ text-align: left; background-color:#000; color:#fff; font-weight:bold; padding:10px; font-family: sans-serif; font-size:11px; } /* A blank image */ .cloudzoom-blank { background-image:url(https://www.retrofootball.pt/skin/frontend/base/default/css/starplugins/blank.png); } /* The animated ajax loading image */ .cloudzoom-ajax-loader { background-image:url(https://www.retrofootball.pt/skin/frontend/base/default/css/starplugins/ajax-loader.gif); width:32px; height:32px; } .cloudzoom-blank div:nth-child(3){ display:none !important; height: 0; } /** * Valdecode - Cookie Law Compliance * * NOTICE OF LICENSE * * This source file is subject to the The MIT License (MIT) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://www.valdecode.com/license/cookielaw/license.txt * * @category Valdecode * @package Valdecode_CookieLaw * @copyright Copyright (c) 2014 Valdecode * @license http://www.valdecode.com/license/cookielaw/license.txt The MIT License (MIT) */ #v-cookielaw { overflow: hidden; background: #fff; color: #444; z-index: 9999; font-size: 13px; } #v-cookielaw .v-message { padding: 5px 10px; text-align: left; } #v-cookielaw .v-actions { } #v-cookielaw .v-button { color: #222; display: inline-block; background-color: #ececec; background-image: linear-gradient(#f4f4f4, #ececec); border: 1px solid #d4d4d4; padding: 4px 10px; text-decoration: none; text-shadow: 1px 1px 0 #fff; border-radius: 2px; } #v-cookielaw .v-button.v-accept:before { content: "\2714"; } #v-cookielaw .v-button:hover, #v-cookielaw .v-button:focus { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw .v-button:active { border-color: #2a65a0; border-bottom-color: #3884cd; background-color: #3072b3; background-image: linear-gradient(#3072b3, #599bdc); } #v-cookielaw.v-bar { display: table; width: 100%; padding: 5px 0; } #v-cookielaw.v-bar .v-message { display: table-cell; } #v-cookielaw.v-bar .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: right; } #v-cookielaw.v-bar.v-top { position: relative; border-bottom: 1px solid #000; } #v-cookielaw.v-bar.v-bottom { position: fixed; bottom: 0; border-top: 1px solid #000; } #v-cookielaw.v-box { position: fixed; max-width: 300px; border: 1px solid #000; border-radius: 3px; margin: 10px; } #v-cookielaw.v-box .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-box.v-top-left { top: 0; left: 0; } #v-cookielaw.v-box.v-top-right { top: 0; right: 0; } #v-cookielaw.v-box.v-bottom-left { bottom: 0; left: 0; } #v-cookielaw.v-box.v-bottom-right { bottom: 0; right: 0; } /* RWD */ @media (max-width: 480px) { #v-cookielaw.v-box { display: table; width: 100% !important; padding: 5px 0 0; position: fixed; bottom: 0 !important; top: auto !important; border-top: 1px solid #000; max-width: 100%; margin: 0; border-radius: 0; border-right: 0; border-left: 0; border-bottom: 0; } #v-cookielaw.v-box .v-message { display: table-cell; } #v-cookielaw.v-box .v-actions { display: table-cell; vertical-align: middle; width: 250px; padding-right: 10px; text-align: left; } #v-cookielaw .v-message { float: left; } #v-cookielaw .v-actions { float: left; margin: 5px 10px; } #v-cookielaw.v-bar .v-actions { width: auto; } } /* Skin - Yellow Alert */ #v-cookielaw.v-yellow-alert { background: #fffbcd; border-color: #e2cd7b !important; } /* Skin - Dark Clean */ #v-cookielaw.v-dark-clean { color: #fff; background: #2c2c2c; border-color: #55575f !important; } #v-cookielaw.v-dark-clean .v-button { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); border-color: #3072b3; border-bottom-color: #2a65a0; background-color: #2a65a0; background-image: linear-gradient(#599bdc, #3072b3); } #v-cookielaw.v-dark-clean .v-button:hover, #v-cookielaw.v-dark-clean .v-button:focus { background-color: #3678a0; background-image: linear-gradient(#68abdc, #387cb3); } /* Skin - Minimalist */ #v-cookielaw.v-minimalist { color: #2c2c2c; background: #f0f0f0; border-color: #e0e0e0 !important; font-size: 11px; font-family: Verdana; } #v-cookielaw.v-bar.v-minimalist { padding: 2px 0; } #v-cookielaw.v-box.v-minimalist { width: 260px; } #v-cookielaw.v-box.v-minimalist .v-actions { margin: 5px; } #v-cookielaw.v-box.v-minimalist .v-message { padding: 5px; } #v-cookielaw.v-minimalist .v-button { padding: 3px 6px; } /*to remove numbers delete / * * / below */ /* .stripNav { display: none; }*/ /*to remove arrows delete / * * / below */ /*.stripNavL, .stripNavR { display: none; }*/ /********************************************************************/ p#cross-links { text-align: center } p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px } noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left } noscript a { } noscript ol { margin-left: 25px; } a:focus { outline:none } img { border: 0 } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0; } .slider-wrap { margin: 0px 0px 0px 0px; position: relative; width: 100%; } .slider-wrap .slider-wrap { width: 100%; height: 100%; } .csw { width: 100%; height: 280px; background: #fff; overflow: hidden; $display: none; } .csw .loading { margin: 200px 0 300px 0; text-align: center; $display: none; } .stripViewer { position: relative; overflow: hidden; border: 0px solid #000; margin: auto; width: 950px; height: 280px; clear: both; background: #ffffff; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; width: 100%; list-style-type: none; } .stripViewer .panelContainer .panel { float:left; height: 100%; position: relative; width: 950px; } .stripViewer .panelContainer .panel .wrapper { padding: 0px !important; width: 950px !important; min-width: 950px !important; background: #ffffff !important; } .stripViewer .panelContainer .panel .wrapper p { margin: 0 !important; padding: 0 !important; } .stripNav { margin: 0px 0px 0px 0px; position: absolute; bottom: 10px; right: 10px; z-index: 100; } .stripNav ul { list-style: none; } .stripNav ul li { float: left; margin-right: 2px; } .stripNav a { font-size: 12px; font-weight: normal; text-align: center; line-height: 12px; background: #fff; color: #fff; text-decoration: none; display: block; padding: 0; width: 12px; height: 12px; border: 1px solid #999; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); float: left; margin-right: 2px; } .stripNav a:hover { opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); } .stripNav a.activeSlide { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .stripNav li a:hover { opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); } .stripNav li a.current { } .stripNavL, .stripNavR { position: absolute; text-indent: -9000em; z-index: 120; width: 20px; opacity: 0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); } .stripNavL a, .stripNavR a { display: block; height: 32px; width: 20px; margin: 0; padding: 0; } .stripNavL:hover, .stripNavR:hover { opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } .stripNavL { left: 0px; } .stripNavR { right: 0px; } .stripNavL { background: url(https://www.retrofootball.pt/skin/frontend/base/default/images/webandpeople/advancedslider/arr_right.png) no-repeat center; } .stripNavR { background: url(https://www.retrofootball.pt/skin/frontend/base/default/images/webandpeople/advancedslider/arr_left.png) no-repeat center; } /*sidebar slider*/ .sidebar .stripNav a { font-size: 6px; line-height: 6px; width: 6px; height: 6px; } .sidebar .stripNav { margin: 0px 0px 0px 0px; position: absolute; bottom: 3px; left: 3px; z-index: 100; } /*GRAY*/ .stripNav a.activeSlide { background: #7F7F7F; color: #7F7F7F; border: 1px solid #7F7F7F; } /* siteFeature CSS */ /* ---------------------------------------------------------------------- In the name of Progressive Enhancement, this is the default style for 4 "tabs" that will be seen by users with Javascript turned off. Notice that the width/height match the plugin defaults. ---------------------------------------------------------------------- */ #preFeature { overflow:hidden; } #preFeature * { padding:0px; margin:0px; border:none; } #preFeature div { width:24.8%; height:99.25%; float:left; background:#606060; color:#ffffff; font-size:11px; line-height:15px; } #preFeature div.clear { float:none; clear:both; width:auto; border:none; } #preFeature div h3 { font-size:1.1em; padding:0.5em 1em; font-weight:normal; background:#333333; } #preFeature div p { font-size:1em; margin: 0.5em 1em 1em 1em; } #preFeature div img { width:100%; display:block; } #preFeature div a:link { font-size:1em; margin:1em; text-decoration:none; } #preFeature div a:visited { font-size:1em; margin:1em; padding:0.25em; text-decoration:none; } #preFeature div a:hover { background:#333333; } /* ---------------------------------------------------------------------- The default output id is "siteFeature". If you changed this in the $.makeFeature() call you'll need to update the CSS below. As a general rule, I tried to clump like-declarations. Because of the tab side (left/right) and text layout options (horizontal/vertical) inheritance can get messy. FireBug - http://getfirebug.com/ (Joe Hewitt / Firebug Working Group) is strongly recommended. ---------------------------------------------------------------------- */ #siteFeature { position:relative; overflow:hidden; border:1px solid #b1b1b1; } #siteFeature * { padding:0px; margin:0px; border:none; } #siteFeature * a { opacity: 1 !important; filter: alpha(opacity=100)!important; } #siteFeature #imgBgContainer { position:absolute; } #siteFeature.left #imgBgContainer { right:0px; } #siteFeature.right #imgBgContainer { left:0px; } #siteFeature #imgBgContainer div { position:absolute; } #siteFeature #txtBoxContainer { position: absolute; height: 100%; width: 100%; color: #333333; font-size: 12px; line-height: 16px; overflow: hidden; } #siteFeature.left #txtBoxContainer { right:0px; } #siteFeature.right #txtBoxContainer { left:0px; } #siteFeature #txtBoxContainer div { position:absolute; overflow:hidden; } #siteFeature #txtBoxContainer div span { display:block; width:100%; height:100%; position:absolute; } #siteFeature #txtBoxContainer div div { } #siteFeature #txtBoxContainer div.horizontal div h3 { font-size:24px; line-height:normal; margin:5px 0px 0px 0px; } #siteFeature.left #txtBoxContainer div div h3 { padding:0px 0.5em 0px 0.5em; } #siteFeature.right #txtBoxContainer div div h3 { padding:0px 0.5em 0px 0.5em; } #siteFeature.right #txtBoxContainer div.horizontal div h3 { padding:0px 0.5em 0px 0.5em; } #siteFeature #txtBoxContainer div.horizontal div p { width:320px; margin:0px 0px 0px 0px; } #siteFeature.left #txtBoxContainer div div p { padding:0px 1em 0px 1em; } #siteFeature.right #txtBoxContainer div div p { padding:0px 1em 0px 1em; } #siteFeature.right #txtBoxContainer div.horizontal div p { padding:0px 1em 0px 1em; } #siteFeature #txtBoxContainer div.horizontal div a:link { position:absolute; right:25px; bottom:10px; /*IE6|7*/ *bottom:5px; } #siteFeature #txtBoxContainer div.horizontal div a:visited { position:absolute; right:25px; bottom:10px; /*IE6|7*/ *bottom:5px; } #siteFeature.left #txtBoxContainer div { right: 0px; } #siteFeature.left #txtBoxContainer div.horizontal div { left:25px; height:100%; } #siteFeature.right #txtBoxContainer div.horizontal { left:0px; bottom:0px; } #siteFeature.right #txtBoxContainer div { left:0px; } #siteFeature.right #txtBoxContainer div.horizontal div { left:0px; height:100%; width:100%; } #siteFeature #tabContainer { position:absolute; background: #f4f4f4; } #siteFeature.left #tabContainer { left:0px; } #siteFeature.right #tabContainer { right:0px; } #siteFeature #tabContainer a:link, #siteFeature #tabContainer a:visited { display: block; width: 100%; position: relative; opacity: 0.95; } /* #siteFeature #tabContainer a:hover { background:#e9e9e9; opacity: 1; }*/ #siteFeature #tabContainer a:active { outline:none; } #siteFeature #tabContainer a:focus { outline:none; } #siteFeature-nav #SF-n-prev { position:absolute; top:0px; display:block; width:20px; height:20px; background:#ffffff url(https://www.retrofootball.pt/skin/frontend/base/default/images/webandpeople/advancedslider/tab-nav-arrows.gif) 0px 0px no-repeat; border:1px solid #b1b1b1; outline:none; z-index:1337; border-top-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px; border-top-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px; } #siteFeature-nav #SF-n-prev i { display:none; } #siteFeature-nav #SF-n-next { position:absolute; top:0px; display:block; width:20px; height:20px; background:#ffffff url(https://www.retrofootball.pt/skin/frontend/base/default/images/webandpeople/advancedslider/tab-nav-arrows.gif) -20px 0px no-repeat; border:1px solid #b1b1b1; outline:none; margin:-1px 0px 0px 0px; z-index:1337; border-bottom-left-radius:6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; border-bottom-right-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; } #siteFeature-nav #SF-n-next i { display:none; } /* ---------------------------------------------------------------------- The 2 declarations below style the text in the tabs. If you have more/less than the default 4 tabs, you'll likely need to tweak the padding. Be aware of the IE6,7 specific padding on the h4. ---------------------------------------------------------------------- */ #siteFeature #tabContainer a h4 { padding:1em 1em 0px 1em; position:relative; /*IE6|7*/ *padding:10px 11px 0px 11px; font-size: 13px; text-align: left; } #siteFeature #tabContainer a p { padding:2px 1em 0px 1em; position:relative; text-align: left; } #siteFeature #tabContainer a span { display:none; } #siteFeature #tabContainer a.selected span { overflow:hidden; display:block; position:absolute; top:0px; } #siteFeature #tabContainer a.selected span span { height:100%; } #siteFeature.left #tabContainer a.selected span { left:0px; } #siteFeature.right #tabContainer a.selected span { right:0px; } #siteFeature #tabContainer a span img { /*height:100%;*/ position:absolute; top:0px; } #siteFeature.left #tabContainer a span img { left:0px; } #siteFeature.right #tabContainer a span img { left:0px; } /*COLORS*/ #siteFeature #tabContainer a.selected span span { /*background:#e9e9e9;*/ } #siteFeature #txtBoxContainer div span { background:#fff; /*right conteiner*/ } #siteFeature.right #tabContainer, #siteFeature.left #tabContainer, #siteFeature #tabContainer { border-color: #b1b1b1 } #siteFeature #tabContainer a:link, #siteFeature #tabContainer a:visited { background-color: #f4f4f4; border-bottom: 1px solid #b1b1b1; font-size: 11px; text-decoration: none; opacity: 0.95; } #siteFeature #tabContainer a:hover { background:#e7e7e7; opacity: 1; } /*left tabs text*/ #siteFeature #tabContainer a h4 { color:#333333; font-size: 14px; text-align: left; margin: 0; padding: 3px 0px 0px 10px; } #siteFeature #tabContainer a p { text-align: left; } /*right tabs text*/ #siteFeature #txtBoxContainer div div h3 { font-size: 20px; line-height: 18px; margin: 25px 0px 15px 0px; text-align: left; color: #333333; } #siteFeature #txtBoxContainer div div p { margin: 0px 0px 15px 0px; text-align: left; } /* link */ #siteFeature #txtBoxContainer div div a:link, #siteFeature #txtBoxContainer div div a:visited { color: #FFFFFF; margin: 0 0 0 1em; padding: 2px 5px; text-decoration: none; border-radius: 3px; float: left; position:relative; } #siteFeature #txtBoxContainer div div a:hover { color: #FFFFFF; } /*GRAY*/ #preFeature div a:link, #preFeature div a:visited, #siteFeature #tabContainer a h4 { color:#7F7F7F; } #siteFeature #txtBoxContainer div div a:link, #siteFeature #txtBoxContainer div div a:visited, #siteFeature #txtBoxContainer div div a:hover { background: #7F7F7F; } #siteFeature #tabContainer a p { color: #4D4D4D; } .dc-widget-postslider { padding-bottom: 0px; background-color: transparent; position: relative; margin-bottom: 10px; } .dc-widget-postslider img { border: 0 !important; } .dc-widget-postslider .slides-wrapper { background-color: transparent; } .dc-widget-postslider .slide { display:block; overflow:hidden; position:absolute; top:0px; left:0px; z-index:0; display:none; background: #fff; } .dc-widget-postslider .slide:hover { text-decoration:none; } .dc-widget-postslider .btn-bar { position: absolute; bottom: 10px; left: 10px; } .dc-widget-postslider .slide .desc { display:block; position:absolute; left:10px; bottom: 20px !important; padding:2px 8px 3px 8px; font: bold 12px Tahoma; background-color:#ffffff; z-index:20; opacity:0.8; filter: alpha(opacity=80); color:#333333; border-radius: 5px; } .dc-widget-postslider .slide .desc:hover { opacity:1; filter: alpha(opacity=100); } .dc-widget-postslider .btn-active, .dc-widget-postslider .btn { width:5px; height:5px; line-height: 5px; text-align:center; font-size: 0px; margin-right:2px; display:block; float:left; border-radius: 2px; } .dc-widget-postslider .btn { border:1px solid #aaa8a8; background-color:#e7e7e7; cursor:pointer; } .dc-widget-postslider .btn:hover { text-decoration:none; } .dc-widget-postslider .btn-active { cursor:pointer; color:#FFF; } .dc-widget-postslider .btn-active:hover { text-decoration:none; } /*sidebar slider*/ .sidebar .dc-widget-postslider { padding-bottom: 18px !important; background-color: transparent; position: relative; margin-bottom: 10px; } .sidebar .block-content .dc-widget-postslider { margin-bottom: 0 !important; } .sidebar .dc-widget-postslider .slides-wrapper { background-color: transparent; } .sidebar .dc-widget-postslider .slide { display:block; overflow:hidden; position:absolute; top:0px; left:0px; z-index:0; display:none; } .sidebar .slide .desc { font: bold 10px/14px Verdana; border-radius: 3px; } .sidebar .dc-widget-postslider .slide:hover { text-decoration:none; } .sidebar .dc-widget-postslider .btn-bar { width: 210px; height: 15px; position: absolute; bottom: 0px !important; left: 5px !important; } /*GRAY*/ .dc-widget-postslider .btn-active { background-color:#7F7F7F; border:1px solid #7F7F7F; } .slider-a-container { background-color:#fff; overflow:hidden; position:relative; border: 0; border-bottom: 0; } .slider-a-container .async-img { background-color: #f5f5f5; background-position:center center; display:block; } .slider-a-container .slide { position:absolute; left:0px; display:block; background-color: #fff; text-align: left; } .slider-a-container .slide:hover { opacity: 1; filter: alpha(opacity=100); } .slider-a-container .slide img { border:none; } .slider-a-container .prev { width:20px; height:20px; z-index:20; position:absolute; bottom:9px; right:70px; display:block; background-color:transparent; background-image:url(https://www.retrofootball.pt/skin/frontend/base/default/images/webandpeople/advancedslider/prev.png); background-position:0px 0px; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); cursor:pointer; } .slider-a-container .prev:hover { opacity:1.0; filter:alpha(opacity=100); } .slider-a-container .next { width:20px; height:20px; z-index:20; position:absolute; bottom:9px; right:20px; display:block; background-color:transparent; background-image:url(https://www.retrofootball.pt/skin/frontend/base/default/images/webandpeople/advancedslider/next.png); background-position:0px 0px; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); cursor:pointer; } .slider-a-container .next:hover { opacity:1.0; filter:alpha(opacity=100); } .slider-a-container .play { width:20px; height:20px; z-index:20; position:absolute; bottom:9px; right:45px; display:block; background-color:transparent; background-image:url(https://www.retrofootball.pt/skin/frontend/base/default/images/webandpeople/advancedslider/play.png); background-position:0px 0px; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); cursor:pointer; display: none; } .slider-a-container .play:hover { opacity:1.0; filter:alpha(opacity=100); } .slider-a-container .pause { width:20px; height:20px; z-index:20; position:absolute; bottom:9px; right:45px; display:block; background-color:transparent; background-image:url(https://www.retrofootball.pt/skin/frontend/base/default/images/webandpeople/advancedslider/pause.png); background-position:0px 0px; background-repeat:no-repeat; opacity:0.4; filter:alpha(opacity=40); cursor:pointer; } .slider-a-container .pause:hover { opacity:1.0; filter:alpha(opacity=100); } .slider-a-container .thumb-bar { position:absolute; bottom:0px; padding-left:0px; left:0px; background-color:#F5F5F5; z-index:16; } .slider-a-container .thumb { display:block; background-color: transparent; border:1px solid #dadada; border-color: #dadada !important; margin-top:5px; margin-right:5px; float:left; cursor:pointer; overflow: hidden; position: relative; } .slider-a-container .thumb.first{ margin-left: 20px; } .sidebar .slider-a-container .thumb.first{ margin-left: 5px; } .slider-a-container .thumb .color { display: block; position: absolute; left:0px; top:0px; display:none; overflow: hidden; } .slider-a-container .thumb .black { display: block; position: absolute; left:0px; top:0px; opacity:0.6; filter:alpha(opacity=60); } .slider-a-container .desc { z-index:10; display:none; position:absolute; left:0px; top:0px; opacity:0.80; filter:alpha(opacity=80); } .slider-a-container .desc .btn-bar { height:22px; background-color:transparent; margin-top:3px; } .slider-a-container .desc .btn-left { padding-left:15px; padding-right:15px; padding-top:2px; padding-bottom:2px; height:18px; display:block; float: left; background-color:#ffffff; margin-right:3px; text-align: center; text-decoration: none; font: normal 11px/18px Tahoma; color:#3333333; } .slider-a-container .desc .btn-right { padding-left:15px; padding-right:15px; padding-top:2px; padding-bottom:2px; height:18px; display:block; float: right; background-color:#ffffff; margin-left:3px; text-align: center; text-decoration: none; font: normal 11px/18px Tahoma; color:#333333; } .slider-a-container .desc .btn-left:hover, .slider-a-container .desc .btn-right:hover { color:#333333; background-color:#f5f5f5; } .slider-a-container .desc .head { padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; display:table-cell; border-radius: 5px; opacity: 0.95; filter: alpha(opacity=95); text-align: left; font-weight: normal; vertical-align: middle; margin-bottom:0px; color: #ffffff; background-color: #dc3900; } .slider-a-container .desc .foot { text-align: left; background-color:#ffffff; padding:15px; padding-top:10px; padding-bottom:10px; width:140px; margin-top:3px; border-radius: 5px; opacity: 0.95; filter: alpha(opacity=95); } .slider-a-container .desc .foot h3 { margin-bottom:5px; margin-top:0px; padding:0px; color:#333333; } .slider-a-container .desc .foot .text { color:#33333; font: normal 11px/14px Tahoma; } .slider-a-container .desc .x, .slider-a-container .desc .y, .slider-a-container .desc .width, .slider-a-container .desc .hbgcolor, .slider-a-container .desc .hcolor { display:none; } .head { font-size:20px; line-height:20px; } .sidebar .head { font-size:14px; line-height:14px; } h3.shortDescription { font-size: 16px; } .sidebar h3.shortDescription { font-size: 12px; } div.tabs_block { font-size: 11px; line-height: 1.5; color: #565d65; border: 1px solid #d5d4d2; border-collapse:collapse; background-color: #ffffff; } div.tabs_info { padding: 20px 15px 10px; height: 100%; } div.tabs_ul li { float: left; } div.tabs_ul li.last { float: left; border-right: none; } .ui-tabs-hide { display: none; } .ui-tabs-nav:after { display: block; clear: both; content: " "; } * html .ui-tabs-nav { display: inline-block; } *:first-child+html .ui-tabs-nav { display: inline-block; } div.tabs_block { width: 716px; font-size: 11px; line-height: 1.5; color: #333333; border: 1px solid #9c9c9c; border-collapse:collapse; } div.tabs_block h5 { font-family: Arial, Tahoma, sans-serif; margin: 0 0 5px 0; } div.tabs_block h5 a:link, div.tabs_block h5 a:active, div.tabs_block h5 a:visited { text-decoration: none; } div.tabs_block h5 a:hover { text-decoration: underline; } div.tabs_block p { padding: 0; } div.tabs_ul li { float: left; } div.tabs_info { padding: 20px 12px 10px; } div.tabs_info a:hover { text-decoration: none; } div.tabs_ul a:link, div.tabs_ul a:visited { display: block; height: 24px; font-family: Tahoma, sans-serif; font-weight: normal; color: #ffffff; text-transform: uppercase; text-decoration: none; text-align: center; overflow: hidden; padding: 5px 15px 0px 15px; border-right: 1px solid #fff; } div.tabs_ul a:hover { background: transparent; } li.ui-tabs-selected a { color: #333333 !important; font-weight: bold !important; background-color: #f1f1f1 !important; opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); border-right: 1px solid #fff; } .ui-tabs-hide { display: none; } .ui-tabs-nav:after { display: block; clear: both; content: " "; } * html .ui-tabs-nav { display: inline-block; } *:first-child+html .ui-tabs-nav { display: inline-block; } /*product-grid*/ .home-tabs.products-grid li.item { padding: 0 5px 5px 0; width: 80px; } .home-tabs.products-grid li.item .product-image { width: 80px; height: 80px; } .home-tabs { background: none !important; border: 0 !important; } /*GRAY*/ div.tabs_block h5, div.tabs_block h5 a:link, div.tabs_block h5 a:active, div.tabs_block h5 a:visited, div.tabs_info a:link, div.tabs_info a:active, div.tabs_info a:visited { color: #1A1A1A; } .tabs_ul { background-color: #E5E5E5; } div.tabs_ul a:link, div.tabs_ul a:visited { background-color: #E5E5E5; color: #4D4D4D; } li.ui-tabs-selected a { color: #E5E5E5 !important; background-color: #7F7F7F !important; } /* ******************************************************************************************** Navigation *********************************************************************************************** */ @media only screen and (min-width: 1025px) { /* Default Navigation ***********/ .nav-container{float: left;} .nav-container *{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} .nav-container #nav { width: 100%;float:left;height: 55px;} .nav-container #nav a { } .nav-container #nav li { text-align:left;float: left;} .nav-container #nav > li{padding-bottom: 10px;} .nav-container #nav li:hover{} .nav-container #nav li, .nav-container #nav li:hover{position: relative;} .nav-container #nav > li > a{padding: 17px 15px;display: block;text-decoration: none;white-space: normal;text-transform: uppercase;position: relative;font-weight: bold;font-size: 15px;border-top: 3px solid transparent;border-left: 1px solid transparent;border-right: 1px solid transparent;} .nav-container #nav > li > a:before{content: '';width: 0%;height: 3px;background: #6fc138;position: absolute;left: 0%;top: -3px;-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;} .nav-container #nav > li:hover > a:before{width: 100%;} .nav-container #nav > li.active > a{ color: #6fc138;/*border-left: 1px solid #f6f6f6;border-right: 1px solid #f6f6f6;*/} .nav-container #nav > li.hover > a, .nav-container #nav > li:hover > a, .nav-container #nav > li.active:hover > a, .nav-container #nav > li.active.hover > a{color: #6fc138;background: #FFFFFF;} /*.nav-container #nav > li.parent > a:before{ content: " "; display: block; border-bottom: 7px solid #6fc138; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: none; position: absolute; left: 0px; bottom: -10px; right: 0; width: 0; height: 0; margin: 0 auto; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; visibility: hidden; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }*/ .nav-container #nav > li.parent:hover > a:before{ z-index: 1000; display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; /*visibility: visible;*/ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } /* 2nd Level */ .nav-container #nav ul { background-color: #FFFFFF; left:0; position: absolute; top: 55px; width: 210px; z-index: 1501; visibility: hidden; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -moz-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); -webkit-box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); box-shadow: 0 2px 4px rgba(136, 136, 136, 0.25); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav-container #nav li:hover > ul{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; visibility: visible; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .nav-container #nav div ul { position:static; width:auto; } .nav-container #nav li ul li{float: none !important;display: inherit !important;/*padding-right: 10px;*/} .nav-container #nav li ul li a{color: #8E8B8B;font-size: 13px;line-height: normal;display: block;padding: 11px 15px;border-bottom: 1px solid #e6e6e6;} .nav-container #nav li ul li.last > a{border-bottom: none;} .nav-container #nav li ul li a span{} .nav-container #nav li ul li a span.errow{} .nav-container #nav li ul li:hover > a, .nav-container #nav li ul li.hover > a{color: #6fc138;} .nav-container #nav li ul li ,.nav-container #nav li ul li:hover{margin:0px;} .nav-container #nav li ul li:last-child a{} .nav-container #nav li ul li.last a{} .nav-container #nav li ul li a span{} /*Category Label*/ .nav-container #nav li ul li a span.category-label{margin-left: 0px;right: 15px;top: 9px;} /* 3rd+ Level */ .nav-container #nav ul ul, .nav-container #nav ul div { top:20px; margin-top: 0px;} .nav-container #nav ul span, .nav-container #nav ul li.last li span {} .nav-container #nav li ul li ul {left:115px;border-top-width: 0px;border-left-width: 3px;} .nav-container #nav li ul li ul:before{ /* content: " "; display: block; border-bottom: 7px solid transparent; border-right: 7px solid #6fc138; border-top: 7px solid transparent; position: absolute; left: -10px; top: 12px; width: 0; height: 0; margin: 0 auto;*/ } .nav-container #nav li ul.shown-sub, #nav li .shown-sub {} .nav-container #nav li ul.shown-sub li ul { -moz-box-shadow: 0 2px 14px rgba(136, 136, 136, 0.25); -webkit-box-shadow: 0 2px 14px rgba(136, 136, 136, 0.25); box-shadow: 0 2px 14px rgba(136, 136, 136, 0.25); } .close-menu{display: none;} } /* Responsive Menu ======================================================================== */ @media all and (max-width : 1279px) { .nav-container #nav > li > a{} } @media screen and (max-width: 1024px) { .nav-maincontainer.sticky{ display: none !important; } .toggleMenu { height: 55px; font-weight: normal; line-height: 55px; font-size: 17px; float: left; } .header3 .nav-container, .header5 .nav-container{ float: left; } .header3 .toggleMenu, .header5 .toggleMenu{ height: 50px; line-height: 50px; } .toggleMenu:hover, .close-menu:hover{color: #6fc138;} .toggleMenu:before{font-family: FontAwesome;padding-right: 13px;} .overlay-menu{ content: ""; display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 9998; background: #000000; opacity: 0.2; filter: alpha(opacity=20); visibility: hidden; cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; opacity: 0; filter: alpha(opacity=0); cursor: default; } body.nav-open .overlay-menu{ opacity: 0.2; filter: alpha(opacity=20); visibility: visible; } .close-menu{ display: block; font-size: 20px; margin-bottom: 20px; width: 20px; text-align: left; cursor: pointer; } #nav { position: absolute; left: 0px; right: 0px; z-index: 999; display: block; text-align: left; top: 55px; background: #FFFFFF; padding: 20px; height: auto !important; } .header3 #nav, .header5 #nav{ top: 100%; } body.nav-open #nav { left: 0; opacity: 1; filter: alpha(opacity=100); } #nav:before, #nav:after { content: " "; display: table; } #nav:after { clear: both; } #nav ul { list-style: none; width: 9em; background: none !important; } #nav a { display: block; padding: 8px 0px; color: #8E8B8B !important; padding-left: 10px; } .nav-container #nav li.over > a, .nav-container #nav li.hover > a, .nav-container #nav li.active a{background-color: transparent !important;} .nav-container #nav li a:hover, .nav-container #nav li.active a:hover{background-color: #f6f6f6 !important;} .nav-container #nav a span.category-label{ right: 60px; top: inherit !important; display: none !important; } #nav li { position: relative; float: none !important; display: inherit !important; padding: 0px !important; } #nav > li { float: left; list-style-type:none; } #nav > li > .parent { background-image: url("http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/images/downArrow.png"); background-repeat: no-repeat; background-position: right; } #nav > li > a { display: block; padding: 8px 8px !important; border-bottom: none !important; } #nav > li > a:active{ } #nav li ul { position: absolute; left: -9999px; } #nav > li.hover > ul { left: 0; } #nav li li.hover ul { left: 100%; top: 0; } #nav li li a { display: block; padding-left: 20px; text-decoration:none; } #nav li li li a { padding-left: 30px; z-index:200; } #nav li li li li a { padding-left: 45px; } #nav .active { display: block; } #nav > li { } #nav > li > .parent { background-position: 95% 50%; } #nav > li > .parent { background-image: none; } #nav li .more { position: absolute; right: 0px; top: 0px; display: block; cursor: pointer; font-family: FontAwesome; width: 35px; height: 35px; background-position: center center; background-repeat: no-repeat; font-size: 12px; text-align: center; line-height: 35px; } #nav li .more:hover, #nav li.hover > .more, #nav a:hover{ color: #6fc138 !important; } #nav ul { display: block; width: 100%; } #nav > li.hover > ul , #nav li li.hover > ul { position: static; } } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://www.retrofootball.pt/skin/frontend/eCommbits/default/slider/images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.2 */ /* ******************************************************************************************** Itemslider *********************************************************************************************** */ .products-grid.itemslider, #brand.itemslider, #blogslider.itemslider{margin-left: -20px;width: auto;} /* Items */ .products-grid.itemslider .item, #brand.itemslider .item, #blogslider.itemslider .item{margin:0px 2px 20px 20px;} .owl-theme .owl-controls{ /*margin-top: 10px;*/ text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons{ position: absolute; top: -50px; right: 0; } .owl-theme .owl-controls .owl-buttons div{ zoom: 1; outline: 0; text-align: center; display: block; width: 25px; height: 25px; line-height: 25px; text-decoration: none; text-align: center; float: left; background-color: #f6f6f6; color: #635e5f; font-size: 16px; font-family: FontAwesome; top: 50%; margin-left: 5px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls .owl-buttons div:hover{ background-color: #6fc138; color: #FFFFFF; } /*Sidebar Control*/ .sidebar .itemslider .item{margin: 0px;text-align: center;border-right: none;border-left:none;} .sidebar .owl-theme .owl-controls .owl-buttons{top: -49px;right: 0px;} /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 15px; height: 15px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: transparent; border: 5px solid #FFFFFF; transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; border: 5px solid #6fc138; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; /*color: #FFF;*/ padding: 2px 8px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(https://www.retrofootball.pt/skin/frontend/eCommbits/default/slider/images/opc-ajax-loader.gif) no-repeat center center; } /* Banner Slider ========================================================= */ /*Banner caption*/ .banner .item{ text-align: center; position: relative; } .banner .item a{ z-index: 1; display: block; } .banner .caption{ color: #fff; } .banner .caption .heading{ margin-bottom: 0px; } .banner .caption p{ margin-bottom: 10px !important; font-size: 14px; line-height: 22px; } .banner .caption button.button{ border-bottom: none; margin: 0.25em 0.5em; } .banner .caption button.button span{ background-color: transparent; color: #FFF; font-size: 18px; } .banner .caption button.button span span{ border: 1px solid; padding: 16px 25px; } .banner .caption button.button:hover span{ background-color: #FFF; border-color: transparent; color: #6fc138; } /*Banner control*/ .banner .owl-theme .owl-controls .owl-buttons { top: 50%; right: 0; left: 0; margin-top: -20px; height: 0px; } .banner .owl-theme .owl-controls .owl-buttons div{ background-color: #f6f6f6; color: #fff; margin-left: 20px; margin-right: 20px; width: 40px; height: 40px; line-height: 40px; font-size: 18px; border-radius: 50%; } .banner .owl-theme .owl-controls .owl-buttons div:hover{ background-color: #6fc138; color: #fff; } .banner .owl-theme .owl-controls .owl-buttons .owl-next { float: right; } /*Banner pagination*/ .banner .owl-pagination{ position: absolute; left: 0; right: 0; bottom: 0px; } .banner .owl-theme .owl-controls .owl-pagination{ opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .banner .owl-theme:hover .owl-controls .owl-pagination{ opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } .banner .owl-theme .owl-controls .owl-page span{ margin: 0px 5px 13px 5px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); } /* Products View ========================================================= */ /* Itemslider-Thumbnails */ .itemslider-thumbnails .owl-controls .owl-buttons{position: inherit;} .itemslider-thumbnails .owl-controls .owl-buttons div{position: absolute;top: 50%;margin-top: -11px;margin-left: 0px;margin-right: 0px;} .itemslider-thumbnails .owl-controls .owl-buttons .owl-prev{left: 0;} .itemslider-thumbnails .owl-controls .owl-buttons .owl-next{right: 0;} /* Brand Slider ========================================================= */ /* Itemslider-Brand */ #brand.owl-theme{} #brand.owl-theme .owl-wrapper-outer{box-sizing: border-box;} #brand.owl-theme .owl-wrapper{display: table !important;} /*Brand Slider Vertical Align Image*/ #brand.itemslider .owl-item{ float: none; display: table-cell; vertical-align: middle; } #brand.itemslider .item{text-align: center;margin-top: 0px;border-right: none;border-left: none;} /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* ============================================ * * Zoom * ============================================ */ .product-image-gallery { position: relative; overflow: hidden; } .product-img-box .product-image img { max-width: 100%; /*max-height: 750px;*/ margin: 0px auto; } .product-view .product-image-gallery .gallery-image { display: none !important; } .product-view .product-image-gallery .gallery-image.visible { display: block !important; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url("https://www.retrofootball.pt/skin/frontend/eCommbits/default/images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } .product-view .product-image-thumbs a img{ display: block !important; } .zoomContainer{ z-index: 10; } .itemslider-thumbnails .item{ max-width: none; padding-left: 5px; padding-right: 5px; } /* ******************************************************************************************** Transitions *********************************************************************************************** */ /* Links and other selected elements */ a, .load-more-holder span i, span.category-label, span.category-label:before{ transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -webkit-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; } a:hover, .load-more-holder a:hover span i{ transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; } /* Interface icons: toolbar icons, pager, prev/next slide etc. */ .sorter .view-mode .grid, .sorter .view-mode .list, /* Back link */ .buttons-set .back-link a, div.alert a, /* Theme Button */ button.button span, div.alert-inner button.close, /* Add-to links */ .add-to-links a, .add-to-links span.icon, /*Quick View*/ .quick-view a, /* Accordion: opener */ .accordion .opener, .resp-arrow, /* Scroll to top */ .scrollup, /* Fade on */ .fade-on-hover, /* Proruct Grid & Product List */ .products-grid .item, .products-list .item { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; } /* Elements with animated color, background color and borders */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, .quantity_counter, /* Product image thumbnails */ .product-view .product-img-box .more-views .thumbnails li a, /* Product mini-lists */ .mini-products-list .product-image, .cart .crosssell .product-image, /* Tabs & accordion */ .resp-tabs-list li, /* OPC accordion */ .opc .step-title { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } /* Structural elements */ /* Layered nav */ .block-layered-nav dd li, /* Grid */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_full, .grid-col2-sidebar, .grid-col2-main, /* Products */ .product-view .product-img-box, /* Forms */ .form-search .input-text, /* Main menu */ #nav > li, /* Misc */ .header .logo, /* Peer Icons */ .addto-links-icons li a span.icon, .peer-icon .icon, .social-link a .icon { transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } /* ******************************************************************************************** Accordion *********************************************************************************************** */ .accordion { position:relative; } .accordion .block-title{font-size: 18px;line-height: 24px;margin-bottom: 25px;} /* Accordion Opner */ .accordion .opener { overflow: hidden; font-family: FontAwesome; font-size: 12px; position: absolute; right: 0; z-index: 2; display: inline-block; text-align: center; padding: 0px; background-color: #252525; color: #FFFFFF; width: 20px; height: 20px; border-radius: 3px; line-height: 20px; cursor: pointer; text-align: center; } .accordion .opener:hover, .accordion.active .opener{ background-color: #6fc138; color: #fff; } .footer .accordion .opener{ text-indent: 4px; } /* ******************************************************************************************** Dropdown *********************************************************************************************** */ .dropdown { position:relative; } .dropdown{-webkit-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;} .dropdown:hover {} /* Dropdown toggle ======================================================== */ .dropdown-toggle {display:block;cursor:default;line-height: 18px;} .dropdown-toggle * { display:inline-block;vertical-align: middle; } /* Toggle Cover Div */ .dropdown-toggle.cover > div {padding: 0 10px;cursor: default;display: inherit;} .dropdown:hover > .dropdown-toggle.cover > div {z-index:4001;position:relative;border-bottom: none;} /* Toggle Value*/ .dropdown-toggle .value {position: relative;color: #6fc138;} .dropdown-toggle .value:after{display: inline-block;content: "\f0d7";font-family: FontAwesome;font-size: 12px;color: #ADABAB;width: 17px;height: 17px;line-height: 17px;text-align: center;color: #fff;font-weight: bold;} .dropdown:hover .dropdown-toggle .value:after{content: "\f0d8";} /* Dropdown menu ======================================================== */ .dropdown-menu { z-index: 4000; text-align: left; list-style: none; background-color: #fff; position: absolute; right: 0; top: 29px; max-width: 100%; border: 1px solid #e6e6e6; border-top: none; padding: 10px; visibility: hidden; display: none/9; opacity: 0; -moz-opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -o-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .dropdown-menu.left-hand{left:0;} .dropdown:hover .dropdown-menu{ display: block/9; opacity: 1; -moz-opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: all; visibility: visible; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .shopping_cart .dropdown-menu{min-width: 340px;top: 55px;padding: 25px 20px} /* Use Only For Currency Or Language ===================================================== */ .header-top .dropdown-menu a{padding: 5px 0px;display: block;white-space: nowrap;line-height: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .header-top .dropdown-menu a.selected{color: #6fc138;} .header-top .dropdown-menu a.selected:hover, .header-top .dropdown-menu a:hover{} /* Variable Grid System. Learn more ~ http://www.spry-soft.com/grids/ Based on 960 Grid System - http://960.gs/ Licensed under GPL and MIT. */ /* ******************************************************************************************** FLUID baseline GRID *********************************************************************************************** */ /* Containers ========================================================================= */ .container_12 { margin-left:auto; margin-right:auto; } .pull-container { width:102%; margin-left:-1%; } .grid-container { *zoom: 1; clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid >> Global ========================================================================= */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_full { display:inline; float: left; /*position: relative;*/ margin-left: 1%; margin-right: 1%; } /* Grid >> Children (Alpha ~ First, Omega ~ Last) ========================================================================= */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Grid >> 12 Columns ========================================================================= */ .grid_1 { width:6.33%; } .grid_2 { width:14.66%; } .grid_3 { width:23%; } .grid_4 { width:31.33%; } .grid_5 { width:39.67%; } .grid_6 { width:48%; } .grid_7 { width:56.33%; } .grid_8 { width:64.67%; } .grid_9 { width:73%; } .grid_10 { width:81.33%; } .grid_11 { width:89.67%; } .grid_12, .grid_full { width:98%; } /* Grid >> Children (Left ~ First) (Remove Left Margin) ========================================================================= */ .no-left-margin.grid_1 { margin-left:0; width:7.33%; } .no-left-margin.grid_2 { margin-left:0; width:15.66%; } .no-left-margin.grid_3 { margin-left:0; width:24%; } .no-left-margin.grid_4 { margin-left:0; width:32.33%; } .no-left-margin.grid_5 { margin-left:0; width:40.67%; } .no-left-margin.grid_6 { margin-left:0; width:49%; } .no-left-margin.grid_7 { margin-left:0; width:57.33%; } .no-left-margin.grid_8 { margin-left:0; width:65.67%; } .no-left-margin.grid_9 { margin-left:0; width:74%; } .no-left-margin.grid_10 { margin-left:0; width:82.33%; } .no-left-margin.grid_11 { margin-left:0; width:90.67%; } .no-left-margin.grid_12, .no-left-margin.grid_full { margin-left:0; width:99%; } /* Grid >> Children (Right ~ Last) (Remove Right Margin) ========================================================================= */ .no-right-margin.grid_1 { margin-right:0; width:7.33%; } .no-right-margin.grid_2 { margin-right:0; width:15.66%; } .no-right-margin.grid_3 { margin-right:0; width:24%; } .no-right-margin.grid_4 { margin-right:0; width:32.33%; } .no-right-margin.grid_5 { margin-right:0; width:40.67%; } .no-right-margin.grid_6 { margin-right:0; width:49%; } .no-right-margin.grid_7 { margin-right:0; width:57.33%; } .no-right-margin.grid_8 { margin-right:0; width:65.67%; } .no-right-margin.grid_9 { margin-right:0; width:74%; } .no-right-margin.grid_10 { margin-right:0; width:82.33%; } .no-right-margin.grid_11 { margin-right:0; width:90.67%; } .no-right-margin.grid_12, .no-right-margin.grid_full { margin-right:0; width:99%; } /* Grid >> Children (Left ~ First, Right ~ Last) (Remove Both Margin) ========================================================================= */ .no-both-margin.grid_1 { margin-left:0; margin-right:0; width:8.33%; } .no-both-margin.grid_2 { margin-left:0; margin-right:0; width:16.66%; } .no-both-margin.grid_3 { margin-left:0; margin-right:0; width:25%; } .no-both-margin.grid_4 { margin-left:0; margin-right:0; width:33.33%; } .no-both-margin.grid_5 { margin-left:0; margin-right:0; width:41.67%; } .no-both-margin.grid_6 { margin-left:0; margin-right:0; width:50%; } .no-both-margin.grid_7 { margin-left:0; margin-right:0; width:58.33%; } .no-both-margin.grid_8 { margin-left:0; margin-right:0; width:66.67%; } .no-both-margin.grid_9 { margin-left:0; margin-right:0; width:75%; } .no-both-margin.grid_10 { margin-left:0; margin-right:0; width:83.33%; } .no-both-margin.grid_11 { margin-left:0; margin-right:0; width:91.67%; } .no-both-margin.grid_12, .no-both-margin.grid_full { margin-left:0; margin-right:0; width:100%; } /* Grid >> Children (3 Columns Layout) (Remove Both margin) ========================================================================= */ .col3-layout .col-main .grid_1, .col3-layout .col-main .grid_2, .col3-layout .col-main .grid_3, .col3-layout .col-main .grid_4, .col3-layout .col-main .grid_5, .col3-layout .col-main .grid_6, .col3-layout .col-main .grid_7, .col3-layout .col-main .grid_8, .col3-layout .col-main .grid_9, .col3-layout .col-main .grid_10, .col3-layout .col-main .grid_11, .col3-layout .col-main .grid_12, .col3-layout .col-main .grid_full { margin-left:0; margin-right:0; width:100%; } /* Clear Floated Elements ========================================================================= */ /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; } /* ******************************************************************************************** Full Width Elements (Div under container display in full width) *********************************************************************************************** */ .alt-bg{ width: 100%; max-width: 100%; } .alt-bg{ margin-left: -180px!important; padding-left: 180px; padding-right: 180px; } /* Full Width Elements Responsive */ @media only screen and (min-width: 1200px) { .alt-bg{ padding-left: 180px; padding-right: 180px; } } @media only screen and (min-width: 1500px) { .alt-bg{ margin-left: -720px!important; padding-left: 720px; padding-right: 720px; } } @media only screen and (min-width: 1980px) { .alt-bg{ margin-left: -820px!important; padding-left: 820px; padding-right: 820px; } } /* ******************************************************************************************** Section Heading *********************************************************************************************** */ /* Style For Section Title & Page Title Box */ .section-title, .page-title{margin-top: 0;position: relative;margin-bottom: 20px;clear: both;position: relative;} /* Style For Section Title & Page Title */ .section-title > *, .page-title > *{margin-bottom: 0px;} .section-title h2{text-transform: uppercase;font-size: 18px;font-weight: bold;line-height: 26px;} .section-title h2:after{content: "";background: #6fc138;height: 3px;width: 35px;/*position: absolute;left: 0;top: 42px;*/display: block;margin-top: 5px;} .section-title.padd-right{padding-right: 60px;} /* Common hr */ .section-hr{clear: both;display: block;font-size: 0;line-height: 0;height: 0;margin: 0 0 10px;padding: 10px 0 0;background: none;border-bottom: 1px solid #e6e6e6;text-indent: -9999em;overflow: hidden;} .horizontal-break {height: 2px;width: 50px;margin: 20px auto 25px;background-color: #e6e6e6;} /* Secondary headings =========================================================== */ /* Fieldset and multiple checkout */ .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend, .multiple-checkout h2, /*Blog Tital*/ /*.postTitle h2,*/ /* Account headings =========================================================== */ /* Primary */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2{font-size: 18px;line-height: 24px;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;} /* Secondary */ .dashboard .box .box-title h3, .dashboard .box .box-title h4, .order-info-box h2, .addresses-list h2{font-size: 16px;line-height: 20px;font-weight: bold;} /* Third */ .dashboard .box-info h4, .addresses-list h3{font-size: 14px;line-height:18px;} /* ******************************************************************************************** Vertically Centered *********************************************************************************************** */ /* Vertically aligned content */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Vertically aligned grid */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } .product-tabs-content .v-grid-container{ display: table; width: 100%; } .product-tabs-content .v-grid{ float:none; display:table-cell; vertical-align:middle; } /* ******************************************************************************************** Vertical links *********************************************************************************************** */ .links > li > a { padding:0 5px;} .links > li > a:hover{color: #6fc138;} /* Basic links, no separators */ .links > li { vertical-align: middle;} .links > li > a { display:block;} /* Links With Separators (Position Right) */ .links-separators .links > li { margin-left:-3px;border-right: 1px solid;line-height: 9px; } .header-top .links-separators .links > li{border-right: 2px solid #393939;border-left:2px solid #151515;line-height: 18px;} .header-top .links-separators .links > li.first{border-left: none;} .mega-block .links > li {display: inline-block; } .links-separators .links > li > a {padding: 0 10px; } .links-separators .links > li.last {border-right: none; } .links-separators .links > li.last > a{padding-right: 0px;} .links-separators .links > li.first > a{} .links-separators .links > li.hide-separator {border-right: none;} .links-separators .links > li.separator-left > a { border-left: 1px solid ;border-right: none;} /* Links With Separators (Position Left) */ .links-separators-left .links > li { margin-left:-3px; border-left: 1px solid;} .links-separators-left .links > li > a {padding: 0 10px;} .links-separators-left .links > li.first{border-left: none; } .links-separators-left .links > li.first > a {padding-left: 0px;} .links-separators-left .links > li.hide-separator > a { border-left: none; } .links-separators-left .links > li.separator-right > a { border-right: 1px solid;border-left: none; } /* ******************************************************************************************** Hide Elements *********************************************************************************************** */ /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* ******************************************************************************************** Peer Icons *********************************************************************************************** */ .peer-icon .icon{display: inline-block;width: 38px;height: 38px;font-size: 14px;text-align: center;line-height: 38px;text-indent: 4px;color: #999999;border: 1px solid #E6E6E6;} .peer-icon.large .icon{ width: 48px;height: 48px;font-size: 22px;text-align: center;line-height: 48px; } .peer-icon .icon.i-digit, .peer-icon .icon.i-letter {font-size: 16px;line-height: 38px;font-weight: 700;text-align: center;text-indent: 0px;} .peer-icon.large .icon.i-digit, .peer-icon.large .icon.i-letter{font-size: 22px;line-height: 48px;font-weight: normal;} /* Peerwrapper Icon */ .peer-wrapper .icon{margin: 0px 15px 10px 0px;float: left;} .peer-wrapper.right .icon{margin: 0px 0px 10px 15px;float: right;} /* Customize Peer Icons =============================================================== */ /* Icons without background color */ .peer-icon.no-bg-color .icon { background-color: transparent; } .peer-icon.force-no-bg-color .icon { background-color: transparent !important; } /* Icon without border color */ .peer-icon.no-border-color .icon { border-color: transparent; } .peer-icon.force-no-border-color .icon { border-color: transparent !important; } /* Display All icons square */ .peer-icon-square .icon { border-radius: 0px; } /* Display All icons round */ .peer-icon-round .icon { border-radius: 3px; } /* Display All icons circle */ .peer-icon-circle .icon { border-radius: 100%; } /* Display Icon Hover Style*/ .addto-links-icons li a:hover span.icon, .peer-icon-hover:hover .icon{background-color:#6fc138;color: #FFF;} /* Peer Wrapper */ .peer-wrapper{margin-bottom: 2%;} .peer-wrapper:after{content: "";display: block;overflow: hidden;visibility: hidden;clear: both;zoom: 1;} .peer-wrapper .img-box{/*width: 100%;*/} .peer-wrapper.right .img-box{margin: 0px 0px 10px 15px;float: right;} .grid-col2-main .peer-wrapper .img-box{/*width: 50%;*/} .peer-wrapper .img-autosize{margin: 0px 15px 10px 0px;float: left;} .peer-wrapper.right .img-autosize{margin: 0px 0px 10px 15px;float: right;} .peer-wrapper.left{float: none !important;} .peer-wrapper.right{float: none !important;} .peer-wrapper.first { margin-top:0px; } .peer-wrapper.last { margin-bottom:0px; } /* Peer Headings */ .peer-wrapper .below-heading {/*margin: 10px 0 10px;color: #ADABAB;border-top: 1px solid;border-bottom: 1px solid;padding: 5px 0 5px;*/} .peer-wrapper .above-heading {color: #ADABAB;margin-bottom: 0px;line-height: 20px;} .peer-wrapper p{margin-bottom: 10px;} .peer-wrapper a.go{display: inline-block;} .peer-wrapper a.go:hover{} .peer-wrapper a i, .peer-wrapper a em{font-style: normal;} /* Peer Indent */ .peer-wrapper.indent .peer-indent{ overflow: hidden;zoom: 1;} .peer-icon.indent .peer-indent{ overflow: hidden;zoom: 1;} .contacts-index-index .contact-us .peer-icon.indent .peer-indent{ padding-top:10px;} /* Peer Centered */ .peer-wrapper.center { text-align: center;} .peer-wrapper.center .icon {float: none;margin: 0 0 10px;} .peer-wrapper.center a, .page-banners .banner a, .center-block a, .slider-banners a.banner, category-block-section a{z-index: 9;position: relative;overflow: hidden;display: block; -webkit-transition: all 0.3s ease-in-out ; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out ; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .peer-wrapper.center a:before, .page-banners .banner a:before, .center-block a:before, .slider-banners a.banner:before, .category-block-section a:before{border: 0px solid rgba(0, 0, 0, 0.3);bottom: 0;content: "";left: 0;overflow: visible;position: absolute;z-index: 9;right: 0;top: 0;opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .peer-wrapper.center a:hover:before, .page-banners .banner a:hover:before, .center-block a:hover:before, .slider-banners a.banner:hover:before, .category-block-section a:hover:before{border: 17px solid rgba(0, 0, 0, 0.3);opacity: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /* ******************************************************************************************** Social Link Icons *********************************************************************************************** */ .social-link a{margin-right: 10px;margin-bottom: 5px;display: inline-block;} .social-link a .icon{font-size: 19px;margin-bottom: 0px;margin-right: 0px;border-radius: 0;} .social-link a:hover .icon{color: #FFFFFF;border-color: transparent;background: #6fc138;} .social-link a:hover .fa-facebook{} .social-link a:hover .fa-twitter{} .social-link a:hover .fa-google-plus{} .social-link a:hover .fa-rss{} .social-link a:hover .fa-pinterest{} .social-link a:hover .fa-instagram{} .social-link a:hover .fa-linkedin{} .social-link a:hover .fa-vimeo-square{} .social-link a:hover .fa-youtube-play{} .social-link a:hover .fa-flickr{} .social-link a:hover .fa-envelope-o {} /* ******************************************************************************************** Columngrid *********************************************************************************************** */ .products-grid.columngrid{margin-left: -1%;margin-right: -1%;} .columngrid .item {float:left;margin-left:1%;margin-right:1%;margin-top:25px;} .columngrid.no-margin .item{margin-left: 0%;margin-right: 0%;margin-top:0px;} /* ******************************************************************************************** Columngrid Item *********************************************************************************************** */ /* Column Grid: 1 column */ .columngrid-1col .item { width:98%; } /* Column Grid: 2 columns */ .columngrid-2col .item { width:48%; } .columngrid-2col .item:nth-child(2n+1) { clear:left; } /* Column Grid: 3 columns */ .columngrid-3col .item { width:31.3333%; } .columngrid-3col .item:nth-child(3n+1) { clear:left; } /* Column Grid: 4 columns */ .columngrid-4col .item { width:23%; } .columngrid-4col .item:nth-child(4n+1) { clear:left; } /* Column Grid: 5 columns */ .columngrid-5col .item { width:18%; } .columngrid-5col .item:nth-child(5n+1) { clear:left; } /* Column Grid: 6 columns */ .columngrid-6col .item { width:14.6666%; } .columngrid-6col .item:nth-child(6n+1) { clear:left; } /* Column Grid: 7 columns */ .columngrid-7col .item { width:12.2857%; } .columngrid-7col .item:nth-child(7n+1) { clear:left; } /* Column Grid: 8 columns */ .columngrid-8col .item { width:10.5%; } .columngrid-8col .item:nth-child(8n+1) { clear:left; } /* ******************************************************************************************** Tabs *********************************************************************************************** */ ul.resp-tabs-list{ margin: 0px; padding: 0px; } .resp-tabs-list li { display: inline-block; padding: 15px 20px; font-size: 15px; margin: 0; list-style: none; cursor: pointer; border: 1px solid #f7621b; float: left; border-bottom: none; color: #999999; background: #f6f6f6; } h2.resp-accordion, .resp-tabs-list li{ color: #999999; } .resp-tabs-list li.resp-tab-active, h2.resp-accordion, h2.resp-tab-active{ border-color: #f6f6f6; } .resp-tabs-list li.resp-tab-active, h2.resp-tab-active{ border-top-color: #6fc138; } .resp-tabs-list li.resp-tab-active, h2.resp-tab-active, .resp-tabs-list li.resp-tab-active:hover, h2.resp-tab-active:hover{ color: #6fc138; background: #FFFFFF; } .resp-tabs-list li:hover{background: #6fc138;color: #FFFFFF; } .resp-tab-active { margin-bottom: -1px !important; padding: 15px 20px 16px!important; background-color: #FFF; } .resp-tabs-container { padding: 0px; clear: left; } h2.resp-accordion { cursor: pointer; padding: 5px; display: none; } .resp-tab-content { display: none; padding: 20px; } .resp-content-active, .resp-accordion-active { display: block; } .resp-tab-content { border-width: 1px; border-style: solid; border-color: #e6e6e6; } .resp-tab-content > h2:first-child{ display: none; } h2.resp-accordion { font-size: 16px; border-style:solid; border-width: 0px; border-top-width: 1px; margin: 0px; padding: 9px 0px; } h2.resp-tab-active { padding: 9px 0px !important } h2.resp-tab-title:last-child { border-bottom: 12px solid #e6e6e6 !important; background: blue; } /* Vertical tabs ======================================================= */ .resp-vtabs ul.resp-tabs-list { float: left; width: 30%; } .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0; cursor: pointer; float: none; } .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #e6e6e6; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; } .resp-vtabs .resp-tab-content { border: none; } .resp-vtabs li.resp-tab-active { border: 1px solid #e6e6e6; border-right: none; background-color: #fff; position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; } .resp-arrow { font-family: FontAwesome; float: right; margin-top: 4px; background-color: #252525; color: #FFF; width: 25px; height: 25px; font-size: 12px; text-align: center; line-height: 25px; font-weight: normal; border-radius: 3px; } h2.resp-tab-active span.resp-arrow, .resp-arrow:hover{ background-color: #6fc138; color: #fff; } /* Gen tabs ======================================================= */ .gen-tabs li{ text-transform: uppercase; font-size: 15px; font-weight: bold; display: inline-block; cursor: pointer; } .gen-tabs li.active, .gen-tabs li:hover{color: #6fc138;text-decoration: underline;} .gen-tabs span{display: inline-block;} .gen-tabs span{padding: 0 10px;} .gen-tabs span:last-child{display: none;} /* Accordion styles ======================================================= */ h2.resp-tab-active {} .resp-easy-accordion h2.resp-accordion {display: block;} .resp-easy-accordion .resp-tab-content {} .resp-easy-accordion .resp-tab-content:last-child {} .resp-jfit {width: 100%;margin: 0px;} .resp-tab-content-active {display: block;} h2.resp-accordion:first-child {} /*Here your can change the breakpoint to set the accordion, when screen resolution changed */ @media only screen and (max-width: 768px) { ul.resp-tabs-list { display: none; } h2.resp-accordion { display: block; background-color: transparent !important; } .resp-vtabs .resp-tab-content { border: 1px solid #e6e6e6; } .resp-tab-content{ padding: 6px 0px 15px; border: none; background-color: transparent !important; } .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: initial; clear: none; } .resp-accordion-closed { display:none !important; } .resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #e6e6e6 !important; } } /* Product 3 Coulmn */ .col3-layout ul.resp-tabs-list{display: none;} .col3-layout h2.resp-accordion {display: block;} .col3-layout .resp-tab-content{border-top-width: 0px;padding: 6px 0px 15px;border: none;} /* ******************************************************************************************** Side Nav ( Display Only Desktop Width ) *********************************************************************************************** */ .block.block-sidenav{background-color: #FBFBFB;border: 1px solid #EAEAEA;} .block.block-sidenav .sidenav-title{background-color: #6fc138;line-height: 26px;position: relative;font-size: 18px;clear: both;text-transform: uppercase;color: #FFFFFF;padding: 14px 20px;border-bottom: 1px solid #EAEAEA;} .block.block-sidenav .sidenav-title .fa{margin-right: 15px;} .block.block-sidenav .sidenav-content{} /* Sidenav Popup */ .block.block-sidenav #mega-nav div.mega-block{ width: 900px; top: 0; padding: 10px; left: 100% !important; border-top-width: 0px; border-left-width: 3px; max-width: none !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; } .block.block-sidenav #mega-nav .megamenu-vertical .mega-block{ padding: 0px; } .block.block-sidenav #mega-nav .megamenu-vertical ul { border-top-width: 0px; } /* First Level */ .block.block-sidenav #mega-nav { height: auto; float: none; } .block.block-sidenav #mega-nav > li{ position: relative; float: none; padding-bottom: 0px; } .block.block-sidenav #mega-nav > li > a{ border-bottom: 1px solid #EAEAEA; padding: 15px; font-size: 15px; color: #555555; font-weight: normal; text-transform: capitalize; background-color: transparent; border-top: none; } .block.block-sidenav #mega-nav > li > a:before{ display: none; } .block.block-sidenav #mega-nav > li:hover > a{ background-color: #6fc138; color: #FFFFFF; } .block.block-sidenav #mega-nav > li:last-child > a{ border-bottom: none; } .block.block-sidenav #mega-nav > li.parent > a:before{ display: none; } .block.block-sidenav #mega-nav > li.parent > a:after{ content: "\f0da"; font-family: FontAwesome; float: right; color: #888888; } .block.block-sidenav #mega-nav > li.parent:hover > a:after{ color: #FFFFFF; } /* ******************************************************************************************** Font Awesome *********************************************************************************************** */ /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('https://www.retrofootball.pt/skin/frontend/eCommbits/default/fonts/css/font-awesome/fontawesome-webfont.eot?v=4.1.0'); src: url('https://www.retrofootball.pt/skin/frontend/eCommbits/default/fonts/css/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('https://www.retrofootball.pt/skin/frontend/eCommbits/default/fonts/css/font-awesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('https://www.retrofootball.pt/skin/frontend/eCommbits/default/fonts/css/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('https://www.retrofootball.pt/skin/frontend/eCommbits/default/fonts/css/font-awesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal !important; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em !important; } .fa-3x { font-size: 3em !important; } .fa-4x { font-size: 4em !important; } .fa-5x { font-size: 5em !important; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before, .cart-table .link-wishlist:before, .compare-table .link-wishlist:before{ content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before, .view-mode .grid:before{ content: "\f009"; } .fa-th:before{ content: "\f00a"; } .fa-th-list:before, .view-mode .list:before{ content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-times:before, .tool-tip .btn-close a:before, .lb-data .lb-close:before, .peer-cancel-img:before, .fancybox-close:before{ content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before, .btn-remove:before, .btn-remove2:before{ content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before, .link-print:before{ content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before, .btn-edit:before{ content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before{ content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before{ content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before{ content: "\f053"; } .fa-chevron-right:before{ content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before, .accordion .opener:before, #cssmenu #mobile-menu .open:before, .resp-arrow:before, #nav li .more:before{ content: "\f067"; } .fa-minus:before, .accordion.active .opener:before, h2.resp-tab-active span.resp-arrow:before, #cssmenu #mobile-menu .open.active:before, #nav li.hover > .more:before{ content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before{ content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before, .link-rss:before{ content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-bars:before, #menu-button a:before, .toggleMenu:before{ content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before, .owl-theme .owl-controls .owl-buttons .owl-prev:before, .tp-leftarrow:before { content: "\f0d9"; } .fa-caret-right:before, ul.bullet li a:before, .footer.f-primary-3 ul.timing li:before, .owl-theme .owl-controls .owl-buttons .owl-next:before, .tp-rightarrow:before, #sidenav li a:before, .block-layered-nav #narrow-by-list li a:before, #mega-nav ul.subs li li a:before, #mega-nav .megamenu-vertical ul.subs li a:before, #side-nav > li > a:before, .block-account .block-content li a:before, .block-account li strong:before, .block-blog .block-content li a:before{ content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-asc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-desc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before{ content: "\f104"; } .fa-angle-right:before, .data-table .item-options dt:before, .tier-prices li:before{ content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .more-views.position-x .fa-angle-up:before{ content: "\f104"; } .more-views.position-x .fa-angle-down:before { content: "\f105"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-reply-all:before { content: "\f122"; } .fa-mail-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-square:before, .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } /* Do not change this file it lost your changes. */ /* ******************************************************************************************** Grid container *********************************************************************************************** */ .container_12 { width:96%; } /* Forces backgrounds to span full width, even if there is horizontal scrolling. Increase this if your layout is wider. Note: IE works fine without this fix. */ .ie8 .container_12 { max-width:1200px; } /* ******************************************************************************************** Desktop - design for a width of 1280px *********************************************************************************************** */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { .container_12 { max-width:1200px; } /* Hide */ .hide-below-1280 { display:initial !important; } } /* ******************************************************************************************** Design for a width of less than 1024 px *********************************************************************************************** */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* ******************************************************************************************** Tablet (Portrait) - design for a width of 768px *********************************************************************************************** */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Hide */ .hide-below-960 { display:none !important; } } /* ******************************************************************************************** All mobile - design for a width of less than 768px *********************************************************************************************** */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Containers (Display full width and add side padding) */ .container_12 { width:92%; padding-left:2%; padding-right:2%; } .pull-container { width:100%; margin-left:auto; } /* Grid >> Global (Remove both margin and display full width ) */ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_full { width:100% !important; margin-left:0; margin-right:0; } .no-both-margin.mobile-grid-half img{margin: 0 auto; display:table;} /* Vertically aligned grid ======================================================================================= */ .v-grid-container { display:block; } .v-grid { float:left; display:block; width:100%; } } /* ******************************************************************************************** Mobile (Landscape) - design for a width of 480px *********************************************************************************************** */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Mobile Grid Half Units Avalaible */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; float:left;} /* Remove Left Margin */ .no-left-margin.mobile-grid-half { width:49% !important; margin-left:0%;} /* Remove Right Margin */ .no-right-margin.mobile-grid-half { width:49% !important;margin-right:0%; } /* Remove Both Margin */ .no-both-margin.mobile-grid-half { width:50% !important; margin-left:0%; margin-right:0%; } } /* ******************************************************************************************** Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px *********************************************************************************************** */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* ******************************************************************************************** Design for a width of less than 480px (small mobile) *********************************************************************************************** */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Containers (Display full width and add side padding) */ .container_12 { max-width:none !important; width:94%; padding-left:3%; padding-right:3%; } } /* ******************************************************************************************** Mobile (Portrait) - design for a width of 320px *********************************************************************************************** */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* ******************************************************************************************** Mobile (Portrait) - design for a width of less than 320px *********************************************************************************************** */ /* width < 320px */ @media only screen and (max-width: 319px) { .container_12 { max-width:none !important; width:92%; padding-left:4%; padding-right:4%; } /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /* Do not change this file it lost your changes. */ /* ******************************************************************************************** Desktop, laptop - design for a width of 1280px *********************************************************************************************** */ /* 1280px <= width */ @media only screen and (min-width: 1280px) { /* Column Grid ======================================================================================= */ /* Column Grid: 1 columns */ .columngrid-adaptive.columngrid-1col .item { width:48%; clear:none !important; } .columngrid-adaptive.columngrid-1col .item:nth-child(2n+1) { clear:left !important; } /* Column Grid: 2 columns */ .columngrid-adaptive.columngrid-2col .item { width:31.3333%; clear:none !important; } .columngrid-adaptive.columngrid-2col .item:nth-child(3n+1) { clear:left !important; } /* Column Grid: 3 columns */ .columngrid-adaptive.columngrid-3col .item { width:23%; clear:none !important; } .columngrid-adaptive.columngrid-3col .item:nth-child(4n+1) { clear:left !important; } /* Column Grid: 4 columns */ .columngrid-adaptive.columngrid-4col .item { width:18%; clear:none !important; } .columngrid-adaptive.columngrid-4col .item:nth-child(5n+1) { clear:left !important; } /* Column Grid: 5 columns */ .columngrid-adaptive.columngrid-5col .item { width:14.6666%; clear:none !important; } .columngrid-adaptive.columngrid-5col .item:nth-child(6n+1) { clear:left !important; } /* Column Grid: 6 columns */ .columngrid-adaptive.columngrid-6col .item { width:12.2857%; clear:none !important; } .columngrid-adaptive.columngrid-6col .item:nth-child(7n+1) { clear:left !important; } /* Column Grid: 7 columns */ .columngrid-adaptive.columngrid-7col .item { width:10.5%; clear:none !important; } .columngrid-adaptive.columngrid-7col .item:nth-child(8n+1) { clear:left !important; } /* Caption ======================================================================================= */ .caption .heading { font-size:40px; line-height: 46px;} .caption p { font-size:20px; } /* Cart ======================================================================================= */ .cart-table .product-image { max-width:80px; } /* Misc ======================================================================================= */ /* Mini cart */ .after-mini-cart { clear:none; } } /* ******************************************************************************************** Design for a width of 960-1280 px *********************************************************************************************** */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart ======================================================================================= */ .cart-table .product-image { max-width:80px; } /* Cart ======================================================================================= */ .quick-search{width:75%;} .compare-wishlist-box{width:25%;} /* Toolbar ======================================================================================= */ .view-mode{margin-right: 40px;} .sorter .sort-by{margin-left: 40px;} } /* ******************************************************************************************** Design for a width of 768-1280 px *********************************************************************************************** */ /* 768px <= width < 1280px */ @media only screen and (min-width: 768px) and (max-width: 1279px) { /* Header ======================================================================================= */ .quick-search{width:75%;} .compare-wishlist-box{width:25%;} } /* ******************************************************************************************** Design for a width of 1280 px *********************************************************************************************** */ @media only screen and (max-width: 1280px){ .checkout-progress li{width: 19.8%;} } /* ******************************************************************************************** Design for a width of 1024 px *********************************************************************************************** */ /* width <= 1024px */ @media only screen and (max-width: 1024px) { /* Products grid ======================================================================================= */ .products-grid .item .visible-onhover {visibility: visible !important;opacity: 1 !important;} .products-grid .item .fancybox { display: none !important; } .products-grid button.button{padding-right: 80px;} .products-grid .actions{visibility: visible;opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } /* Disable Hover Effect ======================================================================================= */ /* Show elements normally displayed only on hover */ .products-grid .item .display-onhover {display: block !important;} /* Show elements normally displayed only on hover (Add to links) */ .products-grid .item:hover .add-to-links, .products-grid .add-to-links{right: 10px;} /* Product alter images normally displayed on hover */ .products-grid .item .product-image .small-image, .products-grid .item:hover .product-image .small-image{opacity: 1;visibility: visible;} .products-grid .item .product-image .thumbnail, .products-grid .item:hover .product-image .thumbnail{opacity: 0;visibility: hidden;} /* Caption ======================================================================================= */ .caption.middle.narrow, .caption.middle-right.narrow{width:50%;margin:6%;} /* Responsive Menu (Templete width) ======================================================================================= */ .navmain-container.template .nav .toggleMenu{margin: 0 10px;} .shopping_cart{margin:0;} /* Sidenav ======================================================================================= */ /* Hide Sidenav */ .block.block-sidenav{display: none;} } /* ******************************************************************************************** Mobile, small old desktop - design for a width of less than 960px *********************************************************************************************** */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Shopping Cart ======================================================================================= */ .cart .cart-left-column, .cart .cart-right-column{width:100% !important;margin-left:0% !important;margin-right:0% !important;} /* Price Slider ======================================================================================= */ .ui-rangeSlider-rightLabel{margin-left: 15px !important;} .block .slider-actions.actions{float: left !important;} /* Toolbar ======================================================================================= */ .view-mode{text-align:center;margin:0;} .sorter .sort-by{margin:0;} .sorter .item-right{float:none;display: inline-block;text-align: center;} .sorter .item-left, .pager .item-left{} .sorter .limiter{margin-left: 5px;vertical-align: top;} .peer-wrapper.center a:hover:before, .page-banners .banner a:hover:before, .center-block a:hover:before, .slider-banners a.banner:hover:before, .category-block-section a:hover:before{opacity: 0 !important;} } /* ******************************************************************************************** Tablet (Portrait) - design for a width of 768px *********************************************************************************************** */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Header ======================================================================================= */ .logo{text-align:left} .header4 .logo, .header6 .logo, .header7 .logo{text-align:center;} /* Cart ======================================================================================= */ .cart-table .product-image { max-width:80px; } /* Caption ======================================================================================= */ .caption .heading { font-size:25px; line-height: 30px;} .caption p { font-size:14px; line-height: 18px;} .caption button.button span span, .banner .caption button.button span span{height: 35px;line-height: 35px;padding: 0 15px;font-size: 14px;} /* Default Magento classes ======================================================================================= */ .nobr { white-space:normal !important; } } /* ******************************************************************************************** All desktop - design for a width of 768px and wider *********************************************************************************************** */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile accordion ======================================================================================= */ .mobile-accordion .block-title { border-bottom:none; } /* Hide line when not on mobile */ .mobile-accordion .opener { display:none !important; } /* Always hide when not on mobile */ .mobile-accordion .block-content { display:block !important; } /* Always show when not on mobile */ .accordion .block-content{display: none;} } /* ******************************************************************************************** All mobile - design for a width of less than 768px *********************************************************************************************** */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Disable display banner with header ======================================================================================= */ body.cms-index-index .header-container, body.cms-index-defaultindex .header-container, body.cms-home .header-container{position: relative !important;} /* Header ======================================================================================= */ /* Global notices */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Logo */ .logo {margin-left:auto; margin-right:auto; text-align: center !important;margin:10px 0;} /* Quick Search */ .quick-search, .compare-wishlist-box{width:100%;text-align:center;float:none;margin:15px 0px;} .compare-wishlist-box{margin-bottom:0px;} /* Other */ .header{text-align: center;} .header-primary, .header3 .navmain-container, .header5 .navmain-container{padding:15px 0px !important;} /* Header elements - align center */ .header .dropdown, .welcome-msg{display: inline-block;float: none;text-align: center;} .header .lang_cur{text-align: center;} .top-links{text-align:center;} /* Shopping Cart */ .shopping_cart .dropdown-toggle .summary-container{padding-left: 0px;margin-left: 0px;padding-right: 10px;margin-right: 10px;border-left-width: 0px;border-right-width: 1px;} .shopping_cart .dropdown-menu{right: 0;} /* Header 2 ======================================================================================= */ .header2 .shopping_cart .dropdown-toggle .summary-container{padding-right: 0px; margin-right: 0px;} /* Header 3 ======================================================================================= */ .header3 .shopping_cart .dropdown-toggle .summary-container{padding-right: 0px; margin-right: 0px;} .header3 .quick-search input{position:inherit;} .header3 .form-search .button{position:absolute;z-index:1000;} .header3 .quick-search input{opacity:1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .header3 .form-search .button span span{line-height:50px;padding:0px 15px;height:auto;width:auto;} .header3 .quick-search input{box-shadow:none;border:1px solid #e6e6e6;} .header3 .form-search .input-text{padding-right: 43px;} .header3 .form-search button.button span{background-color: transparent !important;color: #000 !important;} .header3 .form-search button.button:hover span{background-color: transparent !important;color: #6fc138 !important;} /* Header 4 ======================================================================================= */ .header4 .call-compare{float:none;} .header4 .shopping_cart .dropdown-toggle .summary-container{padding-right: 0px; margin-right: 0px;} /* Header 5 ======================================================================================= */ .header5 .lang_cur .f-right{float:none !important;} .header5 .quick-search input{position:inherit;} .header5 .form-search .button{position:absolute;} .header5 .quick-search input{opacity:1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .header5 .form-search .button span span{line-height:43px;} .header5 .form-search .input-text{padding-right: 43px;width:100%;} .header5 .search-cart{float: none;width: 100%;margin-left:0px;} .header5 .shopping_cart.dropdown{padding-left:0px;border-left:none;margin:25px 0px 15px;text-align:right;} .header5 .quick-search, .header5 .shopping_cart{width:100%;} .header5 .shopping_cart .dropdown-toggle .summary-container{padding-right:0;margin-right:0;} /* Header 6 ======================================================================================= */ .header6 .lang_cur .f-right{float:none !important;} .header6 .quick-search input{position:inherit;} .header6 .form-search .button{position:absolute;} .header6 .quick-search input{opacity:1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .header6 .form-search .button span span{line-height:43px;} .header6 .form-search .input-text{padding-right: 43px;width:100%;} .header6 .search-cart{float: none;width: 100%;margin-left:0px;} .header6 .shopping_cart.dropdown{padding-left:0px;border-left:none;margin:25px 0px 15px;text-align:right;} .header6 .quick-search, .header6 .shopping_cart{width:100%;} .header6 .shopping_cart .dropdown-toggle .summary-container{padding-right:0;margin-right:0;} /* Header 7 ======================================================================================= */ .header7 .call-compare{float:none;} .header7 .shopping_cart .dropdown-toggle .summary-container{padding-right: 0px; margin-right: 0px;} /* Category view ======================================================================================= */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { margin-left: auto !important;margin-right: auto !important;float:none;} .products-list .product-image-wrapper, .products-list .product-image{max-width:300px;display: block;} .products-list .product-shop{padding-top: 20px;float:left;} /* Toolbar ======================================================================================= */ /* Increase vertical spacing */ .my-account .pager{margin-top: 0px;} /* Page heading With Rss Link ======================================================================================= */ .page-title { position:relative; } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Cart ======================================================================================= */ /* Buttons below table: align center */ .cart-table tfoot tr.first td, .my-wishlist .buttons-set{ text-align:center !important; padding:0;} .cart-table tfoot button.button, .my-wishlist .buttons-set button.button{ display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* Products Page ======================================================================================= */ /* Product primary column */ .product-view .product-shop{padding: 30px 0px 0 0px;} /* Product third column */ .product-view .product-third-column{padding: 30px 0px 0 0px;} /* Tables ======================================================================================= */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:10px; } /* Tables Formatting ======================================================================================= */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead, .multiple-checkout .data-table thead{ display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody, .multiple-checkout .data-table tbody{ background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td, .multiple-checkout .data-table tr, .multiple-checkout .data-table td{ background:transparent !important; display:block; width:100%;border-bottom:none; text-align:center !important; box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;-moz-box-sizing: border-box;} .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr, .multiple-checkout .data-table tr{ border-bottom:1px solid #e6e6e6 !important; margin-bottom:20px; } .cart .data-table tfoot tr.last, .my-wishlist .data-table tfoot tr.last, .my-account .data-table tfoot tr.last, .order-review .data-table tfoot tr.last, .multiple-checkout .data-table tfoot tr.last{border-bottom: none !important;margin-bottom: 0px;} .cart .data-table tfoot tr.last{margin-bottom: 20px;} .order-items .price-excl-tax, .multiple-checkout td .cart-price{display: inline-block;} .multiple-checkout .data-table td select{width: 100%;} /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child, .multiple-checkout .data-table tfoot tr td:first-child{ font-weight:bold; } /* Show cell label */ .data-table .cartlabel {display: inline-block;margin-right: 10px;font-weight: bold;} /* Show item options */ .data-table .item-options{margin: 5px 0 0 0px;} /* Forms Elements ======================================================================================= */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; width: 100%;} /* Mobile accordion ======================================================================================= */ .mobile-accordion .block-content { display:none; } /* Hide on mobile */ .accordion .block-content{display: none;} /* Hide on mobile */ .mobile-accordion { position:relative; } /* Always make "relative" when not on mobile (to avoid flickering on CSS transitions) */ /* Grid and basic layout ======================================================================================= */ /* Margin for col-left and col-right */ .col-left, .col-right{ margin-top:20px } /* Magento utility classes ======================================================================================= */ .nobr { white-space:normal !important; } /* Scroll Back To Top ======================================================================================= */ a.scrollup {display:none !important;} /* Caption ======================================================================================= */ .caption > * { display:none !important; } .caption .heading { font-size:25px; margin-bottom:1px; line-height: 30px;} .caption p { font-size:14px; margin-bottom:1px; line-height: 18px;} .caption button.button span span, .banner .caption button.button span span{height: 30px;line-height: 30px;padding: 0 10px;font-size: 13px;} /* Banner Slider ======================================================================================= */ /* Banner Slider Controls */ .banner .owl-theme .owl-controls .owl-buttons div{width: 30px;height: 30px;line-height: 30px;font-size: 14px;} /* Banner Slider Pagination */ .banner .owl-theme .owl-controls .owl-pagination{ display:none !important; } /* Caption */ .bannercontainer .caption > * {display: inherit !important;} /* Footer ======================================================================================= */ .footer-bottom address, .footer-bottom .payment{text-align:center;margin-top:15px;} } /* end: width < 768px */ /* ******************************************************************************************** Mobile (Landscape) - design for a width of 480px *********************************************************************************************** */ /* 480 <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .login-register .user-login{padding-left:0;border-left-width: 0px;} .header4 .login-register .user-login{border-left-width:0px;} .header6 .login-register .user-login{border-left-width:0px;} } /* end: 480 <= width < 768px */ /* ******************************************************************************************** Design for a width of 640px *********************************************************************************************** */ /* 640 <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* end: 640 <= width < 768px */ /* ******************************************************************************************** Design for a width of less than 640px *********************************************************************************************** */ /* width < 640px */ @media only screen and (max-width: 639px) { /* Header ======================================================================================= */ /* Column Grid ======================================================================================= */ .columngrid.columngrid-adaptive .item { width:48%; clear:none !important; } .columngrid.columngrid-adaptive .item:nth-child(2n+1) { clear:left !important; } /* Title Buttons (Display Buttons Full Width) ======================================================================================= */ .title-buttons button{margin-left: 7px;width: 100%;margin-right: 7px;} .title-buttons button.button span{float:none;} /* Multiple Checkout Button Set (display backlink with button full width) ======================================================================================= */ .multiple-checkout .buttons-set .back-link, .multiple-checkout .buttons-set .back-link + button.button, .multiple-checkout .buttons-set .back-link + button.button span{float:none;} .multiple-checkout .buttons-set .back-link + button.button{width:100%;margin-right: 0px;} .checkout-progress li{width: 19.7%;} } /* end: width < 640px */ /* ******************************************************************************************** Design for a width of 480px *********************************************************************************************** */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { } /* end: 480 <= width < 640px */ /* ******************************************************************************************** Design for a width of less than 480px (small mobile) *********************************************************************************************** */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Header ======================================================================================= */ /* Header elements - align center */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Shopping Cart*/ .shopping_cart .dropdown-menu{} /* Block Header Top */ .header .item-left, .header .item-right{margin-left:0px;margin-right:0px;display: inline-block;float: none;margin-left: -3px;} .header .currency.dropdown{border-right-width: 2px;} .header2 .shopping_cart.dropdown{position: inherit;} .header2 .shopping_cart .dropdown-menu{left:0;min-width:inherit;} .header3 .search-cart{width: 100%;text-align: right;margin-left: 0px;} .header3 .quick-search{width: 82%;float: left;margin: 15px 0px;} .header3 .shopping_cart{margin: 25px 5px 15px;} .header3 .form-search .input-text{width: 100%;} .header4 .header .currency.dropdown{border-right-width: 1px;} .header4 .quick-search{margin-top:10px;} .header4 .shopping_cart.dropdown{position: inherit;} .header4 .shopping_cart .dropdown-menu{left:0;min-width:inherit;} .header5 .shopping_cart.dropdown{margin-top:0px; text-align:center;} .header5 .search-cart > *{width:100%;vertical-align: top;} .header5 .header .currency.dropdown{border-right-width:0px;} .header5 .header .toplinks .links > li.last{display: block;} .header5 .shopping_cart .dropdown-menu{left:0;min-width:inherit;} .header6 .shopping_cart.dropdown{margin-top:0px; text-align:center;} .header6 .search-cart > *{width:100%;vertical-align: top;} .header6 .header .currency.dropdown{border-right-width: 0px;} .header6 .header .toplinks .links > li.last{display: block;} .header6 .shopping_cart .dropdown-menu{left:0;min-width:inherit;} .header7 .quick-search{margin-top:10px;} .header7 .shopping_cart.dropdown{position: inherit;} .header7 .shopping_cart .dropdown-menu{left:0;min-width:inherit;} /* Toolbar ======================================================================================= */ /* All elements - align center */ .sorter, .pager {text-align: center !important;} .sorter *, .pager *{display:inline-block !important;float:none !important;text-align:center !important;} .pager .pages li a{display: block !important;} /* Product page ======================================================================================= */ /* Product Reviews */ .product-view .form-add .data-table th{font-size: inherit;font-weight: bold;} .product-view .form-add .data-table th, .product-view .form-add .data-table td { padding: 10px 7px; } /* Account ======================================================================================= */ /* Product Review Detail*/ .product-review .product-img-box{width: auto;float: none;} .product-review .product-details{margin: 0 0px 20px 0px;} /* Grid elements ======================================================================================= */ .col2-set .col-1, .col2-set .col-2 { width:100%; margin-bottom: 20px;} /* Ajex Cart Popup ======================================================================================= */ div.alert-inner{margin-left: -48%;width: 96%;max-width: none;} div.alert-inner a{float: none !important;} div.alert-inner a.cart{margin-bottom:10px;} /* Caption ======================================================================================= */ .caption > *, .caption .heading, .caption .permanent { display:none !important; } .caption .heading.permanent { display:inline-block !important; } .caption .heading { font-size:16px; line-height: 22px;} .caption p { font-size: 12px; line-height: 18px;} .checkout-progress li{width: 19.6%;} } /* end: width < 480px */ /* ******************************************************************************************** Design for a width of 320px (mobile - portrait) *********************************************************************************************** */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { } /* end: 320px <= width < 480px */ /* ******************************************************************************************** Design for a width of less than 380px *********************************************************************************************** */ /* width < 380px */ @media only screen and (max-width: 396px) { /* Column Grid ======================================================================================= */ /* Show 1 column */ .columngrid.columngrid-adaptive .item { width:98%; clear:none !important; } /* Button Set (Backlink With Button Display Full Width) ======================================================================================= */ .buttons-set .back-link, .buttons-set .back-link + button.button, .buttons-set .back-link + button.button span{float:none;} .buttons-set .back-link + button.button{width:100%;margin-right: 0px;} /* Opc Lorder */ .opc .buttons-set .back-link + button.button + .please-wait{width: 100%;text-align: center;margin-right: 0px;} /* Shopping Cart & Wishlist Button (Display same as button set) */ .cart-table tfoot button.button, .my-wishlist .buttons-set button.button{width: 100%;margin: 0 0 5px 0px !important;} .cart-table tfoot button.button span, .my-wishlist .buttons-set button.button span{float:none;} } /* end: width < 380px */ /* ******************************************************************************************** Design for a width of less than 320px *********************************************************************************************** */ /* width < 320px */ @media only screen and (max-width: 319px) { } /* end: width < 320px */ /* ******************************************************************************************** Design for a width of 240px (small mobile) *********************************************************************************************** */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { } /* end: 240px <= width < 320px */ /* ******************************************************************************************** Design for a width of lass than 240px *********************************************************************************************** */ /* width < 240px */ @media only screen and (max-width: 239px) { } /* end: width < 240px */ /*Additional custom CSS*/ /* RTL RESPONIVE */ /* END RTL RESPONSIVE */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/css/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/css/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/css/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/css/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/css/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://www.retrofootball.pt/skin/frontend/eCommbits/retrofootball/css/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }