/** * 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-2017 X.commerce, Inc. and affiliates (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://www.magic-sim.com/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://www.magic-sim.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://www.magic-sim.com/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://www.magic-sim.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://www.magic-sim.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://www.magic-sim.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://www.magic-sim.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://www.magic-sim.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://www.magic-sim.com/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /*----DEFAULT COLUMNS STYLES FOR CONTENT TYPES----*/ .ct-clear { clear: both; } .ct-column-top { margin-bottom: 1em; } .ct-column-bottom { margin-top: 1em; } .ct-column-middle { margin-bottom: 1em; margin-top: 1em; } .ct-column-main-left-50 { width: 49%; float: left; } .ct-column-main-right-50 { width: 49%; float: right; } .ct-column-main-left-25 { width: 25%; float: left; } .ct-column-main-center-50 { width: 48%; margin: 0 1%; float: left; } .ct-column-main-right-25 { width: 25%; float: right; } .ct-column-main-left-33 { width: 32%; float: left; } .ct-column-main-center-33 { width: 32%; margin: 0 2%; float: left; } .ct-column-main-right-33 { width: 32%; float: right; } .block-ct-filter-content { padding: 5px 10px; } #contenttype-results-filter-list li a { display: inline-block; padding-left: 16px; background: url(https://www.magic-sim.com/skin/frontend/base/default/images/blackbird/acm/cb1.gif) no-repeat left center; } #contenttype-results-filter-list li.item-active a { background: url(https://www.magic-sim.com/skin/frontend/base/default/images/blackbird/acm/cb2.gif) no-repeat left center; } /*----DEFAULT COLUMNS STYLES FOR CONTENT LIST----*/ .cl-clear { clear: both; } .cl-column-top { margin-bottom: 1em; } .cl-column-bottom { margin-top: 1em; border-bottom:1px solid; } .cl-column-middle { margin-bottom: 1em; margin-top: 1em; } .cl-column-main-left-50 { width: 49%; float: left; } .cl-column-main-right-50 { width: 49%; float: right; } .cl-column-main-left-25 { width: 25%; float: left; } .cl-column-main-center-50 { width: 48%; margin: 0 1%; float: left; } .cl-column-main-right-25 { width: 25%; float: right; } .cl-column-main-left-33 { width: 32%; float: left; } .cl-column-main-center-33 { width: 32%; margin: 0 2%; float: left; } .cl-column-main-right-33 { width: 32%; float: right; } /** * Copyright (c) 2012-2018, Mollie B.V. * All rights reserved. * * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * - Redistributions of source code must retain the above copyright notice, * this list of conditions and the following disclaimer. * - Redistributions in binary form must reproduce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * * THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE FOR ANY * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY * OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH * DAMAGE. * * @category Mollie * @package Mollie_Mpm * @author Mollie B.V. (info@mollie.nl) * @copyright Copyright (c) 2012-2018 Mollie B.V. (https://www.mollie.nl) * @license http://www.opensource.org/licenses/bsd-license.php Berkeley Software Distribution License (BSD-License 2) **/ .mollie-loading .redirect-block { padding: 10%; text-align: center; } .mollie-loading p { margin-top: 20px; } .mollie-loading .loader { border: 16px solid #E3F0FA; border-top: 16px solid #31A8F0; border-radius: 50%; width: 50px; height: 50px; animation: spin 2s linear infinite; margin-left: auto; margin-right: auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #checkout-payment-method-load input.radio { float: left; } img.mollie-payment-method { margin-left: 40px !important; max-width: 40px !important; } /* Slick Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Hamburgers */ .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:''}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .15s ease .4s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:.1s;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:.1s;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .15s ease .4s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:.1s;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:.1s;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .2s ease-in .25s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .2s ease-in .25s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .15s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.32s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .32s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s}.hamburger--stand .hamburger-inner:before{transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s}.hamburger--stand-r .hamburger-inner:before{transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .34s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .14s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .34s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .14s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.1s}.hamburger--squeeze .hamburger-inner:before{transition:top .1s ease .14s,opacity .1s ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .14s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)} /* FancyBox */ .fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} @charset "UTF-8"; /** VARIABLES **/ /* Bootstrap */ /* Colors */ /* Padding */ /*Animations*/ /*Headings*/ /* FONT NAMES */ /** MIXINS **/ /** USE THESE FOR BEFORE/AFTER - START **/ /** USE THESE FOR BEFORE/AFTER - END **/ html, body { font-family: "proxima-nova",sans-serif; letter-spacing: 0.02px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-weight: bold; display: block; } strong, .strong { font-weight: bold; } h1, .h1 { font-size: 14px; font-size: 36px; line-height: 23px; line-height: 58.248px; } h2, .h2 { font-size: 14px; font-size: 32px; line-height: 23px; line-height: 51.776px; } h3, .h3 { font-size: 14px; font-size: 26px; line-height: 23px; line-height: 42.068px; } h4, .h4 { font-size: 14px; font-size: 23px; line-height: 23px; line-height: 37.214px; } h5, .h5 { font-size: 14px; font-size: 20px; line-height: 23px; line-height: 32.36px; } ul { margin: 10px 0; padding: 0 0 0 20px; } .main-content h1, .main-content .h1, .main-content h2, .main-content .h2, .main-content h3, .main-content .h3, .main-content h4, .main-content .h4, .main-content h5, .main-content .h5 { color: #0289b6; font-weight: 300; } .main-content strong, .main-content b { color: #19bbc0; font-weight: 400; } .main-content p, .main-content a, .main-content i, .main-content em, .main-content strong, .main-content b, .main-content li, .main-content .spacer { line-height: 31px; line-height: 26px; } .main-content p { margin: 12px 0; } .main-content .std { font-size: 18px; } .main-content .std p { font-weight: 300; } .main-content .std strong { font-weight: 400; } @font-face { font-family: "magicsim"; src: url("/skin/frontend/digitl/magicsim/font/magicsim.eot?66678686"); src: url("/skin/frontend/digitl/magicsim/font/magicsim.eot?66678686#iefix") format("embedded-opentype"), url("/skin/frontend/digitl/magicsim/font/magicsim.woff2?66678686") format("woff2"), url("/skin/frontend/digitl/magicsim/font/magicsim.woff?66678686") format("woff"), url("/skin/frontend/digitl/magicsim/font/magicsim.ttf?66678686") format("truetype"), url("/skin/frontend/digitl/magicsim/font/magicsim.svg?66678686#magicsim") format("svg"); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'magicsim'; src: url('https://www.magic-sim.com/skin/frontend/digitl/magicsim/font/magicsim.svg?66678686#magicsim') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "magicsim"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-right-open-mini:before { content: '\e800'; } /* '' */ .icon-left-open-mini:before { content: '\e801'; } /* '' */ .icon-login:before { content: '\e802'; } /* '' */ .icon-magnifier:before { content: '\e803'; } /* '' */ .icon-phone-vector:before { content: '\e804'; } /* '' */ .icon-register:before { content: '\e805'; } /* '' */ .icon-right-triangle:before { content: '\e806'; } /* '' */ .icon-roaming-charges:before { content: '\e807'; } /* '' */ .icon-same-day-dispatch:before { content: '\e808'; } /* '' */ .icon-secure-payment:before { content: '\e809'; } /* '' */ .icon-shop-cart:before { content: '\e80a'; } /* '' */ .icon-simple-setup:before { content: '\e80b'; } /* '' */ .icon-down-dir:before { content: '\e80c'; } /* '' */ .icon-trusted-site:before { content: '\e80d'; } /* '' */ .icon-dual-sim-cards:before { content: '\e80e'; } /* '' */ .icon-recommended-site:before { content: '\e80f'; } /* '' */ .icon-play-button:before { content: '\e810'; } /* '' */ .icon-free-delivery:before { content: '\e811'; } /* '' */ .icon-brand-lg:before { content: '\e812'; } /* '' */ .icon-brand-microsoft:before { content: '\e813'; } /* '' */ .icon-brand-nec:before { content: '\e814'; } /* '' */ .icon-brand-motorola:before { content: '\e815'; } /* '' */ .icon-brand-nextbit:before { content: '\e816'; } /* '' */ .icon-brand-nokia:before { content: '\e817'; } /* '' */ .icon-brand-o2:before { content: '\e818'; } /* '' */ .icon-subscribe-news:before { content: '\e819'; } /* '' */ .icon-tick:before { content: '\e81a'; } /* '' */ .icon-plus:before { content: '\e81b'; } /* '' */ .icon-equals:before { content: '\e81c'; } /* '' */ .icon-pencil:before { content: '\e81d'; } /* '' */ .icon-download-icon:before { content: '\e81e'; } /* '' */ .icon-ok:before { content: '\e823'; } /* '' */ .icon-cancel:before { content: '\e824'; } /* '' */ .icon-star:before { content: '\e825'; } /* '' */ .icon-star-half:before { content: '\e826'; } /* '' */ .icon-1-yr-guarantee:before { content: '\e827'; } /* '' */ .icon-down-big:before { content: '\e828'; } /* '' */ .icon-enquiries:before { content: '\e829'; } /* '' */ .icon-support:before { content: '\e82a'; } /* '' */ .icon-404:before { content: '\e82b'; } /* '' */ .icon-brand-oneplus:before { content: '\e82c'; } /* '' */ .icon-brand-palmone:before { content: '\e82d'; } /* '' */ .icon-brand-panasonic:before { content: '\e82e'; } /* '' */ .icon-brand-philips:before { content: '\e82f'; } /* '' */ .icon-brand-qtek:before { content: '\e830'; } /* '' */ .icon-brand-sagem:before { content: '\e831'; } /* '' */ .icon-brand-samsung:before { content: '\e832'; } /* '' */ .icon-brand-siemens:before { content: '\e833'; } /* '' */ .icon-brand-skype:before { content: '\e834'; } /* '' */ .icon-brand-sony:before { content: '\e835'; } /* '' */ .icon-brand-sony-ericsson:before { content: '\e836'; } /* '' */ .icon-brand-swisscom:before { content: '\e837'; } /* '' */ .icon-brand-t-mobile:before { content: '\e838'; } /* '' */ .icon-brand-toshiba:before { content: '\e839'; } /* '' */ .icon-brand-vodafone:before { content: '\e83a'; } /* '' */ .icon-brand-xiaomi:before { content: '\e83b'; } /* '' */ .icon-brand-zte:before { content: '\e83c'; } /* '' */ .icon-brand-acer:before { content: '\e83d'; } /* '' */ .icon-brand-apple:before { content: '\e83e'; } /* '' */ .icon-brand-blackberry:before { content: '\e83f'; } /* '' */ .icon-brand-dell:before { content: '\e840'; } /* '' */ .icon-brand-fujitsu-siemens:before { content: '\e841'; } /* '' */ .icon-brand-google:before { content: '\e842'; } /* '' */ .icon-brand-hp:before { content: '\e843'; } /* '' */ .icon-brand-htc:before { content: '\e844'; } /* '' */ .icon-brand-huawei:before { content: '\e845'; } /* '' */ .icon-right-open:before { content: '\f006'; } /* '' */ .icon-twitter:before { content: '\f099'; } /* '' */ .icon-facebook:before { content: '\f09a'; } /* '' */ .icon-menu:before { content: '\f0c9'; } /* '' */ .icon-circle-empty:before { content: '\f10c'; } /* '' */ .icon-circle:before { content: '\f111'; } /* '' */ .icon-youtube:before { content: '\f167'; } /* '' */ .icon-circle-notch:before { content: '\f1ce'; } /* '' */ .icon-vimeo:before { content: '\f27d'; } /* '' */ html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } body { font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .container { margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1000px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 5px; padding-right: 5px; } .row { margin-left: -5px; margin-right: -5px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 5px; padding-right: 5px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66667%; } .col-xs-10 { width: 83.33333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66667%; } .col-xs-7 { width: 58.33333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66667%; } .col-xs-4 { width: 33.33333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66667%; } .col-xs-1 { width: 8.33333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66667%; } .col-sm-10 { width: 83.33333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66667%; } .col-sm-7 { width: 58.33333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66667%; } .col-sm-4 { width: 33.33333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66667%; } .col-sm-1 { width: 8.33333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66667%; } .col-md-10 { width: 83.33333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66667%; } .col-md-7 { width: 58.33333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66667%; } .col-md-4 { width: 33.33333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66667%; } .col-md-1 { width: 8.33333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-1 { left: 8.33333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66667%; } .col-lg-10 { width: 83.33333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66667%; } .col-lg-7 { width: 58.33333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66667%; } .col-lg-4 { width: 33.33333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66667%; } .col-lg-1 { width: 8.33333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } a, .a { cursor: pointer; } .clear { display: block; clear: both; } .spacer { display: block; clear: both; line-height: inherit; margin: 16px 0; } .background-cover { background-position: center; background-repeat: no-repeat; background-size: cover; } .text-right { text-align: right; } .text-center { text-align: center; } .text-left { text-align: left; } .full-width { width: 100%; } .max-full-width { max-width: 100%; } .no-border { border: 0 none; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-tb { margin-bottom: 0 !important; margin-top: 0 !important; } .no-marg-pad { margin: 0; padding: 0; } .no-padding { padding: 0 !important; } .no-padding-right { padding-right: 0 !important; } .no-padding-left { padding-left: 0 !important; } .no-style-type, .no-style-type li { list-style-type: none; } .no-display { overflow: hidden !important; display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; } .opacity-0 { opacity: 0; transition: opacity 0.22s ease-in-out; -moz-transition: opacity 0.22s ease-in-out; -webkit-transition: opacity 0.22s ease-in-out; } .opacity-0.opacity-1, .opacity-1 { opacity: 1; } /* Position */ .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .static { position: static; } /* Widths */ .width-50-percent { width: 50% !important; } html, body { max-width: 100%; max-height: 100%; margin: 0px; padding: 0px; overflow-x: hidden; } html *:focus, html *:active, body *:focus, body *:active { outline: none; } html, body, a { color: #838383; font-size: 16px; font-weight: 200; } a, .a, a:before, .a:before, a:after, .a:after, button { transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } a:hover, .a:hover, a:focus, .a:focus, a:active, .a:active { color: #0289b6; text-decoration: none; } /** HEADER **/ .main-header { background-color: #ffffff; margin: 25px 0 0 0; } .main-header .logo { display: inline-block; } .main-header .logo img { height: auto; margin-top: 16px; max-height: 53px; } .main-header .main-navigation { margin-top: 25px; } .main-header .main-navigation .nav-container { background-color: #e9e9e9; } .main-header .main-navigation ul, .main-header .main-navigation li { border: 0 none; display: inline-block; list-style-type: none; text-align: center; } .main-header .main-navigation ul#nav { display: block; margin: 0 -10px; padding: 0; } .main-header .main-navigation ul#nav li { border-right: 2px solid #efefef; text-transform: uppercase; padding: 0 4px; position: relative; } .main-header .main-navigation ul#nav li a, .main-header .main-navigation ul#nav li .a { display: block; font-size: 17px; font-weight: 400; padding: 16px 18px; } .main-header .main-navigation ul#nav li a:before, .main-header .main-navigation ul#nav li .a:before { background-color: #0289b6; content: ""; height: 5px; position: absolute; bottom: 0; left: 50%; right: 50%; } .main-header .main-navigation ul#nav li a:after, .main-header .main-navigation ul#nav li .a:after { background-color: #0289b6; content: ""; height: 5px; position: absolute; bottom: 0; left: 50%; right: 50%; } .main-header .main-navigation ul#nav li a:hover:before, .main-header .main-navigation ul#nav li .a:hover:before, .main-header .main-navigation ul#nav li a:focus:before, .main-header .main-navigation ul#nav li .a:focus:before, .main-header .main-navigation ul#nav li a:active:before, .main-header .main-navigation ul#nav li .a:active:before, .main-header .main-navigation ul#nav li a.active:before, .main-header .main-navigation ul#nav li .a.active:before { left: 17px; } .main-header .main-navigation ul#nav li a:hover:after, .main-header .main-navigation ul#nav li .a:hover:after, .main-header .main-navigation ul#nav li a:focus:after, .main-header .main-navigation ul#nav li .a:focus:after, .main-header .main-navigation ul#nav li a:active:after, .main-header .main-navigation ul#nav li .a:active:after, .main-header .main-navigation ul#nav li a.active:after, .main-header .main-navigation ul#nav li .a.active:after { right: 19px; } .main-header .main-navigation ul#nav li:first-child a { padding-left: 0; } .main-header .main-navigation ul#nav li:first-child a:hover:before, .main-header .main-navigation ul#nav li:first-child .a:hover:before, .main-header .main-navigation ul#nav li:first-child a:active:before, .main-header .main-navigation ul#nav li:first-child .a:active:before, .main-header .main-navigation ul#nav li:first-child a:focus:before, .main-header .main-navigation ul#nav li:first-child .a:focus:before { padding-left: 0; margin-left: -15px; } .main-header .main-navigation ul#nav li:last-child a { padding-right: 0; } .main-header .main-navigation ul#nav li:last-child a:hover:before, .main-header .main-navigation ul#nav li:last-child .a:hover:before, .main-header .main-navigation ul#nav li:last-child a:hover:active, .main-header .main-navigation ul#nav li:last-child .a:hover:active, .main-header .main-navigation ul#nav li:last-child a:hover:focus, .main-header .main-navigation ul#nav li:last-child .a:hover:focus { padding-right: 0; } .main-header .main-navigation ul#nav li:last-child a:hover:after, .main-header .main-navigation ul#nav li:last-child .a:hover:after { margin-right: -20px; } .main-header .main-navigation ul#nav li:last-child { border-right: 0; } .main-header .main-navigation ul#nav .category-menu .icon-menu { padding-left: 5px; } .main-header .main-navigation ul#nav .category-menu { outline: 0; padding-right: 25px; } .main-header .main-navigation ul#nav .category-menu .hamburger { height: 14px; padding: 0; position: absolute; margin-top: -3px; top: 50%; right: 20px; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .main-header .main-navigation ul#nav .category-menu .hamburger .hamburger-box { height: 14px; width: 16px; } .main-header .main-navigation ul#nav .category-menu .hamburger .hamburger-box .hamburger-inner, .main-header .main-navigation ul#nav .category-menu .hamburger .hamburger-box .hamburger-inner:before, .main-header .main-navigation ul#nav .category-menu .hamburger .hamburger-box .hamburger-inner:after { background-color: #747474; height: 2px; width: 100%; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .main-header .main-navigation ul#nav .category-menu .hamburger .hamburger-box .hamburger-inner:before { top: -5px; } .main-header .main-navigation ul#nav .category-menu .hamburger .hamburger-box .hamburger-inner:after { bottom: -5px; } .main-header .main-navigation ul#nav .category-menu .hamburger.is-active .hamburger-inner:before { top: 0; } .main-header .main-navigation ul#nav .category-menu .hamburger.is-active .hamburger-inner:after { bottom: 0; } .main-header .main-navigation ul#nav .category-menu .hamburger:hover, .main-header .main-navigation ul#nav .category-menu .hamburger:active, .main-header .main-navigation ul#nav .category-menu .hamburger:focus { opacity: 1 !important; outline: 0; } .main-header .main-navigation ul#nav .category-menu .a:hover .hamburger-inner, .main-header .main-navigation ul#nav .category-menu .a:hover .hamburger-inner:before, .main-header .main-navigation ul#nav .category-menu .a:hover .hamburger-inner:after, .main-header .main-navigation ul#nav .category-menu .a:active .hamburger-inner, .main-header .main-navigation ul#nav .category-menu .a:active .hamburger-inner:before, .main-header .main-navigation ul#nav .category-menu .a:active .hamburger-inner:after, .main-header .main-navigation ul#nav .category-menu .a:focus .hamburger-inner, .main-header .main-navigation ul#nav .category-menu .a:focus .hamburger-inner:before, .main-header .main-navigation ul#nav .category-menu .a:focus .hamburger-inner:after { background-color: #0289b6; } .main-header .main-navigation .category-menu-list-container { border-top: 3px solid #0289b6; display: none; margin-bottom: 15px; } .main-header .main-navigation .category-menu-list-container ul.category-menu-list { display: block; margin: 0; overflow: hidden; padding: 10px 0 0 0; position: relative; width: 100%; } .main-header .main-navigation .category-menu-list-container ul.category-menu-list li { border-right: 1px solid #f7f7f7; display: block; float: left; position: relative; width: 14.28%; } .main-header .main-navigation .category-menu-list-container ul.category-menu-list li a { background-position: top center; background-repeat: no-repeat; background-size: 90%; display: block; font-size: 14px; position: relative; text-align: center; width: 100%; } .main-header .main-navigation .category-menu-list-container ul.category-menu-list li a img { width: 75%; } .main-header .main-navigation .category-menu-list-container ul.category-menu-list li a span { display: block; width: 100%; font-weight: 300; } .main-header .main-navigation .category-menu-list-container ul.category-menu-list li a:hover, .main-header .main-navigation .category-menu-list-container ul.category-menu-list li a:active, .main-header .main-navigation .category-menu-list-container ul.category-menu-list li a:focus { background-color: #f7f7f7; } .main-header .main-navigation .category-menu-list-container ul.category-menu-list li span { padding: 10px 0; text-transform: uppercase; } .main-header .main-navigation .category-menu-list-container ul.category-menu-list li:last-child { border-color: #ffffff; } .main-header .login-links { display: block; list-style-type: none; margin: 0; padding: 0; } .main-header .login-links li { display: inline-block; position: relative; text-transform: uppercase; } .main-header .login-links li a { color: #9c9c9c; font-size: 13px; font-weight: 400; padding: 0 15px 0 25px; position: relative; margin-left: 3px; } .main-header .login-links li a:before { color: #9c9c9c; content: '\e802'; display: block; font-family: 'magicsim'; position: absolute; bottom: 0px; left: 5px; } .main-header .login-links li a:after { border-right: 1px solid #efefef; content: ""; position: absolute; top: 2px; right: 0; height: 12px; } .main-header .login-links li a:hover, .main-header .login-links li a:active, .main-header .login-links li a:focus, .main-header .login-links li a:hover:before, .main-header .login-links li a:active:before, .main-header .login-links li a:focus:before { color: #19bbc0; } .main-header .login-links li:first-child a { margin-left: 0; } .main-header .login-links li:last-child a { padding-right: 0; } .main-header .login-links li:last-child a:before { content: '\e805'; } .main-header .login-links li:last-child a:after { display: none; } .main-header .free-delivery.gb-only { padding-right: 15px; text-align: right; } .main-header .free-delivery-callout { text-align: left !important; width: 52%; } .main-header .free-delivery-callout .free-delivery .free-delivery-block { position: relative; } .main-header .free-delivery-callout .free-delivery .free-delivery-block a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .main-header .language-currency-selectors { padding-left: 0; padding-right: 8px; width: 18%; } .main-header .language-block, .main-header .currency-block { background-color: #f7f7f7; border-radius: 5px; cursor: pointer; height: 36px; padding: 5px 0; position: relative; } .main-header .language-block ul, .main-header .currency-block ul { background-color: #f7f7f7; border-radius: 5px; display: block; height: auto; max-height: 25px; margin: 0; overflow: hidden; padding: 0 10px 5px 10px; position: absolute; width: 100%; transition: max-height 0.22s ease-in-out; -moz-transition: max-height 0.22s ease-in-out; -webkit-transition: max-height 0.22s ease-in-out; } .main-header .language-block ul li, .main-header .currency-block ul li { display: block; list-style-type: none; margin: 0; padding: 0; } .main-header .language-block ul li a, .main-header .language-block ul li .a, .main-header .currency-block ul li a, .main-header .currency-block ul li .a { color: #299bc0; display: block; font-size: 14px; line-height: 15px; padding: 5px 0; } .main-header .language-block .selection-trigger, .main-header .currency-block .selection-trigger { padding: 8px 0 0 5px; cursor: pointer; display: block; height: 35px; position: absolute; text-align: center; top: 0; right: 0; } .main-header .language-block:hover .selection-trigger span:before, .main-header .language-block:active .selection-trigger span:before, .main-header .language-block:focus .selection-trigger span:before, .main-header .currency-block:hover .selection-trigger span:before, .main-header .currency-block:active .selection-trigger span:before, .main-header .currency-block:focus .selection-trigger span:before { color: #e9e9e9; } .main-header .language-block.show-options ul, .main-header .currency-block.show-options ul { max-height: 300px; } .main-header .language-block { margin-bottom: 10px; } .main-header .language-block ul { z-index: 4; padding-bottom: 0; line-height: 26px; } .main-header .language-block .selection-trigger { z-index: 5; } .main-header .language-block .flag { background-position: 78% center; background-size: 20px; background-repeat: no-repeat; } .main-header .language-block .gb-flag { background-image: url("/media/contenttype/flags/flag_english@2x.png"); } .main-header .language-block .fr-flag { background-image: url("/media/contenttype/flags/flag_french@2x.png"); } .main-header .language-block .es-flag { background-image: url("/media/contenttype/flags/flag_spanish@2x.png"); } .main-header .currency-block ul { z-index: 2; padding-bottom: 0; line-height: 26px; } .main-header .currency-block .selection-trigger { z-index: 3; } .main-header .selection-trigger span:before { color: #0289b6; font-size: 18px; -ms-transform-origin: 50% 50%; /* IE 9 */ -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */ transform-origin: 50% 50%; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .main-header .show-options .selection-trigger span:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .main-header .top-links-mini-cart { padding-left: 8px; width: 30%; } .category-menu-mobile { position: relative; display: block; } .mobile-nav-container .category-menu-mobile .icon-right-open:before, .mobile-nav-container .category-menu-mobile-back .icon-right-open:before { font-size: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mobile-nav-container .category-menu-mobile span.a, .mobile-nav-container .category-menu-mobile-back span.a { position: relative; display: inline-block; } .mobile-nav-container .category-menu-mobile .hamburger, .mobile-nav-container .category-menu-mobile-back .hamburger { display: inline-block; height: 30px; padding: 0 0 0 10px; position: relative; -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); vertical-align: text-top; } .mobile-nav-container .category-menu-mobile .hamburger .hamburger-box, .mobile-nav-container .category-menu-mobile-back .hamburger .hamburger-box { height: 14px; width: 16px; } .mobile-nav-container .category-menu-mobile .hamburger .hamburger-box .hamburger-inner, .mobile-nav-container .category-menu-mobile .hamburger .hamburger-box .hamburger-inner:before, .mobile-nav-container .category-menu-mobile .hamburger .hamburger-box .hamburger-inner:after, .mobile-nav-container .category-menu-mobile-back .hamburger .hamburger-box .hamburger-inner, .mobile-nav-container .category-menu-mobile-back .hamburger .hamburger-box .hamburger-inner:before, .mobile-nav-container .category-menu-mobile-back .hamburger .hamburger-box .hamburger-inner:after { background-color: #0289b6; height: 2px; width: 100%; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .mobile-nav-container .category-menu-mobile .hamburger .hamburger-box .hamburger-inner:before, .mobile-nav-container .category-menu-mobile-back .hamburger .hamburger-box .hamburger-inner:before { top: -5px; } .mobile-nav-container .category-menu-mobile .hamburger .hamburger-box .hamburger-inner:after, .mobile-nav-container .category-menu-mobile-back .hamburger .hamburger-box .hamburger-inner:after { bottom: -5px; } .mobile-nav-container .category-menu-mobile .hamburger.is-active .hamburger-inner:before, .mobile-nav-container .category-menu-mobile-back .hamburger.is-active .hamburger-inner:before { top: 0; } .mobile-nav-container .category-menu-mobile .hamburger.is-active .hamburger-inner:after, .mobile-nav-container .category-menu-mobile-back .hamburger.is-active .hamburger-inner:after { bottom: 0; } .mobile-nav-container .category-menu-mobile .hamburger:hover, .mobile-nav-container .category-menu-mobile .hamburger:active, .mobile-nav-container .category-menu-mobile .hamburger:focus, .mobile-nav-container .category-menu-mobile-back .hamburger:hover, .mobile-nav-container .category-menu-mobile-back .hamburger:active, .mobile-nav-container .category-menu-mobile-back .hamburger:focus { opacity: 1 !important; outline: 0; } .mobile-nav-container .category-menu-mobile .a:hover .hamburger-inner, .mobile-nav-container .category-menu-mobile .a:hover .hamburger-inner:before, .mobile-nav-container .category-menu-mobile .a:hover .hamburger-inner:after, .mobile-nav-container .category-menu-mobile .a:active .hamburger-inner, .mobile-nav-container .category-menu-mobile .a:active .hamburger-inner:before, .mobile-nav-container .category-menu-mobile .a:active .hamburger-inner:after, .mobile-nav-container .category-menu-mobile .a:focus .hamburger-inner, .mobile-nav-container .category-menu-mobile .a:focus .hamburger-inner:before, .mobile-nav-container .category-menu-mobile .a:focus .hamburger-inner:after, .mobile-nav-container .category-menu-mobile-back .a:hover .hamburger-inner, .mobile-nav-container .category-menu-mobile-back .a:hover .hamburger-inner:before, .mobile-nav-container .category-menu-mobile-back .a:hover .hamburger-inner:after, .mobile-nav-container .category-menu-mobile-back .a:active .hamburger-inner, .mobile-nav-container .category-menu-mobile-back .a:active .hamburger-inner:before, .mobile-nav-container .category-menu-mobile-back .a:active .hamburger-inner:after, .mobile-nav-container .category-menu-mobile-back .a:focus .hamburger-inner, .mobile-nav-container .category-menu-mobile-back .a:focus .hamburger-inner:before, .mobile-nav-container .category-menu-mobile-back .a:focus .hamburger-inner:after { background-color: #0289b6; } .mobile-nav-container .category-menu-mobile-back .hamburger { padding-left: 5px; } .cms-index-index .main-header .main-navigation ul#nav li.nav-home a:before, .catalog-category-commmon-ancestor-name-products .main-header .main-navigation ul#nav li.nav-products a:before, .cms-page-videos .main-header .main-navigation ul#nav li.nav-videos a:before, .cms-page-compatibility .main-header .main-navigation ul#nav li.nav-compatibility a:before, .cms-page-why-magicsim .main-header .main-navigation ul#nav li.nav-about a:before, .catalog-category-commmon-ancestor-name-support .main-header .main-navigation ul#nav li.nav-support a:before, .cms-page-contact-us .main-header .main-navigation ul#nav li.nav-contact a:before, .cms-index-index .main-header .main-navigation ul#nav li.nav-home .a:before, .catalog-category-commmon-ancestor-name-products .main-header .main-navigation ul#nav li.nav-products .a:before, .cms-page-videos .main-header .main-navigation ul#nav li.nav-videos .a:before, .cms-page-compatibility .main-header .main-navigation ul#nav li.nav-compatibility .a:before, .cms-page-why-magicsim .main-header .main-navigation ul#nav li.nav-about .a:before, .catalog-category-commmon-ancestor-name-support .main-header .main-navigation ul#nav li.nav-support .a:before, .cms-page-contact-us .main-header .main-navigation ul#nav li.nav-contact .a:before { left: 17px; } .cms-index-index .main-header .main-navigation ul#nav li.nav-home a:after, .catalog-category-commmon-ancestor-name-products .main-header .main-navigation ul#nav li.nav-products a:after, .cms-page-videos .main-header .main-navigation ul#nav li.nav-videos a:after, .cms-page-compatibility .main-header .main-navigation ul#nav li.nav-compatibility a:after, .cms-page-why-magicsim .main-header .main-navigation ul#nav li.nav-about a:after, .catalog-category-commmon-ancestor-name-support .main-header .main-navigation ul#nav li.nav-support a:after, .cms-page-contact-us .main-header .main-navigation ul#nav li.nav-contact a:after, .cms-index-index .main-header .main-navigation ul#nav li.nav-home .a:after, .catalog-category-commmon-ancestor-name-products .main-header .main-navigation ul#nav li.nav-products .a:after, .cms-page-videos .main-header .main-navigation ul#nav li.nav-videos .a:after, .cms-page-compatibility .main-header .main-navigation ul#nav li.nav-compatibility .a:after, .cms-page-why-magicsim .main-header .main-navigation ul#nav li.nav-about .a:after, .catalog-category-commmon-ancestor-name-support .main-header .main-navigation ul#nav li.nav-support .a:after, .cms-page-contact-us .main-header .main-navigation ul#nav li.nav-contact .a:after { right: 19px; } .cms-index-index .main-header .main-navigation ul#nav li.nav-home a:before, .cms-index-index .main-header .main-navigation ul#nav li.nav-home .a:before { padding-left: 0; margin-left: -15px; } .cms-page-contact-us .main-header .main-navigation ul#nav li.nav-contact a:after, .cms-page-contact-us .main-header .main-navigation ul#nav li.nav-contact .a:after { margin-right: -20px; } ul#nav li a:before, ul#nav li a:after, ul#nav li .a:before, ul#nav li .a:after { visibility: hidden; } ul#nav li a:hover:before, ul#nav li a:hover:after, ul#nav li .a:hover:before, ul#nav li .a:hover:after { visibility: visible; } .product-menu-visible .category-menu a:before, .product-menu-visible .category-menu .a:before, .product-menu-visible .category-menu a:after, .product-menu-visible .category-menu .a:after { background-color: #0289b6; content: ""; height: 5px; position: absolute; bottom: 0; } .product-menu-visible .category-menu a:before, .product-menu-visible .category-menu .a:before { left: 17px !important; } .product-menu-visible .category-menu a:after, .product-menu-visible .category-menu .a:after { right: 19px !important; } .mini-cart { cursor: pointer; font-size: 14px; position: relative; z-index: 999; } .mini-cart .mini-cart-link { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mini-cart .mini-cart-block:before { content: '\e80a'; color: #A8A8A8; font-family: 'magicsim'; font-size: 28px; height: 30px; line-height: 30px; position: absolute; top: 50%; margin-top: -15px; left: 10px; } .mini-cart .mini-cart-block { background-color: #f7f7f7; border-radius: 5px; padding: 7px 0 6px 55px; position: relative; z-index: 10; height: 82px; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .mini-cart .mini-cart-block:before, .mini-cart .mini-cart-block .mini-cart-summary *, .mini-cart .mini-cart-block .mini-cart-currency { transition: color 0.22s ease-in-out; -moz-transition: color 0.22s ease-in-out; -webkit-transition: color 0.22s ease-in-out; } .mini-cart .mini-cart-block:hover, .mini-cart .mini-cart-block:active, .mini-cart .mini-cart-block:focus { background-color: #efefef; /* .mini-cart-content { display:block; } */ } .mini-cart .mini-cart-block:hover:before, .mini-cart .mini-cart-block:hover .mini-cart-summary *, .mini-cart .mini-cart-block:hover .mini-cart-currency, .mini-cart .mini-cart-block:active:before, .mini-cart .mini-cart-block:active .mini-cart-summary *, .mini-cart .mini-cart-block:active .mini-cart-currency, .mini-cart .mini-cart-block:focus:before, .mini-cart .mini-cart-block:focus .mini-cart-summary *, .mini-cart .mini-cart-block:focus .mini-cart-currency { color: #19bbc0; } .mini-cart .mini-cart-block .mini-cart-currency { color: #299bc0; display: inline-block; margin-top: 15px; } .mini-cart .mini-cart-block ul, .mini-cart .mini-cart-block li { margin: 0; padding: 0; list-style-type: none; } .mini-cart .mini-cart-block .mini-cart-summary li { color: #838383; display: inline-block; } .mini-cart .mini-cart-block .mini-cart-summary li:first-child { padding-right: 8px; position: relative; } .mini-cart .mini-cart-block .mini-cart-summary li:first-child:after { background-color: #838383; content: ""; display: block; position: absolute; width: 1px; right: 0; top: 4px; bottom: 4px; opacity: 0.6; } .mini-cart .mini-cart-block .mini-cart-summary li:last-child { padding-left: 5px; } .mini-cart .mini-cart-block .mini-cart-content:before { content: ""; display: block; height: 30px; width: 30px; background-color: #ffffff; left: 60%; position: absolute; top: -10px; margin-left: -15px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-box-shadow: 0px 0px 10px 0px #838383; -moz-box-shadow: 0px 0px 10px 0px #838383; box-shadow: 0px 0px 10px 0px #838383; z-index: -1; } .mini-cart .mini-cart-block .mini-cart-content { cursor: initial; display: none; height: auto; position: absolute; margin-top: 20px; top: 100%; right: 0; width: 170%; z-index: 3; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner:before { content: ""; display: block; height: 30px; width: 30px; background-color: #ffffff; left: 60%; position: absolute; top: -10px; margin-left: -15px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); z-index: 1; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner { background-color: #ffffff; border-radius: 5px; display: block; font-size: 16px; -webkit-box-shadow: 0px 0px 10px 0px #838383; -moz-box-shadow: 0px 0px 10px 0px #838383; box-shadow: 0px 0px 10px 0px #838383; padding: 30px 30px 5px 30px; height: 100%; width: 100%; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner a { clear: both; display: block; text-align: center; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner a.btn-add { padding: 12px; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner a.btn-add span { display: inline-block; font-size: 18px; padding-right: 20px; position: relative; line-height: 25px; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner a.btn-add span:after { content: '\E800'; display: block; font-family: 'magicsim'; font-size: 28px; position: absolute; right: 0; top: 0; line-height: 25px; transition: right 0.22s ease-in-out; -moz-transition: right 0.22s ease-in-out; -webkit-transition: right 0.22s ease-in-out; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner a.btn-add:hover span:after { right: -5px; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner a.view-cart { margin-top: 5px; padding: 10px 0; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner a.view-cart:hover { color: #19bbc0; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner a.btn-bk-to-cart { display: none; } .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner .mini-cart-subtotal, .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner .mini-cart-delivery { display: none; } .mini-cart .cart-summary-block .mini-cart-item { padding: 10px 0 !important; } .mini-cart .cart-summary-block .mini-cart-item img { padding: 5px 0; } .cart-summary-block .mini-cart-title { border-bottom: 1px solid #e9e9e9; color: #19bbc0; font-weight: 500; display: block; line-height: 14px; padding-bottom: 15px; } .cart-summary-block .mini-cart-item { border-bottom: 1px solid #e9e9e9; padding: 0; } .cart-summary-block .mini-cart-item img { width: 100%; } .cart-summary-block .mini-cart-item .item-atts { display: block; padding-left: 10px; } .cart-summary-block .mini-cart-item .item-name { color: #0289b6; display: block; font-weight: 300; } .cart-summary-block .mini-cart-item .item-price { float: right; } .cart-summary-block .mini-cart-total { color: #19bbc0; display: block; font-size: 20px; font-weight: 400; padding: 10px 0; text-transform: uppercase; text-align: right; } .cart-summary-block .mini-cart-item:last-child, .cart-summary-block .mini-cart-item:last-of-type { border-bottom: 0; } .free-delivery-block:before { content: '\e811'; font-family: 'magicsim'; font-size: 33px; line-height: 35px; height: 35px; position: absolute; top: 50%; left: 15px; margin-top: -20px; } .free-delivery-block { border-radius: 50px; border: 2px solid #e9e9e9; display: inline-block; float: right; margin-top: 10px; padding: 10px 20px 10px 70px; position: relative; } .free-delivery-block span { display: block; text-align: left !important; } .free-delivery-block .block-title { color: #299bc0; font-size: 20px; font-weight: 100; line-height: initial; } .free-delivery-block .block-alt { color: #838383; font-size: 12px; font-weight: 100; text-transform: uppercase; } .site-banners { background: #0289b6; background: -moz-linear-gradient(left, #19bbc0 0%, #0289b6 100%); background: -webkit-linear-gradient(left, #19bbc0 0%, #0289b6 100%); background: linear-gradient(to right, #19bbc0 0%, #0289b6 100%); filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#19bbc0', endColorstr='#0289b6',GradientType=1)"; } .site-banners .banner { /*padding:$content-spacing*10 0;*/ } .site-banners .banner .row { position: relative; } .site-banners .banner .row .banner-text { color: #ffffff; display: block; font-size: 39px; font-weight: 100; padding-bottom: 35px; position: relative; z-index: 1; } .site-banners .banner .row .banner-text h1 { font-family: inherit; font-size: inherit; font-weight: inherit; } .site-banners .banner .row .banner-text .banner-description { font-size: 0.45em; } .site-banners .banner .row .banner-image { background-position: right center; background-repeat: no-repeat; background-size: contain; display: block; position: absolute; right: 0; top: -50px; bottom: -50px; z-index: 0; } .cms-page-videos .site-banners { background: #355c7d; background: -moz-linear-gradient(left, #355c7d 0%, #91b8ba 100%); background: -webkit-linear-gradient(left, #355c7d 0%, #91b8ba 100%); background: linear-gradient(to right, #355c7d 0%, #91b8ba 100%); filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#355c7d', endColorstr='#91b8ba',GradientType=1 )"; } .cms-page-videos .site-banners .banner .row { background-size: 40% auto; } .category-special-offers .site-banners .banner .row .banner-image { background-size: cover; } .for-your-phone { color: #ffffff; position: relative; overflow: hidden; z-index: 1; } .for-your-phone ul, .for-your-phone ul li { color: #ffffff; } .for-your-phone p { font-size: 18px; font-weight: 100; margin: 15px 0 0 0 !important; } .for-your-phone .phone-icon { text-align: center; } .for-your-phone .phone-icon .icon-phone-vector { font-size: 80px; margin: 0 auto !important; } .for-your-phone .phone-icon .icon-phone-vector, .for-your-phone .phone-icon .icon-phone-vector:before { margin: 0; padding: 0; width: auto; } .for-your-phone .row { position: relative; z-index: 1; } .for-your-phone .search-box { margin: 10px 30px 0 0; } .for-your-phone .search-box .col-xs-1.col-md-1 { display: none; } .for-your-phone .search-box .col-xs-11.col-md-11 { padding: 0 !important; width: 100%; } .for-your-phone .search-box .col-xs-11.col-md-11 form .input-wrap:before { opacity: 0.1; } .for-your-phone .search-box .col-xs-11.col-md-11 form .input-wrap { border-radius: 3px; } .for-your-phone .search-box .col-xs-11.col-md-11 form .input-wrap input { font-size: 14px; font-weight: 100; padding: 10px; } .for-your-phone .search-box .col-xs-11.col-md-11 form .input-wrap input[type="text"]::-webkit-input-placeholder { color: #fff; font-family: "proxima-nova", sans-serif; font-size: 16px; font-weight: 100; letter-spacing: 0.05em; opacity: 0.8; } .for-your-phone .search-box .col-xs-11.col-md-11 form .input-wrap input[type="text"]:-moz-placeholder { color: #fff; font-family: "proxima-nova", sans-serif; font-size: 16px; font-weight: 100; letter-spacing: 0.05em; opacity: 0.8; } .for-your-phone .search-box .col-xs-11.col-md-11 form .input-wrap input[type="text"]::-moz-placeholder { color: #fff; font-family: "proxima-nova", sans-serif; font-size: 16px; font-weight: 100; letter-spacing: 0.05em; opacity: 0.8; } .for-your-phone .search-box .col-xs-11.col-md-11 form .input-wrap input[type="text"]:-ms-input-placeholder { color: #fff; font-family: "proxima-nova", sans-serif; font-size: 16px; font-weight: 100; letter-spacing: 0.05em; opacity: 0.8; } .for-your-phone .search-box .col-xs-11.col-md-11 form button { font-size: 18px; padding: 0 20px 0 0; } .for-your-phone:after { content: ""; display: block; height: 0; width: 200%; padding-top: 100%; position: absolute; bottom: 0; right: -94%; z-index: 0; background-color: #0E97AA; transform-origin: top right; -ms-transform: skew(-45deg, 0deg); -webkit-transform: skew(-45deg, 0deg); transform: skew(-45deg, 0deg); } .home-video-modal { background-color: rgba(0, 0, 0, 0.5); cursor: pointer; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; } .home-video-modal span { font-weight: 400; position: absolute; top: 20px; right: 30px; color: #ffffff; transition: color 0.22s ease-in-out; -moz-transition: color 0.22s ease-in-out; -webkit-transition: color 0.22s ease-in-out; } .home-video-modal:hover span { color: #19bbc0; } .home-video-modal iframe { border: 2px solid #19bbc0; border-radius: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 40%; width: 60%; height: 40vw; width: 60vw; } .homepage-video-block { height: 360px; position: relative; text-align: center; /* &:hover, &:active, &:focus { .video-link-text { color:$darkGrey; &:before { background-color:$grey!important; } } }*/ } .homepage-video-block iframe { display: none !important; } .homepage-video-block a { color: #ffffff; display: block; font-size: 40px; font-weight: 100; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 80px; width: 100%; z-index: 3; } .homepage-video-block a:after { border: 5px solid #19bbc0; border-radius: 60px; color: #19bbc0; content: '\E806'; display: block; font-size: 40px; font-family: 'magicsim'; line-height: 110px; margin: 40px auto 0 auto; padding-left: 6px; position: relative; height: 120px; width: 120px; vertical-align: middle; } .homepage-video-block a:hover:after { border-color: #ffffff !important; color: #ffffff; opacity: 0.8; } .homepage-video-block img { height: 100%; margin: 0 auto; position: relative; z-index: -1; } .homepage-video-block .video-link-text { color: #ffffff; cursor: pointer; font-weight: 300; height: 60px; line-height: 60px; font-size: 22px; overflow: hidden; padding: 0 50px 0 100px; position: absolute; top: initial; left: initial; right: 0; bottom: 40px; width: auto; z-index: 4; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .homepage-video-block .video-link-text:before { background-color: #19bbc0; content: ""; display: block; height: 0; padding-top: 100%; position: absolute; left: 15%; top: 0; width: 150%; transform-origin: right top; -ms-transform: skew(-20deg, 0deg); -webkit-transform: skew(-20deg, 0deg); transform: skew(-20deg, 0deg); z-index: -1; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .homepage-video-block .video-link-text:hover, .homepage-video-block .video-link-text:active, .homepage-video-block .video-link-text:focus { color: #838383; } .homepage-video-block .video-link-text:hover:before, .homepage-video-block .video-link-text:active:before, .homepage-video-block .video-link-text:focus:before { background-color: #e9e9e9 !important; } .homepage-video-block:after { content: ""; display: block; position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; background: #444; /* The Fallback */ background: rgba(68, 68, 68, 0.8); z-index: 1; } /** FOOTER **/ .main-footer { background-color: #e9e9e9; padding-bottom: 50px; } .main-footer .footer-blocks { margin: 45px 0 0 0; } .main-footer .footer-blocks .footer-block { background-color: #f7f7f7; margin-bottom: 30px; } .main-footer .footer-blocks .footer-block .footer-block-header { background-color: #ffffff; display: block; padding: 5px 0; text-align: center; } .main-footer .footer-blocks .footer-block .footer-block-header [class^="icon-"], .main-footer .footer-blocks .footer-block .footer-block-header [class*=" icon-"] { font-size: 26px; height: 1em; line-height: 1em; } .main-footer .footer-blocks .footer-block .footer-block-header [class^="icon-"]:before, .main-footer .footer-blocks .footer-block .footer-block-header [class*=" icon-"]:before { margin: 0; width: 2em; height: 40px; line-height: 1em; } .main-footer .footer-blocks .footer-block .footer-block-header span { color: #9c9c9c; display: inline-block; font-size: 18px; font-weight: 300; height: 40px; line-height: 40px; vertical-align: middle; } .main-footer .footer-blocks .footer-block .footer-block-content { display: block; line-height: 110px; min-height: 110px; text-align: center; vertical-align: middle; } .main-footer .footer-blocks .footer-block .footer-block-content img { clear: both; vertical-align: middle; width: 80%; } .main-footer .footer-menu, .main-footer .footer-menu li, .main-footer .social-links, .main-footer .social-links li { margin: 0; padding: 0; text-align: right; } .main-footer .footer-menu { text-align: center; } .main-footer .footer-menu li { text-align: center; } .main-footer .footer-menu li a, .main-footer .footer-menu li .a { text-align: center; color: #999; font-weight: 400; } .main-footer .footer-menu li, .main-footer .social-links li { display: inline-block; } .main-footer .footer-menu li a, .main-footer .footer-menu li .a, .main-footer .social-links li a, .main-footer .social-links li .a { display: block; font-size: 14px; padding: 0 5px 20px 10px; position: relative; } .main-footer .logo img { height: auto; max-width: 80%; } .main-footer address { color: #D0D0D0; font-size: 12px; font-style: normal; padding-top: 20px; text-decoration: none; text-transform: none; } .main-footer .social-links li { background-color: #61aaf1; border-radius: 20px; line-height: 20px; margin-left: 15px; height: 30px; width: 30px; text-align: center; transition: background-color 0.22s ease-in-out; -moz-transition: background-color 0.22s ease-in-out; -webkit-transition: background-color 0.22s ease-in-out; } .main-footer .social-links li a { padding: 0; } .main-footer .social-links li span, .main-footer .social-links li span:before { color: #ffffff; display: block; font-size: 18px; line-height: 30px; margin: 0; height: 30px; width: 30px; } .main-footer .social-links li:hover { background-color: #0289b6; } /** BRAND CAROUSEL **/ .brand-carousel { background-color: #f7f7f7; } .brand-carousel .block-title { color: #a9a9a9; display: block; font-size: 26px; font-weight: 100; text-align: center; margin: 70px 0 10px 0; } .brand-carousel .brand-carousel-wrap { padding: 30px 0; position: relative; margin-bottom: 10px; } .brand-carousel .brand-carousel-wrap .brand-item { padding: 0 15px; width: 194px; } .brand-carousel .brand-carousel-wrap .brand-item:hover span { background-color: #efefef; } .brand-carousel .brand-carousel-wrap .brand-item span { display: block; padding: 15px; transition: background-color 0.22s ease-in-out; -moz-transition: background-color 0.22s ease-in-out; -webkit-transition: background-color 0.22s ease-in-out; } .brand-carousel .brand-carousel-wrap a { background-position: center; background-size: contain; background-repeat: no-repeat; display: block; height: 0; padding-top: 60%; position: relative; -webkit-filter: saturate(0) brightness(0%); filter: saturate(0) brightness(0%); opacity: 0.3; } .brand-carousel .brand-carousel-wrap:before, .brand-carousel .brand-carousel-wrap:after { content: ""; height: 100%; position: absolute; top: 0; width: 100px; display: block; z-index: 1; } .brand-carousel .brand-carousel-wrap:before { left: 0; background: -moz-linear-gradient(left, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%); background: -webkit-linear-gradient(left, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%); background: linear-gradient(to right, #f7f7f7 0%, rgba(247, 247, 247, 0) 100%); filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00f7f7f7',GradientType=1 )"; } .brand-carousel .brand-carousel-wrap:after { right: 0; background: -moz-linear-gradient(left, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0) 1%, #f7f7f7 100%); background: -webkit-linear-gradient(left, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0) 1%, #f7f7f7 100%); background: linear-gradient(to right, rgba(247, 247, 247, 0) 0%, rgba(247, 247, 247, 0) 1%, #f7f7f7 100%); filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7f7f7', endColorstr='#f7f7f7',GradientType=1 )"; } /** SEARCH BOX **/ .search-box { margin-top: 30px; text-align: center; } .search-box [class^="icon-"], .search-box [class*=" icon-"] { color: #ffffff; } .search-box .icon-phone-vector:before { font-size: 65px; height: 65px; line-height: 65px; margin: 0; padding: 0; text-align: center; width: auto; } .search-box form { position: relative; } .search-box form button { background-color: transparent; border: 0 none; font-size: 30px; height: 100%; line-height: 100%; padding: 4px 30px 0 0; position: absolute; top: 0; right: 0; z-index: 2; } .search-box form button span { transition: color 0.22s ease-in-out; -moz-transition: color 0.22s ease-in-out; -webkit-transition: color 0.22s ease-in-out; } .search-box form button:hover span { color: #19bbc0; } .search-box form input[type="text"]::-webkit-input-placeholder { color: #838383; font-size: 16px !important; } .search-box form input[type="text"]:-moz-placeholder { color: #838383; font-size: 16px !important; } .search-box form input[type="text"]::-moz-placeholder { color: #838383; font-size: 16px !important; } .search-box form input[type="text"]:-ms-input-placeholder { color: #838383; font-size: 16px !important; } .search-box form .input-wrap { border-radius: 7px; display: block; overflow: hidden; position: relative; width: 100%; } .search-box form .input-wrap input { background-color: transparent; border: 0 none; color: #ffffff; font-size: 16px; line-height: 40px; outline: 0 none; padding: 15px; position: relative; text-align: left; width: 100%; z-index: 1; } .search-box form .input-wrap:before { content: ""; background-color: #ffffff; display: block; height: 0; opacity: 0.3; padding-top: 100%; position: absolute; width: 150%; transform-origin: top right; -ms-transform: skew(-45deg, 0deg); -webkit-transform: skew(-45deg, 0deg); transform: skew(-45deg, 0deg); bottom: 0; right: -94%; z-index: 0; } .search-callout .input-wrap:before { right: -96% !important; } /** SITE SEARCH **/ .site-search { background-color: #f7f7f7; border-top: 1px solid #e9e9e9; } .site-search .magic-callouts .callout-block { background: none; overflow: visible; padding: 20px 0 20px 20%; margin: 0; } .site-search .magic-callouts .callout-block span { text-align: left; } .site-search .magic-callouts .callout-block [class^="icon-"], .site-search .magic-callouts .callout-block [class*=" icon-"] { font-size: 39px; left: -10px; width: 20%; } .site-search .magic-callouts .callout-block [class^="icon-"]:before, .site-search .magic-callouts .callout-block [class*=" icon-"]:before { margin: 0; } .site-search .magic-callouts .callout-block:before { display: none; } .site-search .search-box:before, .site-search .search-box:after { background-size: auto 34px; background-repeat: repeat; content: ""; display: block; height: 100%; width: 25px; position: absolute; top: 0; bottom: 0; } .site-search .search-box:before { background-image: url("/skin/frontend/digitl/magicsim/img/search-bg-sprite.png"); background-position: left; left: -5px; } .site-search .search-box:after { background-image: url("/skin/frontend/digitl/magicsim/img/search-bg-sprite.png"); background-position: right; background-repeat: no-repeat; right: -15px; } .site-search .search-box { background-size: auto 34px; background-image: url("/skin/frontend/digitl/magicsim/img/search-bg-middle.png"); background-repeat: repeat-x; display: block; height: 34px; margin: 18px 30px 0 0; position: relative; } .site-search .search-box .icon-phone-vector:before { font-size: 19px; height: 34px; line-height: 34px; text-align: left; } .site-search .search-box .icon-phone-vector { color: #0289b6; } .site-search .search-box .icon-magnifier { font-size: 13px; } .site-search .search-box form { position: relative; } .site-search .search-box form button { font-size: 20px; margin-right: -7px; padding: 0; } .site-search .search-box form button .icon-magnifier { color: #838383; } .site-search .search-box form button .icon-magnifier:before { -ms-transform: rotate(90deg); /* IE 9 */ -ms-transform-origin: center; /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ -webkit-transform-origin: center; /* Chrome, Safari, Opera */ transform: rotate(90deg); transform-origin: center; } .site-search .search-box .input-wrap:before { display: none; } .site-search .search-box .input-wrap { border-radius: initial; } .site-search .search-box .input-wrap:before { right: -96%; } .site-search .search-box .input-wrap input { color: #838383; display: block; font-size: 14px; font-weight: 100; height: 34px; line-height: 34px; padding: 0; position: relative; } .quick-search-holder { background-color: #0E97AA; position: absolute; top: 100%; left: 5px; width: 92%; z-index: 99; } .quick-search-holder .quick-search-dropdown { height: auto; max-height: 400px; overflow-y: scroll; overflow-x: hidden; list-style-type: none; margin: 0; padding: 10px; } .quick-search-holder .quick-search-dropdown, .quick-search-holder .quick-search-dropdown span { color: #ffffff; } .quick-search-holder .quick-search-dropdown a { color: #ffffff; } .quick-search-holder .quick-search-dropdown a:hover, .quick-search-holder .quick-search-dropdown a:active, .quick-search-holder .quick-search-dropdown a:focus { color: #19bbc0; } .quick-search-holder .quick-search-dropdown a span { color: #777; } .quick-search-holder { background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 10px 0 #838383; top: 105%; left: 7px; width: 91.5%; } .quick-search-holder .quick-search-dropdown { overflow: hidden; padding: 10px 15px; } .quick-search-holder .quick-search-dropdown li { position: relative; } .quick-search-holder .quick-search-dropdown li:hover { background-color: #efefef; /* span { color:#777; } */ } .quick-search-holder .quick-search-dropdown li:hover:before { background-color: #efefef; content: ""; display: block; height: 100%; left: -20px; position: absolute; width: 200%; z-index: -1; } .quick-search-holder .quick-search-dropdown a, .quick-search-holder .quick-search-dropdown .no-results { color: #19bbc0; } .quick-search-holder .quick-search-dropdown a:hover, .quick-search-holder .quick-search-dropdown a:active, .quick-search-holder .quick-search-dropdown a:focus, .quick-search-holder .quick-search-dropdown .no-results:hover, .quick-search-holder .quick-search-dropdown .no-results:active, .quick-search-holder .quick-search-dropdown .no-results:focus { color: #0289b6; } .site-search.header-bar .quick-search-holder { background-color: #ffffff; border-radius: 3px; top: 110%; left: 0; width: auto; } .site-search.header-bar .quick-search-holder.results-visible { border: 1px solid #e9e9e9; } .site-search.header-bar .quick-search-holder .quick-search-dropdown { padding: 10px 15px; } .site-search.header-bar .quick-search-holder .quick-search-dropdown a, .site-search.header-bar .quick-search-holder .quick-search-dropdown .no-results { color: #19bbc0; } .site-search.header-bar .quick-search-holder .quick-search-dropdown a:hover, .site-search.header-bar .quick-search-holder .quick-search-dropdown a:active, .site-search.header-bar .quick-search-holder .quick-search-dropdown a:focus, .site-search.header-bar .quick-search-holder .quick-search-dropdown .no-results:hover, .site-search.header-bar .quick-search-holder .quick-search-dropdown .no-results:active, .site-search.header-bar .quick-search-holder .quick-search-dropdown .no-results:focus { color: #0289b6; } .site-search.header-bar .callout-block { padding-top: 15px; padding-right: 0; padding-bottom: 15px; font-size: 12px; letter-spacing: 0.02em; } .site-search.header-bar .callout-block [class^="icon-"], .site-search.header-bar .callout-block [class*=" icon-"] { font-size: 28px; left: 0; } .site-search.header-bar input[type="text"]::-webkit-input-placeholder { color: #838383; opacity: 1; font-size: 13px !important; } .site-search.header-bar input[type="text"]:-moz-placeholder { color: #838383; opacity: 1; font-size: 13px !important; } .site-search.header-bar input[type="text"]::-moz-placeholder { color: #838383; opacity: 1; font-size: 13px !important; } .site-search.header-bar input[type="text"]:-ms-input-placeholder { color: #838383; opacity: 1; font-size: 13px !important; } .site-search.header-bar .col-xs-12.col-md-4.custom-width { width: 36%; } .site-search.header-bar .col-xs-12.col-md-8.custom-width { width: 64%; } .search-callout .quick-search-holder { background-color: #ffffff; border-radius: 10px; box-shadow: 0 0 10px 0 #838383; top: 105%; left: 9%; width: 87.5%; } .search-callout .quick-search-holder .quick-search-dropdown { padding: 10px 15px; } .search-callout .quick-search-holder .quick-search-dropdown a, .search-callout .quick-search-holder .quick-search-dropdown .no-results { color: #19bbc0; } .search-callout .quick-search-holder .quick-search-dropdown a:hover, .search-callout .quick-search-holder .quick-search-dropdown a:active, .search-callout .quick-search-holder .quick-search-dropdown a:focus, .search-callout .quick-search-holder .quick-search-dropdown .no-results:hover, .search-callout .quick-search-holder .quick-search-dropdown .no-results:active, .search-callout .quick-search-holder .quick-search-dropdown .no-results:focus { color: #0289b6; } .search-callout .search-box { margin-top: 20px; } /** CALLOUTS **/ .magic-callouts .callout-block { background-color: #E3E3E3; font-size: 16px; font-weight: 400; line-height: 20px; margin: 10px 0; overflow: hidden; padding: 28px 5px 26px 32%; position: relative; } .magic-callouts .callout-block [class^="icon-"], .magic-callouts .callout-block [class*=" icon-"] { color: #0289b6; font-size: 40px; position: absolute; left: -15px; top: 50%; line-height: 40px; text-align: center; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 35%; } .magic-callouts .callout-block:before { background-color: #E9E9E9; content: ""; display: block; height: 0; padding-top: 100%; position: absolute; right: 68%; top: 0; width: 100%; transform-origin: right top; -ms-transform: skew(-20deg, 0deg); /* IE 9 */ -webkit-transform: skew(-20deg, 0deg); /* Safari */ transform: skew(-20deg, 0deg); /* Standard syntax */ } .footer-callouts { background: #0289b6; background: -moz-linear-gradient(left, #0289b6 0%, #19bbc0 100%); background: -webkit-linear-gradient(left, #0289b6 0%, #19bbc0 100%); background: linear-gradient(to right, #0289b6 0%, #19bbc0 100%); filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#0289b6', endColorstr='#19bbc0',GradientType=1 )"; overflow: hidden; } .footer-callouts .callout-content { color: #ffffff; font-size: 19px; font-weight: 100; line-height: 30px; margin: 40px; margin-bottom: 70px; position: initial; } .footer-callouts .callout-content a { color: #ffffff; } .footer-callouts .callout-content a .a { color: #ffffff; clear: both; display: inline-block; float: right; font-size: 18px; font-weight: 400; padding: 0 25px; position: absolute; bottom: 30px; right: 0; } .footer-callouts .callout-content a .a:before { content: '\E800'; display: block; font-family: 'magicsim'; font-size: 32px; position: absolute; left: 0; } .footer-callouts .callout-content a:hover .a:before { left: 5px; } .footer-callouts .callout-content .callout-title { color: #ffffff; display: block; font-size: 21px; font-weight: 400; padding: 10px 0 10px 80px; position: relative; text-transform: uppercase; vertical-align: middle; } .footer-callouts .callout-content .callout-title [class^="icon-"], .footer-callouts .callout-content .callout-title [class*=" icon-"] { display: block; position: absolute; top: 50%; left: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); height: 50px; width: 50px; } .footer-callouts .callout-content .callout-title [class^="icon-"]:before, .footer-callouts .callout-content .callout-title [class*=" icon-"]:before { display: inline-block; font-size: 50px; height: 50px; top: -3px; left: 0; line-height: 50px; margin: 0; position: absolute; width: auto; } .footer-callouts [class^="col-"]:first-child, .footer-callouts [class*=" col-"]:first-child { position: relative; } .footer-callouts [class^="col-"]:first-child .callout-content, .footer-callouts [class*=" col-"]:first-child .callout-content { margin-left: 0; } .footer-callouts [class^="col-"]:first-child:before, .footer-callouts [class*=" col-"]:first-child:before { background-color: #ffffff; opacity: 0.5; top: 0; right: 0; height: 200%; width: 1px; content: ""; display: block; font-family: "magicsim"; position: absolute; } .footer-callouts [class^="col-"]:last-child .callout-content, .footer-callouts [class*=" col-"]:last-child .callout-content { margin-right: 0; } .search-callout:before { background-color: #333; content: ""; opacity: 0.5; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .search-callout { background-color: #838383; background-image: url("/skin/frontend/digitl/magicsim/img/searchCalloutBg.jpg"); background-position: center 65%; background-repeat: no-repeat; background-size: cover; padding: 20px 0; position: relative; -webkit-box-shadow: 0px 20px 20px -20px #333333; -moz-box-shadow: 0px 20px 20px -20px #333333; box-shadow: 0px 20px 20px -20px #333333; } .search-callout .search-content .search-title { color: #ffffff; display: block; font-size: 25px; font-weight: 300; text-align: center; } /** NEWSLETTER **/ .subscribe-to-newsletter { margin: 20px 0; } .subscribe-to-newsletter .subscribe-content { color: #838383; font-size: 16px; padding: 10px 0; padding-left: 50px; position: relative; line-height: 20px; opacity: 0.7; } .subscribe-to-newsletter .subscribe-content [class^="icon-"], .subscribe-to-newsletter .subscribe-content [class*=" icon-"] { position: absolute; left: 0; top: 10px; } .subscribe-to-newsletter form { position: relative; text-align: right; } .subscribe-to-newsletter form input { background-color: #efefef; border: 0 none; display: inline-block; float: left; font-size: 14px; letter-spacing: 0; padding: 10px 15px; text-align: left; width: 77%; } .subscribe-to-newsletter form input[type="text"]::-webkit-input-placeholder { color: #838383 !important; font-weight: 100; } .subscribe-to-newsletter form input[type="text"]:-moz-placeholder { color: #838383 !important; font-weight: 100; } .subscribe-to-newsletter form input[type="text"]::-moz-placeholder { color: #838383 !important; font-weight: 100; } .subscribe-to-newsletter form input[type="text"]:-ms-input-placeholder { color: #838383 !important; font-weight: 100; } .subscribe-to-newsletter form input[type="email"]::-webkit-input-placeholder { color: #838383 !important; font-weight: 100; } .subscribe-to-newsletter form input[type="email"]:-moz-placeholder { color: #838383 !important; font-weight: 100; } .subscribe-to-newsletter form input[type="email"]::-moz-placeholder { color: #838383 !important; font-weight: 100; } .subscribe-to-newsletter form input[type="email"]:-ms-input-placeholder { color: #838383 !important; font-weight: 100; } .subscribe-to-newsletter form input, .subscribe-to-newsletter form button { line-height: 20px; } .subscribe-to-newsletter form .validation-advice { color: #BF2B36; position: absolute; top: 100%; left: 0; text-align: left; } .subscribe-to-newsletter form .btn { padding: 10px 15px; } /** PRODUCTS **/ .featured-products { margin: 60px 0 30px 0; } .featured-products .product-grid { padding-top: 15px; } .title-with-bars .block-title, .featured-products .block-title { overflow: hidden; text-align: center; } .title-with-bars .block-title span, .featured-products .block-title span { display: inline-block; font-size: 41px; font-weight: 100; height: 60px; line-height: 60px; padding: 0 40px; position: relative; } .title-with-bars .block-title span:before, .title-with-bars .block-title span:after, .featured-products .block-title span:before, .featured-products .block-title span:after { background-color: #efefef; content: ""; display: block; height: 2px; position: absolute; right: 100%; top: 30px; width: 70%; } .title-with-bars .block-title span:after, .featured-products .block-title span:after { left: 100%; } /* body .row.product-grid { margin:0 -$grid-spacing*3; [class^="col-"], [class*=" col-"]{ padding:0 $grid-spacing*3!important; margin:$grid-spacing*3 0; } } */ .single-product { background-color: #f7f7f7; text-align: center; position: relative; margin: 15px 0; /* .product-price { color:$blue; display:block; background-color:$white; border-radius:$content-spacing*3 0 0 $content-spacing*3; float:right; font-size:28px; font-weight:400; height:$content-spacing*5; letter-spacing:0em; line-height:$content-spacing*5; margin:0 (-$content-spacing) $content-spacing 0; padding:0 $grid-spacing 0 $content-spacing; position:relative; top:$content-spacing; right:0; vertical-align:middle; } } .product-price { .price-pence { font-size:16px; position:relative; line-height:40px; vertical-align:text-bottom; } .price-currency { font-size:19px; font-weight:600; padding:0 2px; } } &.special-single-product { .product-price { font-weight:400; line-height:56px; .price-pence { font-size:22px; vertical-align:top; } .price-currency { font-size:26px; } } } */ } .single-product:before { background-color: #19bbc0; content: ""; display: block; z-index: -1; position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; opacity: 0; transition: opacity 0.22s ease-in-out; -moz-transition: opacity 0.22s ease-in-out; -webkit-transition: opacity 0.22s ease-in-out; } .single-product:hover:before { opacity: 0.4; } .single-product a.main-link { position: absolute; display: block; top: 0; right: 0; bottom: 60px; left: 0; z-index: 1; } .single-product .product-compatible { background: #19bbc0; background: -moz-linear-gradient(left, #19bbc0 0%, #16b987 100%); background: -webkit-linear-gradient(left, #19bbc0 0%, #16b987 100%); background: linear-gradient(to right, #19bbc0 0%, #16b987 100%); filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='$turquoise', endColorstr='$green',GradientType=1 )"; color: #ffffff; font-size: 21px; font-weight: 300; line-height: 30px; padding: 10px; text-transform: uppercase; } .single-product .product-compatible span { display: block; position: relative; } .single-product .product-compatible span [class^="icon-"], .single-product .product-compatible span [class*=" icon-"] { float: right; } .single-product .product-compatible span [class^="icon-"]:before, .single-product .product-compatible span [class*=" icon-"]:before { background-color: #ffffff; border-radius: 15px; color: #16b987; font-size: 17px; height: 28px; line-height: 28px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; width: 28px; text-align: center; } .single-product .product-title { background-color: #e9e9e9; border-bottom: 1px solid #f7f7f7; color: #777777; font-size: 20px; font-weight: 500; padding: 10px; position: relative; text-transform: uppercase; line-height: 26px; min-height: 73px; } .single-product .product-title span { display: block; width: 100%; } .single-product .product-subtitle { background-color: #efefef; border-bottom: 1px solid #f7f7f7; display: block; min-height: 50px; font-size: 18px; font-weight: 400; line-height: 30px; padding: 0; position: relative; padding: 10px; text-transform: uppercase; vertical-align: middle; } .single-product .product-subtitle span { display: inline-block; position: relative; vertical-align: top; } .single-product .product-subtitle .sub-title-text { height: 30px; line-height: 30px; } .single-product .product-subtitle .brand-bg-logo { background-position: center; background-repeat: no-repeat; background-size: contain; height: 20px; width: 20%; opacity: 0.15; } .single-product .product-subtitle img { height: 20px; margin: -6px 5px 0 0; opacity: 0.15; } .single-product .product-image { overflow: hidden; padding: 25px; position: relative; } .single-product .product-image .img { background-position: center; background-size: contain; background-repeat: no-repeat; display: block; height: 0; padding-top: 45%; } .single-product .product-image .new-corner { color: #ffffff; background-color: #31475e; display: block; font-size: 11px; line-height: 20px; padding: 0; position: absolute; -ms-transform: rotate(45deg); /* IE 9 */ -ms-transform-origin: center; /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ -webkit-transform-origin: center; /* Chrome, Safari, Opera */ transform: rotate(45deg); transform-origin: center; top: 14px; right: -75px; width: 200px; } .single-product .product-compatibility { background-color: #efefef; margin: 0 10px 10px; padding: 5px 0; text-align: center; height: 44px; overflow: hidden; } .single-product .product-compatibility ul { font-size: 16px; font-weight: 400; height: 34px; line-height: 34px; list-style-type: none; margin: 0; padding: 0; } .single-product .product-compatibility ul li { border-right: 2px solid #e9e9e9; display: inline-block; height: 24px; padding: 0 15px; line-height: 24px; } .single-product .product-compatibility ul li:first-child { padding-left: 0; } .single-product .product-compatibility ul li:last-child { border: 0 none; padding-right: 0; } .single-product .product-bullets { min-height: 150px; padding: 0 10px; position: relative; text-align: left; } .single-product .product-bullets ul { min-height: 200px; list-style-type: none; margin: 0; padding: 0; padding-top: 5px; /* li:before { content:'\e806'; font-family:'magicsim'; font-size:10px; left:$content-spacing*0.4; line-height:10px; position:absolute; top:$content-spacing; } */ } .single-product .product-bullets ul li { font-size: 14px; font-weight: 400; line-height: 22px; padding: 5px 0 5px 20px; position: relative; vertical-align: top; } .single-product .product-bullets ul li:before { content: '\F111'; font-family: 'magicsim'; font-size: 6px; left: 4px; line-height: 22px; position: absolute; } .single-product .product-actions { background-color: #f7f7f7; padding: 10px; position: relative; /* &:before { background-color:$vLightGrey; content:''; display:block; top:-1px; right:0px; bottom:-1px; left:0px; position:absolute; z-index:0; border:1px solid $vLightGrey; } */ } .single-product .product-actions .btn { float: left; /*padding:$grid-spacing*3 0;*/ padding-left: 0; padding-right: 0; line-height: 31px; z-index: 1; outline: 0 !important; border-top: 0 none !important; border-bottom: 0 none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .single-product .product-actions .btn-view { background-color: #0289b6; border-right: 5px solid #f7f7f7; width: 43%; position: relative; z-index: 1; } .single-product .product-actions .btn-view:after { content: ""; display: block; background-color: #f7f7f7; width: 10px; position: absolute; top: -10px; right: -10px; bottom: -10px; z-index: 2; } .single-product .product-actions .btn-add { background-color: #19bbc0; border-left: 5px solid #f7f7f7; width: 57%; } .single-product .product-actions .btn-add span { margin-right: 5px; } .product-price { color: #0289b6; display: block; background-color: #ffffff; border-radius: 30px 0 0 30px; float: right; font-size: 28px; font-weight: 400; height: 50px; letter-spacing: 0em; line-height: 50px; margin: 0 -10px 10px 0; padding: 0 5px 0 10px; position: relative; top: 10px; right: 0; vertical-align: middle; } .product-price .price-pence { font-size: 16px; position: relative; line-height: 40px; vertical-align: text-bottom; } .product-price .price-currency { font-size: 19px; font-weight: 600; padding: 0 2px; } .special-single-product a.main-link { bottom: 0; z-index: 1; border: 3px solid transparent; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .special-single-product a.main-link:hover, .special-single-product a.main-link:focus, .special-single-product a.main-link:active { border: 3px solid rgba(25, 187, 192, 0.4); } .special-single-product .product-actions { position: relative; z-index: 2; } .special-single-product .product-price { font-weight: 400; line-height: 56px; float: none; background-color: initial; top: initial; } .special-single-product .product-price .price-pence { font-size: 22px; vertical-align: top; } .special-single-product .product-price .price-currency { font-size: 26px; } .catalog-product-view .product-add-wrapper .price-box { line-height: 70px; vertical-align: middle; padding: 0; position: relative; height: 70px; } .catalog-product-view .product-add-wrapper .product-price { display: inline-block; float: none; border: 0 none; border-radius: 0; background: none; background-color: initial; margin: 0; vertical-align: middle; height: 70px; line-height: 70px; top: initial; } .catalog-product-view .product-add-wrapper .product-price .price-pence { font-size: 26px; font-weight: 600; vertical-align: text-top; } /* .product-compatibility-stage .product-grid .single-product { .product-title { span { display:block; position:relative; top:initial; left:initial; -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); } } } */ body.sizing-complete .product-title span { position: absolute; top: 50%; left: 0; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .special-single-product { background-color: #efefef; overflow: hidden; padding: 20px; position: relative; } .special-single-product .product-image .img { padding-top: 33%; } .special-single-product .product-title { background: none; border: 0 none; color: #0289b6; font-size: 26px; font-weight: 300; padding-bottom: 0; } .special-single-product .product-subtitle { border: 0 none; color: #555; font-size: 22px; font-weight: 300; padding-top: 5px; text-transform: initial; } .special-single-product .product-attributes { background-color: #ffffff; padding: 5px; } .special-single-product .product-actions { background-color: #f7f7f7; padding: 10px; } .special-single-product .product-actions .product-price { color: #0289b6; display: block; font-size: 42px; padding: 0; margin: 0; height: auto !important; /* .price::first-letter { font-size:32px; } */ } .special-single-product .product-actions .product-price .price { display: block; padding-bottom: 5px; } .special-single-product .col-xs-12.col-sm-6.col-md-4 { padding-left: 0px; } .product-offer-corner { color: #ffffff; font-size: 18px; font-weight: 100; line-height: 20px; text-align: center; text-transform: uppercase; top: 0; left: 0; word-spacing: 100px; z-index: 1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform-origin: 50% 50%; /* IE 9 */ -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */ transform-origin: 50% 50%; height: 100px; width: 100px; content: ""; display: block; font-family: "proxima-nova"; position: absolute; } .product-offer-corner .icon-star { display: inline-block; font-size: 21px; padding-bottom: 4px; } .product-offer-corner:before { background-color: #19bbc0; top: -100%; right: -100%; bottom: 20px; left: -100%; z-index: -1; content: ""; display: block; font-family: "magicsim"; position: absolute; } /** PRODUCT PAGE **/ .product-banner { overflow: hidden; padding: 20px 0 0 0; /* h1 { margin:$content-spacing 0; } */ } .product-banner .banner { padding: 0; } .product-banner .banner .row .banner-text { padding-top: 20px; padding-bottom: 70px; } .product-banner .banner .row .banner-text h2 { line-height: 45px; } .product-banner .banner .row img.product-image { position: absolute; bottom: 0; right: 0; max-height: 100%; max-width: 45%; height: auto; width: auto; } .product-banner .breadcrumbs { display: inline-block; } .product-banner .breadcrumbs ul { border-bottom: 1px solid #DAF2F4; border-bottom: 1px solid rgba(218, 242, 244, 0.5); padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 0 !important; } .product-banner .breadcrumbs ul li, .product-banner .breadcrumbs ul li a { color: #DAF2F4; font-weight: 100; text-decoration: none; } .product-banner .breadcrumbs ul li:first-child { margin-left: 0; } .product-banner .breadcrumbs ul li:last-child { padding-right: 0; } .product-banner h2 { font-size: 30px; font-weight: 100; margin: 0 0 30px 0; } .product-banner .product-compatibility { border: 2px solid #ffffff; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 1px; display: inline-block; font-size: 20px; margin: 30px 0 20px 0; } .product-banner .product-compatibility.two-sims-active { border: 2px solid #ffffff; padding: 0 15px; font-weight: 300; line-height: 42px; height: 42px; border-radius: 21px; vertical-align: middle; } .product-banner .product-compatibility.two-sims-active span { display: block; line-height: 40px; vertical-align: middle; } .product-banner .product-compatibility.two-sims-active img { display: inline-block; height: 22px; vertical-align: middle; position: relative; top: -3px; margin: 0 0 0 5px; } .product-banner .product-compatibility ul { margin: 5px 0; padding: 0; } .product-banner .product-compatibility ul li { display: inline-block; font-size: 17px; font-weight: 300; line-height: 20px; list-style-type: none; padding: 0 15px; position: relative; text-align: center; } .product-banner .product-compatibility ul li img { height: 19px; margin-top: -6px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .product-banner .product-compatibility ul li:after { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.5); content: ""; display: block; height: 100%; position: absolute; right: -3px; top: 0; width: 1px; } .product-banner .product-compatibility ul li:first-child { padding-right: 0; } .product-banner .product-compatibility ul li:nth-child(2) { padding-left: 12px; } .product-banner .product-compatibility ul li:first-child:after, .product-banner .product-compatibility ul li:last-child:after { display: none; } .product-banner .new-alert:before, .product-banner .new-alert { background-color: #ffffff; border-radius: 50px; font-size: 23px; font-weight: 800; height: 84px; line-height: 84px; position: absolute; right: 20px; text-align: center; text-transform: uppercase; width: 84px; z-index: 2; } .product-banner .new-alert { top: 25px; } .product-banner .new-alert:before { background-color: #f7f7f7; background-color: rgba(255, 255, 255, 0.1); border-radius: 60px; content: ""; display: block; height: 104px; right: -10px; top: -10px; width: 104px; z-index: 1; } .catalog-product-view { overflow-x: hidden; } .catalog-product-view .btn-add:active { color: #ffffff !important; } .product-shop { position: relative; } .product-shop h1, .product-shop h2, .product-shop h3, .product-shop h4, .product-shop h5 { line-height: 30px; margin: 0; padding: 10px 0; } .product-shop .product-tab-trigger { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.5); color: #e9e9e9; color: white; cursor: pointer; display: block; font-size: 18px; height: 45px; line-height: 45px; margin-right: 5px; outline: none; padding: 0; position: relative; float: left; text-align: center; width: 19%; z-index: 3; } .product-shop .product-tab-trigger.mobile-trigger { background-color: transparent; border-bottom: 2px solid #e9e9e9; color: #0289b6; display: none; height: 60px; line-height: 60px; font-size: 20px; font-weight: 500; text-align: left; width: 100%; } .product-shop .product-tab-trigger.mobile-trigger:hover, .product-shop .product-tab-trigger.mobile-trigger:focus, .product-shop .product-tab-trigger.mobile-trigger:active { background-color: transparent !important; color: #19bbc0; } .product-shop .product-tab-trigger.mobile-trigger .icon-right-open { color: #E3DDD8 !important; font-size: 30px; position: absolute; right: 0; } .product-shop .product-tab-trigger.mobile-trigger .icon-right-open:before { color: #E3DDD8 !important; -webkit-transform: rotate(-630deg); -moz-transform: rotate(-630deg); -o-transform: rotate(-630deg); -ms-transform: rotate(-630deg); transform: rotate(-630deg); transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .product-shop .product-tab-trigger.mobile-trigger.trigger-selected { border-bottom: 2px solid transparent; color: #838383; font-weight: 300; } .product-shop .product-tab-trigger.mobile-trigger.trigger-selected .icon-right-open:before { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .product-shop .product-tab-triggers { position: absolute; top: -45px; width: 100%; } .product-shop .product-tab-triggers .btn.product-tab-trigger.trigger-selected, .product-shop .product-tab-triggers .btn.product-tab-trigger:hover, .product-shop .product-tab-triggers .btn.product-tab-trigger:active, .product-shop .product-tab-triggers .btn.product-tab-trigger:focus { background-color: #ffffff !important; color: #838383 !important; outline: none; } .product-shop .product-tab-triggers .product-tab-trigger.trigger-selected:before { background-color: #ffffff; content: ""; display: block; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; height: 20px; width: 20px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .product-shop .product-tabs { padding-right: 20px; min-height: 700px; } .product-shop .product-tabs img { max-width: 100%; } .product-shop .product-tab { display: none; font-weight: 300; } .product-shop .product-tab .product-tab-bottom ul { margin: 0; padding: 0; } .product-shop .product-tab .product-tab-bottom ul li { font-size: 18px; font-weight: 300; list-style-type: none; padding: 7px 0 7px 40px; position: relative; } .product-shop .product-tab .product-tab-bottom ul li:before { border: 2px solid #838383; border-radius: 12.5px; font-size: 10px; left: 0; line-height: 20px; text-align: center; top: 11px; content: ""; display: block; font-family: "magicsim"; position: absolute; height: 22px; width: 22px; } .product-shop .product-tab p { font-weight: 300; } .product-shop .product-tab.product-tab-manual .btn-add { padding-left: 40px; padding-right: 70px; padding-top: 8px; padding-bottom: 8px; position: relative; font-size: 18px; } .product-shop .product-tab.product-tab-manual .icon-download-icon { display: inline-block; line-height: 40px; position: absolute; top: 50%; right: 10px; bottom: 10px; margin-top: -20px; font-size: 23px; /* @include makeSquare($content-spacing*4); span, span:before { line-height:$content-spacing*4; position:absolute; top:0; left:0; text-align:center; @include marginPadding(0,0); @include makeSquare($content-spacing*4); } span.icon-down-big { font-size:0.6em; } span.icon-circle-notch { font-size:1.5em; margin:-1px 0 0 -1px; @include rotate(135deg); } */ } .product-shop .product-tab.product-tab-manual iframe { min-height: 1000px; width: 100%; } .product-shop .product-tab.product-tab-selected { display: block; } .product-shop .product-add-wrapper { margin-top: 15px; top: 0; right: 0; z-index: 1; } .product-shop .product-add-wrapper form { width: 310px; } .product-shop .product-add-wrapper .product-add-inner { background-color: #ffffff; border: 10px solid #f7f7f7; padding: 15px; } .product-shop .product-add-wrapper .product-add-inner .btn-add { background-color: #e9e9e9; font-size: 18px; padding: 12px 10px; position: relative; text-align: center; width: 100%; } .product-shop .product-add-wrapper .product-add-inner .btn-add span { position: relative; z-index: 1; } .product-shop .product-add-wrapper .product-add-inner .btn-add:before { content: ""; display: block; background-color: #16b987; background: -moz-linear-gradient(left, #16b987 0%, #19bbc0 100%); background: -webkit-linear-gradient(left, #16b987 0%, #19bbc0 100%); background: linear-gradient(to right, #16b987 0%, #19bbc0 100%); filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='$green', endColorstr='$turquoise',GradientType=1 )"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; z-index: 0; } .product-shop .product-add-wrapper .product-add-inner .btn-add:hover:before { opacity: 0; } .product-shop .product-add-wrapper.product-add-wrapper-lower { display: none; margin: 20px 0; } .product-shop .product-add-wrapper.product-add-wrapper-lower .product-add-inner { border: 0 none; padding: 0; } .product-shop .product-tab-top { background-color: #f7f7f7; display: inline-block; padding: 40px 0; position: relative; width: 100%; z-index: 0; } .product-shop .product-tab-top h3 { font-size: 30px; } .product-shop .product-tab-top p { margin-bottom: 0; } .product-shop .product-tab-top strong { font-size: 1.1em; } .product-shop .product-tab-top:before, .product-shop .product-tab-top:after { background-color: #f7f7f7; content: ""; display: block; height: 100%; position: absolute; top: 0; bottom: 0; width: 200%; z-index: 0; } .product-shop .product-tab-top:before { right: 100%; } .product-shop .product-tab-top:after { left: 100%; } .product-shop .product-tab-bottom { padding: 40px 0; } .product-shop .price-box { background-color: #f3fbfd; display: block; margin: 10px 0; padding: 5px 0; text-align: center; /* .price::first-letter { font-size:36px; } */ } .product-shop .price-box .price { color: #0289b6; display: block; font-size: 48px; } .product-shop .stock-status { color: #19bbc0; display: block; font-size: 18px; font-weight: 800; line-height: 30px; padding: 15px 0; text-align: center; text-transform: uppercase; } .product-shop .stock-status span span { border: 2px solid #19bbc0; border-radius: 18px; display: inline-block; font-size: 16px; line-height: 34px; margin-right: 10px; height: 36px; width: 36px; } .product-shop .stock-status .out-of-stock { color: #FF2800; } .product-shop .stock-status .out-of-stock span { border: 2px solid #FF2800; } .product-shop .confirmations { list-style-type: none; text-transform: uppercase; margin: 0; padding: 0; } .product-shop .confirmations li > span { padding-left: 60px; } .product-shop .confirmations li > span:before { left: 5px; } .product-shop .confirmations li { margin: 0; padding: 0; } .product-shop .confirmations li .free-delivery-block { border: 0 none; border-radius: 0; float: none; } .product-shop .confirmations li .free-delivery-block:before { font-size: 38px; } .product-shop .confirmations li .guarantee-block:before { content: '\E827'; font-size: 44px; } .product-shop .confirmations li .dispatch-block:before { content: '\E808'; font-size: 44px; } .product-shop .confirmations li .block-title { font-size: 17px; font-weight: 400; } .product-shop .confirmations li .block-alt { font-size: 16px; } .product-shop .video-wrap { border-radius: 5px; display: block; height: 0; margin: 10px 0; overflow: hidden; padding-top: 66%; position: relative; width: 100%; } .product-shop .video-wrap iframe { display: block; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; } .product-shop .content-area { padding-bottom: 40px; } .related-products { border-top: 5px solid #f7f7f7; margin-top: 50px; padding-top: 80px; } .faq-qmark { border: 1px solid #19bbc0; border-radius: 10px; color: #19bbc0; display: inline-block; height: 20px; line-height: 19px; text-align: center; width: 20px; font-size: 14px; font-weight: 500; } .faq-lister .faq-section { padding-bottom: 20px; } .faq-lister .faq-question { background-color: #F3FBFD; color: #19bbc0; cursor: pointer; padding: 10px; padding-left: 15px; position: relative; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .faq-lister .faq-question:hover { background-color: #efefef; } .faq-lister .faq-question:hover p strong, .faq-lister .faq-question:hover span.faq-qmark, .faq-lister .faq-question:hover .accordian-trigger { border-color: #0289b6; color: #0289b6; } .faq-lister .faq-question p strong, .faq-lister .faq-question span.faq-qmark { transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .faq-lister .faq-question .faq-qmark { position: absolute; top: 13px; left: 15px; } .faq-lister .faq-question p { display: block; font-size: 18px; line-height: 25px; margin: 0; padding: 0 30px; } .faq-lister .faq-question p strong { font-weight: 300; } .faq-lister .faq-question .accordian-trigger { cursor: pointer; display: block; position: absolute; right: 0; top: 0; bottom: 0; height: 50px; line-height: 50px; margin: 0; text-align: center; width: 50px; } .faq-lister .faq-question .accordian-trigger, .faq-lister .faq-question .accordian-trigger:before { text-align: center; vertical-align: middle; } .faq-lister .faq-question .accordian-trigger:before { margin: 0; width: auto; height: inherit; line-height: inherit; -ms-transform-origin: 50% 50%; /* IE 9 */ -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */ transform-origin: 50% 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .faq-lister .faq-question .accordian-trigger:hover, .faq-lister .faq-question .accordian-trigger:active, .faq-lister .faq-question .accordian-trigger:focus { color: #0289b6; } .faq-lister .faq-section.show-answer .faq-question .accordian-trigger:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .faq-lister .faq-answer { display: none; font-weight: 300; } .product-reviews div.product-review { border-bottom: 1px solid #e9e9e9; padding: 20px 0; } .product-reviews div.product-review:first-of-type { padding-top: 0; } .product-reviews div.product-review:last-of-type { padding-bottom: 0; } .product-reviews .form-list li:before { content: ''; display: none !important; } .product-reviews .form-list label, .product-reviews .form-list input, .product-reviews .form-list textarea { transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .product-reviews .form-list em { display: none; padding-right: 5px; } .product-reviews .product-review-title .product-title-rating { font-size: 18px; } .product-reviews .product-review-title .product-title-rating .rating-box .icon-star { color: #e9e9e9; font-size: 20px; } .product-reviews .product-review-title .product-title-rating .rating-box .icon-star:before { margin: 0; } .product-reviews .product-review-title .product-title-rating .rating-val-1 .icon-star-1 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-2 .icon-star-1 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-2 .icon-star-2 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-3 .icon-star-1 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-3 .icon-star-2 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-3 .icon-star-3 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-4 .icon-star-1 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-4 .icon-star-2 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-4 .icon-star-3 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-4 .icon-star-4 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-5 .icon-star-1 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-5 .icon-star-2 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-5 .icon-star-3 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-5 .icon-star-4 { color: #FFC12B; } .product-reviews .product-review-title .product-title-rating .rating-val-5 .icon-star-5 { color: #FFC12B; } .product-reviews .product-review-title .product-review-title-text { padding-left: 10px; } .product-reviews .product-review-title p { color: #0289b6; margin: 0; padding: 5px 0; } .product-reviews .form-add { padding: 30px 0; } .product-reviews .form-add p strong { font-size: 18px; } .product-reviews .form-add fieldset { border: 0; margin: 0; padding: 0; } .product-reviews .form-add fieldset .form-list { list-style-type: none; margin: 0; padding: 0; margin-top: 20px; } .product-reviews .form-add fieldset .form-list li { display: block; margin: 0; padding: 0; } .product-reviews .form-add fieldset .row { margin-left: -10px; margin-right: -10px; position: relative; } .product-reviews .form-add fieldset .row [class^="col-"], .product-reviews .form-add fieldset .row [class*=" col-"] { padding: 0 10px; } .product-reviews .form-add fieldset li.clear { padding: 10px 0; } .product-reviews .form-add fieldset span { display: block; } .product-reviews .form-add fieldset label { display: block; padding: 10px 0; } .product-reviews .form-add fieldset input[type="text"], .product-reviews .form-add fieldset textarea { background-color: #f7f7f7; border: 1px solid #f7f7f7; color: #838383; padding: 10px; width: 100%; resize: vertical; } .product-reviews .form-add fieldset textarea { height: 200px; } .product-reviews .form-add .buttons-set { text-align: right; padding-top: 0 !important; padding-bottom: 0 !important; } .product-reviews .form-add .buttons-set button { margin-top: -10px; padding: 10px 20px; } .product-reviews .form-add #product-review-table { width: 100%; /* th { font-weight:400; line-height:$content-spacing*3; padding:$content-spacing 0; } */ /* table { display:table; width:100%; height:30px; } */ } .product-reviews .form-add #product-review-table .icon-star { color: #e9e9e9; cursor: pointer; font-size: 20px; line-height: 22px; overflow: hidden; padding: 0; position: relative; height: 30px; width: 30px; transition: color 0.22s ease-in-out; -moz-transition: color 0.22s ease-in-out; -webkit-transition: color 0.22s ease-in-out; } .product-reviews .form-add #product-review-table .icon-star input { display: none; } .product-reviews .form-add #product-review-table .icon-star:before { margin: 0 2px; } .product-reviews .form-add #product-review-table .icon-star:hover, .product-reviews .form-add #product-review-table .icon-star.radio-selected { color: #FFC12B; } #customer-reviews > div > fieldset > ul > li span span span.input-box { padding-bottom: 0 !important; } .messages { list-style-type: none; margin: 0; padding: 0; margin: 15px 0; } .messages ul, .messages ul li { list-style-type: none; margin: 0; padding: 0; } .messages li li { padding: 5px 10px; margin-bottom: 20px; } .messages li.error-msg li { background-color: #FF2800; background-color: rgba(255, 40, 0, 0.1); color: #ffffff; color: #ff2800; } .messages li.warning-msg li { background-color: #FFC12B; background-color: rgba(255, 193, 43, 0.1); color: #ffffff; color: #ffc12b; } .messages li.success-msg li { background-color: #19bbc0; background-color: rgba(25, 187, 192, 0.1); color: #ffffff; color: #19bbc0; } .messages li.notice-msg li { background-color: #0289b6; background-color: rgba(2, 137, 182, 0.1); color: #ffffff; color: #0289b6; } /** CATEGORY TEMPLATE **/ [class^="catalog-category-"] .search-callout, [class*=" catalog-category-"] .search-callout { -webkit-box-shadow: initial !important; -moz-box-shadow: initial !important; box-shadow: initial !important; } .category-products { margin-bottom: 70px; } .homepage-banner-wrapper { position: relative; display: block; width: 100%; } .homepage-banner-wrapper .for-your-phone-wrapper { position: absolute; bottom: 70px; left: 0; right: 0; z-index: 10; } .homepage-banner-wrapper .for-your-phone-wrapper .for-your-phone { margin-bottom: 0px; } .homepage-banner-wrapper .for-your-phone-wrapper .for-your-phone .search-box form .input-wrap input { line-height: 26px; } .homepage-banner-wrapper .margin-minus-40 { margin: 0 -40px; } .homepage-banners { position: relative; z-index: 9; } .homepage-banners .for-your-phone-spacer { display: block; height: 125px; } .homepage-banners .left-side { padding: 70px 0; } .homepage-banners .container, .homepage-banners .row { display: block; height: 100%; } .homepage-banners .banner .actual-banner .row.banner-img { background-size: 45% auto; margin: 0 -40px; } .homepage-banners .banner-text { font-size: 41px; } .homepage-banners .slick-list { overflow: visible; } .homepage-banners .slick-arrow { background-color: transparent; background-image: url("/skin/frontend/digitl/magicsim/img/arrows.png"); background-position: left center; background-repeat: no-repeat; background-size: contain; border: 0 none; color: transparent; margin-top: -12px; overflow: hidden; position: absolute; text-indent: -9999px; top: 50%; z-index: 5; height: 24px; width: 24px; } .homepage-banners .slick-arrow:hover, .homepage-banners .slick-arrow:active, .homepage-banners .slick-arrow:focus { opacity: 0.5; } .homepage-banners .slick-prev { left: 50%; margin-left: -585px; } .homepage-banners .slick-next { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); right: 50%; margin-right: -585px; } .homepage-banners .slick-dots { display: block; left: 50%; list-style-type: none; margin-bottom: 25px; padding: 0; position: absolute; bottom: 0; } .homepage-banners .slick-dots li { cursor: pointer; display: block; float: left; margin: 4px; padding: 0; border: 2px solid #ffffff; border-radius: 8px; overflow: hidden; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; height: 12px; width: 12px; } .homepage-banners .slick-dots li button { background: none; display: block; opacity: 0; visibility: hidden; text-indent: -9999px; height: 12px; width: 12px; } .homepage-banners .slick-dots li:hover, .homepage-banners .slick-dots li:active, .homepage-banners .slick-dots li:focus { background-color: #ffffff; } .homepage-banners .slick-dots li.slick-active { background-color: #ffffff; } .site-banners .banner .row { background-position: bottom right; background-repeat: no-repeat; background-size: 50% auto; position: relative; display: block; } .site-banners .banner .row h1, .site-banners .banner .row p { margin: 0 !important; } .site-banners .banner .row h2 { margin: 0 0 20px 0 !important; } .site-banners .banner .row .for-your-phone p { margin: 15px 0 0 0 !important; } .category-banner .banner, .page-banner .banner { overflow: hidden; padding: 0; } .category-banner .banner .left-side, .page-banner .banner .left-side { padding-top: 20px; padding-bottom: 20px; } .category-banner .banner .banner-text, .page-banner .banner .banner-text { padding: 30px 0 !important; } .page-banner .banner .row img, .category-banner .banner .row img { max-width: 100%; max-height: 100%; position: absolute; right: 0; bottom: 0; } .page-banner .banner .row .right-side, .category-banner .banner .row .right-side { padding-top: 10px; position: absolute; top: 0; right: 0; bottom: 0; } /** VIDEOS **/ .cms-page-videos .page-banner .banner { overflow: hidden; } .cms-page-videos .page-banner .banner .banner-image { background-position: bottom; width: 40%; } .category-selector { padding-bottom: 30px; } .category-selector p, .category-selector .spacer { font-size: 18px; font-weight: 300; margin: 12px 0 !important; } .category-selector .category-selector-inner { background-color: #f7f7f7; color: #838383; height: 50px; overflow: hidden; position: relative; z-index: 3; } .category-selector .category-selector-inner ul, .category-selector .category-selector-inner ul li { list-style-type: none; margin: 0; padding: 0; } .category-selector .category-selector-inner ul { height: auto; position: absolute; top: 0; width: 100%; transition: top 0.22s ease-in-out; -moz-transition: top 0.22s ease-in-out; -webkit-transition: top 0.22s ease-in-out; } .category-selector .category-selector-inner ul li { background-color: #f7f7f7; cursor: pointer; line-height: 50px; height: 50px; opacity: 0; padding: 0 20px; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .category-selector .category-selector-inner ul li.category-selected { opacity: 1; } .category-selector .category-selector-inner ul li.cat-item:hover { background-color: #e9e9e9; color: #19bbc0; } .category-selector .category-selector-inner.dropdown-visible { overflow: visible; } .category-selector .category-selector-inner.dropdown-visible ul li { opacity: 1; } .category-selector .category-selector-inner.dropdown-visible ul li.opacity-0 { opacity: 0; } .category-selector .category-selector-trigger { background-color: #838383; background-color: rgba(131, 131, 131, 0.5); cursor: pointer; display: block; height: 50px; line-height: 50px; position: absolute; text-align: center; top: 0; right: 0; bottom: 0; width: 50px; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .category-selector .category-selector-trigger span { display: inline-block; height: 50px; line-height: 50px; margin: 0; padding: 0; text-align: center; top: 0; right: 0; bottom: 0; left: 0; vertical-align: middle; width: auto; position: absolute; color: #e9e9e9; } .category-selector .category-selector-trigger span:before { vertical-align: middle; margin: 0; -ms-transform-origin: 50% 50%; /* IE 9 */ -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */ transform-origin: 50% 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .category-selector .category-selector-trigger:hover, .category-selector .category-selector-trigger:active, .category-selector .category-selector-trigger:focus { background-color: #e9e9e9; } .category-selector .category-selector-trigger:hover span, .category-selector .category-selector-trigger:active span, .category-selector .category-selector-trigger:focus span { color: #838383; } .category-selector .category-selector-inner.dropdown-visible .category-selector-trigger span:before { -webkit-transform: rotate(630deg); -moz-transform: rotate(630deg); -o-transform: rotate(630deg); -ms-transform: rotate(630deg); transform: rotate(630deg); } .video-search { padding: 40px 0; } .video-search .btn-search { background-color: #19bbc0; font-size: 18px; float: right; line-height: 43px; padding: 0 40px; } .video-search .btn-search[disabled] { background-color: #19bbc0 !important; color: #ffffff !important; opacity: 0.3; } .video-search .product-screen { margin: 0 10px; } .video-search .product-description ul { margin: 0; padding: 0 0 15px 0; /*li:before { font-size:0.6em; left:0; @include absoluteBlockContent('\E806'); }*/ } .video-search .product-description ul li { font-size: 14px; font-weight: 300; line-height: 20px; list-style-type: none; padding: 0 0 10px 15px; position: relative; } .video-search .product-description ul li:first-child { font-weight: 600; } .video-search .product-description ul li:before { content: '\F111'; font-family: 'magicsim'; font-size: 6px; left: 4px; line-height: 19px; position: absolute; } .video-search p, .video-search .spacer { font-size: 18px; font-weight: 300; margin: 0 0 10px 0 !important; } .video-results { clear: both; display: block; } .video-results.opacity-1 { opacity: 1; } .row .video-results .video-block > .row { padding: 20px !important; } .video-block { background-color: #f7f7f7; margin-bottom: 40px; } .video-block .product-image-wrap { padding-right: 0 !important; } .video-block .video-block-title { background-color: #747474; color: #ffffff; display: block; font-size: 20px; font-weight: 200; letter-spacing: 0.02em; padding: 10px 15px; text-align: center; } .video-block .row .row { padding: 0 !important; position: relative; } .video-block .row img { width: 100%; } .video-block .row .btn { text-align: center; width: 100%; } .video-block .row .product-image { position: relative; } .video-block .row .product-image:before { content: ''; } .video-block .row .product-image span.imgs { position: absolute; top: 0; bottom: 0; margin: 0; width: 50%; background-size: contain; background-repeat: no-repeat; } .video-block .row .product-image span.cat-img { left: 0; background-position: right center; } .video-block .row .product-image span.prod-img { right: 0; background-position: left center; } .video-block .row .product-image, .video-block .row .product-screen { background-color: #555; border-radius: 5px; display: block; height: 0; padding-top: 170px; position: relative; overflow: hidden; } .video-block .row .product-image img, .video-block .row .product-image iframe, .video-block .row .product-screen img, .video-block .row .product-screen iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; } .video-block .row .product-image img, .video-block .row .product-screen img { width: auto; margin: 0 auto; } .video-block .row .product-image { background-color: #ffffff; background-size: contain; background-position: center; background-repeat: no-repeat; overflow: visible; } .video-block .row .product-screen { background-image: url("/skin/frontend/digitl/magicsim/img/video-screen.jpg"); background-position: center; background-size: cover; } .video-block .row .product-screen .open-video-modal { border-radius: 30px; border: 3px solid #19bbc0; cursor: pointer; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; line-height: 54px; text-align: center; height: 60px; width: 60px; transition: border-color 0.22s ease-in-out; -moz-transition: border-color 0.22s ease-in-out; -webkit-transition: border-color 0.22s ease-in-out; } .video-block .row .product-screen .open-video-modal span { color: #19bbc0; display: inline-block; font-size: 22px; margin: 0; line-height: 56px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: color 0.22s ease-in-out; -moz-transition: color 0.22s ease-in-out; -webkit-transition: color 0.22s ease-in-out; } .video-block .row .product-screen .open-video-modal span:before { padding-left: 5px; margin: 0; height: auto; width: auto; } .video-block .row .product-screen .open-video-modal:hover { border-color: #efefef; } .video-block .row .product-screen .open-video-modal:hover span { color: #efefef; } .video-block .row .equals-sign, .video-block .row .plus-sign { border-radius: 25px; background-color: #19bbc0; color: #ffffff; display: block; font-size: 15px; height: 50px; line-height: 50px; margin-top: -25px; position: absolute; top: 50%; right: -27%; text-align: center; width: 50px; } .video-block .row .equals-sign span, .video-block .row .plus-sign span { display: block; margin: 0 auto; width: 25px; } .video-block .row .equals-sign span:before, .video-block .row .plus-sign span:before { margin: 0; width: auto; } .video-block .row .plus-sign { font-size: 22px; right: 50%; margin-right: -25px; } .catalogsearch-result-index .site-banners, .catalog-category-commmon-ancestor-name-compatibility .site-banners, .cms-page-compatibility .site-banners { background: #a9b6bf; /* Old browsers */ background: -moz-linear-gradient(left, #a9b6bf 0%, #f9f9f9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #a9b6bf 0%, #f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #a9b6bf 0%, #f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9b6bf', endColorstr='#f9f9f9',GradientType=1 )"; /* IE6-9 */ } .catalogsearch-result-index .site-banners .banner .row .banner-image, .catalog-category-commmon-ancestor-name-compatibility .site-banners .banner .row .banner-image, .cms-page-compatibility .site-banners .banner .row .banner-image { background-size: auto 100%; top: -20px; bottom: -20px; width: 100%; } .product-compatibility-search { padding-bottom: 40px; } .product-compatibility-search .title-with-bars { padding-bottom: 20px; } .product-compatibility-search .title-with-bars .col-xs-12 { margin-top: -10px !important; } .product-compatibility-search .title-with-bars .block-title span { font-size: 21px; font-weight: 300; } .product-compatibility-search .title-with-bars strong { color: #666; font-weight: 400; margin-top: -10px; position: relative; top: -15px; } .product-compatibility-search .title-with-bars strong mark { background-color: transparent; color: inherit; text-transform: uppercase; } .product-compatibility-search .product-compatibility-stage-3 .title-with-bars { padding-bottom: 0; } .product-compatibility-search .product-compatibility-stage-3 .title-with-bars .col-xs-12 { margin-bottom: 0; } .product-compatibility-search .product-compatibility-stage-3 .title-with-bars .block-title span { line-height: 50px; } .product-compatibility-search .product-compatibility-stage-3 .title-with-bars .block-title span:before, .product-compatibility-search .product-compatibility-stage-3 .title-with-bars .block-title span:after { top: 38px; } .product-compatibility-search .product-compatibility-stages, .product-compatibility-search .product-compatibility-stages li { list-style-type: none; margin: 0; padding: 0; position: relative; } .product-compatibility-search .product-compatibility-stages { padding: 50px 0 30px 40px; } .product-compatibility-search .product-compatibility-stages li { color: #19bbc0; font-size: 22px; font-weight: 300; height: 40px; line-height: 40px; padding-left: 5px !important; opacity: 1; text-align: center; transition: opacity 0.22s ease-in-out; -moz-transition: opacity 0.22s ease-in-out; -webkit-transition: opacity 0.22s ease-in-out; } .product-compatibility-search .product-compatibility-stages li span { display: inline-block; margin: 0 auto; position: relative; } .product-compatibility-search .product-compatibility-stages li a { color: #19bbc0; font-size: 22px; font-weight: 300; line-height: inherit !important; } .product-compatibility-search .product-compatibility-stages li.can-click { cursor: pointer; } .product-compatibility-search .product-compatibility-stages li:first-child span:before, .product-compatibility-search .product-compatibility-stages li:nth-child(2) span:before, .product-compatibility-search .product-compatibility-stages li:nth-child(3) span:before { background-color: #e9e9e9; background: -moz-linear-gradient(left, rgba(116, 116, 116, 0.5) 0%, #747474 100%); background: -webkit-linear-gradient(left, rgba(116, 116, 116, 0.5) 0%, #747474 100%); background: linear-gradient(to right, rgba(116, 116, 116, 0.5) 0%, #747474 100%); filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#80747474', endColorstr='#747474',GradientType=1 )"; color: #ffffff; border-radius: 20px; font-size: 26px; font-weight: 600; left: -55px; line-height: 39px; text-align: center; height: 38px; width: 38px; content: ""; display: block; font-family: "proxima-nova"; position: absolute; } .product-compatibility-search .product-compatibility-stages li:first-child span:before { content: "1"; text-indent: -3px; } .product-compatibility-search .product-compatibility-stages li:nth-child(2) span:before { content: "2"; } .product-compatibility-search .product-compatibility-stages li:nth-child(3) span:before { content: "3"; } .product-compatibility-search .product-compatibility-stages li.can-click:hover span:before, .product-compatibility-search .product-compatibility-stages li.stage-active span:before { background: none; background-color: #B1BBC5; } .product-compatibility-search .product-compatibility-stages li:after { color: #efefef; top: 0; right: 10px; content: ""; display: block; font-family: "magicsim"; position: absolute; } .product-compatibility-search .product-compatibility-stages li.trigger-2:after { right: 40px; } .product-compatibility-search .product-compatibility-stages li.trigger-3:after { display: none; } .product-compatibility-search .product-compatibility-stage { display: none; } .product-compatibility-search .product-compatibility-stage .reload-msg, .product-compatibility-search .product-compatibility-stage .no-matches { background-color: #0289b6; background-color: rgba(2, 137, 182, 0.1); color: #ffffff; color: #0289b6; display: block; margin: 30px 0 60px 0; padding: 10px 0; text-align: center; } .product-compatibility-search .product-compatibility-stage .reload-msg { background-color: #FFC12B; background-color: rgba(255, 193, 43, 0.1); color: #ffffff; color: #ffc12b; } .product-compatibility-search .product-compatibility-stage .product-compatibility-items.row [class^="col-"], .product-compatibility-search .product-compatibility-stage .product-compatibility-items.row [class*=" col-"] { margin: 0 !important; } .product-compatibility-search .product-compatibility-stage-1 { display: block; } .product-compatibility-search .product-compatibility-stage-1 .product-compatibility-item { padding-top: 15px; padding-bottom: 15px; } .product-compatibility-search .product-compatibility-stage-2 { padding-top: 20px; } .product-compatibility-search .product-compatibility-model .product-compatibility-item-inner:after { color: #D0D0D0; top: 0; right: 25px; font-size: 22px; font-weight: 100; content: ""; display: block; font-family: "magicsim"; position: absolute; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .product-compatibility-search .product-compatibility-item { cursor: pointer; padding: 10px 0; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer:before { background-color: #ffffff; border-radius: 20px; color: #838383; font-size: 18px; height: 40px; opacity: 0; line-height: 40px; text-align: center; width: 40px; top: -10px; right: -10px; z-index: 2; content: ""; display: block; font-family: "magicsim"; position: absolute; transition: opacity 0.22s ease-in-out; -moz-transition: opacity 0.22s ease-in-out; -webkit-transition: opacity 0.22s ease-in-out; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer { background-color: #efefef; border-radius: 7px; height: 0; padding-top: 100%; position: relative; width: 100%; transition: background-color 0.22s ease-in-out; -moz-transition: background-color 0.22s ease-in-out; -webkit-transition: background-color 0.22s ease-in-out; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer.selected-brand:before, .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer.selected-model:before { opacity: 1; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer a { position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer .product-compatibility-item-inner { background-color: #ffffff; border-radius: 5px; font-size: 18px; font-weight: 300; position: absolute; top: 2px; right: 2px; left: 2px; bottom: 2px; z-index: 1; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer .product-compatibility-item-inner:hover { color: #0289b6; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer .product-compatibility-item-inner:hover:after { color: #0289b6; right: 20px; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer .product-compatibility-item-inner .item-image, .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer .product-compatibility-item-inner .item-title { text-align: center; display: block; position: absolute; width: 100%; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer .product-compatibility-item-inner .item-image { background-position: center; background-size: contain; background-repeat: no-repeat; border: 10px solid #ffffff; height: 70%; top: 0; bottom: 30%; border-radius: 7px; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer .product-compatibility-item-inner .item-title { height: 30%; top: 70%; bottom: 0; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer:after { background-color: #838383; background: -moz-linear-gradient(-45deg, #838383 0%, rgba(131, 131, 131, 0.2) 100%); background: -webkit-linear-gradient(-45deg, #838383 0%, rgba(131, 131, 131, 0.2) 100%); background: linear-gradient(135deg, #838383 0%, rgba(131, 131, 131, 0.2) 100%); filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='$darkGrey', endColorstr='#33000000',GradientType=1 )"; border-radius: 7px; opacity: 0; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; content: ""; display: block; font-family: "magicsim"; position: absolute; height: 100%; width: 100%; transition: opacity 0.22s ease-in-out; -moz-transition: opacity 0.22s ease-in-out; -webkit-transition: opacity 0.22s ease-in-out; } .product-compatibility-search .product-compatibility-model { position: relative; } .product-compatibility-search .product-compatibility-model .product-compatibility-item-outer { height: 0; padding-top: 55px; } .product-compatibility-search .product-compatibility-model .product-compatibility-item-outer .product-compatibility-item-inner { line-height: 54px; padding: 0 0 0 60px; } .product-compatibility-search .product-compatibility-model:before { color: #838383; font-size: 24px; left: 30px; line-height: 60px; z-index: 2; content: ""; display: block; font-family: "magicsim"; position: absolute; height: 60px; width: 60px; transition: color 0.22s ease-in-out; -moz-transition: color 0.22s ease-in-out; -webkit-transition: color 0.22s ease-in-out; opacity: 0.7; } .product-compatibility-search .product-compatibility-model:hover:before, .product-compatibility-search .product-compatibility-model:focus:before, .product-compatibility-search .product-compatibility-model:active:before, .product-compatibility-search .product-compatibility-model.selected-model:before { color: #838383; } .product-compatibility-search .product-compatibility-item:hover .product-compatibility-item-outer, .product-compatibility-search .product-compatibility-item:focus .product-compatibility-item-outer, .product-compatibility-search .product-compatibility-item:active .product-compatibility-item-outer, .product-compatibility-search .product-compatibility-item.selected-brand .product-compatibility-item-outer, .product-compatibility-search .product-compatibility-item.selected-model .product-compatibility-item-outer { background-color: #ffffff; } .product-compatibility-search .product-compatibility-item:hover .product-compatibility-item-outer:after, .product-compatibility-search .product-compatibility-item:focus .product-compatibility-item-outer:after, .product-compatibility-search .product-compatibility-item:active .product-compatibility-item-outer:after, .product-compatibility-search .product-compatibility-item.selected-brand .product-compatibility-item-outer:after, .product-compatibility-search .product-compatibility-item.selected-model .product-compatibility-item-outer:after { opacity: 1; } .product-compatibility-search .product-compatibility-item.selected-brand .product-compatibility-item-outer:before, .product-compatibility-search .product-compatibility-item.selected-model .product-compatibility-item-outer:before { opacity: 1; } .catalog-category-path-compatibility .product-compatibility-stages li:nth-child(2), .catalog-category-path-compatibility .product-compatibility-stages li:last-child { opacity: 0.2; } .catalog-category-parent-compatibility .product-compatibility-stages li:last-child { opacity: 0.2; } .cms-page-why-magicsim .site-banners { background: #18407d; background: -moz-linear-gradient(-45deg, #18407d 0%, #19bbc0 100%); background: -webkit-linear-gradient(-45deg, #18407d 0%, #19bbc0 100%); background: linear-gradient(135deg, #18407d 0%, #19bbc0 100%); filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#18407d', endColorstr='#19bbc0',GradientType=1 )"; } .cms-page-why-magicsim .site-banners .banner .row .banner-image { background-size: auto 100%; top: -20px; bottom: -20px; width: 100%; } .cms-page-why-magicsim .search-callout { -webkit-box-shadow: initial; -moz-box-shadow: initial; box-shadow: initial; } .why-magicsim-lister { padding: 40px 0; } .why-magicsim-lister .why-magicsim-item { padding: 40px 0; } .why-magicsim-lister .why-magicsim-item .block-title { color: #19bbc0; font-size: 28px; font-weight: 100; padding-bottom: 10px; position: relative; } .why-magicsim-lister .why-magicsim-item .block-title:after { border-bottom: 1px solid #19bbc0; bottom: 0; opacity: 0.5; right: 0; width: 102%; content: ""; display: block; font-family: "magicsim"; position: absolute; } .why-magicsim-lister .why-magicsim-item .block-content { font-weight: 300; } .why-magicsim-lister .why-magicsim-item .block-content strong { color: #333333; display: inline-block; font-weight: 500; padding-top: 10px; } .why-magicsim-lister .why-magicsim-item .block-image { background-size: 100%; border-radius: 50%; margin: 0 auto; padding-top: 80%; width: 80%; } .supported-os { border-top: 1px solid #19bbc0; padding-top: 20px; text-align: center; } .supported-os h3 { color: #838383; margin-bottom: 10px; } .supported-os p { font-size: 26px; margin-top: 10px; } .supported-os ul, .supported-os ul li { list-style-type: none; margin: 0; padding: 0; position: relative; } .supported-os ul { display: block; height: 0; padding: 8% 0 10% 0; width: 100%; } .supported-os ul li { display: inline-block; position: relative; width: 15.9%; z-index: 1; } .supported-os ul li img { display: block; top: 50%; left: 50%; margin: -20% 0 0 -20%; position: absolute; width: 40%; } .supported-os ul li:before { border: 1px solid #e9e9e9; border-radius: 10px; height: 0; top: 0; left: 50%; margin: -35% 0 0 -35%; padding-top: 70%; width: 70%; z-index: 0; content: ""; display: block; font-family: "magicsim"; position: absolute; } /** GLOBAL **/ body .main-content .breadcrumbs.row { padding: 30px 0 20px 0 !important; display: block; } .breadcrumbs ul, .breadcrumbs ul li { list-style-type: none; margin: 0 0 0 10px; padding: 0; position: relative; width: auto !important; } .breadcrumbs ul { display: block; } .breadcrumbs ul li { display: inline-block; font-size: 16px; line-height: 20px; padding: 0 20px 0 0px; } .breadcrumbs ul li a { color: #19bbc0; font-size: 16px; line-height: inherit !important; text-decoration: underline; } .breadcrumbs ul li a:hover, .breadcrumbs ul li a:active { color: #e9e9e9; } .breadcrumbs ul li:first-child { margin-left: 0; } .breadcrumbs ul li:after { color: #DAF2F4; content: '\f006'; display: block; font-family: 'magicsim'; font-size: 12px; font-weight: 100; line-height: 20px; position: absolute; top: 0; right: 0; } .breadcrumbs ul li:first-child { padding-left: 0; } .breadcrumbs ul li:last-child:after { display: none; } .gb-only, .au-only { display: none !important; } .product-banner .container > .row { margin: 0 -5px !important; } /* body .main-content .row { margin:0 (-$grid-spacing*3); [class^="col-"], [class*=" col-"] { padding:0 ($grid-spacing*2); } } */ body .main-content .row { margin: 0 -15px; } body .main-content .row [class^="col-"], body .main-content .row [class*=" col-"] { padding: 0 15px; } .contact-content { padding: 50px 0 25px 0; } .contact-page-addresses { padding-bottom: 30px; } .contact-page-addresses a { background-color: #F4F4F4; display: block; position: relative; } .contact-page-addresses a:hover, .contact-page-addresses a:active, .contact-page-addresses a:focus { background-color: #e9e9e9; } .contact-page-addresses span { display: block; } .contact-page-addresses .contact-address { margin-top: 25px; text-align: center; } .contact-page-addresses .contact-address .contact-address-inner { padding: 50px 0; } .contact-page-addresses .contact-address .contact-address-inner .block-icon { color: #19bbc0; font-size: 72px; } .contact-page-addresses .contact-address .contact-address-inner .block-title { color: #19bbc0; font-size: 22px; font-weight: 400; padding: 20px 0 12px 0; } .contact-page-addresses .contact-address .contact-address-inner .block-content { font-size: 18px; } .contact-page-addresses .contact-address .contact-address-inner .block-content strong { color: #838383; font-weight: 500; } .no-route-content { padding: 100px 0; text-align: center; } .no-route-content .block-icon { background-color: #f7f7f7; border-radius: 60px; color: #0289b6; display: block; font-size: 50px; height: 120px; line-height: 120px; margin: 0 auto; width: 120px; } .no-route-content .block-title { margin: 0; padding: 30px 0 80px 0; position: relative; } .no-route-content .block-title span { font-size: 3em; } .no-route-content .block-title:before { background-color: #19bbc0; bottom: 30px; left: 50%; margin-left: -10%; height: 1px; width: 20%; content: ""; display: block; font-family: "magicsim"; position: absolute; } .no-route-content .block-content h1, .no-route-content .block-content h2, .no-route-content .block-content h3, .no-route-content .block-content h4, .no-route-content .block-content h5, .no-route-content .block-content h6 { font-weight: 500; margin: 10px 0; } .no-route-content .block-content .block-links { padding: 20px 0 0 0; } .no-route-content .block-content .block-links a { margin: 0 10px; padding-left: 40px; padding-right: 40px; } .checkout-onepage-index .main-content .block-title, .customer-account .main-content .block-title, .account-login .main-content .block-title, .account-create .main-content .block-title { border-bottom: 1px solid #e9e9e9; font-weight: 200; padding: 0 0 10px 0; } .checkout-onepage-index .main-content .row ul, .checkout-onepage-index .main-content .row ul li, .customer-account .main-content .row ul, .customer-account .main-content .row ul li, .account-login .main-content .row ul, .account-login .main-content .row ul li, .account-create .main-content .row ul, .account-create .main-content .row ul li { list-style-type: none; margin: 0; padding: 0; } .checkout-onepage-index .main-content .buttons-set, .customer-account .main-content .buttons-set, .account-login .main-content .buttons-set, .account-create .main-content .buttons-set { text-align: left; } .checkout-onepage-index .main-content .buttons-set button, .customer-account .main-content .buttons-set button, .account-login .main-content .buttons-set button, .account-create .main-content .buttons-set button { margin-right: 10px; } .faq-sidebar ul, .block-account ul { display: block; margin: 0; padding: 0; position: relative; } .faq-sidebar ul li strong, .faq-sidebar ul a, .faq-sidebar ul .a, .block-account ul li strong, .block-account ul a, .block-account ul .a { border-bottom: 1px solid #e9e9e9; color: #838383 !important; display: block; padding: 10px 0 !important; text-decoration: none !important; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .faq-sidebar ul li:last-child strong, .faq-sidebar ul li:last-child a, .faq-sidebar ul li:last-child .a, .block-account ul li:last-child strong, .block-account ul li:last-child a, .block-account ul li:last-child .a { border-bottom: 0; } .faq-sidebar ul li, .block-account ul li { background-color: #f7f7f7; display: block; overflow: hidden; padding: 0 20px !important; position: relative; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .faq-sidebar ul li:before, .faq-sidebar ul li:after, .block-account ul li:before, .block-account ul li:after { transition: opacity 0.22s ease-in-out; -moz-transition: opacity 0.22s ease-in-out; -webkit-transition: opacity 0.22s ease-in-out; opacity: 0; } .faq-sidebar ul li:before, .block-account ul li:before { background-color: #ffffff; top: 50%; left: -7.5px; margin-top: -7.5px; margin-left: 0; z-index: 2; -ms-transform-origin: 50% 50%; /* IE 9 */ -webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */ transform-origin: 50% 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); height: 15px; width: 15px; content: ""; display: block; font-family: "magicsim"; position: absolute; } .faq-sidebar ul li:after, .block-account ul li:after { background-color: #19bbc0; top: -1px; bottom: -1px; left: 0; width: 5px; z-index: 1; content: ""; display: block; font-family: "magicsim"; position: absolute; } .faq-sidebar ul li.current a, .faq-sidebar ul li.current .a, .block-account ul li.current a, .block-account ul li.current .a { color: #19bbc0 !important; } .faq-sidebar ul li.current, .faq-sidebar ul li:hover, .block-account ul li.current, .block-account ul li:hover { background-color: #e9e9e9; } .faq-sidebar ul li.current a, .faq-sidebar ul li.current .a, .faq-sidebar ul li:hover a, .faq-sidebar ul li:hover .a, .block-account ul li.current a, .block-account ul li.current .a, .block-account ul li:hover a, .block-account ul li:hover .a { color: #19bbc0 !important; } .faq-sidebar ul li.current:before, .faq-sidebar ul li.current:after, .faq-sidebar ul li:hover:before, .faq-sidebar ul li:hover:after, .block-account ul li.current:before, .block-account ul li.current:after, .block-account ul li:hover:before, .block-account ul li:hover:after { display: block; opacity: 1; } .faq-listers { min-height: 400px; } .my-account { padding-bottom: 100px; } .my-account .page-title h1, .my-account .page-title h2, .my-account .page-title h3, .my-account .page-title h4 { margin-top: 0; } .customer-account .main-content strong { color: #838383; font-size: 1.2em; font-weight: 500; } .customer-account .main-content a { color: #19bbc0; text-decoration: underline; } .customer-account .main-content a:hover, .customer-account .main-content a:active, .customer-account .main-content a:focus { color: #0289b6; } .customer-account .main-content .pipe-seperator { color: #19bbc0; } .customer-account .main-content h2 a { display: inline-block; padding: 0 20px; vertical-align: middle; } .customer-account .main-content address { font-style: initial; } .customer-account .main-content .box-recent .box-head { border-bottom: 1px solid #e9e9e9; } .customer-account .main-content .box-recent .box-head h2, .customer-account .main-content .box-recent .box-head a { display: inline-block; margin-bottom: 10px; } .customer-account .main-content .box-recent .box-head a { margin-left: 20px; } .customer-account .pager .limiter, .customer-account .pager .pages { float: left; width: 50%; } .customer-account .pager .limiter label { width: 30%; } .customer-account .pager .limiter select { display: inline-block; margin: 0 10px; max-width: 30%; width: 100px; } .customer-account .pager .pages { text-align: right; } .customer-account .pager .pages strong { display: none; } .customer-account .pager .pages ul, .customer-account .pager .pages ol { list-style-type: none; margin: 0; padding: 0; } .customer-account .pager .pages ul li, .customer-account .pager .pages ol li { display: inline-block; } .customer-account .pager .pages img { margin: 0 5px; width: 10px; } .customer-account .buttons-set { clear: both; display: block; padding-top: 5px; position: relative; } #my-orders-table { width: 100%; } #my-orders-table tr { border-bottom: 1px solid #e9e9e9; } #my-orders-table tr th { color: #19bbc0; font-weight: 300; padding: 10px 0; } #my-orders-table tr td { padding: 10px 0; } #my-orders-table tr th, #my-orders-table tr td { line-height: 30px; } ul.checkout-types, ul.checkout-types li { list-style-type: none; margin: 0; padding: 0; } .checkout-cart-index .cart-collaterals { background-color: #f7f7f7; margin-top: 20px; padding: 20px; padding-top: 15px; } .checkout-cart-index .shipping h3 { font-size: 25px; font-weight: 100; margin: 0; } .checkout-cart-index .shipping strong { font-weight: 300; } .checkout-cart-index .shipping select, .checkout-cart-index .shipping input[type="text"] { display: block; line-height: 20px; padding: 10px; width: 100%; } .checkout-cart-index .shipping em { color: #FF2800; } .checkout-cart-index .shipping-form .buttons-set { padding-bottom: 0; text-align: center; } .checkout-cart-index .shipping-form .buttons-set button { background-color: #D0D0D0; line-height: 20px; margin: 0 auto; padding: 11px; position: relative; width: 100%; z-index: 1; } .checkout-cart-index .shipping-form .buttons-set button:hover, .checkout-cart-index .shipping-form .buttons-set button:active, .checkout-cart-index .shipping-form .buttons-set button:focus { color: #838383; } .checkout-cart-index .shipping-form .input-box { padding-bottom: 0; } .checkout-cart-index .shipping-form .postcode-box { margin: 0 -5px; } .checkout-cart-index .shipping-form .postcode-box .col-xs-6 { padding: 0 5px; } .checkout-cart-index .shipping-form .validation-advice { position: relative; top: initial; right: initial; bottom: initial; left: 0; } .checkout-cart-index .shipping-form .sp-methods ul, .checkout-cart-index .shipping-form .sp-methods ul li { list-style-type: none; margin: 0; padding: 0;clear: both; } .sp-methods span { width:80%; } .checkout-cart-index .shipping-form .sp-methods li label { padding-top: 0; padding-bottom: 0; } .checkout-cart-index .shipping-form .sp-methods ul { padding-bottom: 15px; } .checkout-cart-index .totals #shopping-cart-totals-table { margin: 20px 0 0 0; width: 100%; } .checkout-cart-index .totals #shopping-cart-totals-table strong { color: #838383; display: inline; font-size: 20px; font-weight: 400; } .checkout-cart-index .totals #shopping-cart-totals-table tr td { height: 25px; line-height: 25px; } .checkout-cart-index .totals #shopping-cart-totals-table tr td:last-child { text-align: right; } .checkout-cart-index .main-cart { border: 0; margin: 0; padding: 0; } .checkout-cart-index .main-cart table { border-bottom: 1px solid #D0D0D0; width: 100%; } .checkout-cart-index .main-cart table th, .checkout-cart-index .main-cart table td { padding: 10px; } .checkout-cart-index .main-cart table thead th:first-child { padding: 0; } .checkout-cart-index .main-cart table thead th, .checkout-cart-index .main-cart table thead span { color: #19bbc0; font-weight: 300; } .checkout-cart-index .main-cart table tbody { border-top: 1px solid #D0D0D0; } .checkout-cart-index .main-cart table tbody tr { background-color: #f7f7f7; } .checkout-cart-index .main-cart table tbody tr:nth-child(2n) { background-color: #ffffff; } .checkout-cart-index .main-cart table .product-name a { color: #19bbc0; font-size: 18px; } .checkout-cart-index .main-cart table .price { color: #0289b6; } .checkout-cart-index .main-cart table input.qty { background-color: #e9e9e9; border: 0 none; color: #0289b6; padding: 5px 0; text-align: center; } .checkout-cart-index .main-cart table .btn-update, .checkout-cart-index .main-cart table .btn-empty { background-color: transparent; color: #D0D0D0; float: right; margin-bottom: 10px; } .checkout-cart-index .main-cart table .btn-update:hover, .checkout-cart-index .main-cart table .btn-update:active, .checkout-cart-index .main-cart table .btn-update:focus, .checkout-cart-index .main-cart table .btn-empty:hover, .checkout-cart-index .main-cart table .btn-empty:active, .checkout-cart-index .main-cart table .btn-empty:focus { background-color: transparent !important; color: #838383; text-decoration: underline; } .checkout-cart-index .main-cart table .btn-update { background-image: url("/skin/frontend/digitl/magicsim/img/update-cart.jpg"); background-position: left center; background-size: contain; background-repeat: no-repeat; padding: 0 0 0 35px; margin-top: 10px; } .checkout-cart-index .main-cart .btn-remove { border: 1px solid #FF2800; border-radius: 10px; color: transparent; color: rgba(255, 40, 0, 0); display: block; overflow: hidden; position: relative; line-height: 20px; text-align: center; vertical-align: middle; height: 20px; width: 20px; } .checkout-cart-index .main-cart .btn-remove:before { color: #FF2800; font-size: 10px; text-align: center; line-height: 19px; height: 19px; width: 19px; content: ""; display: block; font-family: "magicsim"; position: relative; } .checkout-cart-index .discount h3 { color: #19bbc0; font-weight: 100; font-size: 20px; margin-bottom: 5px; } .checkout-cart-index .discount .input-box { width: 50%; } .checkout-cart-index .discount .input-box input { background-color: #F5F5F5; border: 0 none; font-size: 18px; float: left; line-height: 30px; padding: 10px 20px; width: 100%; } .checkout-cart-index .discount button { border: 0 none; background-color: #D0D0D0; float: left; font-size: 20px; line-height: 30px; padding: 10px 20px; } .checkout-cart-index .discount .btn-remove-code { float: right; } .checkout-cart-index .discount .btn:hover, .checkout-cart-index .discount .btn:active, .checkout-cart-index .discount .btn:focus { color: #838383; } html body.checkout-onepage-index, html body.checkout-onestep-index { color: #5e5e5e; font-weight: 300; } html body.checkout-onepage-index ol.osc, html body.checkout-onepage-index ol.osc li, html body.checkout-onepage-index ol.opc, html body.checkout-onepage-index ol.opc li, html body.checkout-onestep-index ol.osc, html body.checkout-onestep-index ol.osc li, html body.checkout-onestep-index ol.opc, html body.checkout-onestep-index ol.opc li { list-style-type: none; margin: 0; padding: 0; } html body.checkout-onepage-index .register-title, html body.checkout-onestep-index .register-title { margin-bottom: 10px; } html body.checkout-onepage-index .step-title .number, html body.checkout-onestep-index .step-title .number { display: none; } html body.checkout-onepage-index .step-title h2, html body.checkout-onestep-index .step-title h2 { cursor: pointer; font-size: 40px; } html body.checkout-onepage-index label, html body.checkout-onestep-index label { font-size: 18px; } html body.checkout-onepage-index label a, html body.checkout-onestep-index label a { font-size: inherit; } html body.checkout-onepage-index #checkout-step-billing .form-list > li:first-child, html body.checkout-onestep-index #checkout-step-billing .form-list > li:first-child { width: 80%; } html body.checkout-onepage-index li#billing-new-address-form li.fields, html body.checkout-onepage-index li#shipping-new-address-form li.fields, html body.checkout-onestep-index li#billing-new-address-form li.fields, html body.checkout-onestep-index li#shipping-new-address-form li.fields { clear: both; display: block; } html body.checkout-onepage-index li#billing-new-address-form li.fields .field, html body.checkout-onepage-index li#shipping-new-address-form li.fields .field, html body.checkout-onestep-index li#billing-new-address-form li.fields .field, html body.checkout-onestep-index li#shipping-new-address-form li.fields .field { float: left; width: 50%; } html body.checkout-onepage-index li#billing-new-address-form li.fields .field:nth-child(odd), html body.checkout-onepage-index li#shipping-new-address-form li.fields .field:nth-child(odd), html body.checkout-onestep-index li#billing-new-address-form li.fields .field:nth-child(odd), html body.checkout-onestep-index li#shipping-new-address-form li.fields .field:nth-child(odd) { padding-right: 15px; padding-left: 0 !important; } html body.checkout-onepage-index li#billing-new-address-form li.fields .field:nth-child(even), html body.checkout-onepage-index li#shipping-new-address-form li.fields .field:nth-child(even), html body.checkout-onestep-index li#billing-new-address-form li.fields .field:nth-child(even), html body.checkout-onestep-index li#shipping-new-address-form li.fields .field:nth-child(even) { padding-right: 0; padding-left: 15px; } html body.checkout-onepage-index fieldset input[type="text"], html body.checkout-onepage-index fieldset select, html body.checkout-onestep-index fieldset input[type="text"], html body.checkout-onestep-index fieldset select { padding-top: 5px; padding-bottom: 5px; } html body.checkout-onepage-index #checkout-step-payment, html body.checkout-onestep-index #checkout-step-payment { padding-top: 10px; } html body.checkout-onepage-index #checkout-step-payment p, html body.checkout-onestep-index #checkout-step-payment p { font-size: 19px; font-weight: 300; margin-bottom: 10px !important; } #checkout-progress-wrapper .checkout-summary { background-color: #f7f7f7; margin-bottom: 20px; padding: 20px; padding-top: 15px; } #checkout-progress-wrapper .checkout-summary .mini-cart-item { margin: 0; } #checkout-progress-wrapper .checkout-summary .mini-cart-item div { padding: 0 5px; } #checkout-progress-wrapper h3 { margin: 0; font-size: 25px; font-weight: 100; } #checkout-progress-wrapper .mini-cart-title { font-weight: 400; padding-top: 10px; } #checkout-progress-wrapper .block-title span { font-size: 18px; } #checkout-progress-wrapper .colon { display: none; } #checkout-progress-wrapper .mini-cart-subtotal, #checkout-progress-wrapper .mini-cart-delivery, #checkout-progress-wrapper .mini-cart-total { display: block; width: 100%; } #checkout-progress-wrapper .mini-cart-subtotal .label, #checkout-progress-wrapper .mini-cart-delivery .label, #checkout-progress-wrapper .mini-cart-total .label { text-align: left; } #checkout-progress-wrapper .mini-cart-subtotal .value, #checkout-progress-wrapper .mini-cart-delivery .value, #checkout-progress-wrapper .mini-cart-total .value { text-align: right; } #checkout-progress-wrapper .mini-cart-subtotal .label, #checkout-progress-wrapper .mini-cart-subtotal .value, #checkout-progress-wrapper .mini-cart-delivery .label, #checkout-progress-wrapper .mini-cart-delivery .value, #checkout-progress-wrapper .mini-cart-total .label, #checkout-progress-wrapper .mini-cart-total .value { display: block; float: left; width: 50%; } #checkout-progress-wrapper .mini-cart-delivery.mini-cart-vat { display: none; } #checkout-progress-wrapper .mini-cart-total { color: #838383; font-weight: 400; } #checkout-progress-wrapper .mini-cart-total span { text-transform: initial; } .checkout-cart-index h1 { font-size: 40px; font-weight: 100; margin-bottom: 10px; } .checkout-cart-index .shipping .shipping-form input[type="text"], .checkout-cart-index .shipping .shipping-form select { background-color: #ffffff; border: 1px solid #D0D0D0; } .checkout-cart-index tr.vat { display: none; } .checkout-cart-index .main-content, .checkout-onepage-index .main-content { padding-top: 30px; } .checkout-cart-index .main-content .sidebar, .checkout-onepage-index .main-content .sidebar { margin-top: 20px; } #checkout-shipping-method-load dd { border-bottom: 1px solid #f7f7f7; margin: 0 0 15px 0; padding: 10px 20px; } #checkout-payment-method-load dt { border-top: 2px solid #f7f7f7; padding: 20px 0; } #checkout-payment-method-load dt:last-child, #checkout-payment-method-load dt:last-of-type { border-bottom: 1px solid #f7f7f7; } #checkout-payment-method-load dd { margin: 0; } #checkout-payment-method-load dd label em { padding-right: 10px; } #checkout-payment-method-load dd input, #checkout-payment-method-load dd select { height: 55px; } #checkout-payment-method-load dd select { border: 0 none !important; cursor: pointer; line-height: 30px; padding: 10px; padding-right: 50px; } #checkout-payment-method-load dd .v-fix { clear: none; display: inline-block; width: 200px; max-width: 50%; } .block-progress h3 { color: #19bbc0; } .block-progress h3 span { float: right; } .block-progress dt { padding-top: 10px; } .block-progress dd { margin: 0; padding: 10px 0; } .block-progress address { color: #838383; font-style: initial; font-weight: 300; line-height: 25px; } #checkout-step-review table { width: 100%; } #checkout-step-review table th { color: #19bbc0; font-weight: 400; } #checkout-step-review table th, #checkout-step-review table td { padding: 0 10px; } #checkout-step-review table th:last-child, #checkout-step-review table td:last-child { text-align: right; } #checkout-step-review table th:first-child { padding-left: 0; } #checkout-step-review table tbody { border-top: 1px solid #D0D0D0; } #checkout-step-review table tbody tr { background-color: #f7f7f7; } #checkout-step-review table tbody tr:nth-child(2n) { background-color: #ffffff; } #checkout-step-review table tfoot { border-top: 1px solid #e9e9e9; } #checkout-step-review table tfoot tr:first-child td { padding-top: 10px; } #checkout-step-review table strong { color: #838383; font-weight: 500; } #checkout-step-review .btn-checkout { float: right; } #checkout-step-review .a-center { text-align: center; } #checkout-review-submit .f-left { color: #D0D0D0; padding: 10px; } #checkout-review-submit .f-left a { color: #D0D0D0; padding: 0 10px; } #checkout-review-submit .f-left a:hover, #checkout-review-submit .f-left a:active, #checkout-review-submit .f-left a:focus { color: #0289b6; } .checkout-onepage-success .main-content { padding-top: 40px; text-align: center; } .checkout-onepage-success .main-content .buttons-set { padding-top: 20px; text-align: center; } .checkout-onepage-success .main-content .buttons-set button { float: none; margin: 0 auto; } .catalog-category-commmon-ancestor-name-support .main-content { padding-bottom: 60px; } .catalog-category-commmon-ancestor-name-support .main-content .breadcrumbs { padding-bottom: 0; } .catalog-category-parent-support .main-content .breadcrumbs { display: none !important; } .categorypath-support-faqs .main-content .breadcrumbs { display: block !important; } .catalog-category-commmon-ancestor-name-support.catalog-category-path-support-faqs .main-content .breadcrumbs { padding-bottom: 30px; } body.geolocated.geo-gb .gb-only, body.geolocated.geo-au .au-only { display: block !important; } body.geolocated.geo-gb .allotherctry { display: none !important; } body.geolocated.geo-au .allotherctry { display: none !important; } div.crosssell { padding-bottom: 40px; } .checkout-onepage-success .main-content h1 { color: #19bbc0; } .checkout-onepage-success .main-content p strong { color: #838383; font-weight: 500; } .checkout-onepage-success .main-content h3 { margin: 0 !important; } .checkout-onepage-success .main-content h3 a { font-size: 40px; font-weight: 300; } .checkout-onepage-success .checkout-success { border: 20px solid #f7f7f7; margin: 10px 0 40px 0; } .checkout-onepage-success .cart-summary-block { padding-top: 30px; } .checkout-onepage-success .mini-cart-item.row { border-top: 1px solid #e9e9e9; margin-left: 0; margin-right: 0; } .checkout-onepage-success .mini-cart-item.row span { padding-top: 20px; } .checkout-onepage-success .summary-totals { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; display: block; position: relative; padding: 30px 0; } .checkout-onepage-success .summary-totals span { clear: both; display: block; padding-top: 5px; width: 100%; } .checkout-onepage-success .summary-totals span .colon { display: none; } .checkout-onepage-success .summary-totals span .label, .checkout-onepage-success .summary-totals span .value { clear: none; padding: 0; float: left; width: 50%; } .checkout-onepage-success .summary-totals span .label { text-align: left; } .checkout-onepage-success .summary-totals span .value { text-align: right; } .checkout-onepage-success .summary-totals .mini-cart-total { padding-top: 10px; } .checkout-onepage-success .summary-totals .mini-cart-total span { color: #838383; font-size: 18px; font-weight: 600; } .checkout-onepage-failure .main-content { margin-top: 30px; margin-bottom: 40px; } .cms-page-view .page-title { padding-top: 30px; } /* .row > .row { padding:0!important } */ .product-banner .compatibility-alert { color: #16b987; font-size: 10px !important; font-weight: bold; line-height: 15px !important; padding: 0 5px; text-align: center; } .product-banner .compatibility-alert .icon-ok { border: 2px solid #16b987; border-radius: 20px; display: block; font-size: 12px; line-height: 23px; margin: 5px auto; position: relative; height: 25px; width: 25px; display: none; } .product-banner .compatibility-alert .compatibility-text { position: relative; display: block; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .large-compatibility-alert { background-color: #19bbc0; color: #ffffff; margin-bottom: 20px; padding: 20px; } .large-compatibility-alert .compatibility-icon { display: block; height: 0; float: left; width: 20%; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .large-compatibility-alert .compatibility-icon span { background-position: center; background-repeat: no-repeat; background-size: contain; display: block; height: 68px; font-size: 52px; line-height: 68px; margin-right: 10px; position: relative; text-align: left; } .large-compatibility-alert .compatibility-icon span:before { margin: 0; } .large-compatibility-alert .compatibility-text { display: block; float: right; width: 80%; } .large-compatibility-alert .compatibility-text p { font-size: 20px; line-height: 34px; margin: 0; vertical-align: center; } /** Search Results **/ .catalogsearch-result-index .product-compatibility-search { margin-top: 40px; } .catalogsearch-result-index .product-compatibility-search .title-with-bars .block-title span { font-size: 28px; } .catalogsearch-result-index .product-compatibility-search .title-with-bars .block-title span strong { font-weight: bold; margin-top: initial !important; top: initial !important; line-height: inherit; } .search-results { min-height: 200px; list-style-type: none; margin: 0; padding: 0 0 40px 0; /* li { line-height: 22px; position: relative; vertical-align: top; line-height:32px; a { display:block; padding-left:$content-spacing*2; position:relative; line-height:32px; &:before { content: '\e806'; font-family: 'magicsim'; font-size: 10px; left: 1px; line-height: 13px; position: absolute; top: 9px; } } } */ } .search-results .no-results { display: block; text-align: center; font-size: 18px; } .search-results .no-results a { color: #19bbc0; font-size: inherit; font-weight: bold; } .search-results .no-results a:hover, .search-results .no-results a:active, .search-results .no-results a:focus { color: #0289b6; } .search-results .no-results span span { font-weight: bold; } .main-header .main-navigation .mobile-nav-container { display: none; } .buttons-set button[title="Login"] { float: left; } .customer-account-forgotpassword .btn-view { float: left; } #shopping-cart-table h2.product-name { line-height: 20px; margin: 20px 0 0 0; } #shopping-cart-table h2.product-name a { font-size: 20px; } #shopping-cart-table span.short-desc { margin: 0; padding: 0; line-height: 22px; } #shopping-cart-table tbody td:first-child { padding-left: 20px; padding-right: 15px; } #shopping-cart-table tbody td:last-child { padding-left: 0; } #shopping-cart-table th:nth-child(3), #shopping-cart-table tbody td:nth-child(3) { display: none; } body a.all-products-link { background-color: #efefef; color: #838383; display: block; font-size: 20px; margin: 5px auto 20px auto; padding: 13px; position: relative; text-align: center; width: 210px; } body a.all-products-link:hover, body a.all-products-link:active, body a.all-products-link:focus { background-color: #19bbc0 !important; color: #ffffff !important; } .cms-contact-us .contact-content p { line-height: 37px !important; } .cms-contact-us .banner .banner-text { padding-bottom: 50px !important; } .cms-contact-us .search-callout { -webkit-box-shadow: initial; -moz-box-shadow: initial; box-shadow: initial; } .cms-contact-us form.main-form .btn { font-size: 20px; font-weight: 300; margin-top: 20px; padding: 12px 45px; } .cms-contact-us form.main-form label { display: inline-block; font-size: 18px; font-weight: 300; padding-bottom: 5px; } .cms-contact-us form.main-form p strong { font-size: 22px; font-weight: 300; } .cms-contact-us form.main-form input[type="text"]::-webkit-input-placeholder { color: #838383 !important; font-size: 14px !important; } .cms-contact-us form.main-form input[type="text"]:-moz-placeholder { color: #838383 !important; font-size: 14px !important; } .cms-contact-us form.main-form input[type="text"]::-moz-placeholder { color: #838383 !important; font-size: 14px !important; } .cms-contact-us form.main-form input[type="text"]:-ms-input-placeholder { color: #838383 !important; font-size: 14px !important; } .cms-contact-us form.main-form input[type="email"]::-webkit-input-placeholder { color: #838383 !important; font-size: 14px !important; } .cms-contact-us form.main-form input[type="email"]:-moz-placeholder { color: #838383 !important; font-size: 14px !important; } .cms-contact-us form.main-form input[type="email"]::-moz-placeholder { color: #838383 !important; font-size: 14px !important; } .cms-contact-us form.main-form input[type="email"]:-ms-input-placeholder { color: #838383 !important; font-size: 14px !important; } .cms-contact-us form.main-form textarea::-webkit-input-placeholder { font-size: 14px; color: #838383 !important; } .cms-contact-us form.main-form textarea:-moz-placeholder { font-size: 14px; color: #838383 !important; } .cms-contact-us form.main-form textarea::-moz-placeholder { font-size: 14px; color: #838383 !important; } .cms-contact-us form.main-form textarea:-ms-input-placeholder { font-size: 14px; color: #838383 !important; } .cms-contact-us form.main-form input, .cms-contact-us form.main-form textarea, .cms-contact-us form.main-form select { background-color: #EBEBEB; font-size: 14px !important; font-weight: 300; } .cms-contact-us form.main-form textarea { height: 258px; } .cms-contact-us form.main-form .col-xs-12:first-child { margin-bottom: 0; } .cart-empty { padding-bottom: 40px; } .catalog-category-default .breadcrumbs ul { margin-left: 0; padding-left: 0; } .header-bar-stuck .header-bar { position: fixed; top: 0; right: 0; left: 0; z-index: 99999; } .header-bar-stuck .main-header { margin-bottom: 71px !important; } .cms-postage-information .page-banner .right-side { width: 70% !important; } .cms-postage-information .page-banner .right-side img { bottom: initial; top: 50%; margin-top: -25%; max-height: initial; opacity: 0.7; } .cms-postage-information .main-content { padding-bottom: 35px; } .cms-postage-information .main-content .postage-content-top { margin-top: 60px; } .cms-postage-information .main-content .postage-content-bottom h3 { color: #0289b6; font-weight: 100; margin: 20px 0; } .cms-postage-information .main-content .postage-content-bottom strong { color: #838383; font-weight: 400; } .cms-postage-information .postage-country-selection { background-color: #F5F5F5; padding: 25px; margin: 20px 0 25px 0; } .cms-postage-information .postage-country-selection p { color: #666; font-size: 17px; font-weight: 300; margin-top: 0; padding-top: 0; } .cms-postage-information .postage-country-selection select { background-color: #ffffff; width: 55%; } .cms-postage-information .postage-selection-results { background-color: #FCFCFC; border-bottom: 3px solid #F0F0F0; font-size: 17px; margin-bottom: 40px; } .cms-postage-information .postage-selection-results span { display: block; } .cms-postage-information .postage-selection-results .col-md-4 { padding: 0 !important; } .cms-postage-information .postage-selection-results .col-xs-12 { margin: 0 !important; } .cms-postage-information .postage-selection-results .top-row { background-color: #f7f7f7; border-bottom: 3px solid #F0F0F0; padding-top: 27px !important; padding-bottom: 27px !important; } .cms-postage-information .postage-selection-results .shipping-title { color: #0289b6; font-size: 18px; font-weight: 400; } .cms-postage-information .postage-selection-results .shipping-price { color: #000; font-weight: 400; } .cms-postage-information .postage-selection-results .shipping-info { padding-top: 20px !important; padding-bottom: 15px !important; } .cms-postage-information .postage-selection-results .country-code span { color: #19bbc0; font-size: 24px; font-weight: 300; padding: 40px 0 30px 20px; } .opc-block-progress .complete .icon-pencil { color: #BDBDBD; } #checkout-review-submit { padding-top: 20px; } #checkout-review-submit label { line-height: 30px; margin: 0; padding: 20px 0 20px 70px; } #checkout-review-submit label:before { background-color: #E5F3F6; border: 0 none; height: 30px; width: 30px; margin-top: -15px; left: 20px; } #checkout-review-submit label:after { background-color: #19bbc0; left: 25px; height: 10px; width: 10px; margin-top: -5px; } #checkout-review-submit label.checkbox-agreement-1- { background-color: #F9F9F9; } #checkout-review-submit .btn-checkout { float: right; margin-top: -80px; z-index: 999; position: relative; padding-top: 9px; padding-bottom: 8px; } #checkout-review-submit .buttons-set { margin-top: 20px; padding-left: 20px; } #checkout-review-submit .buttons-set img { margin-right: 10px; } #payment-progress-opcheckout p { margin-top: 0; } .compatible-with-your-device { background-color: #22b573; color: #ffffff; padding: 20px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; } .compatible-with-your-device p { color: #ffffff; font-size: 19px; line-height: 22px; margin: 0; } .compatible-with-your-device .compatible-device-close { background-color: #22b573; border: 2px solid #22b573; border-radius: 22px; color: #ffffff; cursor: pointer; display: block; font-size: 22px; position: absolute; top: -30px; right: 20px; line-height: 42px; text-align: center; height: 44px; width: 44px; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .compatible-with-your-device .compatible-device-close:hover, .compatible-with-your-device .compatible-device-close:active, .compatible-with-your-device .compatible-device-close:focus { background-color: #ffffff; color: #22b573; } .compatible-with-your-device .compatible-device-model { font-weight: 400; } .compatible-with-your-device .btn-compatible { background-color: #65cb9d; color: #ffffff; font-weight: 400; font-size: 20px; border-radius: 3px; padding-top: 8px; padding-bottom: 8px; text-align: center; width: 100%; } .compatible-with-your-device .btn-compatible:hover, .compatible-with-your-device .btn-compatible:active, .compatible-with-your-device .btn-compatible:focus { background-color: #ffffff; color: #22b573; } .checkout-onestep-index { /* #co-shipping-form { #shipping-address-select { .input-box > div:first-child, .input-box > div:nth-child(odd) { margin-right:2%; } .input-box > div:nth-child(even) { margin-left:2%; } .input-box > div.select-address { color:$turquoise; display:block; float:left; margin-bottom:4%; padding:30px; text-align:center; position:relative; width:48%; height:250px; z-index:1; &:before { border-radius:2px; border:4px solid #D3D3D3; content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; @include transition(all); } label { display:block; margin:0; padding:0; width:auto!important; font-size:18px; line-height:30px; &:before { position:absolute; top:0px; right:-10px; left:initial; bottom:initial; } &:after { top:0; right:-5px; left:initial; bottom:initial; } } } .input-box div.select-address.child-selected:before { border:4px solid $turquoise; } .input-box { div:last-of-type { clear:both; float:none; width:100%; &:before { display:none; } } } .new-address { height:auto!important; padding:0!important; margin:0!important; label { background-color:$mdGrey; color:$white; font-size:20px!important; font-weight:300; padding:12px 15px 10px 45px!important; display:inline-block; float:left; width:auto!important; @include transition(all); &:before { background-color:transparent!important; border:0 none!important; content:'\E81B'; font-family:$icon-font; font-size:14px; left:15px!important; top:50%!important; right:initial!important; bottom:initial!important; line-height:20px; } &:after { display:none; } &:hover, &:active, &:focus, &.selected { background-color:$turquoise; //color:$mdGrey; } } } } } */ } .checkout-onestep-index #osc-column-up, .checkout-onestep-index #osc-column-center, .checkout-onestep-index #osc-column-right, .checkout-onestep-index #osc-column-bottom { display: none; } .checkout-onestep-index .osc-column { margin-bottom: 180px; } .checkout-onestep-index #checkout-progress-wrapper { padding-top: 60px; } .checkout-onestep-index #checkout-step-shipping_method { display: none; } .checkout-onestep-index .osc-column-wrapper { width: 100% !important; } .checkout-onestep-index .osc-column-wrapper .step-title { color: #0289b6; display: block !important; font-size: 44px; font-weight: 100; line-height: 90px; float: none; border-bottom: 1px solid #D0D0D0; margin-bottom: 20px; } .checkout-onestep-index .osc-column-wrapper .osc-column { clear: both; display: block; width: 100%; } .checkout-onestep-index #shipping-new-address-form, .checkout-onestep-index #billing-new-address-form { padding-top: 2%; } .checkout-onestep-index #shipping-new-address-form ul, .checkout-onestep-index #billing-new-address-form ul { margin: 0 !important; padding: 0 !important; } .checkout-onestep-index #shipping-new-address-form fieldset > ul > li.control > label.checkbox-shipping-save_in_address_book-, .checkout-onestep-index #billing-new-address-form fieldset > ul > li.control > label.checkbox-shipping-save_in_address_book- { height: auto !important; float: left; } .checkout-onestep-index div.customer-name .field, .checkout-onestep-index div.two-fields .field { margin: 0 !important; } .checkout-onestep-index #osc-column-left, .checkout-onestep-index #osc-column-up, .checkout-onestep-index #osc-column-center, .checkout-onestep-index #osc-column-right, .checkout-onestep-index #osc-column-bottom { display: block !important; } .onestep-progress-wrapper .onestep-progress-bar { list-style-type: none; margin: 0; padding: 0; text-align: center; height: 44px; margin: 40px 0 50px 0; } .onestep-progress-wrapper .onestep-progress-bar li { display: block; width: 50%; float: left; margin: 0; padding: 0; position: relative; height: 44px; text-align: inherit; } .onestep-progress-wrapper .onestep-progress-bar li:before { display: block; content: ""; background-color: #E3E3E3; width: 100%; height: 6px; position: absolute; top: 50%; left: 0; right: 0; margin-top: -3px; } .onestep-progress-wrapper .onestep-progress-bar li .step-num { background-color: #ffffff; border-radius: 22px; border: 5px solid #E3E3E3; text-align: inherit; display: block; position: absolute; left: 50%; margin-left: -22px; height: 44px; width: 44px; color: #AFADAE; font-size: 21px; font-weight: 600; line-height: 36px; } .onestep-progress-wrapper .onestep-progress-bar li .step-desc { display: block; margin-top: 44px; font-size: 16px; font-weight: 400; opacity: 0.8; } .onestep-progress-wrapper .onestep-progress-bar li { transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .onestep-progress-wrapper .onestep-progress-bar li:before, .onestep-progress-wrapper .onestep-progress-bar li .step-num { transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .onestep-progress-wrapper .onestep-progress-bar li.current-step { transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .onestep-progress-wrapper .onestep-progress-bar li.current-step:before { background-color: #19bbc0; border-radius: 3px 0 0 3px; } .onestep-progress-wrapper .onestep-progress-bar li.current-step .step-num { border-color: #19bbc0; } .onestep-progress-wrapper .onestep-progress-bar li:last-child:before { border-radius: 0 3px 3px 0; } header .btn-shipping-complete { display: none !important; } /** OPC Changes - 16/01/2017 **/ .checkout-onepage-index .buttons-set { padding: 0 !important; padding-bottom: 0 !important; } .checkout-onepage-index #checkout-progress-wrapper .btn-shipping-complete { display: block; } .checkout-onepage-index #co-shipping-form .input-box > div:first-child, .checkout-onepage-index #co-shipping-form .input-box > div:nth-child(odd) { margin-right: 2%; } .checkout-onepage-index #co-shipping-form .input-box > div:nth-child(even) { margin-left: 2%; } .checkout-onepage-index #co-shipping-form .input-box > div.address_radio { color: #19bbc0; display: block; float: left; margin-bottom: 4%; padding: 40px 0; text-align: center; position: relative; width: 48%; height: 250px; z-index: 1; } .checkout-onepage-index #co-shipping-form .input-box > div.address_radio:before { border-radius: 2px; border: 4px solid #D3D3D3; content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .checkout-onepage-index #co-shipping-form .input-box > div.address_radio label { display: block; margin: 0; padding: 0; width: auto !important; font-size: 18px; line-height: 30px; } .checkout-onepage-index #co-shipping-form .input-box > div.address_radio label:before { position: absolute; top: -10px; right: 25px; left: initial; bottom: initial; } .checkout-onepage-index #co-shipping-form .input-box > div.address_radio label:after { top: -10px; right: 30px; left: initial; bottom: initial; } .checkout-onepage-index #co-shipping-form .input-box div.address_radio.child-selected:before { border: 4px solid #19bbc0; } .checkout-onepage-index #co-shipping-form .input-box div:last-of-type { clear: both; float: none; width: 100%; } .checkout-onepage-index #co-shipping-form .input-box div:last-of-type:before { display: none; } .checkout-onepage-index #co-shipping-form .new-address, .checkout-onepage-index #co-shipping-form .address_radio.last { height: auto !important; padding: 0 !important; margin: 0 !important; } .checkout-onepage-index #co-shipping-form .new-address label, .checkout-onepage-index #co-shipping-form .address_radio.last label { background-color: #D0D0D0; color: #ffffff; font-size: 20px !important; font-weight: 300; padding: 12px 15px 10px 45px !important; display: inline-block; float: left; width: auto !important; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .checkout-onepage-index #co-shipping-form .new-address label:before, .checkout-onepage-index #co-shipping-form .address_radio.last label:before { background-color: transparent !important; border: 0 none !important; content: '\E81B'; font-family: "magicsim"; font-size: 14px; left: 15px !important; top: 50% !important; right: initial !important; bottom: initial !important; line-height: 20px; } .checkout-onepage-index #co-shipping-form .new-address label:after, .checkout-onepage-index #co-shipping-form .address_radio.last label:after { display: none; } .checkout-onepage-index #co-shipping-form .new-address label:hover, .checkout-onepage-index #co-shipping-form .new-address label:active, .checkout-onepage-index #co-shipping-form .new-address label:focus, .checkout-onepage-index #co-shipping-form .new-address label.selected, .checkout-onepage-index #co-shipping-form .address_radio.last label:hover, .checkout-onepage-index #co-shipping-form .address_radio.last label:active, .checkout-onepage-index #co-shipping-form .address_radio.last label:focus, .checkout-onepage-index #co-shipping-form .address_radio.last label.selected { background-color: #19bbc0; } button.btn-shipping-complete:before { display: none; } #checkoutSteps { padding-bottom: 20px; } #checkoutSteps .section { display: none; } #checkoutSteps #checkout-shipping-method-load .sp-methods dt { border-bottom: 1px solid #e9e9e9; padding-bottom: 10px; margin-bottom: 10px; } #checkoutSteps #checkout-shipping-method-load .sp-methods dt strong { margin: 0; font-size: 25px; font-weight: 100; } #checkoutSteps .form-list .control, #checkoutSteps div.buttons-set button, #checkoutSteps #opc-review .step-title, #checkoutSteps #opc-review #checkout-review-table-wrapper { display: none !important; } #checkoutSteps #opc-shipping, #checkoutSteps #opc-shipping div, #checkoutSteps #opc-shipping_method, #checkoutSteps #opc-shipping_method div { display: block; } #checkoutSteps #opc-shipping_method #checkout-step-shipping_method { display: block !important; } /* body { &.shipping-step-complete, &.billing-step-complete { #checkoutSteps { #opc-payment,#opc-payment #checkout-step-payment, #opc-review, #opc-review #checkout-step-review, #opc-review #checkout-step-review #checkout-review-submit div.buttons-set button { display:block!important; } } } } */ #checkout-step-review .btn-checkout { float: right !important; width: auto !important; } #opc-shipping_method { display: none !important; float: none; position: relative; clear: both; } #opc-shipping_method #checkout-step-shipping_method { float: none; position: relative; clear: both; padding-top: 20px; } .btn-shipping-complete { background-color: #19bbc0 !important; } #review-buttons-container button[disabled], .btn-shipping-complete[disabled] { background-color: #D0D0D0 !important; color: #ffffff !important; } #review-buttons-container button[disabled]:hover, .btn-shipping-complete[disabled]:hover { background-color: #D0D0D0 !important; color: #ffffff !important; } #review-buttons-container button[disabled]:before, .btn-shipping-complete[disabled]:before { opacity: 0; } .step-title .block-title { cursor: initial !important; } /* body #co-payment-form .sp-methods #dd_method_sagepaydirectpro { display:block!important; } body #co-payment-form .sp-methods #dd_method_sagepaydirectpro[style="display"] { display:none!important; } */ .checkout-success .cart-summary-block .col-xs-12.col-sm-8.col-sm-offset-2.col-lg-6.col-lg-offset-3 { width: 80%; float: none !important; margin: 0 auto; } .checkout-success .cart-summary-block .mini-cart-item img { width: 74%; clear: both; display: block; position: relative; } .checkout-success .btn-view { padding: 15px !important; } .checkout-success .order-summary { padding-bottom: 40px; } .checkout-success p { font-weight: 400; } .checkout-success h3 { color: #838383; font-size: 40px; margin: 0; padding-bottom: 30px; } .checkout-success h1 { font-size: 44px; font-weight: 100; margin-bottom: 0; } .buttons-set { clear: both; float: none; display: block; position: relative; padding-top: 20px; } .buttons-set #shipping-please-wait { display: block; padding: 30px 20px; } #shipping-new-address-form { clear: both; float: none; display: block; position: relative; } #checkout-shipping-method-load .sp-methods { margin: 0; } #checkout-shipping-method-load .sp-methods dd { padding: 0; } #co-billing-form fieldset ul.form-list > li:first-child { display: none !important; } #co-billing-form .buttons-set, .cart-collaterals .shipping-form .postcode-box, .cart-collaterals .shipping-form .buttons-set { display: none; } .cart-collaterals .shipping-form #co-shipping-method-form { padding-top: 15px; } .cart-collaterals .shipping-form #co-shipping-method-form .sp-methods ul { padding-bottom: 0; } .cart-collaterals .totals #shopping-cart-totals-table { margin-top: 10px !important; } #checkout-step-shipping_method { padding-top: 0 !important; } #co-payment-form dl#checkout-payment-method-load.sp-methods dt label { background-size: auto 30px !important; background-position: 40px center; background-repeat: no-repeat; padding-left: 0 !important; text-indent: 10px !important; overflow: hidden !important; width: 100% !important; } #co-payment-form dl#checkout-payment-method-load.sp-methods dt label[for="p_method_sagepaydirectpro"], #co-payment-form dl#checkout-payment-method-load.sp-methods dt label[for="p_method_sagepayserver"], #co-payment-form dl#checkout-payment-method-load.sp-methods dt label[for="p_method_sagepayform"], #co-payment-form dl#checkout-payment-method-load.sp-methods dt label[for="p_method_sagepaynit"] { background-image: url("/skin/frontend/digitl/magicsim/img/sagepay.png") !important; } #co-payment-form dl#checkout-payment-method-load.sp-methods dt label[for="p_method_hosted_pro"], #co-payment-form dl#checkout-payment-method-load.sp-methods dt label[for="p_method_paypal_express"], #co-payment-form dl#checkout-payment-method-load.sp-methods dt label[for="p_method_paypal_direct"] { background-image: url("/skin/frontend/digitl/magicsim/img/paypal.png") !important; } #discount-coupon-form .discount .buttons-set { clear: none; display: block; float: left; padding-top: 0; width: 30%; } #discount-coupon-form .discount .buttons-set button { display: block; width: 100%; } #checkout-shipping-method-load .sp-methods dd { border: 0 none !important; } .cms-index-index .success-msg li { margin: 10px 0 0 0; } .cms-page-videos .child-categories { cursor: initial !important; opacity: 0.3; transition: opacity 0.22s ease-in-out; -moz-transition: opacity 0.22s ease-in-out; -webkit-transition: opacity 0.22s ease-in-out; } .cms-page-videos.parent-category-selected .child-categories { cursor: pointer !important; opacity: 1; } .support-banner .left-side { padding: 35px 0 5px 0; } .catalog-category-path-support .breadcrumbs, .catalog-category-path-support-dual-sim .breadcrumbs, .catalog-category-parent-dual-sim .breadcrumbs { display: none !important; } /* .categorypath-support-faqs.catalog-category-commmon-ancestor-name-support, .categorypath-support-dual-sim-cut-installation.catalog-category-commmon-ancestor-name-support { .breadcrumbs { display:block!important; } } */ .cms-why-magicsim .product-grid .hidden-xs.hidden-sm.col-md-4, .categorypath-products-special-offers .product-grid .hidden-xs.hidden-sm.col-md-4 { display: none; } .cms-why-magicsim .page-banner .banner .left-side, .cms-why-magicsim .category-banner .left-side, .categorypath-products-special-offers .page-banner .banner .left-side, .categorypath-products-special-offers .category-banner .left-side { width: 45%; } .cms-why-magicsim .page-banner .banner .right-side, .cms-why-magicsim .category-banner .right-side, .categorypath-products-special-offers .page-banner .banner .right-side, .categorypath-products-special-offers .category-banner .right-side { padding: 0; padding-top: 0 !important; width: 55%; } .cms-why-magicsim .page-banner .banner .right-side img, .cms-why-magicsim .category-banner .right-side img, .categorypath-products-special-offers .page-banner .banner .right-side img, .categorypath-products-special-offers .category-banner .right-side img { top: -80px; width: 100%; max-height: initial; } body div.search-callout div.search-box div.col-xs-11.col-md-11 form span input[type="text"]::-webkit-input-placeholder { color: #fff !important; } body div.search-callout div.search-box div.col-xs-11.col-md-11 form span input[type="text"]:-moz-placeholder { color: #fff !important; } body div.search-callout div.search-box div.col-xs-11.col-md-11 form span input[type="text"]::-moz-placeholder { color: #fff !important; } body div.search-callout div.search-box div.col-xs-11.col-md-11 form span input[type="text"]:-ms-input-placeholder { color: #fff !important; } .main-header .main-navigation .mobile-nav-container #mobile-nav li a:hover, .main-header .main-navigation .mobile-nav-container #mobile-nav li a:active, .main-header .main-navigation .mobile-nav-container #mobile-nav li a:focus { color: #19bbc0; } #checkout-progress-wrapper .checkout-summary .mini-cart-item { padding: 10px 0; } #checkout-progress-wrapper .checkout-summary .mini-cart-item:first-child { padding-top: 15px; } #checkout-progress-wrapper .checkout-summary .mini-cart-item .col-xs-8 { padding-right: 0 !important; } .onestep-progress-bar li:first-child { cursor: pointer; } .billing-shipping-same { margin-bottom: 10px !important; } .product-compatibility-stage.product-compatibility-stage-2 .title-with-bars.row { display: block; } body > div.container.main-content > div > div > div > div.row > div > ul > li.col-xs-12.col-md-4.trigger-3:after { display: none; } html body #shipping-new-address-form .wide .input-box, html body #billing-new-address-form .wide .input-box { padding-bottom: 15px !important; } #shipping-new-address-form > fieldset > ul > li:nth-child(4), #billing-new-address-form > fieldset > ul > li:nth-child(3) { padding-bottom: 20px; } #billing-new-address-form > fieldset > ul > li:nth-child(2) > div .validation-advice { right: 10px; bottom: 13px; } #checkout-progress-wrapper #co-shipping-method-form li label { font-size: 14px; } #checkout-progress-wrapper #co-shipping-method-form li label .price { /*float:left;*/ font-weight: 400; } #checkout-progress-wrapper #co-shipping-method-form li label .name { float: right; } .please-wait { display: none !important; height: 0 !important; width: 0 !important; overflow: hidden !important; visibility: hidden !important; opacity: 0 !important; z-index: -999 !important; position: absolute !important; top: -99999px !important; } #checkoutSteps .block-title { position: relative; } #checkoutSteps .block-title:after { content: ""; display: block; height: 32px; width: 32px; background-image: url("/skin/frontend/digitl/magicsim/images/opc-ajax-loader.gif"); background-position: right center; background-repeat: no-repeat; opacity: 0; position: absolute; right: 10px; top: 12px; transition: opacity 0.22s ease-in-out; -moz-transition: opacity 0.22s ease-in-out; -webkit-transition: opacity 0.22s ease-in-out; } #checkoutSteps .block-title.wait-loading:after { opacity: 0.5; } body.checkout-onepage-index #opc-shipping, body.checkout-onepage-index #opc-billing, body.checkout-onepage-index #checkout-step-shipping, body.checkout-onepage-index #checkout-step-billing { display: block !important; } body.checkout-onepage-index.shipping-billing-complete #opc-shipping, body.checkout-onepage-index.shipping-billing-complete #opc-shipping_method, body.checkout-onepage-index.shipping-billing-complete #opc-billing, body.checkout-onepage-index.shipping-billing-complete #checkout-step-shipping, body.checkout-onepage-index.shipping-billing-complete #checkout-step-billing { display: none !important; } body.checkout-onepage-index.shipping-billing-complete #opc-payment, body.checkout-onepage-index.shipping-billing-complete #opc-review, body.checkout-onepage-index.shipping-billing-complete #opc-payment #checkout-step-payment, body.checkout-onepage-index.shipping-billing-complete #opc-review #checkout-step-review, body.checkout-onepage-index.shipping-billing-complete #checkoutSteps div#review-buttons-container.buttons-set button.btn-checkout { display: block !important; } body.checkout-onepage-index.shipping-billing-complete #opc-payment .block-title, body.checkout-onepage-index.shipping-billing-complete #opc-review .block-title, body.checkout-onepage-index.shipping-billing-complete #opc-payment #checkout-step-payment .block-title, body.checkout-onepage-index.shipping-billing-complete #opc-review #checkout-step-review .block-title, body.checkout-onepage-index.shipping-billing-complete #checkoutSteps div#review-buttons-container.buttons-set button.btn-checkout .block-title { border-bottom: 0 none; } body.checkout-onepage-index #opc-billing .step-title { display: none; } #shipping-new-address-form > fieldset > ul > li:nth-child(6) > div:nth-child(2) { opacity: 0.5; position: relative; z-index: 1; } #shipping-new-address-form > fieldset > ul > li:nth-child(6) > div:nth-child(2):before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; } .custom-country-input { background-color: #fff; border: 1px solid #D0D0D0; display: block; width: 100%; padding: 10px; margin: 10px 0; opacity: 0.5; } .fancybox-container { z-index: 100001; } :root:root:root .fancybox-iframe { max-height: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: relative; } /* :root:root:root .cms-index-index .header-bar-stuck .main-header { margin-bottom: 71px !important; } */ .quick-search-holder .quick-search-dropdown .no-results { background-color: transparent !important; text-align: center; } .quick-search-holder .quick-search-dropdown .no-results:hover { background-color: transparent !important; } .quick-search-holder .quick-search-dropdown .no-results:before { background-color: transparent !important; display: none !important; } .quick-search-holder .quick-search-dropdown .no-results span { color: #838383; } .quick-search-holder .quick-search-dropdown .no-results span span { font-weight: bold; } .quick-search-holder .quick-search-dropdown .no-results a { font-weight: bold; } :root:root:root body > div.container.main-content > div > div > div > div.order-summary > div > div > div > div.mini-cart-item.row div, :root:root:root body > div.container.main-content > div > div > div > div.order-summary > div > div > div > div.mini-cart-item.row span { padding: 5px 2px !important; } :root:root:root body > div.container.main-content > div > div > div > div.order-summary > div > div > div > div.mini-cart-item.row div img, :root:root:root body > div.container.main-content > div > div > div > div.order-summary > div > div > div > div.mini-cart-item.row span img { width: 100%; } #place-order-btn { padding-left: 40px; padding-right: 40px; width: auto; margin-bottom: 100px; } /* :root:root:root #checkoutSteps #opc-shipping_method { display:block!important; #checkout-step-shipping_method, #checkout-step-shipping_method #co-shipping-method-form, #checkout-step-shipping_method #co-shipping-method-form #checkout-shipping-method-load, #checkout-step-shipping_method #co-shipping-method-form #checkout-shipping-method-load .sp-methods { display:block!important; } } */ #checkout-payment-method-load dd, #checkout-payment-method-load dt + dd { display: none; } #checkout-payment-method-load dt.child-selected + dd { display: block !important; } #opc-payment .step-title { display: none; } .btn, .btn-checkout { border: 0 none; background-color: #0289b6; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 300; padding: 5px 10px; } .btn:hover, .btn:active, .btn:focus { background-color: #e9e9e9 !important; color: #0289b6; } .btn-view { /* background-color:$blue; border-right:$grid-spacing solid $vLightGrey; width:40% */ } .btn-view:hover { background-color: #e9e9e9; color: #0289b6; } .btn-add, .btn-checkout { background-color: #19bbc0; /* border-left:$grid-spacing solid $vLightGrey; width:60%; span { margin-right:$grid-spacing; } */ } .btn-add:hover, .btn-add:active, .btn-add:focus, .btn-checkout:hover, .btn-checkout:active, .btn-checkout:focus { background-color: #e9e9e9; color: #19bbc0; } .input-box { position: relative; } .validation-failed { border: 1px solid #BF2B36 !important; } .validation-failed::-webkit-input-placeholder { color: #BF2B36 !important; } .validation-failed:-moz-placeholder { color: #BF2B36 !important; } .validation-failed::-moz-placeholder { color: #BF2B36 !important; } .validation-failed:-ms-input-placeholder { color: #BF2B36 !important; } .validation-failed::-webkit-input-placeholder { color: #BF2B36 !important; } .validation-failed:-moz-placeholder { color: #BF2B36 !important; } .validation-failed::-moz-placeholder { color: #BF2B36 !important; } .validation-failed:-ms-input-placeholder { color: #BF2B36 !important; } .validation-advice { color: #BF2B36; font-size: 14px; font-weight: 300; line-height: 20px; padding: 10px 0 10px 25px; position: absolute; bottom: -5px; opacity: 0.7; } .validation-advice:before { height: 14px; left: 5px; top: 12px; text-align: center; content: ""; display: block; font-family: "proxima-nova"; position: absolute; height: 14px; width: 14px; background-image: url("/skin/frontend/digitl/magicsim/img/validation.png"); background-repeat: no-repeat; background-position: left center; background-size: contain; } select { background: url("/skin/frontend/digitl/magicsim/img/select-arrow.png") no-repeat 95% 55%; background-size: 15px; padding: 15px 10px; background-color: #f7f7f7; border: 1px solid transparent; border-radius: 0; cursor: pointer; display: block; padding: 10px; width: 100%; -moz-appearance: none; -webkit-appearance: none; appearance: none; } select option { max-width: 100%; width: 100%; } html body .fieldset input[type="text"], html body .fieldset input[type="email"], html body .fieldset input[type="password"], html body .fieldset textarea, html body .fieldset select, html body fieldset input[type="text"], html body fieldset input[type="email"], html body fieldset input[type="password"], html body fieldset textarea, html body fieldset select { background-color: #EBEBEB; border: 1px solid transparent; display: block; padding: 10px; width: 100%; } html body .fieldset textarea, html body fieldset textarea { height: 245px; } html body .fieldset em, html body fieldset em { color: #FF2800; } html body .fieldset .input-box, html body fieldset .input-box { padding-bottom: 30px !important; margin: 0 !important; } .buttons-set em { color: #FF2800; } .buttons-set { padding-bottom: 100px; text-align: right; } .buttons-set button { padding-left: 40px; padding-right: 40px; } ul.form-list, ul.form-list li { list-style-type: none; margin: 0; padding: 0; } fieldset { border: 0 none; margin: 0; padding: 0; } label.radio-label, label.checkbox-label { cursor: pointer; display: block; line-height: 30px; padding: 5px 0 5px 30px; position: relative; } label.radio-label input, label.checkbox-label input { display: none; cursor: pointer; float: left; height: 0; width: 0; } label.radio-label .method-name, label.checkbox-label .method-name { color: #838383; float: right; opacity: 0.7; } label.radio-label:before, label.checkbox-label:before { background-color: #ffffff; border: 1px solid #838383; border: 1px solid rgba(131, 131, 131, 0.6); border-radius: 5px; margin-top: -10px; left: 0; top: 50%; height: 20px; width: 20px; content: ""; display: block; font-family: "magicsim"; position: absolute; } label.radio-label:before { border-radius: 10px; } label.radio-label:after, label.checkbox-label:after { background-color: #0289b6; border-radius: 2.5px; margin: -5px 0 0 5px; left: 0; top: 50%; opacity: 0; height: 10px; width: 10px; content: ""; display: block; font-family: "magicsim"; position: absolute; transition: opacity 0.22s ease-in-out; -moz-transition: opacity 0.22s ease-in-out; -webkit-transition: opacity 0.22s ease-in-out; } label.radio-label:after { border-radius: 5px; } /* input[type="radio"]:checked label::after, input[type="checkbox"]:checked label::after */ label.radio-label.selected:after, label.checkbox-label.selected:after, label.radio-label.selected-tmp:after, label.checkbox-label.selected-tmp:after { opacity: 1; } /* label.radio-label input::before, label.checkbox-label input::before { border-radius:5px; content: ""; display: block; background-color: #fff; height: 14px; width: 14px; left: 3px; position: absolute; top: 50%; margin-top: -7px; z-index: 2; opacity:1; @include transition(opacity); } label.radio-label input:checked::before, label.checkbox-label input:checked::before { opacity:0; } */ input[type="text"]::-webkit-input-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } input[type="text"]:-moz-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } input[type="text"]::-moz-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } input[type="text"]:-ms-input-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } input[type="email"]::-webkit-input-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } input[type="email"]:-moz-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } input[type="email"]::-moz-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } input[type="email"]:-ms-input-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } textarea::-webkit-input-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } textarea:-moz-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } textarea::-moz-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } textarea:-ms-input-placeholder { color: #838383; letter-spacing: initial; font-weight: 300 !important; } select.square-trig, #co-payment-form select { background-image: url("/skin/frontend/digitl/magicsim/img/dropdown-arrow.png"); background-repeat: no-repeat; background-position: right; background-size: auto 100%; } .btn-checkout { display: block; font-size: 18px; line-height: 30px; margin-top: 15px; padding: 15px 10px; position: relative; width: 100%; } .btn-checkout:before { color: #ffffff; content: '\E800'; display: block; font-family: 'magicsim'; font-size: 32px; position: absolute; right: 12%; top: initial; height: 100%; line-height: 1em; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .btn-checkout:hover:before, .btn-checkout:active:before, .btn-checkout:focus:before { color: #19bbc0; right: 8%; } .btn-continue { background-color: #D0D0D0; font-size: 18px; margin-top: 20px; padding: 10px; position: relative; text-align: center; width: 100%; } .btn-continue:hover, .btn-continue:active, .btn-continue:focus { color: #838383; } .btn-continue:before { color: #ffffff; content: '\E800'; display: block; font-family: 'magicsim'; font-size: 32px; position: absolute; left: 12%; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .btn-continue:hover:before, .btn-continue:active:before, .btn-continue:focus:before { left: 8%; } .support-banner { background: -moz-linear-gradient(left, #19BA7B 0%, #03BCAC 100%); background: -webkit-linear-gradient(left, #19BA7B 0%, #03BCAC 100%); background: linear-gradient(to right, #19BA7B 0%, #03BCAC 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19BA7B', endColorstr='#03BCAC',GradientType=1); } .support-banner .container { background-image: url("/skin/frontend/digitl/magicsim/img/support_banner.png"); background-repeat: no-repeat; background-size: 32%; background-position: 100% -14%; } .support-container { color: #19BAC0; padding-bottom: 40px; } .support-container h3 { color: #19BAC0; margin: 40px 0; font-size: 20px; } .support-container a { font-weight: 300; color: #19BAC0; } .support-container div.inactive { display: inline-block; opacity: 0.3; } .support-container div.active { display: inline-block; } .support-container .support-badge { display: inline-block; color: white; background: #0289b6; height: 42px; width: 42px; text-align: center; border-radius: 50%; font-weight: 400; background: -moz-linear-gradient(left, #19BA7B 0%, #03BCAC 100%); background: -webkit-linear-gradient(left, #19BA7B 0%, #03BCAC 100%); background: linear-gradient(to right, #19BA7B 0%, #03BCAC 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#19BA7B', endColorstr='#03BCAC',GradientType=1); margin-right: 10px; } .support-container .support-arrow { margin: 0 20px; } .support-container .support-box { text-align: center; height: 240px; padding-left: 20px; padding-right: 20px; } .support-container .support-box:first-child { padding-left: 0; } .support-container .support-box:last-child { padding-right: 0; } .support-container .support-box img { display: inline-block; } .support-container .support-box .support-box-inner { border-radius: 5px; border: 2px solid #E3E3E3; height: 240px; font-size: 20px; font-weight: 400; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .support-container .support-box:hover .support-box-inner { border: 2px solid #19bbc0; } .support-container .support-box .img-outer { margin-top: 0; margin-left: auto; margin-right: auto; width: 190px; height: 160px; } .support-container .support-box .img-outer .img-inner { display: table-cell; height: 160px; width: 190px; vertical-align: middle; } .support-container .support-box .img-outer .img-inner img { max-width: 100%; max-height: 90px; display: block; margin: auto auto; } .support-faq-container { margin-top: 15px; /* .faq-sidebar { padding-right: 50px; ul { margin: 0; padding: 0; list-style: none; li { cursor:pointer; font-size: 1.2em; padding: 10px 20px; border-bottom: 1px solid rgba(147, 146, 146, 0.3); &.active { background-color: rgba(168, 168, 168, 0.3); .arrow-active { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid white; padding-right: 10px; position: absolute; left: 5px; top: 15px; } } &:last-child { border-bottom: none; } } } } .faq-sidebar-section { background-color: rgba(227, 227, 227, 0.3); margin-bottom: 20px; } */ } .support-faq-container h3 { margin-top: 0; } .support-faq-container a, .support-faq-container .a { font-size: 17px; font-weight: 300; } .support-faq-container .faq-sidebar-section-bottom { background-color: #f7f7f7; margin-top: 20px; padding: 20px; text-align: center; } .support-faq-container .faq-sidebar-section-bottom h3 { margin-top: 0; margin-bottom: 20px; } .support-faq-container .faq-sidebar-section-bottom .btn { display: block; width: 100%; } .support-faq-container a.contact-button { background-color: #037FA8; padding: 10px; width: 100%; display: block; color: white; font-weight: 400; } .support-stk-container h3 { margin-top: 0; margin-bottom: 0; } .support-stk-container h4, .support-stk-container h5 { color: #19BAC0; } .support-stk-container h4 { font-weight: 300; margin-top: 10px; } .support-stk-container h5 { background-color: rgba(25, 186, 192, 0.05); padding: 10px; margin: 0; } .support-stk-container p { padding: 0 15px 10px 15px; } .support-stk-container .col-sm-9 { padding-left: 50px; } .support-installation-container h3 { margin-top: 0; margin-bottom: 0; } .support-installation-container h4 { color: #19BAC0; font-weight: 300; margin-top: 10px; } .support-installation-container h5 { padding: 0; margin: 0; color: #0289B5; font-weight: 400; } .support-installation-container .download { background-color: rgba(208, 208, 208, 0.3); padding: 20px 10px; margin-bottom: 25px !important; } .support-installation-container .download b, .support-installation-container .download strong { color: #747474; font-weight: 500; } .support-installation-container .download .col-md-1 { text-align: center; } .support-installation-container .download .icon { max-width: 66px; height: 50px; display: inline-block; margin-top: 5px; } .support-installation-container .download a { background-color: #19BAC0; padding: 5px 0; width: 100%; color: white; display: inline-block; margin-top: 10px; text-align: center; font-weight: 400; } .support-installation-container .download a img { width: 15px; height: 15px; margin-left: 10px; } .support-installation-container .download .btn-add { font-size: 18px; padding: 3px 7px 3px 12px; } .support-installation-container .download .btn-add span { font-size: 16px; } .support-installation-container p { padding: 0; margin: 0; font-size: 20px; font-weight: 300; text-transform: uppercase; line-height: 18px; } /* xs */ @media (max-width: 767px) { .support-installation-container h3, .support-installation-container h4 { margin-left: 30px; } .support-installation-container .download { text-align: center; margin: 30px; } .support-faq-container { padding: 20px; } .support-stk-container .col-sm-3 { text-align: center; padding-top: 10px; padding-bottom: 40px; } } /* sm */ @media (max-width: 991px) { .support-container div.inactive, .support-container div.active { margin: 10px 25px; display: block; } .support-container img.support-arrow { display: none; } .support-container .support-box { padding: 0; margin: 25px; } .support-faq-container .faq-sidebar { padding-right: 0; font-weight: 300; } } /* md */ @media (max-width: 1199px) { .support-container div.inactive, .support-container div.active { margin-bottom: 10px; } } :root:root:root .STORE-fr header.main-header .main-navigation #nav li:not(.category-menu) { padding: 0 0 0 0; } :root:root:root .STORE-fr header.main-header .main-navigation #nav li.category-menu { padding-left: 0; padding-right: 20px; } :root:root:root .STORE-fr header.main-header .main-navigation #nav li a { font-size: 16px; padding: 16px 15px; } :root:root:root .STORE-fr header.main-header .main-navigation #nav li:first-child a { padding-left: 0; padding-right: 15px; } :root:root:root .STORE-fr header.main-header .main-navigation #nav li:last-child a { padding-left: 15px; padding-right: 0; } :root:root:root .STORE-fr footer.main-footer .footer-blocks .footer-block.footer-block-01 .footer-block-header span { font-size: 16px; } :root:root:root .STORE-fr footer.main-footer .footer-blocks .footer-block.footer-block-01 .footer-block-header .icon-secure-payment { display: none; } :root:root:root .STORE-fr footer.main-footer .footer-blocks .footer-block.footer-block-02 .footer-block-content { line-height: 110px; position: relative; } :root:root:root .STORE-fr footer.main-footer .footer-blocks .footer-block.footer-block-02 .footer-block-content img.width-50-percent { width: 40% !important; } :root:root:root .STORE-fr footer.main-footer .footer-blocks .footer-block.footer-block-02 .footer-block-content span.width-50-percent { line-height: 24px; display: inline-block; vertical-align: middle; } :root:root:root .STORE-fr .product-compatibility-search .product-compatibility-stages li a, :root:root:root .STORE-fr .product-compatibility-search .product-compatibility-stages li { font-size: 13px; } @media only screen and (max-width: 991px) { :root:root:root .STORE-fr header.main-header .main-navigation #nav li a { font-size: 12px; padding: 16px 10px; } } :root:root:root .STORE-es header.main-header .main-navigation #nav li:not(.category-menu) { padding: 0 0 0 0; } :root:root:root .STORE-es header.main-header .main-navigation #nav li.category-menu { padding-left: 0; padding-right: 20px; } :root:root:root .STORE-es header.main-header .main-navigation #nav li a { font-size: 16px; padding: 16px 15px; } :root:root:root .STORE-es header.main-header .main-navigation #nav li:first-child a { padding-left: 0; padding-right: 15px; } :root:root:root .STORE-es header.main-header .main-navigation #nav li:last-child a { padding-left: 15px; padding-right: 0; } :root:root:root .STORE-es footer.main-footer .footer-blocks .footer-block.footer-block-02 .footer-block-content { line-height: 110px; position: relative; } :root:root:root .STORE-es footer.main-footer .footer-blocks .footer-block.footer-block-02 .footer-block-content img.width-50-percent { width: 40% !important; } :root:root:root .STORE-es footer.main-footer .footer-blocks .footer-block.footer-block-02 .footer-block-content span.width-50-percent { line-height: 24px; display: inline-block; vertical-align: middle; } :root:root:root .STORE-es .product-compatibility-search .product-compatibility-stages li a, :root:root:root .STORE-es .product-compatibility-search .product-compatibility-stages li { font-size: 13px; } @media only screen and (max-width: 991px) { :root:root:root .STORE-es header.main-header .main-navigation #nav li a { font-size: 12px; padding: 16px 10px; } } /* Large Devices, Wide Screens */ @media only screen and (max-width: 1199px) { .main-header .main-navigation ul#nav { padding: 0 0 0 0; } .main-header .main-navigation ul#nav li { padding: 0 1px; } .main-header .main-navigation ul#nav li a, .main-header .main-navigation ul#nav li .a { font-size: 16px; } .homepage-banners .slick-arrow { background-size: auto 65%; } .homepage-banners .slick-prev { margin-left: -48.5%; } .homepage-banners .slick-next { margin-right: -48.5%; } /* .main-footer .footer-blocks .footer-block .footer-block-header { min-height: 116px; [class^="icon-"], [class*=" icon-"] { display: block; } }*/ .product-compatibility-search .product-compatibility-stages { padding-left: 40px; } .catalog-product-view .product-essential .product-add-wrapper { padding-right: 0 !important; } } .main-header .main-navigation .mobile-nav-container { display: none; } @media only screen and (min-width: 1200px) { .special-single-product .col-md-8 { width: 62%; } .special-single-product .col-md-4 { width: 38%; } } /* Medium Devices, Desktops */ @media only screen and (max-width: 991px) { html, body { overflow-x: hidden; } .support-banner .container { background-position: 93% -30%; background-size: 40% auto; } .catalog-category-commmon-ancestor-name-support .faq-section { margin-top: 20px; } .product-shop .product-tab-triggers .product-tab-trigger { width: 17%; } .product-banner .product-compatibility ul { padding: 0; } .product-banner .product-compatibility ul li { padding: 0 15px; } .category-banner .banner .row { background-position: right center; background-size: 40% auto; } .magic-callouts { margin: 10px 0; } .magic-callouts .callout-block { margin: 5px 0; } .magic-callouts .callout-block .block-content { font-size: 20px; } .main-header .free-delivery-block, .main-header .language-block, .main-header .currency-block { display: none; } .main-header .col-xs-5 { position: absolute; top: -75px; right: 0; } .main-header .main-navigation ul#nav { /* li:first-child { a:after { left:-$grid-spacing; } } li:last-child { a:after { right:-$grid-spacing; } } */ } .main-header .main-navigation ul#nav li a, .main-header .main-navigation ul#nav li .a { padding: 20px 13px; font-size: 12px; } .main-header .main-navigation ul#nav li a:hover:before, .main-header .main-navigation ul#nav li .a:hover:before { left: 11px; } .main-header .main-navigation ul#nav li a:hover:after, .main-header .main-navigation ul#nav li .a:hover:after { right: 13px; } .main-header .main-navigation ul#nav .category-menu .hamburger { margin-top: -1px; right: 13px; } .main-header .main-navigation .category-menu-list-container ul.category-menu-list li a { text-overflow: ellipsis; overflow: hidden; } .homepage-banners .banner .actual-banner .row.banner-img { background-size: 40% auto; } .homepage-banners .banner .left-side .banner-text { text-align: center !important; padding-left: 60px !important; padding-right: 60px !important; padding-bottom: 0 !important; } .site-banners.page-banner .banner .row { background-size: auto 45%; } .featured-products .block-title { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .featured-products .block-title span:before, .featured-products .block-title span:after { background: none; } .for-your-phone { display: none; } .for-your-phone p { font-size: 16px; } .site-search.header-bar .quick-search-holder { width: 97%; } .site-search.header-bar .quick-search-holder ul li { display: block; text-align: left; } .site-search { height: 60px; } .site-search .search-box { width: 98%; margin-right: 20px; margin: 10px 50px 0 0; } .site-search .magic-callouts { display: none; } .main-footer .footer-blocks .footer-block .footer-block-header { min-height: auto; } .main-footer .footer-blocks .footer-block .footer-block-content img { padding: 10px; } .product-add-inner .confirmations li > span { padding: 10px; } .product-add-inner .confirmations li > span:before { display: none; } body .main-content .row .product-compatibility-search .product-compatibility-stages { padding: 18px 0 5px 45px; } body .main-content .row .product-compatibility-search .product-compatibility-stages li { height: auto; margin-top: 0 !important; margin-bottom: 0 !important; padding: 10px 15px; text-align: center; } body .main-content .row .product-compatibility-search .product-compatibility-stages li.stage-active { display: block; } body .main-content .row .product-compatibility-search .product-compatibility-stages li:after { display: inline-block; font-size: 30px; position: relative; margin-left: 20px; right: initial; vertical-align: middle; } #shopping-cart-table th:nth-child(6), #shopping-cart-table td:nth-child(6) { display: none; } #shopping-cart-table h2.product-name a { font-size: 14px; } #discount-coupon-form .discount { margin-bottom: 0; } #discount-coupon-form .discount h3 { font-size: 18px; margin-bottom: 0; } #shipping-zip-form strong { display: block; font-size: 18px; padding-bottom: 10px; } .video-search .btn-search { padding-left: 20%; padding-right: 20%; } .video-block .row .equals-sign { right: -10%; } .cms-postage-information .postage-country-selection select { width: 100%; } .cms-postage-information .postage-selection-results .top-row { border: 0 none; } .homepage-banners .banner .row { background-position: center 90%; background-size: 45% auto !important; } .homepage-banners .banner .row .left-side { padding-top: 20px !important; padding-bottom: 25%; } .homepage-banners .banner .row .left-side .banner-text { font-size: 43px; line-height: 48px; } .magic-callouts .callout-block { height: 120px; padding: 20px 0 20px 32%; } .magic-callouts .callout-block .block-content { color: #666; font-size: 22px !important; line-height: 24px; padding-right: 20px; position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .magic-callouts .callout-block [class^="icon-"], .magic-callouts .callout-block [class*=" icon-"] { font-size: 47px; } .homepage-video-block { height: 387px; } .homepage-video-block a { font-size: 30px; line-height: 36px; width: 300px; padding-top: 60px; margin: 0 auto; } .homepage-video-block a:after { margin-top: 30px; } .homepage-video-block .video-link-text { bottom: 0; height: 55px; line-height: 55px; } .homepage-video-block .video-link-text:before { -ms-transform: skew(-35deg, 0deg); -webkit-transform: skew(-35deg, 0deg); transform: skew(-35deg, 0deg); } .featured-products .row .col-xs-12 { margin-bottom: 0px !important; } .featured-products .row .col-xs-12 .block-title span { font-size: 38px; height: auto !important; line-height: auto !important; } .search-callout .search-content .search-title { font-size: 36px; line-height: 45px; font-weight: 300; } .search-callout .search-content .search-title span { font-size: 24px; line-height: 60px; font-weight: 100; } .search-callout .search-content .search-title .search-box form .input-wrap { border-radius: 3px; } .brand-carousel .block-title { font-size: 28px; margin-top: 40px !important; } .brand-carousel .brand-carousel-wrap { padding: 20px 0 !important; position: relative; width: 100%; display: block; } .brand-carousel .brand-carousel-wrap:before, .brand-carousel .brand-carousel-wrap:after { display: none; } .brand-carousel .brand-carousel-wrap .slick-track { position: relative; width: 100% !important; display: block; left: 0 !important; } .brand-carousel .brand-carousel-wrap .slick-track .brand-item { float: left; width: 33% !important; } .brand-carousel .brand-carousel-wrap .slick-track .brand-item span { padding: 10px; } .brand-carousel .brand-carousel-wrap .slick-track .brand-item span a { padding-top: 55%; } .brand-carousel .brand-carousel-wrap .slick-track div.slick-slide { display: none; } .brand-carousel .brand-carousel-wrap .slick-track div.slick-slide[aria-describedby="slick-slide00"], .brand-carousel .brand-carousel-wrap .slick-track div.slick-slide[aria-describedby="slick-slide01"], .brand-carousel .brand-carousel-wrap .slick-track div.slick-slide[aria-describedby="slick-slide02"], .brand-carousel .brand-carousel-wrap .slick-track div.slick-slide[aria-describedby="slick-slide03"], .brand-carousel .brand-carousel-wrap .slick-track div.slick-slide[aria-describedby="slick-slide04"], .brand-carousel .brand-carousel-wrap .slick-track div.slick-slide[aria-describedby="slick-slide05"] { display: block; } .brand-carousel .brand-carousel-wrap .slick-track div.slick-slide.slick-cloned { display: none !important; } .footer-callouts .callout-content p { font-size: 23px; line-height: 32px; margin: 15px 0 !important; } .footer-callouts .callout-content .callout-title { font-size: 24px; line-height: 28px; padding-left: 80px; } .footer-callouts .callout-content .callout-title [class^="icon-"], .footer-callouts .callout-content .callout-title [class*=" icon-"] { height: 70px; line-height: 70px; } .footer-callouts .callout-content .callout-title [class^="icon-"]:before, .footer-callouts .callout-content .callout-title [class*=" icon-"]:before { font-size: 70px; } .subscribe-to-newsletter { margin-bottom: 15px; } .subscribe-to-newsletter .subscribe-content { padding-left: 0; padding-top: 0px; font-size: 28px; text-align: center; line-height: 38px; font-weight: 300; padding-bottom: 20px; } .subscribe-to-newsletter form input, .subscribe-to-newsletter form button { width: 100%; text-align: center; } .subscribe-to-newsletter form input { margin-bottom: 10px; } .subscribe-to-newsletter .subscribe-content [class^="icon-"], .subscribe-to-newsletter .subscribe-content [class*=" icon-"] { font-size: 30px; height: 40px; width: 80px; margin: 0 auto 20px auto; text-align: center; display: block; position: relative; } .subscribe-to-newsletter .subscribe-content [class^="icon-"]:before, .subscribe-to-newsletter .subscribe-content [class*=" icon-"]:before { margin: 0 !important; display: block; width: 100%; } .subscribe-to-newsletter .block-subscribe input { font-size: 24px; line-height: 56px; } .subscribe-to-newsletter .block-subscribe button { font-size: 26px; font-weight: 400; line-height: 56px; } .main-footer .footer-blocks { margin-bottom: 10px; } .main-footer .footer-blocks .footer-block { margin-bottom: 20px; } .main-footer .footer-blocks .footer-block .footer-block-header [class^="icon-"], .main-footer .footer-blocks .footer-block .footer-block-header [class*=" icon-"] { display: inline-block; } .main-footer .footer-menu, .main-footer .footer-menu li, .main-footer .social-links, .main-footer .social-links li { text-align: center; } .main-footer .social-links li:first-child { margin-left: 0; } .main-footer .footer-menu { padding-bottom: 15px; } .main-footer .footer-menu li a { padding-bottom: 5px; } .main-footer .footer-blocks { margin-top: 20px !important; margin-bottom: 0; } .main-footer .footer-blocks .footer-block { margin-bottom: 20px !important; } .main-footer .footer-blocks .footer-block .footer-block-header span { height: 35px; line-height: 35px; font-size: 20px !important; } .main-footer .footer-blocks .footer-block .footer-block-content { min-height: 73px; line-height: 73px; } .main-footer .footer-blocks .footer-block .footer-block-content img { width: 83%; } .main-footer .footer-blocks .footer-block .footer-block-content img[alt="Accepted Payment Types"] { width: 60%; } .main-footer .footer-blocks .footer-block .footer-block-content img.width-50-percent { width: 30% !important; } .main-footer .footer-blocks .trust-online a { color: #333; font-weight: 600; text-decoration: underline; } .main-footer .social-links li { margin-left: 10px; } .main-footer .row { position: relative; } .main-footer .custom-class-for-devices { /* position:absolute; left:0; right:0; top:-20px; */ width: 100%; text-align: center; } .main-footer .custom-class-for-devices br { display: none; } .main-footer address { color: #999; font-size: 14px; font-weight: 400; line-height: 18px; } .main-footer address a { color: #999; font-size: 14px; font-weight: 400; line-height: 18px; text-decoration: underline; } .main-footer .logo img { width: 100%; max-width: 100%; } #checkout-review-submit .btn-checkout { margin: 0 !important; float: left !important; } .checkout-onepage-index form li.wide { clear: both; display: block; float: none; } .product-shop .product-add-wrapper form { width: 305px; } .cms-why-magicsim .page-banner .banner .left-side, .cms-why-magicsim .category-banner .left-side, .categorypath-products-special-offers .page-banner .banner .left-side, .categorypath-products-special-offers .category-banner .left-side { width: 50%; } .cms-why-magicsim .page-banner .banner .right-side, .cms-why-magicsim .category-banner .right-side, .categorypath-products-special-offers .page-banner .banner .right-side, .categorypath-products-special-offers .category-banner .right-side { width: 50%; } .cms-why-magicsim .page-banner .banner .right-side img, .cms-why-magicsim .category-banner .right-side img, .categorypath-products-special-offers .page-banner .banner .right-side img, .categorypath-products-special-offers .category-banner .right-side img { top: -50px; } body a.all-products-link { background-color: #939393; color: #ffffff; width: 100%; } .site-search.header-bar .col-xs-12.col-md-4.custom-width { width: 100%; } .search-callout { background-size: 210% auto; background-position: 30% 65%; } .search-box form .input-wrap { border-radius: 5px; } .single-product .product-bullets ul li { font-size: 17px; font-weight: 400; line-height: 24px; } .single-product .product-bullets .product-price { border-radius: 20px 0 0 20px; font-size: 38px; line-height: 60px; height: 60px; } .single-product .product-bullets .product-price .price-currency { font-size: 22px; } .single-product .product-bullets .product-price .price-pence { font-size: 20px; line-height: 53px; } .single-product .product-actions .btn { font-size: 20px; line-height: 40px; } .cms-contact-us .buttons-set { padding-top: 0 !important; text-align: center; } .cms-contact-us .buttons-set .btn-view { float: none; margin: 0 auto; width: 50%; } #contactFormCustom .buttons-set .btn { display: block; margin: 0 auto; float: none; width: 50%; } .single-product .product-title { font-size: 24px; } .single-product .product-subtitle { font-size: 22px; } .single-product .product-compatibility ul { font-size: 20px; } .site-search .search-box .col-xs-1.col-md-1 { display: none; } .site-search .search-box .col-xs-11.col-md-11 { width: 100%; } .site-search .search-box form button { -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } #product-review-table table { margin-top: 10px; } .catalog-category-commmon-ancestor-name-compatibility .site-banners, .cms-page-compatibility .site-banners { background: #7a7a79; background: -moz-linear-gradient(left, #7a7a79 0%, #b5b4b4 100%); background: -webkit-linear-gradient(left, #7a7a79 0%, #b5b4b4 100%); background: linear-gradient(to right, #7a7a79 0%, #b5b4b4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a79', endColorstr='#b5b4b4',GradientType=1 ); } .catalog-category-commmon-ancestor-name-compatibility .product-compatibility-stages { position: relative; } .catalog-category-commmon-ancestor-name-compatibility .product-compatibility-stages li.trigger-1 { display: none; } .catalog-category-commmon-ancestor-name-compatibility .product-compatibility-stages li.trigger-2 { position: absolute; left: 0; } .catalog-category-commmon-ancestor-name-compatibility .product-compatibility-stages li.trigger-2 a:before { color: #efefef; font-size: 30px; top: 12px; left: 20px; content: ""; display: block; font-family: "magicsim"; position: absolute; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-category-commmon-ancestor-name-compatibility .product-compatibility-stages li.trigger-2 span { display: none; } .catalog-category-commmon-ancestor-name-compatibility .product-compatibility-stages li.trigger-2:after { display: none !important; } .catalog-category-commmon-ancestor-name-compatibility .product-compatibility-stages li.trigger-3 { position: relative; } .catalog-category-commmon-ancestor-name-compatibility .product-compatibility-stages li.trigger-3:after { position: absolute !important; top: 12px; right: 20px !important; } .catalog-category-path-compatibility .product-compatibility-stages { position: relative; } .catalog-category-path-compatibility .product-compatibility-stages li.trigger-1 { display: block !important; } .catalog-category-path-compatibility .product-compatibility-stages li.trigger-2 { display: none !important; } .catalog-category-path-compatibility .product-compatibility-stages li.trigger-3 { display: none !important; } .catalog-category-parent-compatibility .product-compatibility-stages { position: relative; } .catalog-category-parent-compatibility .product-compatibility-stages li.trigger-1 { display: block; position: absolute; left: 0; } .catalog-category-parent-compatibility .product-compatibility-stages li.trigger-1 a:before { color: #efefef; font-size: 30px; top: 12px; left: 20px; content: ""; display: block; font-family: "magicsim"; position: absolute; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-category-parent-compatibility .product-compatibility-stages li.trigger-1 span { display: none; } .catalog-category-parent-compatibility .product-compatibility-stages li.trigger-1:after { display: none !important; } .catalog-category-parent-compatibility .product-compatibility-stages li.trigger-2 { display: block !important; position: relative; } .catalog-category-parent-compatibility .product-compatibility-stages li.trigger-2 span { display: inline-block !important; } .catalog-category-parent-compatibility .product-compatibility-stages li.trigger-2:after { display: block !important; position: absolute !important; top: 12px; right: 20px !important; } .catalog-category-parent-compatibility .product-compatibility-stages li.trigger-3 { display: none !important; } .video-block .product-description { padding-top: 15px; display: block; clear: both; position: relative; } .product-banner .new-alert { top: 80px; } .product-shop .product-add-wrapper { display: block !important; } .product-shop .product-add-wrapper form { position: relative !important; top: initial !important; } .site-banners .banner .row .banner-text { font-weight: 300; } .product-tab-2.product-tab.product-tab-manual a { padding-left: 10px !important; padding-right: 10px !important; } :root:root:root #checkout-progress-wrapper { width: 100%; position: relative !important; top: initial !important; } } /** SCREENS LARGER THAN 992px wide **/ @media only screen and (min-width: 992px) { .mobile-search { display: none; } /* .product-compatibility-stages { li:after { color:$lightGrey; top:0; right:10px; @include absoluteBlockContent('\f006',$icon-font); } li.trigger-2:after { right:40px; } li.trigger-3:after { display:none; } } */ .product-image-outer-wrap { width: 28% !important; } .product-screen-outer-wrap { width: 38% !important; padding-left: 55px !important; } .main-footer address a, .main-footer address br, .homepage-video-block br, .subscribe-to-newsletter .subscribe-content br { display: none; } } /* Small Devices, Tablets */ @media only screen and (max-width: 650px) { .support-banner .container { background-position: 93% bottom; } } @media only screen and (max-width: 767px) { .category-menu-list-container { display: none !important; } /* .support-banner .container { background-position: 93% 110%; background-size: 40% auto; } */ .site-banners .banner .row .banner-text { padding-bottom: 30px; } .product-shop .product-tab-triggers .product-tab-trigger { width: 19%; } .product-shop .product-tab-triggers .btn.product-tab-trigger.trigger-selected, .product-shop .product-tab-triggers .btn.product-tab-trigger:hover, .product-shop .product-tab-triggers .btn.product-tab-trigger:active, .product-shop .product-tab-triggers .btn.product-tab-trigger:focus { background-color: #f7f7f7 !important; } .product-shop .product-tab-triggers .product-tab-trigger.trigger-selected:before { display: none; } .search-callout .icon-phone-vector { margin-left: -10px; position: relative; } .main-header .main-navigation ul#nav li a, .main-header .main-navigation ul#nav li .a { padding: 20px 10px; } .main-header .free-delivery-callout { width: 40%; } .main-header .language-currency-selectors { width: 20%; } .main-header .top-links-mini-cart { width: 40%; } .homepage-banners .slick-prev { margin-left: -46%; } .homepage-banners .slick-next { margin-right: -46%; } .homepage-banners .slick-dots { display: none !important; visibility: hidden; } .site-banners.page-banner .banner .row { background-image: none !important; } .container { padding-left: 20px; padding-right: 20px; } .search-box { text-align: left; } .search-box form .input-wrap input { width: 77%; } .video-search .btn-search { padding: 0 0; width: 100%; } .cart-collaterals { margin-bottom: 40px; } .site-search.header-bar .quick-search-holder { width: 97%; } .site-search.header-bar .quick-search-holder ul li { display: block; text-align: left; } /** MOVED FROM 720 BREAKPOINT **/ @-webkit-keyframes pop-in { 0% { opacity: 0; -webkit-transform: scale(0.5); } 100% { opacity: 1; -webkit-transform: scale(1); } } @-moz-keyframes pop-in { 0% { opacity: 0; -moz-transform: scale(0.5); } 100% { opacity: 1; -moz-transform: scale(1); } } @keyframes pop-in { 0% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } .pop-in { -webkit-animation: pop-in 0.5s; -moz-animation: pop-in 0.5s; -ms-animation: pop-in 0.5s; animation: pop-in 0.5s; } .product-banner .banner .row img.product-image { clear: both; display: block; margin: 0 auto; position: relative; width: 80%; } .product-banner .banner .row .new-alert { top: 25px; } .product-banner .product-compatibility ul { padding: 5px; margin: 0; } .product-banner .product-compatibility ul li { font-size: 17px; padding: 0 10px; } .product-banner .breadcrumbs { display: none; } .product-banner h1 { margin-bottom: 0; } .product-banner h2 { margin: 0; font-size: 24px; } .product-banner .banner-description { display: none; } .search-box { text-align: left; } .search-box form .input-wrap:before { right: -92%; } .search-box form .input-wrap input { width: 100%; } .search-box form button { padding-right: 0; } .search-callout { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .brand-carousel .block-title { font-size: 26px; font-weight: 300; margin: 60px 0 0 0; } .breadcrumbs ul li { padding-left: 0; } .breadcrumbs ul li:after { padding-right: 7px; } .breadcrumbs ul li:last-child { padding-right: 0; } .single-product .product-bullets ul li:first-child { max-width: 68%; } .single-product .product-actions .btn-view { width: 42%; } .single-product .product-actions .btn-add { width: 58%; } .checkout-cart-index .main-content, .checkout-onepage-index .main-content { padding-top: 0; } .checkout-cart-index .search-callout, .checkout-onepage-index .search-callout { display: none; } .checkout-cart-index .main-cart table:not(#checkout-review-table), .checkout-onepage-index .main-cart table:not(#checkout-review-table) { border-bottom: none; } .checkout-cart-index .main-cart table:not(#checkout-review-table) tbody tr, .checkout-onepage-index .main-cart table:not(#checkout-review-table) tbody tr { background-color: #efefef; } .checkout-cart-index .main-cart table:not(#checkout-review-table) tbody tr:nth-child(2n), .checkout-onepage-index .main-cart table:not(#checkout-review-table) tbody tr:nth-child(2n) { background-color: #f7f7f7; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td, .checkout-onepage-index .main-cart table:not(#checkout-review-table) td { display: inline-block; } .checkout-cart-index .main-cart table:not(#checkout-review-table) thead tr, .checkout-onepage-index .main-cart table:not(#checkout-review-table) thead tr { display: none; } .checkout-cart-index .main-cart table:not(#checkout-review-table) tr, .checkout-onepage-index .main-cart table:not(#checkout-review-table) tr { display: block; border-bottom: 1px solid #D0D0D0; } .checkout-cart-index .main-cart table:not(#checkout-review-table) tr h2, .checkout-onepage-index .main-cart table:not(#checkout-review-table) tr h2 { margin: 0; } .checkout-cart-index .main-cart table:not(#checkout-review-table) tr:last-child, .checkout-cart-index .main-cart table:not(#checkout-review-table) tr.first.last, .checkout-onepage-index .main-cart table:not(#checkout-review-table) tr:last-child, .checkout-onepage-index .main-cart table:not(#checkout-review-table) tr.first.last { border-bottom: none; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td, .checkout-onepage-index .main-cart table:not(#checkout-review-table) td { border: none; position: relative; text-align: center; width: 33%; margin-right: -10px; margin-left: 5px; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:before, .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:before { position: absolute; top: -20px; left: 0; display: block; width: 100%; white-space: nowrap; overflow: hidden; color: #19bbc0; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(1), .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(1) { width: 30%; height: auto; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(2), .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(2) { width: 65%; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(3), .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(3) { display: none; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(4), .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(4) { height: 52px; margin-top: 20px; margin-bottom: 10px; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(4) span.cart-price, .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(4) span.cart-price { display: inline-block; margin-top: 5px; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(4):before, .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(4):before { content: "Price"; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(5), .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(5) { height: 52px; margin-top: 20px; margin-bottom: 10px; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(5):before, .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(5):before { content: "Qty"; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(6), .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(6) { height: 52px; margin-top: 20px; margin-bottom: 10px; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(6) span.cart-price, .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(6) span.cart-price { display: inline-block; margin-top: 5px; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(6):before, .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(6):before { content: "Subtotal"; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td:nth-of-type(7), .checkout-onepage-index .main-cart table:not(#checkout-review-table) td:nth-of-type(7) { display: none; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td.a-right.last, .checkout-onepage-index .main-cart table:not(#checkout-review-table) td.a-right.last { width: 100%; padding-bottom: 0; } .checkout-cart-index .main-cart table:not(#checkout-review-table) td.a-right.last .btn-update, .checkout-onepage-index .main-cart table:not(#checkout-review-table) td.a-right.last .btn-update { width: 100%; text-align: right; color: #838383; text-decoration: underline; padding-right: 0; margin-bottom: -20px; } .checkout-cart-index .btn-empty, .checkout-onepage-index .btn-empty { display: none; } .checkout-cart-index .discount, .checkout-onepage-index .discount { margin-bottom: 60px; } .checkout-cart-index .discount .input-box, .checkout-onepage-index .discount .input-box { width: 70%; } .checkout-cart-index .discount button, .checkout-onepage-index .discount button { width: 30%; } .checkout-cart-index .shipping h3, .checkout-cart-index .checkout-types .btn-continue, .checkout-onepage-index .shipping h3, .checkout-onepage-index .checkout-types .btn-continue { display: none; } .checkout-cart-index #checkoutSteps li.section .btn-view, .checkout-onepage-index #checkoutSteps li.section .btn-view { width: 100%; } .checkout-cart-index #checkoutSteps li.section:not(.active), .checkout-onepage-index #checkoutSteps li.section:not(.active) { display: none; } .checkout-cart-index #checkoutSteps #checkout-step-review .btn-checkout, .checkout-onepage-index #checkoutSteps #checkout-step-review .btn-checkout { float: none; width: 100%; } .checkout-cart-index #checkoutSteps #checkout-step-review #review-buttons-container .f-left, .checkout-onepage-index #checkoutSteps #checkout-step-review #review-buttons-container .f-left { text-align: center; color: #838383; } .checkout-cart-index #checkoutSteps #checkout-step-review #review-buttons-container .f-left a, .checkout-onepage-index #checkoutSteps #checkout-step-review #review-buttons-container .f-left a { color: #19bbc0; } .why-magicsim-lister .why-magicsim-item { padding: 0 0; } .featured-products { margin: 20px 0 10px 0; } .featured-products .block-title span { font-weight: 300; font-size: 30px; } .featured-products .product-grid { padding-top: 0; } .homepage-video-block { overflow: hidden; } .main-header .main-navigation .nav-container { overflow: hidden; } .main-header .logo img { max-width: 60%; margin: 9px 0 !important; } .main-header .language-block, .main-header .currency-block, .main-header .login-links { display: none; } .main-header .col-xs-5 { padding-right: 50px; } .main-header .col-md-8 .row { position: absolute; right: 0; top: -55px; } .main-header .col-md-8 .row .mini-cart .mini-cart-currency, .main-header .col-md-8 .row .mini-cart .mini-cart-summary li:last-child { display: none; } .main-header .col-md-8 .row .mini-cart .mini-cart-block { padding: 7px 0 6px 42px; margin-top: 10px; } .main-header .col-md-8 .row .mini-cart .mini-cart-block:before { left: 10px; font-size: 24px; height: 24px; line-height: 24px; margin-top: -11px; } .main-header .col-md-8 .row .mini-cart .mini-cart-block .mini-cart-content { width: 420%; right: -30px; } .main-header .col-md-8 .row .mini-cart .mini-cart-block .mini-cart-content:before, .main-header .col-md-8 .row .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner:before { left: initial; right: 50px; } .main-header .col-md-8 .row .mini-cart .mini-cart-block .mini-cart-content .mini-cart-content-inner a.view-cart { color: #838383; } .main-header .col-md-8 .row .mini-cart .cart-summary-block .mini-cart-title { border-bottom: none; } .main-header .col-md-8 .row .mini-cart .cart-summary-block .mini-cart-item { display: none; } .main-header .col-md-8 .row .mini-cart .mini-cart-summary li:first-child { word-spacing: 100px; line-height: 40px; height: 30px; width: 125px; overflow: hidden; font-size: 1.3em; color: #0289b6; } .main-header .col-md-8 .row .mini-cart .mini-cart-summary li:first-child:after { opacity: 0; } .main-header .col-xs-5 { position: static; } .site-search { background-color: #e9e9e9; } .product-shop .product-add-wrapper { position: static; } .product-shop .product-tabs { margin-top: 60px; } .product-shop .product-tabs .product-tab-triggers { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; left: 0; width: 100%; } .product-shop .product-tabs .product-tab-triggers button.product-tab-trigger { flex: 0 0 auto; color: #0289b6; } .product-shop .product-tabs .product-tab-triggers button.product-tab-trigger:last-child { padding-right: 20px; } .product-compatibility-search { /* .product-compatibility-stages { li { display: none; span { margin-left: 32px; text-align: left } } li.stage-active { display: inline-block; } li.can-click:not(.stage-active) { display: inline-block; visibility: hidden; width: 30px; height: 30px; position: absolute; padding: 0; right: 30px; top: 56px; &:before { border-style: solid; border-width: 0.25em 0.25em 0 0; content: ''; display: inline-block; height: 1em; left: 0; position: relative; top: 0.15em; transform: rotate(45deg); vertical-align: top; width: 1em; visibility: visible; border-color: #747474; } } li.can-click:first-child:not(.stage-active) { display: inline-block; visibility: hidden; width: 30px; height: 30px; position: absolute; padding: 0; left: 30px; top: 56px; z-index: 3; &:before { border-style: solid; border-width: 0.25em 0.25em 0 0; content: ''; display: inline-block; height: 1em; left: 0em; position: relative; top: 0.15em; transform: rotate(225deg); vertical-align: top; width: 1em; visibility: visible; border-color: #747474; } } .trigger-2.can-click:not(.stage-active) { z-index: 1; } .trigger-3 { background-color: white; z-index: 2; } li.can-click:not(.stage-active):nth-child(3) { z-index: 0; } li:first-child, li:nth-child(2), li:nth-child(3) { span:before { left: -40px; margin-top: 2px; height: 34px; width: 34px; line-height: 34px; font-size: 20px; } } } */ } .product-compatibility-search .title-with-bars .block-title span { padding: 0 15px; font-size: 20px; } .product-compatibility-search .product-compatibility-stage-2 .title-with-bars { display: none; } .product-compatibility-search .product-compatibility-stage-3 .title-with-bars { padding-bottom: 20px; } .video-search { padding: 0; } .video-search .category-selector { padding-bottom: 15px; } .video-search .spacer { margin: 0; } .video-search .btn-search { margin-bottom: 30px; } .video-search .category-selector-inner { z-index: auto; } .video-search .parent-categories ul { z-index: 5; } .video-search .parent-categories .category-selector-trigger { z-index: 6; } .video-search .child-categories ul { z-index: 3; } .video-search .child-categories .category-selector-trigger { z-index: 4; } .no-route-content { padding: 100px 0 30px 0; } .no-route-content .block-content .block-links a { margin-bottom: 20px; min-width: 200px; } .buttons-set { padding-bottom: 30px; } .footer-callouts .col-xs-12 { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .footer-callouts .callout-content, .footer-callouts [class^="col-"]:first-child .callout-content, .footer-callouts [class*=" col-"]:first-child .callout-content { margin: 20px; padding-bottom: 40px; padding-top: 20px; } .footer-callouts .callout-content .row, .footer-callouts [class^="col-"]:first-child .callout-content .row, .footer-callouts [class*=" col-"]:first-child .callout-content .row { padding: 0; } .footer-callouts [class^="col-"]:first-child:before, .footer-callouts [class*=" col-"]:first-child:before { background: none; } .supported-os ul li { width: 14.9%; } .main-header .main-navigation .mobile-nav-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-top: 100px; width: 100%; height: -moz-calc(100% - 100px); height: -webkit-calc(100% - 100px); height: -o-calc(100% - 100px); height: calc(100% - 100px); background: white; z-index: 999; -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; } .main-header .main-navigation .mobile-nav-container.active { display: block; } .main-header .main-navigation .mobile-nav-container.category-active { left: -100%; } .main-header .main-navigation .mobile-nav-container #mobile-nav, .main-header .main-navigation .mobile-nav-container #mobile-session { width: 100%; padding: 0 20px 0 20px; } .main-header .main-navigation .mobile-nav-container #mobile-nav li, .main-header .main-navigation .mobile-nav-container #mobile-session li { width: 100%; display: block; font-size: 24px; text-align: left; border-bottom: 2px solid #D6D6D6; padding: 0; color: #0289b6; font-weight: 300; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .main-header .main-navigation .mobile-nav-container #mobile-nav li:hover, .main-header .main-navigation .mobile-nav-container #mobile-nav li:active, .main-header .main-navigation .mobile-nav-container #mobile-nav li:focus, .main-header .main-navigation .mobile-nav-container #mobile-session li:hover, .main-header .main-navigation .mobile-nav-container #mobile-session li:active, .main-header .main-navigation .mobile-nav-container #mobile-session li:focus { border-color: #0289b6; } .main-header .main-navigation .mobile-nav-container #mobile-nav li:hover .icon-right-open, .main-header .main-navigation .mobile-nav-container #mobile-nav li:active .icon-right-open, .main-header .main-navigation .mobile-nav-container #mobile-nav li:focus .icon-right-open, .main-header .main-navigation .mobile-nav-container #mobile-session li:hover .icon-right-open, .main-header .main-navigation .mobile-nav-container #mobile-session li:active .icon-right-open, .main-header .main-navigation .mobile-nav-container #mobile-session li:focus .icon-right-open { color: #747474; } .main-header .main-navigation .mobile-nav-container #mobile-nav li:hover button span span, .main-header .main-navigation .mobile-nav-container #mobile-nav li:active button span span, .main-header .main-navigation .mobile-nav-container #mobile-nav li:focus button span span, .main-header .main-navigation .mobile-nav-container #mobile-session li:hover button span span, .main-header .main-navigation .mobile-nav-container #mobile-session li:active button span span, .main-header .main-navigation .mobile-nav-container #mobile-session li:focus button span span { background-color: #747474; } .main-header .main-navigation .mobile-nav-container #mobile-nav li:hover button span span:before, .main-header .main-navigation .mobile-nav-container #mobile-nav li:hover button span span:after, .main-header .main-navigation .mobile-nav-container #mobile-nav li:active button span span:before, .main-header .main-navigation .mobile-nav-container #mobile-nav li:active button span span:after, .main-header .main-navigation .mobile-nav-container #mobile-nav li:focus button span span:before, .main-header .main-navigation .mobile-nav-container #mobile-nav li:focus button span span:after, .main-header .main-navigation .mobile-nav-container #mobile-session li:hover button span span:before, .main-header .main-navigation .mobile-nav-container #mobile-session li:hover button span span:after, .main-header .main-navigation .mobile-nav-container #mobile-session li:active button span span:before, .main-header .main-navigation .mobile-nav-container #mobile-session li:active button span span:after, .main-header .main-navigation .mobile-nav-container #mobile-session li:focus button span span:before, .main-header .main-navigation .mobile-nav-container #mobile-session li:focus button span span:after { background-color: #747474; } .main-header .main-navigation .mobile-nav-container #mobile-nav li:last-child, .main-header .main-navigation .mobile-nav-container #mobile-session li:last-child { border-bottom: none; } .main-header .main-navigation .mobile-nav-container #mobile-nav li a, .main-header .main-navigation .mobile-nav-container #mobile-nav li .a, .main-header .main-navigation .mobile-nav-container #mobile-session li a, .main-header .main-navigation .mobile-nav-container #mobile-session li .a { display: inline-block; font-size: 24px; color: #0289b6; font-weight: 300; padding: 15px 0; } .main-header .main-navigation .mobile-nav-container #mobile-nav li a:hover, .main-header .main-navigation .mobile-nav-container #mobile-nav li a:active, .main-header .main-navigation .mobile-nav-container #mobile-nav li a:focus, .main-header .main-navigation .mobile-nav-container #mobile-nav li .a:hover, .main-header .main-navigation .mobile-nav-container #mobile-nav li .a:active, .main-header .main-navigation .mobile-nav-container #mobile-nav li .a:focus, .main-header .main-navigation .mobile-nav-container #mobile-session li a:hover, .main-header .main-navigation .mobile-nav-container #mobile-session li a:active, .main-header .main-navigation .mobile-nav-container #mobile-session li a:focus, .main-header .main-navigation .mobile-nav-container #mobile-session li .a:hover, .main-header .main-navigation .mobile-nav-container #mobile-session li .a:active, .main-header .main-navigation .mobile-nav-container #mobile-session li .a:focus { color: #747474; } .main-header .main-navigation .mobile-nav-container #mobile-session { padding-top: 20px; } .main-header .main-navigation .mobile-nav-container #mobile-session li, .main-header .main-navigation .mobile-nav-container #mobile-session li a { color: #19bbc0; } .main-header .main-navigation .nav-container { display: none; } #hamburger-container { position: relative; z-index: 999; } #hamburger-container #hamburger { outline: 0; height: 50px; line-height: 50px; position: absolute; top: -71px; right: 0; font-size: 55px; color: #0289b6; padding: 0 10px 0 0; } #hamburger-container #hamburger:active, #hamburger-container #hamburger:focus { outline: 0; } #hamburger-container #hamburger .hamburger-box { height: 50px; } #hamburger-container #hamburger .hamburger-inner, #hamburger-container #hamburger .hamburger-inner:before, #hamburger-container #hamburger .hamburger-inner:after { background-color: #0289b6; height: 5px; } #hamburger-container #hamburger .hamburger-inner:before { top: -15px; } #hamburger-container #hamburger .hamburger-inner:after { bottom: -15px; } #hamburger-container #hamburger:hover { opacity: 1; } #hamburger-container #hamburger.is-active .hamburger-inner:before { top: 0; } #hamburger-container #hamburger.is-active .hamburger-inner:after { bottom: 0; } .main-header.mobile-menu-open { position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin-top: 0; padding-top: 21px; z-index: 999; overflow-y: scroll; } .mobile-nav-category-menu div.category-menu-mobile-img { display: inline-block; height: 180px; display: block; align-items: center; justify-content: center; margin-bottom: 0; } .mobile-nav-category-menu div.category-menu-mobile-img img { height: 100%; width: auto !important; } .mobile-nav-category-menu .col-sx-6 span { display: block; padding: 0 10% 10px 10%; } .mobile-nav-category-menu a { text-transform: uppercase; font-weight: 500; display: inline-block; height: 63px; } .mobile-nav-category-menu .col-xs-6 { text-align: center; padding-bottom: 10px; } .main-header .main-navigation .mobile-nav-container .mobile-nav-category-menu #mobile-nav li:last-child { border-bottom: 2px solid #D6D6D6; transition: all 0.22s ease-in-out; -moz-transition: all 0.22s ease-in-out; -webkit-transition: all 0.22s ease-in-out; } .main-header .main-navigation .mobile-nav-container .mobile-nav-category-menu #mobile-nav li:last-child:hover { border-color: #0289b6; } .mobile-nav-category-menu { z-index: 999; position: absolute; top: 0; left: 100%; width: 100%; height: auto; background-color: white; display: none; padding-bottom: 30px; } .cms-page-view .page-title { padding-top: 0; } body button.btn-update { opacity: 0.5; width: auto !important; } .page-banner .banner .row img, .category-banner .banner .row img { max-width: 100%; max-height: 100%; position: relative; right: 0; bottom: 0; } .page-banner .banner .row .right-side, .category-banner .banner .row .right-side { position: relative; text-align: right; top: initial; right: initial; bottom: initial; } .video-search { padding-top: 40px; } .video-search .spacer { display: none; } .video-search .btn-search { margin-bottom: 15px; } .video-results .video-block .btn.btn-view { font-size: 20px !important; padding: 10px 0; } .main-header { margin: 20px 0 0 0; } .main-header .main-navigation { margin-top: 20px; } .main-header .col-md-8 .row .mini-cart .mini-cart-block { padding: 2px 0 2px 42px; margin-top: 11px; } .main-header .col-md-8 .row .mini-cart .mini-cart-block:before { font-size: 20px; } .main-header .col-md-8 .row .mini-cart .mini-cart-summary li:first-child { font-weight: 400; } .main-header .site-search .search-box { background-size: auto 40px; margin-top: 8px; height: 40px; } .main-header .site-search .search-box:before, .main-header .site-search .search-box:after { background-size: auto 40px; } .main-header .site-search .search-box .icon-phone-vector:before { height: 40px; line-height: 40px; font-size: 24px; } .main-header .site-search .search-box .input-wrap input { height: 40px; line-height: 40px; } .breadcrumbs ul { margin: 0 !important; } .breadcrumbs ul li { font-size: 14px; margin-left: 0; } .breadcrumbs ul li a { font-size: 14px; } .breadcrumbs ul li:after { font-size: 12px; } .category-banner .banner .left-side { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; } .category-banner .banner .left-side .banner-text { padding-top: 20px !important; padding-bottom: 0 !important; } .category-banner .banner .left-side .banner-text h1 { font-size: 29px; font-weight: 100; line-height: 36px; } .category-banner .banner .left-side .banner-text .banner-description { font-size: 16px; line-height: 18px; padding-bottom: 20px; } .category-banner .banner .right-side img { width: 68%; float: right; } .catalog-category-commmon-ancestor-name-compatibility .site-banners .banner .right-side, .cms-page-compatibility .site-banners .banner .right-side { text-align: center; } .catalog-category-commmon-ancestor-name-compatibility .site-banners .banner .right-side img, .cms-page-compatibility .site-banners .banner .right-side img { width: 68%; float: none; margin: 0 auto -30px auto; } .product-compatibility-search .product-compatibility-item .product-compatibility-item-outer .product-compatibility-item-inner .item-title { font-size: 14px; } .catalog-product-view .product-banner .banner .row .banner-text { padding-top: 265px; padding-bottom: 20px !important; } .catalog-product-view .product-banner .banner .row .banner-text h1 { font-size: 39px; line-height: 40px; } .catalog-product-view .product-banner .banner .row .banner-text h2 { font-size: 24px; line-height: 35px; margin: 0 !important; } .catalog-product-view .product-banner .banner .row img.product-image { position: absolute; top: -20px; left: 0; right: 0; max-width: initial !important; width: auto !important; height: 320px; } .catalog-product-view .product-banner .banner .row .product-compatibility { border-width: 1px; margin: 0; } .catalog-product-view .product-add-wrapper { padding-top: 12px !important; padding-left: 0 !important; padding-right: 0 !important; } .catalog-product-view .product-add-wrapper .btn-add { padding: 17px 10px !important; } .catalog-product-view .product-add-wrapper .btn-add span { font-size: 26px; } .catalog-product-view .product-shop .product-tab-triggers { top: initial !important; } .catalog-product-view .product-add-inner .confirmations li > span { padding: 10px 20px 10px 115px; } .catalog-product-view .product-add-inner .confirmations li > span:before { color: #666; display: block; font-size: 60px; width: 100px; text-align: center; } .catalog-product-view .product-add-inner .confirmations .block-title { font-size: 22px; font-weight: 400; } .catalog-product-view .product-add-inner .confirmations .block-alt { font-size: 22px; } .cms-page-view .site-banners { height: 200px; overflow: hidden; } .cms-page-view .site-banners .left-side { padding: 0 !important; } .cms-page-view .site-banners .left-side .banner-text { padding: 0 !important; } .cms-page-view .site-banners .left-side .banner-text h1 { font-size: 32px !important; line-height: 34px; padding-top: 20px; } .cms-page-view .site-banners .left-side .banner-text .banner-description { font-size: 16px !important; line-height: 20px; } .cms-page-view .site-banners .right-side img { max-width: 75%; display: block; margin: 0 auto; } .cms-page-view.cms-page-videos .site-banners { height: 150px; } .cms-page-view.cms-page-videos .site-banners div { height: 150px !important; } .cms-page-view.cms-page-videos .site-banners .left-side .banner-text h1 { font-size: 28px !important; line-height: 34px; padding-top: 35px; } .cms-page-view.cms-page-videos .site-banners .left-side .banner-text .banner-description { font-size: 17px; width: 90%; letter-spacing: 0.5px; } .cms-page-view.cms-page-videos .site-banners .right-side { position: absolute; bottom: 0; right: 0; width: 55%; } .cms-page-view.cms-page-videos .site-banners .right-side img { max-width: 100%; display: block; margin: 0 auto; position: absolute; bottom: 0; } .video-search .col-xs-12.col-sm-5 { margin-top: 0 !important; } .video-search .col-xs-12.col-sm-5 .category-selector p { font-size: 16px; margin-bottom: 0 !important; } .video-search .col-xs-12.col-sm-5 .category-selector .category-selector-inner { height: 40px; line-height: 40px; } .video-search .col-xs-12.col-sm-5 .category-selector .category-selector-inner .category-selector-trigger { height: 40px; line-height: 40px; width: 40px; } .video-search .col-xs-12.col-sm-5 .category-selector .category-selector-inner .category-selector-trigger span { height: 40px; line-height: 40px; width: 40px; } .video-search .col-xs-12.col-sm-5 .category-selector .category-selector-inner ul li { height: 40px; line-height: 40px; } .video-results .video-block-title { font-size: 16px; padding: 6px 10px; } .product-compatibility-items [class^="col-"], .product-compatibility-items [class*=" col-"] { padding: 0 12px !important; } .product-compatibility-items .product-compatibility-item { padding: 12px 0 !important; } .onestep-progress-wrapper ul.onestep-progress-bar { padding-top: 40px !important; } .onestep-progress-wrapper ul.onestep-progress-bar li { margin-bottom: 45px !important; width: 100%; } .onestep-progress-wrapper ul.onestep-progress-bar li:before { border-radius: 3px !important; } #checkoutSteps { clear: both; display: block; padding-top: 0px; padding-bottom: 0; } #checkout-shipping-method-load .sp-methods dd { margin-bottom: 0 !important; } .checkout-onepage-index .main-content .sidebar { margin-top: 5px !important; } #co-shipping-form { padding-bottom: 15px; } #co-shipping-form .address_radio { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; } .customer-logged-in #shipping-new-address-form { padding-top: 15px !important; } .product-shop .product-add-wrapper form { position: relative !important; top: initial !important; width: 100%; } .cms-why-magicsim .page-banner .banner .right-side img, .cms-why-magicsim .category-banner .right-side img, .categorypath-products-special-offers .page-banner .banner .right-side img, .categorypath-products-special-offers .category-banner .right-side img { top: 0; } .main-footer .custom-class-for-devices br { display: block; } .product-shop .product-tabs { margin-top: 15px; min-height: initial; } .product-shop .product-tab-triggers { display: none !important; } .product-shop .product-tab-trigger.mobile-trigger { display: block !important; } .product-shop .product-add-wrapper.product-add-wrapper-lower { display: block !important; } .product-shop .product-tab-top, .product-shop .product-tab-top:before, .product-shop .product-tab-top:after { background-color: transparent; padding: 5px 0 0 0; } .related-products { border: 0 none; margin-top: 0; padding-top: 20px !important; } .related-products .block-title { border: 0 none; } .search-callout { background-size: 410% auto; background-position: 47% 67%; } #contactFormCustom .buttons-set .btn { width: 100%; } .catalog-product-view .breadcrumbs { display: none !important; } .footer-callouts .callout-content a .a { font-size: 22px; } .homepage-banners .slick-arrow { height: 40px; } .site-search.header-bar .icon-magnifier { font-size: 18px; } .product-add-wrapper { margin-top: 0 !important; } .product-add-wrapper .product-add-inner { position: relative; } .product-add-wrapper .product-add-inner .product-price { width: 50%; float: left; } .product-add-wrapper .product-add-inner .stock-status { position: absolute; top: 90px; right: 20px; width: 50%; } .mini-cart .mini-cart-block { height: initial; } .cms-contact-us .buttons-set .btn-view { width: 70%; } .catalog-product-view .main-content .product-shop ul li, .catalog-product-view .main-content .product-shop p { line-height: 21px; } .catalog-product-view .main-content .product-shop ul li:before, .catalog-product-view .main-content .product-shop p:before { top: 6px; } .featured-products .row .col-xs-12 .block-title span { font-size: 30px; } body.mobile-menu-open * { visibility: hidden; } body.mobile-menu-open header.main-header, body.mobile-menu-open header.main-header * { visibility: visible; } #checkout-progress-wrapper .block-progress { display: none; } #opc-review .btn-checkout, #place-order-btn { margin-bottom: 15px !important; } body > div.container.main-content > div > div > div.category-products > div > div.col-xs-12 > div > div > div.col-xs-12.col-sm-6.col-md-4 { padding: 0 15px !important; } body.cms-why-magicsim div.page-banner.site-banners { height: auto; } body.cms-why-magicsim div.page-banner.site-banners .row { position: relative; } body.cms-why-magicsim div.page-banner.site-banners .left-side { padding-bottom: 15px !important; } body.cms-why-magicsim div.page-banner.site-banners .right-side { position: absolute; top: 0; bottom: 0; right: 0; height: 100%; } body.cms-why-magicsim div.page-banner.site-banners .right-side img { height: 100%; width: auto; max-width: 99999px; } } /** SCREENS LARGER THAN 768px wide **/ @media only screen and (min-width: 768px) { #hamburger { display: none; } .product-banner .banner .row .banner-text h1 br { display: none; } } /* Extra Small Devices, Phones */ /* Custom, iPhone Retina */ @media only screen and (max-width: 320px) { .footer-callouts .callout-content .callout-title [class^="icon-"], .footer-callouts .callout-content .callout-title [class*=" icon-"], .footer-callouts .callout-content .callout-title [class^="icon-"]:before, .footer-callouts .callout-content .callout-title [class*=" icon-"]:before { line-height: 65px; } .search-box form .input-wrap input { width: 77%; } .single-product .product-compatibility ul { font-size: 12px; } .single-product .product-actions .btn-view { height: 80px; overflow: hidden; line-height: 37px; } .featured-products .block-title { padding: 0 0 10px 0; } .product-compatibility-search .product-compatibility-stages li { font-size: 18px; } .product-compatibility-search .title-with-bars .block-title span { padding: 0 5px; font-size: 18px; } .product-banner .product-compatibility ul li { padding: 0 5px; } .main-header .col-xs-5 { padding-right: 35px; } #hamburger-container #hamburger { top: -79px; right: 7px; font-size: 40px; } } /* Print CSS */ /*# sourceMappingURL=compiled.css.map */ .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1); cursor: pointer; /* core styles should not be changed */ position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; } .autocomplete-suggestion {cursor: pointer; position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.12em; color: #333; } .autocomplete-suggestion b { cursor: pointer;font-weight: normal; color: #1f8dd6; } .autocomplete-suggestion.selected { cursor: pointer;background: #f0f0f0; } iframe#iframeRegCard { height:518px; width:100%; border:1px solid #666; padding: 0 20px;} iframe#sagepaydirectpro-iframe-post { height:500px; width:100%; /*border:1px solid #666;*/ border:none; } div#direct3d-logos { width:351px;margin:0 auto; margin-top:5px; } div#direct3d-logos img { padding-right:10px; } div.sagecardh1 h1 { display: inline; } div.sagecardh1 img { padding-top: 12px; padding-left: 10px; } select#sagepaytoken_start_yr, select#sagepaytoken_start, select#sagepaytoken_expiration_yr, select#sagepaytoken_expiration { width:125px; } select#sagepaytoken_start, select#sagepaytoken_expiration { margin-right: 10px; } form#frmRegCard input.cvv { width:3em !important; } .sidebar .sagepaysuite-logo { display:block; margin:10px 0; text-align:center; } .sidebar .sagepaysuite-logo a { float:none; }