/** * 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(http://www.retrofootball.fr/skin/frontend/eCommbits/retrofootball/images/alert-icon/i_msg-error.png);color:#cb2700;} .success-msg {border-color:#27ae60;background-color:#e4f3eb;background-image:url(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/skin/frontend/eCommbits/retrofootball/images/default-icon/icons.png) 0 -120px no-repeat; } .alert-stock { background:url(http://www.retrofootball.fr/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;} .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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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('http://www.retrofootball.fr/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(http://www.retrofootball.fr/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('http://www.retrofootball.fr/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("http://www.retrofootball.fr/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%; } /** * 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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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; } .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(http://www.retrofootball.fr/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("http://www.retrofootball.fr/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(http://www.retrofootball.fr/skin/frontend/base/default/css/starplugins/blank.png); } /* The animated ajax loading image */ .cloudzoom-ajax-loader { background-image:url(http://www.retrofootball.fr/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(http://www.retrofootball.fr/skin/frontend/base/default/images/webandpeople/advancedslider/arr_right.png) no-repeat center; } .stripNavR { background: url(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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(http://www.retrofootball.fr/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("http://www.retrofootball.fr/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('http://www.retrofootball.fr/skin/frontend/eCommbits/default/fonts/css/font-awesome/fontawesome-webfont.eot?v=4.1.0'); src: url('http://www.retrofootball.fr/skin/frontend/eCommbits/default/fonts/css/font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('http://www.retrofootball.fr/skin/frontend/eCommbits/default/fonts/css/font-awesome/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('http://www.retrofootball.fr/skin/frontend/eCommbits/default/fonts/css/font-awesome/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('http://www.retrofootball.fr/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 */ @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}