#test112211223{ overflow:hidden; } #confirmOverlay{ width:100%; height:100%; position:fixed; top:0; left:0; background:url('https://www.leandrolopes.de/skin/frontend/base/default/css/amasty/amcart/ie.png'); background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2); z-index: 99999; } #confirmOverlay img{ display: inline !important; } .top-cart #am_minicart_container .block-content { background: none; position: relative; right: 0; top: 0px; width: auto; } #am-block-related{ overflow: hidden; } #confirmBox{ width: 100%; max-width: 600px !important; min-width: 320px; position:fixed; text-align: center; margin:-130px 0 0 -230px; border: 1px solid rgba(33, 33, 33, 0.6); z-index: 100; -moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; -webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset; } #hideDiv{ width:100%; height:100%; z-index: 10; } #confirmBox h1, #confirmBox p{ padding: 18px 5px; margin: 0; color:#000; font-weight: 200; } #confirmBox h1{ letter-spacing:1.3px; font-weight: 200; color:#000; background-color: #FFF; } #confirmBox p{ background:none; font-size:16px; line-height:1.4; padding-top: 5px; } #amcart-count{ color: #666666; background:none; font-size:16px; line-height:1.4; padding-top: 5px; } #am-input{ width:25px; height: 30px; text-align:center; font: 15px 'Cuprum','Lucida Sans Unicode','Lucida Grande',sans-serif; } #am-input:focus{ border-color: #ffff99; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none; } .focus{ border-color: #ffff99; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none; } #confirmButtons{ text-align:center; display: inline-block; width: 100%; padding-bottom: 10px; } #confirmButtons button{ display:inline-block; position:relative; color: white; height: 33px; font: 17px; font-weight: 300; max-width: 140px; width:45%; overflow: hidden; padding: 0 30px 0 30px; text-decoration:none; text-transform: uppercase; cursor: pointer; } #confirmBox button:last-child{ margin-right:0; } .amcart-options form{ text-align: left; font:16px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); color:#666; } .amcart-options form dd{ border-bottom: 1px solid white; margin: 0 0 5px 10px; padding: 5px 0 10px 0; } .amcart-options form dd input { padding: 6px 0 4px 0px; border: 1px solid #cecece; background: #F6F6f6; } .amcart-options form dd select { border: 1px solid #cecece; background: #F6F6f6; } .amcart-options form dd textarea { /* = Убираем скролл */ overflow: auto; /* = Убираем увеличение */ resize: none; width: 300px; height: 50px; /* = Добавим фон, рамку, отступ*/ background: #f6f6f6; border: 1px solid #cecece; border-radius: 8px 0 0 0; padding: 8px 0 8px 10px; } #messageBox{ padding: 5px 21px 5px 21px; } #messageBox dt label { color: #2F2F2F; font-weight: bold; } #messageBox div.price-box { margin-bottom: 0px; margin-top: 5px; margin-left: 10px; } #messageBox div.price-box p { margin: 0px; padding: 0px; } #messageBox .required em { color: red; margin-right: 3px; } #amimg_container { position: absolute; top: 340px; left: 50%; z-index: 9999; } #amprogress{ height:100%; width:100%; position:fixed; top:0; left:0; background:url('https://www.leandrolopes.de/skin/frontend/base/default/css/amasty/amcart/ie.png'); background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2); z-index:100000; } #messageBox .product { margin-left: 0px; padding-top: 5px;; } #messageBox td .price-box p{ font-size:13px; } #messageBox td { text-align: center; width:133px; padding:0 3px 5px 3px; } #am-block-related table{ table-layout: fixed; width: 398px; word-wrap: break-word; } div.product-details{ position:relative; bottom: 3px; } #messageBox .block-related p{ padding:5px 0 5px 0; margin:0; } #messageBox p.block-related-p{ border-bottom: 1px solid #C4C1BC; } #am-qty-input{ margin:5px; } #am-qty{ margin:5px; } #am-qty-button-up{ border: black 1px; } #am-qty-button-down{ border: black 1px; } #am-qty-button-update{ position:relative; top:30px; left:-15px; } #am_minicart_container{ background: url("https://www.leandrolopes.de/skin/frontend/base/default/css/amasty/amcart/header_bg.jpg") repeat-x scroll left bottom #F5F5F5; border-radius: 2px 2px 2px 2px; color: #555555; padding: 8px; position: absolute; text-align: left; right: 0; width: 234px; z-index: 3000; overflow: hidden; /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset,0 0 8px rgba(82, 168, 236, 0.6);*/ -webkit-box-shadow: 1px 1px 1px #D3D3D3; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#D3D3D3,direction=125,strength=1)"; box-shadow: 1px 1px 1px #D3D3D3; } #am_minicart_container li{ width: 220px; padding: 5px; background: none; } #am_minicart_container button.button span{ background-color: rgb(117, 178, 211); border: none; border-radius: 2px 2px 2px 2px; } #am_minicart_container button.button{ margin: 5px; } #am_minicart_container button.button:hover span{ background-color: rgb(120, 189, 218); } #am_minicart_container li:hover{ background-color: white; } #am_minicart_container a.btn-remove, a.btn-edit { float: right; margin: 1px 0 2px 5px; } #confirmButtons button.am-btn-left { margin-right: 5%; } /** * This file is part of a FireGento e.V. module. * * This FireGento e.V. module is free software; you can redistribute it and/or * modify it under the terms of the GNU General Public License version 3 as * published by the Free Software Foundation. * * This script is distributed in the hope that it will be useful, but WITHOUT * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS * FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. * * @category FireGento * @package FireGento_MageSetup * @author FireGento Team * @copyright 2013-2015 FireGento Team (http://www.firegento.com) * @license http://opensource.org/licenses/gpl-3.0 GNU General Public License, version 3 (GPLv3) */ .product-options-bottom .tax-details { display: none; } img.pc_lazyload.lazyblur, img.pc_lazyload.lowres { overflow:hidden; max-width:100%; position:relative; } img.lazyloaded.lazyblur { -webkit-filter: blur(0px)!important; filter: blur(0px)!important; } img.lazyloaded.lazyblur, img.lazyloaded.lowres { image-rendering: initial!important; } @-webkit-keyframes fadeIn { from{opacity:0} to{opacity:1} } @keyframes fadeIn { from{opacity:0} to{opacity:1} } @-webkit-keyframes fadeOut { from{opacity:1} to{opacity:0} } @keyframes fadeOut { from{opacity:1} to{opacity:0} } .os-animation{opacity: 0;} .os-animation.animated, .os-animation.nodelay{opacity: 1;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block} audio,canvas,video{display:inline-block} audio:not([controls]){display:none;height:0} [hidden]{display:none} html{font:13px/1.0em 'Droid Sans',sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} body{margin:0;letter-spacing:.9px} a:focus{outline:thin dotted} a:active,a:hover{outline:0} h1{font-size:2em} abbr[title]{border-bottom:1px dotted} b,strong{font-weight: 400 !important;} dfn{font-style:italic} mark{background:#ff0;color:#000} code,kbd,pre,samp{font-family:monospace,serif;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:"\201C" "\201D" "\2018" "\2019"} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} img{border:0} svg:not(:root){overflow:hidden} figure{margin:0} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0} button,input,select,textarea{font-family:inherit;font-size:100%;margin:0} button,input{line-height:normal} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer} button[disabled],input[disabled]{cursor:default} input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0} input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;vertical-align:top} table{border-collapse:collapse;border-spacing:0} *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0} html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%} body{background:#FFF;color:#000;line-height:1;font-weight: 400 !important} html,body,img,fieldset,abbr,acronym{border:0} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400} th,code,cite,caption{font-weight:400;font-style:normal;text-align:left} address{font-style:normal} fieldset{margin:0;padding:0;border:0} ol,ul{list-style:none} q:before,q:after{content:''} input:focus,input[type="search"]:focus{outline-offset:-2px} input[type="search"]{-webkit-appearance:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} a,a:hover,a:active{outline:none} a,button{-ms-touch-action:manipulation;touch-action:manipulation} body,button,input,select,table,textarea{font-family:'Open Sans', sans-serif;color:#000;font-size:12px;line-height:1.5} /**body,button,input,select,table,textarea{color:#000;font-size:14px;line-height:1.5}**/ /**"Helvetica Neue",Verdana,Arial,sans-serif */ a{color:#000;text-decoration:none} a:hover{color:#333} a:focus{outline-color:#3091c2;color:#143d52} ol,ul{list-style:none;margin:0;padding:0} h1,.h1{margin:0;margin-bottom:.7em;color:#000;font-size:28px;font-weight: 400 !important;font-style:normal;line-height:1.2;text-rendering:optimizeLegibility;text-transform:uppercase;text-align: left;} h2,.h2{margin:0;margin-bottom:.5em;color:#000;font-size:21px;font-weight: 400 !important;font-style:normal;line-height:1.2;text-align: left;} h3,.h3{margin:0;margin-bottom:10px;color:#000;font-size:18px;font-weight: 400 !important;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;text-align: left;} h4,.h4{margin:0;margin-bottom:10px;color:#000;font-size:14px;font-weight: 400 !important;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;text-align: left;} h5,.h5{margin:0;margin-bottom:10px;color:#000;font-size:13px;font-weight: 400 !important;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;text-align: left;} h6,.h6{margin:0;margin-bottom:5px;color:#000;font-size:12px;font-weight: 400 !important;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;text-align: left;} .address-list address{margin-bottom:1em} .availability{margin-bottom:0;font-size:13px;text-transform:uppercase} .availability .label{display:none} .availability.in-stock{color:#11b400} .availability.available-soon,.availability.out-of-stock{color:#df280a} .availability-only{color:#df280a;margin-bottom:10px} .page-title h1,.page-title h2,.product-name h1,.product-name .h1{text-transform:uppercase;font-size:21px;color:#000;font-weight:400;border-bottom:1px solid #ededed;padding-bottom:3px;margin-bottom:15px} .block,.col-left-first{margin-bottom:20px} .col-left-first .block:last-of-type{margin-bottom:0} .block-title{position:relative;padding:10px 0 0;margin-bottom:5px} .block-title h2,.block-title h3,.block-title strong{margin:0;margin-bottom:10px;color:#000;font-size:14px;font-weight:700;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;color:#000;margin-bottom:0;text-transform:uppercase;font-weight:600} .block-title small{font-size:100%;font-weight:400;color:#a0a0a0} body:not(.customer-account) .block:first-child .block-title{border-top:none;padding-top:0} .block-subtitle{font-weight:700;margin-bottom:7px} .block-content{margin-top:5px} .block-content.unpad{padding:0} .block-content li.item{margin:0 0 10px 9px} .block-content li.item:last-child{margin-bottom:0} .block .actions{margin:10px 0 0} .block .actions:after{content:'';display:table;clear:both} .block .actions a{float:left} .block .actions .button{float:right} .col-left .block .actions .button ~ a,.col-right .block .actions .button ~ a{line-height:33px;margin-right:5px} @media only screen and (max-width: 770px) { .sidebar .block:not(.block-layered-nav){margin-bottom:0} .sidebar .block:not(.block-layered-nav) .block-title{padding:0;margin-top:0;border-bottom:none;border-top:none;margin-bottom:0} .sidebar .block:not(.block-layered-nav) .block-title > strong{margin:0;margin-bottom:10px;color:#000;font-size:14px;font-weight:700;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;font-weight:normal;margin-bottom:0;padding:7px 10px 7px 24px;position:relative;display:block;width:100%;cursor:pointer;border-bottom:0} .sidebar .block:not(.block-layered-nav) .block-title > strong:after{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000;border-right:none;left:10px;top:50%;margin-top:-3px} .sidebar .block:not(.block-layered-nav) .block-title > strong:hover{background-color:#ececec} .sidebar .block:not(.block-layered-nav) .block-title.active > strong{margin:0;margin-bottom:10px;color:#000;font-size:14px;font-weight:700;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;font-weight:normal;margin-bottom:0;padding:7px 10px 7px 24px;border-width:1px;border-style:solid;border-color:#ccc;position:relative;background-color:#f4f4f4} .sidebar .block:not(.block-layered-nav) .block-title.active > strong:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #000;border-bottom:none;left:10px;top:50%;margin-top:-3px} .sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover{background-color:#ececec} .sidebar .block:not(.block-layered-nav) .block-content{padding:10px;margin-top:0;border-width:0;} .sidebar .block:last-of-type{border-bottom:1px solid #ccc} } .block-account .block-title,.block-cms-menu .block-title{padding-top:0;border-top:none} .block-account li,.block-cms-menu li{margin:7px 0} .block-account li strong,.block-cms-menu li strong{font-weight:400;color:#000} .block-account li a,.block-cms-menu li a{color:#000} .block-account li a:hover,.block-cms-menu li a:hover{color:#000} .cart .buttons-set .button,.cart-table .button,.sidebar .actions .button,.button.button-secondary{background:#ddd;color:#000;padding:7px 15px} .cart .buttons-set .button:hover,.cart-table .button:hover,.sidebar .actions .button:hover,.button.button-secondary:hover{background:#d0d0d0;cursor:pointer} .cart .buttons-set .button:active,.cart-table .button:active,.sidebar .actions .button:active,.button.button-secondary:active{background:#c4c4c4;color:#000} .cart .buttons-set .button:focus,.cart-table .button:focus,.sidebar .actions .button:focus,.button.button-secondary:focus{color:#000;background:#c4c4c4;outline:none} .sidebar .actions button.button{white-space:normal} .button,.cart-table .product-cart-actions .button,#co-shipping-method-form .buttons-set .button,.footer .button{background:#000;display:inline-block;padding:7px 15px;border:0;color:#FFF;font-size:13px;font-weight:400;line-height:19px;text-align:center;text-transform:uppercase;vertical-align:middle;white-space:nowrap;transition: all 500ms cubic-bezier(.39,.575,.565,1);} .button:hover,.cart-table .product-cart-actions .button:hover,#co-shipping-method-form .buttons-set .button:hover,.footer .button:hover{background:#646464;cursor:pointer} .button:active,.cart-table .product-cart-actions .button:active,#co-shipping-method-form .buttons-set .button:active,.footer .button:active{background:#333;color:#FFF} .button:focus,.cart-table .product-cart-actions .button:focus,#co-shipping-method-form .buttons-set .button:focus,.footer .button:focus{background-color:#333;outline:none;color:#FFF} a.button{text-decoration:none} a.button:hover{color:#FFF} .button.disabled,.button:disabled{background:#C8C8C8;opacity:.6;cursor:not-allowed} .button + .button{margin-left:5px} .button2{border:0;padding:0 5px;margin:0;background:transparent;cursor:pointer;vertical-align:middle} .button2:focus{outline:none} .button2 span,.button2 span span{line-height:30px;height:30px;text-decoration:underline;text-transform:uppercase;display:inline-block;color:#000;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .button2 span:hover,.button2 span span:hover{text-decoration:none;color:#246b8f} @media only screen and (max-width: 770px) { .col2-set .buttons-set .button,.col2-set .buttons-set .button2{float:none;width:100%;margin-left:0;margin-right:0} .col2-set .buttons-set .back-link{display:none} .col2-set .buttons-set .required{display:none} } @media only screen and (max-width: 479px) { .buttons-set .button{float:none;width:100%;margin-left:0;margin-right:0;margin-bottom:7px} .buttons-set .back-link{display:none} .buttons-set .required{display:none} } .paypal-logo.paypal-after{float:left} .paypal-after .paypal-or{float:left} .paypal-or{line-height:34px;margin:0 10px 5px} .paypal-after .paypal-button{float:left} .paypal-button{line-height:0} .paypal-button img{display:inline} @media only screen and (max-width: 740px) { .paypal-or{line-height:20px} .paypal-logo,.paypal-or,.paypal-button{text-align:center;width:100%;display:block;margin-right:0;margin-left:0;float:none} } .buttons-set{clear:both;margin:10px 0 0;padding-top:10px;border-top:1px solid #ededed;text-align:right} .buttons-set p.required{margin:0;margin-left:10px;line-height:33px;float:right} .buttons-set .back-link{float:left;margin:0;line-height:33px} .buttons-set a:not(.button){line-height:20px;display:inline-block;padding:5px} .buttons-set button.button{float:right;margin-left:5px;min-width:140px} .buttons-set:after{content:'';display:table;clear:both} .icon-sprite,.btn-remove2,.ratings .rating-box,.ratings .rating-box .rating,.sorter > .sort-by .sort-by-switcher,.sorter > .view-mode .grid,.sorter > .view-mode .list,.skip-nav .icon,.skip-search .icon,#search_mini_form .search-button:before,.skip-account .icon,.skip-cart .icon,.product-view .sharing-links a,.review-summary-table .rating-box .rating-number:after,.ratings-table .rating-box,.ratings-table .rating-box .rating{background-image:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/icon_sprite.png);background-repeat:no-repeat;text-indent:-9999px} @media (-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 4 2),(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx) { .icon-sprite,.btn-remove2,.ratings .rating-box,.ratings .rating-box .rating,.sorter > .sort-by .sort-by-switcher,.sorter > .view-mode .grid,.sorter > .view-mode .list,.skip-nav .icon,.skip-search .icon,#search_mini_form .search-button:before,.skip-account .icon,.skip-cart .icon,.product-view .sharing-links a,.review-summary-table .rating-box .rating-number:after,.ratings-table .rating-box,.ratings-table .rating-box .rating{background-image:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/icon_sprite@2x.png);background-size:100px 1000px} } .breadcrumbs{overflow:hidden;margin:0 0 15px;background-color:#000;height:37px} .breadcrumbs .b-inner{margin:0 auto;width:100%;padding:10px 5px} @media only screen and (max-width: 1000px) { .breadcrumbs .product{display:none} } .breadcrumbs li{float:left;font-size:12px;text-transform:uppercase} .breadcrumbs a{float:left;color:#fff} .breadcrumbs a:hover{color:#fff} .breadcrumbs strong{color:#fff;font-weight:400} .breadcrumbs span{float:left;padding:0 7px;color:#fff} @media only screen and (max-width: 479px) { .breadcrumbs{display:none} } .btn-remove,.btn-previous{display:inline-block;width:20px;height:20px;border:1px solid #ededed;text-align:center;font:0/0 a;text-shadow:none;color:transparent;position:relative} .btn-remove:hover,.btn-previous:hover{background-color:#000;border-color:#000} .btn-remove:after{content:'X';color:#000;height:20px;line-height:20px;width:100%;font-size:10px;font-family:Arial,"Helvetica Neue",Verdana,Arial,sans-serif;font-weight:700} .btn-remove:hover:after{color:#FFF;text-decoration:none} .btn-remove2{background-position:4px -648px;border:none;vertical-align:top} .btn-remove2:after{display:none} .btn-remove2:hover{background-color:transparent;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8} .btn-previous:after{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #000;border-left:none;position:absolute;top:50%;left:50%;margin-left:-2px;margin-top:-4px} .btn-previous:hover:after{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #fff;border-left:none} .block-layered-nav .currently .btn-remove,.block-layered-nav .currently .btn-previous,.mini-products-list .btn-remove,.mini-products-list .btn-previous,#compare-items .btn-remove,#compare-items .btn-previous{float:right;margin-left:6px} .checkout-agreements li{margin-bottom:20px} .checkout-agreements .agreement-content{overflow-y:auto;max-width:670px;max-height:125px;margin-bottom:10px;padding:10px;border:1px solid #ccc;background:#f4f4f4} .cvv-what-is-this{margin-left:10px;font-size:13px;line-height:24px} .main-container{position:relative;margin:0 auto;padding:15px} .category-lookbook .main-container{max-width:100%;} .footer-container{position:relative;margin:0 auto;padding:15px;background-color: #fff;} .main-container:after,.footer-container:after{content:'';display:table;clear:both} @media only screen and (min-width: 480px) { .main-container,.footer-container{padding:10px 0} .footer-container{z-index: 1;} .main{padding:0 15px} } .main{text-align:justify;font-weight:200;letter-spacing:1.8px} @media only screen and (max-width: 470px) { .main-container{padding:5px} .main{padding-top:15px} } .footer-container{padding-top:0;} .main:after,.col-wrapper:after{content:'';display:table;clear:both} .col-left,.col-right,.col-main{padding:0 10px} .col-left{float:left;width:25%;padding-left:0;clear:left} .col-left img{max-width:100%} .col-right{float:right;width:25%;padding-right:0} .col-right img{max-width:100%} .col-main{float:left;width:75%} .col1-layout .col-main{float:none;width:auto;padding:0} .col2-left-layout .col-main{float:right;padding-right:0} .col2-right-layout .col-main{padding-left:0} .col3-layout .col-right{width:20.83333%} .col3-layout .col-wrapper{float:left;width:79.16667%} .col3-layout .col-wrapper .col-main{float:right;width:73.68421%} .col3-layout .col-wrapper .col-left{width:26.31579%} @media only screen and (max-width: 1000px) { .col3-layout .col-right{float:left;clear:left;padding-left:0;padding-right:10px;width:25%} .col3-layout .col-wrapper{float:right;width:100%} .col3-layout .col-wrapper .col-main{float:right;width:75%} .col3-layout .col-wrapper .col-left{width:25%} } @media only screen and (max-width: 770px) { .col-left,.col-right,.col-main,.col1-layout .col-left,.col1-layout .col-right,.col1-layout .col-main,.col2-left-layout .col-left,.col2-left-layout .col-right,.col2-left-layout .col-main,.col2-right-layout .col-left,.col2-right-layout .col-right,.col2-right-layout .col-main,.col3-layout .col-wrapper .col-left,.col3-layout .col-right,.col3-layout .col-wrapper .col-main{padding:0;margin-bottom:10px;float:none;width:auto} .col3-layout .col-wrapper{float:none;width:auto} .col-main{float:none;width:auto} .col-main .col-left{padding:0} } .col2-set{width:100%} .col2-set .col-1,.col2-set .col-2{width:50%;padding:20px} @media only screen and (max-width: 770px) { .col2-set .col-1,.col2-set .col-2{padding:10px} } .col2-set .col-1{float:left;padding-left:0} .col2-set .col-2{float:right;padding-right:0} @media only screen and (max-width: 479px) { .col2-set .col-1,.col2-set .col-2{float:none;width:auto;border:0;padding-right:0;padding-left:0} } .col2-set .narrow{width:33%} .col2-set .wide{width:65%} .col2-set:after{content:'';display:table;clear:both} @media only screen and (min-width: 771px) { .top-container{max-width:1020px;margin:0 auto;padding:0 30px} } .global-site-notice{background:#676157;color:#e6e6e6;font-size:11px} .global-site-notice .notice-inner{padding-left:120px;width:100%;max-width:1020px;margin-left:auto;margin-right:auto;line-height:11px;min-height:40px;padding-top:14.5px;padding-bottom:14.5px;background-image:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/demo-logo.png);background-position:left;background-repeat:no-repeat} .global-site-notice p{margin-bottom:0} .promo-msg{color:#000;text-align:center;margin:10px;text-transform:uppercase;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .grid:after{content:'';display:table;clear:both} .success{color:#11b400} .error{color:#df280a;font-weight:700} .notice{color:#e26703;font-weight:700} .messages{margin-bottom:10px} .messages li li{position:relative;margin-bottom:5px;padding:7px 10px 7px 20px;background:#f4f4f4;font-size:15px} .messages li li:before{top:50%;left:0;margin-top:-6px} .messages .error-msg li{color:#000;border-left:5px solid #df280a;background-color:#faebe7} .messages .error-msg li:before{content:'';position:absolute;width:0;height:0;display:block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #df280a;border-right:none} .messages .notice-msg li{color:#000;border-left:5px solid #e26703;background-color:#f9ebe6} .messages .notice-msg li:before{content:'';position:absolute;width:0;height:0;display:block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #e26703;border-right:none} .messages .success-msg li{color:#000;border-left:5px solid #11b400;background-color:#eff5ea} .messages .success-msg li:before{content:'';position:absolute;width:0;height:0;display:block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #11b400;border-right:none} @media only screen and (min-width: 915px) { .order-list-grid .col-1{width:30%} .order-list-grid .col-2{width:50%;padding-right:20px} .order-list-grid .col-3{clear:none;width:20%;padding-top:0} } .page-popup{padding:20px;background:#FFF;height:auto} .page-popup h1{margin:0 0 .5em;font-size:36px} .payment-methods{margin-bottom:20px} .payment-methods dt{padding:5px 0} .payment-methods dd{padding-top:10px} .payment-methods .form-list{position:relative;display:inline-block;max-width:100%;margin:5px 15px 15px;padding:15px;border:1px solid #ccc;background:#f4f4f4} .payment-methods .form-list:before{content:'';position:absolute;width:0;height:0;display:block;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #ccc;border-top:none;top:-11px;left:30px} .payment-methods .form-list:after{content:'';position:absolute;width:0;height:0;display:block;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #f4f4f4;border-top:none;top:-10px;left:30px} .payment-methods .form-list li:last-child{margin-bottom:0} .please-wait{display:inline-block;margin-left:10px;margin-top:5px;line-height:24px;height:24px;white-space:nowrap} .please-wait img{float:left;margin-right:5px;width:24px} .price-box{margin:7px 0;font-family:"Helvetica Neue",Verdana,Arial,sans-serif} .price-box p{margin-bottom:0} .price-notice{color:#a0a0a0} .price-box .price{color:#000;font-size:16px} @media screen and (max-width: 1000px) { .price-box .price{color:#000;font-size:12px} } .price-box .price-label{color:#a0a0a0;white-space:nowrap;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .price-box .minimal-price-link{padding-left:1em;color:#000;display:block} .price-box .minimal-price-link .label{color:#a0a0a0} .price-box .old-price,.price-box .special-price{display:inline-block} .price-box .old-price .price-label,.price-box .special-price .price-label{display:none} .price-box .old-price .price,.price-box .special-price .price{display:inline-block} .price-box .old-price .price{color:#a0a0a0;text-decoration:line-through} .price-box .special-price{color:#000;padding-left:1em} .price-box .special-price .price-label{color:#D84D3C} .price-box .price-excluding-tax,.price-box .price-including-tax{display:block} span.weee{display:block} .product-pricing,.tier-prices,.tier-prices-grouped{display:inline-block;padding:4px 8px;background:#FBF4DE;border:1px solid #E2D4C7;margin-top:7px} .product-pricing li,.tier-prices li,.tier-prices-grouped li{font-size:12px} .product-pricing .benefit,.tier-prices .benefit,.tier-prices-grouped .benefit{font-style:italic} .product-pricing .price,.tier-prices .price,.tier-prices-grouped .price{font-weight:700} .item-options{font-size:14px;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .item-options:after{content:'';display:table;clear:both} .item-options dt{float:left;clear:left;font-weight:600;padding-right:5px;font-style:italic} .item-options dt:after{content:': '} .item-options dd{float:left;padding-left:10px;margin:0 0 6px} .truncated,.truncated a.dots{cursor:help} .truncated a.details{cursor:help;height:16px;line-height:16px} .truncated a.details:hover{text-decoration:none} .truncated .truncated_full_value{position:relative;z-index:300} .truncated .truncated_full_value .item-options{display:none;position:absolute;z-index:300;width:200px;padding:8px;border:1px solid #000;background-color:#F6F6F6;top:21px;left:-100px} .truncated .truncated_full_value .item-options:after{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #000;border-top:none;left:97px;top:-7px} .truncated .truncated_full_value .item-options > p{font-weight:700;text-transform:uppercase;margin-bottom:8px} .truncated .show .item-options{display:block} @media only screen and (max-width: 479px) { .truncated{cursor:inherit} .truncated a.details{display:none} .truncated .truncated_full_value .item-options{display:block;position:static;z-index:1;width:100%;border:none;background-color:transparent} .truncated .truncated_full_value .item-options p{float:none} .truncated .truncated_full_value .item-options:after{display:none} } .page-print{width:6.5in;margin:20px;background:#FFF} .add-to-links{margin:7px 0} .add-to-links a{display:inline-block;padding:0 3px 3px} .add-to-links .separator{display:none} .product-image,.no-touch .product-img-box .product-image:not(.zoom-available):hover{position:relative;display:block} @media only screen and (max-width: 770px) { body .product-img-box .product-image:hover{border-color:#ededed} } .ratings{margin:7px 0} .ratings .rating-box,.ratings .rating-links{margin:5px 0} .ratings .rating-box{width:65px;height:13px;background-repeat:repeat-x;background-position:0 -615px;overflow:hidden} .ratings .rating-box .rating{float:left;height:13px;background-repeat:repeat-x;background-position:0 -600px} .ratings .amount{display:block;margin:5px auto} .ratings .rating-links .separator{margin:0 3px} .std p{margin:0 0 1.5em} .std ol{list-style:decimal outside;margin-bottom:1.5em} .std ol li{margin-left:2em} .std ul{list-style:disc outside;margin-bottom:1.5em} .std ul li{margin-left:2em} .std .note{color:#a0a0a0;font-size:13px} .tabs{margin-bottom:10px;background:#FFF} .toolbar{margin-top:10px;margin-bottom:15px;border-bottom:1px solid #ccc;border-top:1px solid #ccc;background:#f4f4f4;padding:5px 10px 0} .toolbar:after{content:'';display:table;clear:both} .pager-no-toolbar{margin-bottom:10px} .pager-no-toolbar ~ .pager-no-toolbar{margin-top:10px} .toolbar,.pager{color:#000;line-height:30px;font-size:12px} .toolbar label,.pager-no-toolbar label{font-weight:400;text-transform:uppercase} .sorter{float:left;margin-bottom:5px} .sorter label{float:left;margin-right:5px} .sorter label:after{content:':'} .sorter > .sort-by{float:left;margin-right:5px;height:30px} .sorter > .sort-by .sort-by-switcher{width:30px;height:30px;display:inline-block} .sorter > .sort-by .sort-by-switcher--asc{background-position:4px -542px} .sorter > .sort-by .sort-by-switcher--asc:hover{background-position:-46px -542px} .sorter > .sort-by .sort-by-switcher--desc{background-position:4px -567px} .sorter > .sort-by .sort-by-switcher--desc:hover{background-position:-46px -567px} .sorter > .view-mode{float:right} .sorter > .view-mode .grid,.sorter > .view-mode .list{float:left;width:30px;height:30px} .sorter > .view-mode .grid{margin-right:5px;background-position:8px -492px} .sorter > .view-mode strong.grid,.sorter > .view-mode a.grid:hover{background-position:-42px -492px} .sorter > .view-mode .list{background-position:11px -517px} .sorter > .view-mode strong.list,.sorter > .view-mode a.list:hover{background-position:-39px -517px} .pager{float:right;overflow:hidden} .pager > .count-container{float:left} .pager .amount{float:left;font-family:"Helvetica Neue",Verdana,Arial,sans-serif;white-space:nowrap;margin:0 15px 0 0} .pager .limiter{float:left;height:30px;line-height:30px} .pager .limiter > label{padding-right:5px} .pager .limiter > label:after{content:':'} .pager .amount,.pager .limiter,.pager .pages{margin-bottom:5px} .pages{float:right;overflow:hidden;margin-left:15px} .pages strong{display:none} .pages li{float:left} .pages a,.pages .current{display:inline-block;border:0;font-size:13px;text-align:center;text-transform:uppercase;vertical-align:middle;white-space:nowrap;line-height:30px;width:25px;height:30px;padding:0;color:#000;font-family:"Helvetica Neue",Verdana,Arial,sans-serif} .pages .current,.pages .current:hover{color:#000;border:1px solid #ccc;width:30px;background-color:#FFF;cursor:default} .pages .next,.pages .previous{font:0/0 a;text-shadow:none;color:transparent;background-color:transparent;position:relative} .pages .next:hover,.pages .previous:hover{border:1px solid #000} .pages .next:before{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000;border-right:none;top:50%;margin-top:-3px;left:50%;margin-left:-2px} .pages .next:hover:before{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #246b8f;border-right:none} .pages .previous:before{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #000;border-left:none;top:50%;margin-top:-3px;left:50%;margin-left:-2px} .pages .previous:hover:before{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #246b8f;border-left:none} @media only screen and (max-width: 479px) { .pager .amount--has-pages{display:none} .pages{float:left} .limiter label{display:none} } @media only screen and (max-width: 770px) { .col1-layout .sorter,.col1-layout .pager{width:100%} .col1-layout .pager{float:left;clear:both} .col1-layout .pager .pages{float:left;margin-left:0} .col1-layout .pager .count-container{float:right} } @media only screen and (max-width: 979px) { .col2-left-layout .sorter,.col2-left-layout .pager,.col2-right-layout .sorter,.col2-right-layout .pager,.col3-layout .sorter,.col3-layout .pager{width:100%} .col2-left-layout .pager,.col2-right-layout .pager,.col3-layout .pager{float:left;clear:both} .col2-left-layout .pager .pages,.col2-right-layout .pager .pages,.col3-layout .pager .pages{float:left;margin-left:0} .col2-left-layout .pager .count-container,.col2-right-layout .pager .count-container,.col3-layout .pager .count-container{float:right} } @media only screen and (max-width: 1279px) { .toolbar .view-mode > label{display:none} } #checkout-review-table .summary-collapse,#shopping-cart-totals-table .summary-collapse,body.customer-account .data-table .summary-collapse{position:relative;cursor:pointer} #checkout-review-table .summary-collapse:before,#shopping-cart-totals-table .summary-collapse:before,body.customer-account .data-table .summary-collapse:before{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-top:7px solid #000;border-bottom:none;position:static;display:inline-block;margin-right:5px} #checkout-review-table .summary-collapse:hover:before,#shopping-cart-totals-table .summary-collapse:hover:before,body.customer-account .data-table .summary-collapse:hover:before{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-top:7px solid #246b8f;border-bottom:none;position:static;display:inline-block;margin-right:5px} #checkout-review-table .show-details .summary-collapse:before,#shopping-cart-totals-table .show-details .summary-collapse:before,body.customer-account .data-table .show-details .summary-collapse:before{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #000;border-top:none;position:static;display:inline-block;margin-right:5px} #checkout-review-table .show-details .summary-collapse:hover:before,#shopping-cart-totals-table .show-details .summary-collapse:hover:before,body.customer-account .data-table .show-details .summary-collapse:hover:before{content:'';position:absolute;width:0;height:0;display:block;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #246b8f;border-top:none;position:static;display:inline-block;margin-right:5px} #shopping-cart-totals-table tfoot td .summary-collapse:before,#shopping-cart-totals-table tfoot td .summary-collapse:hover:before{margin-bottom:5px} .a-center{text-align:center} .a-right,.align-right{text-align:right} .no-display{display:none!important} .nobr,.nowrap{white-space:nowrap} .width-full{width:100%} .hidden{display:none} .page-print .print-head{margin:0 0 15px} .page-print .print-head .logo{float:none;max-height:50px;width:auto} .fieldset p{margin-bottom:7px} .fieldset p.required{margin-bottom:5px;float:right;font-size:12px;margin-top:0} .fieldset + .fieldset{margin-top:5px} form .legend{margin:0;margin-bottom:10px;color:#000;font-size:18px;font-weight:400;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;margin-bottom:15px;padding-bottom:7px;border-bottom:1px solid #ededed} .input-box{padding-top:2px} .input-box:after{content:'';display:table;clear:both} li.centinel-logos div.input-box img{display:inline;vertical-align:middle} .input-box .v-fix{float:left;margin-right:5px;max-width:100%} label{display:inline-block;font-size:13px;font-weight:600;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none} label.required:after,span.required:after{color:#df280a;font-weight:400;font-family:"Helvetica Neue",Verdana,Arial,sans-serif;font-size:12px} label.required em,span.required em{padding-right:3px} .input-hint{color:#a0a0a0;font-size:12px} select{font-size:14px} select + select{margin-left:5px} select[multiple]{width:270px;border:1px solid silver;font-size:15px;padding:5px} #select-language,#select-currency{border:0;background-color:#fff;-webkit-appearance:none;text-transform:uppercase;font-size:15px;font-weight:300;letter-spacing:2.5px} select:focus,select:active,select{outline:none} .form-language ul{text-align:left;display:inline;margin:0;padding:5px 4px 7px 0;list-style:none;z-index:9998} .form-language li:hover{background-color:#fff;z-index:9999} .form-language ul li{display:inline-block;position:relative;padding:1px 20px;cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s} .form-language ul li ul{padding:0;position:absolute;top:15px;left:0;width:160px;padding:3px 0;display:none;opacity:0;visibility:hidden;-webkit-transiton:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-transition:opacity .2s;-webkit-box-shadow:0 10px 5px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 5px rgba(0,0,0,0.15);box-shadow:0 10px 5px rgba(0,0,0,0.15);background:#fff} .form-language ul li ul li{display:block;color:#fff;-webkit-animation:fadeIn .7s;animation:fadeIn .7s} .form-language ul li ul li:hover{background:#666;color:#fff!important} .form-language ul li ul li:hover > a{color:#fff!important} .form-language ul li:hover ul{display:block;opacity:1;visibility:visible} .form-language a,.form-language a:hover{width:100%;color:#000!important;text-transform:none!important} .header-right{float:right;padding-top:4px} .header-right .hlink{padding:3px 10px} .form-currency{float:left} .form-currency ul{text-align:left;display:inline;margin:0;padding:5px 4px 7px 0;list-style:none;z-index:9998} .form-currency li:hover{background-color:#fff;z-index:9999} .form-currency ul li{display:inline-block;position:relative;padding:1px 20px;cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s} .form-currency ul li ul{padding:0;position:absolute;top:23px;left:0;width:240px;padding:3px 0;display:none;opacity:0;visibility:hidden;-webkit-transiton:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;-transition:opacity .2s;-webkit-box-shadow:0 10px 5px rgba(0,0,0,0.15);-moz-box-shadow:0 10px 5px rgba(0,0,0,0.15);box-shadow:0 10px 5px rgba(0,0,0,0.15);background:#fff} .form-currency ul li ul li{display:block;color:#fff;-webkit-animation:fadeIn .7s;animation:fadeIn .7s} .form-currency ul li ul li:hover{background:#666;color:#fff!important} .form-currency ul li ul li:hover > a{color:#fff!important} .form-currency ul li:hover ul{display:block;opacity:1;visibility:visible} .form-currency a,.form-currency a:hover{width:100%;color:#000!important;text-transform:none!important} textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:5px;border:1px solid #000!important} .input-text{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#FFF;font-size:15px;border:0;border-bottom:1px solid #000} .input-text:focus{border-bottom:1px silver #000} .input-text.validation-failed:focus{outline-color:#ef9384} input[type=email],input[type=search],input[type=number],input[type=password],input[type=tel],input[type=text]{height:30px;padding:0 8px;width:100%;max-width:100%} .contacts .input-text,#checkoutSteps .input-text,.form-list .input-text{margin-bottom:30px} .add-to-cart .input-text,.qty-wrapper .input-text,#opc-login .input-text{border:1px solid #000} @media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) { input[type=email],input[type=search],input[type=number],input[type=password],input[type=tel],input[type=text],select{font-size:16px} } .ie8 .input-text{max-width:none} input[type=number].qty,input[type=text].qty{width:3em;text-align:center;vertical-align:middle} ::-webkit-input-placeholder{color:#a0a0a0} input:-moz-placeholder{color:#a0a0a0} .checkbox,.radio{position:relative;top:-1px;display:inline-block} .checkbox + label,.radio + label{width:auto;max-width:85%;padding:0 0 0 8px;font-size:14px;font-weight:400;vertical-align:top} p.required,.validation-advice{margin:5px 0 0;color:#df280a;font-size:13px} .form-list > li{margin-bottom:10px} .form-list select{margin-top:4px;width:365px;max-width:100%} .form-list .input-range .input-text{width:74px} .form-list .field,.form-list .wide,.form-list .control{margin-bottom:10px} .form-list .control div.input-box,.sp-methods dt div.input-box,#checkout-shipping-method-load .sp-methods dd div.input-box,#co-shipping-method-form .sp-methods dd div.input-box,.product-options ul.options-list div.input-box{display:inline;float:left} .form-list .control div.input-box:after,.sp-methods dt div.input-box:after,#checkout-shipping-method-load .sp-methods dd div.input-box:after,#co-shipping-method-form .sp-methods dd div.input-box:after,.product-options ul.options-list div.input-box:after{display:none} .form-list .control input.radio,.form-list .control input.checkbox,.sp-methods dt input.radio,.sp-methods dt input.checkbox,#checkout-shipping-method-load .sp-methods dd input.radio,#checkout-shipping-method-load .sp-methods dd input.checkbox,#co-shipping-method-form .sp-methods dd input.radio,#co-shipping-method-form .sp-methods dd input.checkbox,.product-options ul.options-list input.radio,.product-options ul.options-list input.checkbox{float:left;margin-right:-40px;margin-top:10px;margin-left:15px} .form-list .control label,.sp-methods dt label,#checkout-shipping-method-load .sp-methods dd label,#co-shipping-method-form .sp-methods dd label,.product-options ul.options-list label{color:#000;background-color:#f4f4f4;padding:5px 10px;display:inline-block;width:auto;max-width:none;min-width:250px;float:none;padding:6px 10px 6px 40px} #checkout-payment-method-load dt{background-color:#f4f4f4;padding:2px} #checkout-payment-method-load dt:hover{background-color:#ececec} #checkout-step-billing .control{background-color:#f4f4f4;padding:2px} #checkout-step-billing .control:hover{background-color:#ececec} #checkout-agreements{border:2px solid #F33;padding:5px;margin-bottom:10px} .form-list .control label:hover,.sp-methods dt label:hover,#checkout-shipping-method-load .sp-methods dd label:hover,#co-shipping-method-form .sp-methods dd label:hover,.product-options ul.options-list label:hover,.sp-methods dt:hover{background-color:#ececec} .form-list .control .no-display + label,.sp-methods dt .no-display + label,#checkout-shipping-method-load .sp-methods dd .no-display + label,#co-shipping-method-form .sp-methods dd .no-display + label,.product-options ul.options-list .no-display + label{padding-left:10px;background-color:transparent} .form-list .control .no-display + label:hover,.sp-methods dt .no-display + label:hover,#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,#co-shipping-method-form .sp-methods dd .no-display + label:hover,.product-options ul.options-list .no-display + label:hover{background-color:transparent} .product-options ul.options-list label,.col2-set .form-list .control label{min-width:inherit;width:250px;max-width:100%} .form-list .control.remember-me-box label{width:auto;max-width:none;min-width:inherit} .form-list .control{margin-top:10px} .form-list .control label{float:none} .form-list .control .radio,.form-list .control .checkbox{margin-right:6px} .form-list .control .input-box{clear:none;display:inline-block;width:auto;padding:0} form .form-instructions{font-style:italic;font-size:13px;color:#a0a0a0} .hide-th{text-indent:-9999px} .data-table{width:100%} .data-table td,.data-table th{padding:10px;vertical-align:top} .data-table th{background:#f4f4f4;text-transform:uppercase;line-height:1.4;white-space:nowrap} .data-table thead th,.data-table tbody td{border-bottom:1px solid silver} .data-table tfoot tr{background:#f4f4f4} .data-table tbody td .item-options{margin-left:20px;margin-top:10px;display:none} .data-table tbody td .item-options dt:after{content:':'} .info-box{border:1px solid silver;padding:12px 15px;margin:0 0 15px} .info-box h2{font-weight:700;font-size:13px} .info-table th,.info-table td{vertical-align:top} .info-table th{font-weight:700;padding:4px 20px 4px 0} .info-table td{padding:4px 0} .zebra-table tr:first-child,.zebra-table th:first-child{border-top:1px solid silver} .zebra-table td,.zebra-table th{border-bottom:1px solid silver;padding:6px;background-color:transparent} .zebra-table tr{background-color:#eeeded} .zebra-table tr:nth-child(odd){background-color:#f8f7f5} @media only screen and (max-width: 479px) { .linearize-table tr,.linearize-table th,.linearize-table td{display:block} .linearize-table thead th{border-right:0;border-left:0} .linearize-table thead th.lin-hide{display:none} .linearize-table thead th:nth-child(1n+2){display:none} .linearize-table tbody tr{position:relative;border-bottom:1px solid #ccc} .linearize-table tbody td{padding:0 10px 4px;border-right:0;border-bottom:0} .linearize-table tbody td.lin-hide{display:none} .linearize-table tbody td:first-child{padding-top:10px} .linearize-table tbody td:first-child,.linearize-table tbody td:first-child h3{font-weight:700} .linearize-table tbody td[data-rwd-label]{text-align:left;padding-left:30px} .linearize-table tbody td[data-rwd-label]:before{content:attr(data-rwd-label) ":";font-size:12px;padding-right:5px;text-transform:uppercase} .linearize-table tfoot tr{display:block;text-align:right} .linearize-table tfoot tr:after{content:'';display:table;clear:both} .linearize-table tfoot td{display:block;float:left} .linearize-table tfoot td.lin-hide{display:none} .linearize-table tfoot td:nth-child(odd){clear:left;width:60%} .linearize-table tfoot td:nth-child(even){text-align:left;width:40%} .linearize-table .linearize-hide{display:none} .linearize-table .linearize-unpad{padding:0} .linearize-table .linearize-show{display:block} } @media only screen and (max-width: 599px) { .linearize-table-large tr,.linearize-table-large th,.linearize-table-large td{display:block} .linearize-table-large thead th{border-right:0;border-left:0} .linearize-table-large thead th.lin-hide{display:none} .linearize-table-large thead th:nth-child(1n+2){display:none} .linearize-table-large tbody tr{position:relative;border-bottom:1px solid #ccc} .linearize-table-large tbody td{padding:0 10px 4px;border-right:0;border-bottom:0} .linearize-table-large tbody td.lin-hide{display:none} .linearize-table-large tbody td:first-child{padding-top:10px} .linearize-table-large tbody td:first-child,.linearize-table-large tbody td:first-child h3{font-weight:700} .linearize-table-large tbody td[data-rwd-label]{text-align:left;padding-left:30px} .linearize-table-large tbody td[data-rwd-label]:before{content:attr(data-rwd-label) ":";font-size:12px;padding-right:5px;text-transform:uppercase} .linearize-table-large tfoot tr{display:block;text-align:right} .linearize-table-large tfoot tr:after{content:'';display:table;clear:both} .linearize-table-large tfoot td{display:block;float:left} .linearize-table-large tfoot td.lin-hide{display:none} .linearize-table-large tfoot td:nth-child(odd){clear:left;width:60%} .linearize-table-large tfoot td:nth-child(even){text-align:left;width:40%} .linearize-table-large .linearize-hide{display:none} .linearize-table-large .linearize-unpad{padding:0} .linearize-table-large .linearize-show{display:block} } @media only screen and (min-width: 600px) { .linearize-table .linearize-collapse{display:none} } html,body{height:100%} .wrapper{min-width:320px;min-height:100%;margin:0 auto;background:#FFF} .wrapper:after{content:'';display:table;clear:both} @media only screen and (min-width: 771px) { .page-header{margin:0 auto;padding:0} .page-header-container{position:relative} } .header-language-container,.page-header{font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .page-header{background:url(/media/wysiwyg/home/header-bg.jpg) center top no-repeat} .header-language-background{padding:16px;border-bottom:1px solid #000;text-transform:uppercase;color:#000} .header-language-background .header-language-container{max-width:1490px;margin-left:auto;margin-right:auto} .header-language-background:after{content:'';display:table;clear:both} .header-language-background .form-language,.header-language-background .currency-switcher{float:left} .header-language-background .welcome-msg{float:right} .page-header-container .store-language-container{float:left;width:100%} .page-header-container .store-language-container label{display:none} .page-header-container .store-language-container select{max-width:100%} @media only screen and (max-width: 479px) { .page-header-container .store-language-container{padding-top:8px} .page-header-container .store-language-container select{font-size:12px} .form-language{width:100%;text-align:right} } .header-language-background,.header-language-background a{color:#000} .page-header{transition:opacity .25s ease-in-out} .header-language-background{position:fixed;width:100%;z-index:9999;border-bottom:0;top:50px;background:center top no-repeat} .h-sticky{background:#fff;border-bottom:1px solid #ededed;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);transition:box-shadow .25s ease-in-out;background:url(/media/wysiwyg/home/header-bg.jpg) #fff center top no-repeat} .top-logo img.top{position:fixed;z-index:9999;width:275px;top:0;right:50%;margin-right:-110px;opacity:0;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out} @media only screen and (min-width: 1000px) { .top-logo img.top.sticky{opacity:1} } @media only screen and (max-width: 770px) { .header-language-background{display:none} } .logo{display:block;float:left;width:65%;min-width:100px;min-height:44px;text-align:center;padding:10px} .logo img{max-width:100%} .logo .small{display:block} .logo .large{display:none} @media only screen and (min-width: 771px) { .logo{width:100%} .logo .small{display:none} .logo .large{display:block;margin:0 auto;max-width:700px;width:100%} } @media only screen and (max-width: 770px) { .logo{width:100%;text-align:center} } .skip-links{clear:both;overflow:hidden;border-top:1px solid #EDEDED;border-bottom:1px solid #EDEDED} @media only screen and (min-width: 771px) { .skip-links{border:0} } a.skip-link{text-decoration:none} .skip-link:not(.skip-active):hover{opacity:.8} @media only screen and (max-width: 770px) { .skip-link.skip-active{background:#EDEDED;color:inherit} .skip-link.skip-active span{color:inherit} } .skip-link .icon{display:inline-block;width:30px;height:30px;vertical-align:middle} .skip-link.skip-nav .icon,.skip-link.skip-cart:not(.no-count) .icon{margin-right:3px} @media only screen and (min-width: 500px) { .skip-link .icon{margin-right:3px} } .skip-link .label{display:none} @media only screen and (min-width: 500px) { .skip-link .label{display:inline} } .skip-content{display:none} .skip-content.skip-active{display:block;background:#EDEDED} @media only screen and (max-width: 770px) { #header-account li a,.nav-primary a.level0{padding:0 15px 0 25px;border-bottom:1px solid #ccc;text-align:left;color:#000;text-transform:uppercase;line-height:30px} #header-account li:last-child a,.nav-primary li.level0:last-child a.level0{border-bottom:0} .no-touch #header-account a:hover,.no-touch .nav-primary a:hover{background-color:#f4f4f4;text-decoration:none} } .account-cart-wrapper{position:absolute;top:0;right:0} @media only screen and (max-width: 770px) { .account-cart-wrapper{position:static} } .skip-nav{width:40%} .skip-nav:not(.skip-active):hover{text-decoration:none} .skip-nav .label{display:inline} .skip-nav .icon{background-position:4px 4px} @media only screen and (min-width: 500px) { .skip-nav{width:25%} } @media only screen and (min-width: 771px) { .skip-nav{display:none} } @media only screen and (max-width: 770px) { #header-nav{padding:5px 0} } @media only screen and (min-width: 771px) { #header-nav{display:block} .head-cont{margin:0 auto} } @media only screen and (min-width: 771px) { .nav-primary{display:block;margin-top:0px} } .nav-primary a{text-decoration:none;position:relative;display:block;line-height:30px;color:#000} .nav-primary .active a{color:#000} .nav-primary li{position:relative} .nav-primary li.level1 a{border-bottom:1px solid #ccc} .nav-primary .menu-active > ul.level0,.nav-primary li.level0 li.sub-menu-active > ul{display:block} .nav-primary li.level0 > a{text-transform:uppercase} @media only screen and (max-width: 770px) { .nav-primary a.level0,.nav-primary a{line-height:35px} .nav-primary li.level0 ul{display:none} .nav-primary li.level0 li{padding:0 0 0 25px} .nav-primary li.level1 a{padding:0 15px 0 25px} .nav-primary li.parent > a:after{content:'';position:absolute;width:0;height:0;display:block;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #ccc;border-right:none;top:50%;left:10px;right:auto;margin-top:-5px} .nav-primary li.parent.sub-menu-active > a:after,.nav-primary li.parent.menu-active > a:after{content:'';position:absolute;width:0;height:0;display:block;border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #ccc;border-bottom:none;top:50%;left:10px;right:auto;margin-top:-5px} .nav-primary li.menu-active > a,.nav-primary li.sub-menu-active > a{color:#000} } @media only screen and (min-width: 771px) { .nav-primary{} .nav-primary a.level0{padding:0 25px} .nav-primary li.level0,.nav-primary a.level0{display:inline-block;padding:4px 10px} .nav-primary li:last-child > a{border-bottom:none} .nav-primary a:after{content:'';position:absolute;bottom:0;left:0;width:0;border-bottom:1px solid #000;transition:.4s} .nav-primary a:hover:after{width:100%} .nav-primary .active a:hover{color:#000} .nav-primary .active{color:#000;z-index:999} .nav-primary .menu-active{z-index:200} .nav-primary li.level0 ul{background:#FBFBFB;border:solid 1px #ccc;position:absolute;left:0;top:30px;z-index:10;width:250px;padding-left:10px;padding-right:10px;display:none} .nav-primary li.level1 ul{left:60px;top:15px} .nav-primary li.level0 ul.level0.position-test{display:block} .nav-primary li.level0 ul.level0.spill{right:0;left:auto} .nav-primary li.level0 ul.level0.spill li.level1 ul{left:auto;right:50px;top:20px} .nav-primary li.level0 li.parent > a{position:relative} .nav-primary li.level0 li.parent > a:after{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #ccc;border-right:none;right:5px;top:50%;margin-top:-3px} .header-language-container .nav-primary{width:50%;float:left;margin-top:0;display:block} .header-language-container .nav-primary a.level0{padding:0;font-size:15px} .header-language-container .nav-primary li.level0{padding:0 10px} } .nav-primary li.menu-active > ul{display:block} .skip-search .icon{background-position:4px -146px} @media only screen and (min-width: 771px) { .skip-search{display:none} } #header-search{padding:20px} @media only screen and (min-width: 480px) { #head-search{width:290px;height:50px;float:right;position:relative;top:-6px} #head-search #search{display:none;border:0;background-color:#464646;height:30px!important;width:100%!important;border-radius:2px;color:#fff} } #search_mini_form .input-box{position:relative;padding-top:0} #search_mini_form label{display:none} #search{width:100%;height:40px;padding-right:40px;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} #search_mini_form .search-button{text-indent:-9999px;position:absolute;top:-5px;right:0;width:40px;height:40px;border:0;background:none} #search_mini_form .search-button:before{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px;background-position:4px -146px} #search_mini_form .search-button:hover:before{opacity:.8} #search_mini_form .search-button:active:before{margin-top:-13px;margin-left:-13px} .skip-account .icon{background-position:4px -44px} @media only screen and (min-width: 771px) { .skip-account{float:none;width:auto;vertical-align:top;display:inline-block;padding:0 10px;text-transform:uppercase} #header-account.skip-active{background:#FBFBFB;border:solid 1px #ccc;display:block;position:absolute;z-index:200;top:40px;right:115px;width:200px} #header-account a{display:block;padding:5px 10px;color:#000;line-height:2} #header-account a:hover{color:#000} } #header-account{padding:5px 0} #header-account a{position:relative;display:block;padding:5px 10px;line-height:23px;text-align:center} #header-account a:hover{color:#000} .skip-cart .icon{background-position:0 -95px} @media only screen and (min-width: 771px) { .skip-cart{width:auto;padding:0} .skip-cart .icon{background:none} #header-cart.skip-active{background:#FBFBFB;border:solid 1px #ccc;display:block;position:absolute;z-index:200;top:20px;right:0;width:320px;background:#fff;-webkit-animation:fadeIn .7s;animation:fadeIn .7s} } .skip-cart .count{-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px;display:inline-block;top:-6px;position:relative;z-index:5;width:22px;height:22px;background:rgba(51,153,204,0.9);color:#FFF;font-size:11px;line-height:22px;text-align:center;font-family:"Helvetica Neue",Verdana,Arial,sans-serif} .skip-link.skip-active .count{color:#fff} .skip-cart.no-count .count{display:none} @media only screen and (max-width: 499px) { .skip-cart .count{margin-left:-12px} } @media only screen and (min-width: 771px) { .skip-cart .count{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;position:static;background:none;margin-left:0;font-size:12px;width:auto} .skip-cart .count,.skip-link.skip-active .count{color:#000} } .skip-cart .count.empty{display:none} .cart-menu .empty{padding:20px;text-align:center} .cart-menu .actions{overflow:hidden;padding:15px} .cart-menu .actions .button{float:left;width:48%} .cart-menu .actions .button + .button{margin-left:4%} .cart-menu .subtotal{padding:0 15px 15px;font-size:24px;line-height:1.2} .mini-cart-list{margin-bottom:5px} .mini-cart-list li{position:relative;min-height:90px;padding:15px 15px 15px 90px;border-top:1px solid #ccc;font-size:13px;line-height:1.35} .mini-cart-list .product-name{display:inline-block} .mini-cart-list .product-image{position:absolute;left:15px;top:15px} .mini-cart-list .product-image img{width:60px;height:60px} .mini-cart-list .has-options{margin-bottom:0;color:#a0a0a0;font-size:12px} .cart-menu .last-added{padding:10px 15px 15px;border-top:1px solid #ccc;font-size:13px} .newsletter {padding: 60px 20px; margin: 0px auto; margin-top: 0px; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3;background-color: #fff; -webkit-transform: translate3d(0,0,0); z-index: 99;} .newsletter .block-title {display: none} .newsletter .block-content {text-align: center} .newsletter .form-subscribe-header, .newsletter .input-box, .newsletter .actions {display: inline-block} .newsletter .input-box {width: 40%} .newsletter .block .actions .button {float: none} .footer,.footer button{font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .footer{clear:both;width:100%;padding:100px 200px 0px;background-size:100%} @media only screen and (max-width: 479px) { .footer{padding-top:15px} .newsletter .form-subscribe-header {width: 100%} .newsletter .input-box {width: 60%} } .footer .block-title{border-bottom:0;padding:10px 0;padding-bottom:10px!important;padding-top:10px!important;margin-bottom:10px} .footer .block-title strong{font-weight:200;font-size:15px} .footer .block-title,.footer address{color:#000;border-bottom:1px solid #000;letter-spacing:1.8px} .footer .links{width:100%;margin-bottom:30px} .footer .last{width:37%} .footer .links li{float:left; width: 25%; text-align: center} .footer .links a{color:#000;display:block;width:100%;transition:all 0.35s ease-in-out;letter-spacing:1.8px} @media only screen and (min-width: 1200px) { .footer .links a:hover{color:#000; margin-top: -10px; padding-bottom: 10px;} } .footer .block-subscribe{float:right;width:100%;margin-bottom:15px} .footer .links,.footer .block-subscribe{text-transform:uppercase;font-size:12px} .footer .block-subscribe label{padding-bottom:15px;font-size:13px;font-weight:400;letter-spacing:1.8px} .footer .links .first{margin-bottom:15px;margin-top:10px;letter-spacing:2.1px} .footer .links .second,.footer .links .fourth{font-size:10px;padding:5px 0;letter-spacing:2.1px} .footer .social-media {display: block; width: 100%; text-align: center; padding: 40px 0;} .footer .links.social-media em{background-image:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/social_icons.png);background-repeat:no-repeat;width:13px;vertical-align:middle;display:inline-block;margin-right:7px} @media (-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 4 2),(min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx) { .footer .links.social-media em{background-image:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/social_icons@2x.png);background-size:50px 125px} } .footer .links.social-media em.facebook{background-position:0 -0;height:13px} .footer .links.social-media a:hover em.facebook{background-position:-25px -0} .footer .links.social-media em.twitter{background-position:0 -24px;height:13px} .footer .links.social-media a:hover em.twitter{background-position:-25px -24px} .footer .links.social-media em.youtube{background-position:0 -49px;height:13px} .footer .links.social-media a:hover em.youtube{background-position:-25px -49px} .footer .links.social-media em.pinterest{background-position:0 -74px;height:15px} .footer .links.social-media a:hover em.pinterest{background-position:-25px -74px} .footer .links.social-media em.rss{background-position:0 -99px;height:13px} .footer .links.social-media a:hover em.rss{background-position:-25px -99px} .footer .block-subscribe .input-box{float:left;width:65.625%;padding-top:0} .footer .block-subscribe .input-text{width:100%;border-right:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;border:1px solid #000} .footer .block-subscribe .block-content{padding-top:7px} .footer .block-subscribe .block-content:after{content:'';display:table;clear:both} .footer .block-subscribe .actions{float:left;width:34.375%;margin:0} .footer .block-subscribe .actions .button{height:30px;line-height:17px;float:left} .footer .bugs,.footer address{clear:both} .footer .bugs{display:none} .footer .form-language,.footer .currency-switcher,.footer .store-switcher{clear:both;margin-bottom:10px} .footer .form-language,.footer .currency-switcher{display:none} .footer address{text-align:center;width:100%;font-size:11px;margin-top:30px;padding:30px 0;border:none} @media only screen and (max-width: 1199px) { .footer .links{} .footer .links:nth-child(4){margin-right:0} .footer .block-subscribe{clear:both;float:none;margin:0 auto 30px} } .social-media-mobile{display:none} @media only screen and (max-width: 770px) { .footer .form-language,.footer .currency-switcher{display:block} .footer .last{display:none} .footer .links {display: inline-block; width: 100%; margin-bottom:35px;} .footer .links li {width: 50%; padding: 20px 0;} .social-media-mobile{display:block} } @media only screen and (max-width: 599px) { .footer .links{width:100%;margin-right:0;text-align:center;font-size:13px} .footer .block-subscribe{clear:both;float:left;width:100%} .footer .links li {width: 100%; padding: 20px 0;} } .footer .social-media .icon{padding-right:5px} .footer .social-media .icon a:hover{padding-left:0;opacity:.6} .social-media-mobile{width:100%;text-align:center} .social-media-mobile .icon{padding-right:5px} .social-media-mobile .icon a:hover{padding-left:0;opacity:.6} .footer-container.small-header {z-index: 2; position: relative; -webkit-box-shadow: 0px -10px 12px 0px rgba(0,0,0,0.03); -moz-box-shadow: 0px -10px 12px 0px rgba(0,0,0,0.03); box-shadow: 0px -10px 12px 0px rgba(0,0,0,0.03);} .category-title h1,body.catalogsearch-result-index .page-title h1{border-bottom:none} .category-image{margin-bottom:1.5em} .products-list .action .button,.products-grid .actions .button{white-space:normal} h2.product-name,h3.product-name,h4.product-name,h5.product-name,p.product-name{margin:0;margin-bottom:.5em;color:#000;font-size:24px;font-weight:400;font-style:normal;line-height:1.2;text-rendering:optimizeLegibility;text-transform:uppercase;font-size:13px;font-family:"Helvetica Neue",Verdana,Arial,sans-serif;font-weight:normal;line-height:1.4} h2.product-name a,h3.product-name a,h4.product-name a,h5.product-name a,p.product-name a{color:#000} h2.product-name a:hover,h3.product-name a:hover,h4.product-name a:hover,h5.product-name a:hover,p.product-name a:hover{color:#000;text-decoration:none} .products-grid .product-name,.products-list .product-name{text-transform:uppercase;margin-bottom:5px;font-size:14px;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .products-grid .product-name a,.products-list .product-name a{font-weight:500} .products-grid{position:relative} .products-grid:after{content:'';display:table;clear:both} .products-grid > li{position:relative;text-align:center} .products-grid > li:after{content:'';display:table;clear:both} .products-grid .product-image{width:100%;margin-bottom:15px} .products-grid .product-image img{width:100%;height:auto} .products-grid .product-image img:hidden{display:none} .widget-new-products .products-grid .product-image{width:75%;margin-bottom:15px;margin-left:10%} .products-grid .product-info{position:relative;padding-bottom:95px} .products-grid .actions{padding-top:10px;position:absolute;bottom:0;min-height:85px;width:100%} .products-grid .ratings .rating-box{margin:0 auto} .products-grid .ratings .amount{display:none} .products-grid .price-box{color:#a0a0a0;font-size:13px;margin:0 0 5px} .products-grid .add-to-links{margin-bottom:0} .products-grid > li{float:left;width:100%} @media only screen and (max-width: 600px) { .box-up-sell .products-grid > li{width:90%} } .products-grid > li:nth-child(even){margin-right:0} .products-grid .product-image{margin-bottom:5px} .products-grid .product-image:before,.products-grid .product-image:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:none} .products-grid .product-image:before{background-color:#fff;opacity:.8;z-index:2} .products-grid .product-image:after{background-image:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/opc-ajax-loader.gif);background-repeat:no-repeat;background-position:center;z-index:3} .products-grid .product-image.loading{position:relative} .products-grid .product-image.loading:before,.products-grid .product-image.loading:after{display:block} @media only screen and (min-width: 480px) { .products-grid > li:nth-child(odd){clear:none} .products-grid > li:nth-child(even){margin-right:3.7037%} .products-grid > li{width:30.8642%;margin-right:3.7037%} /*.products-grid > li:nth-child(3n+1){clear:left}*/ .products-grid > li:nth-child(3n){margin-right:0} } @media only screen and (min-width: 960px) { .products-grid--max-4-col > li:nth-child(odd){clear:none} .products-grid--max-4-col > li:nth-child(3n+1){clear:none} .products-grid--max-4-col > li:nth-child(even),.products-grid--max-4-col > li:nth-child(3n){margin-right:2.22222%} .products-grid--max-4-col > li{margin-right:2.22222%;width:23.33333%;margin-right:2.22222%} .products-grid--max-4-col > li:nth-child(4n+1){clear:left} .products-grid--max-4-col > li:nth-child(4n){margin-right:0} .products-grid--max-5-col > li:nth-child(odd){clear:none} .products-grid--max-5-col > li:nth-child(3n+1){clear:none} .products-grid--max-5-col > li:nth-child(even),.products-grid--max-5-col > li:nth-child(3n){margin-right:2.22222%} .products-grid--max-5-col > li{margin-right:2.22222%;width:18.22222%;margin-right:2.22222%} .products-grid--max-5-col > li:nth-child(5n+1){clear:left} .products-grid--max-5-col > li:nth-child(5n){margin-right:0} .products-grid--max-6-col > li:nth-child(odd){clear:none} .products-grid--max-6-col > li:nth-child(3n+1){clear:none} .products-grid--max-6-col > li:nth-child(even),.products-grid--max-6-col > li:nth-child(3n){margin-right:2.22222%} .products-grid--max-6-col > li{margin-right:2.22222%;width:14.81481%;margin-right:2.22222%} .products-grid--max-6-col > li:nth-child(6n+1){clear:left} .products-grid--max-6-col > li:nth-child(6n){margin-right:0} } .products-list{margin-top:20px;margin-bottom:20px} .products-list > li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ededed} .products-list > li:after{content:'';display:table;clear:both} .products-list > li .product-image{float:left;width:33.33333%} .products-list > li .product-image img{width:100%;max-width:100%} .products-list > li:last-child{padding-bottom:0;border-bottom:none} .products-list .product-shop{float:right;width:66.66667%;padding-left:20px} .products-list .product-shop .product-name{margin-bottom:0} .products-list .product-shop .ratings{margin:0} .products-list .product-shop .ratings .rating-box,.products-list .product-shop .ratings .rating-links{float:left;margin-right:7px} .products-list .product-shop .ratings .rating-links{margin-top:4px} .products-list .product-shop .price-box{margin-top:0} .products-list .product-shop .price-box .price{font-size:18px} .products-list .product-shop .action{margin:7px 0} .products-list .product-shop .desc{margin-top:7px} .products-list .product-shop .product-primary,.products-list .product-shop .desc{float:left;width:65%;overflow:hidden} .products-list .product-shop .product-secondary{float:right;width:35%;text-align:right;clear:right} @media only screen and (min-width: 480px) { .products-list .product-name a{font-size:18px} } @media only screen and (max-width: 1279px) { .products-list .product-shop .product-primary,.products-list .product-shop .desc{float:left;width:60%;padding-right:20px} .products-list .product-shop .product-secondary{float:right;width:40%} } @media only screen and (max-width: 600px) { .product-view .product-name {margin-top: 70px} .products-list .product-shop .price-box .special-price{padding-left:0} .products-list .product-shop .product-primary,.products-list .product-shop .product-secondary,.products-list .product-shop .desc{float:none;width:100%;padding-right:0;text-align:left} } .mini-products-list .product-image{float:left;min-width:50px} .mini-products-list .product-details{margin-left:60px} .mini-products-list .product-details .product-name{padding-top:10px} .mini-products-list li{margin-bottom:10px;clear:both} .mini-products-list li:after{content:'';display:table;clear:both} .mini-products-images-list:after{content:'';display:table;clear:both} .mini-products-images-list li.item{float:left;width:50%;margin:0;padding:0 5px 10px 0} .mini-products-images-list li.item:nth-child(even){padding-right:0;padding-left:5px} .mini-products-images-list li.item .product-image{display:block} .mini-products-images-list li.item .product-image img{width:100%;max-width:100%} .category-image{border:1px solid #ccc;padding:10px} .category-image img{width:100%;max-width:100%} .category-image img:hidden{display:none} .block-layered-nav .block-subtitle--filter{display:none;margin:0;margin-bottom:10px;color:#000;font-size:14px;font-weight:700;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;font-weight:normal;margin-bottom:0;padding:7px 10px 7px 24px;border-width:1px;border-style:solid;border-color:#ccc;position:relative;background-color:#f4f4f4;cursor:pointer} .block-layered-nav .block-subtitle--filter:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #000;border-bottom:none;left:10px;top:50%;margin-top:-3px} .block-layered-nav .block-subtitle--filter:hover{background-color:#ececec} .block-layered-nav .block-content .toggle-tabs{display:none} .block-layered-nav .block-content > dl > dt{margin:0;margin-bottom:10px;color:#000;font-size:14px;font-weight:700;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;font-weight:normal;margin-bottom:0;padding:7px 10px 7px 24px;border-width:1px;border-style:solid;border-color:#ccc;position:relative;background-color:#f4f4f4;display:block} .block-layered-nav .block-content > dl > dt:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #000;border-bottom:none;left:10px;top:50%;margin-top:-3px} .block-layered-nav .block-content > dl > dt:hover{background-color:#ececec} .block-layered-nav .block-content > dl > dd{padding:10px;margin:0;border-width:0 1px;border-style:solid;border-color:#ccc} .block-layered-nav .block-content > dl > dd:last-child{border-width:0 1px 1px} .block-layered-nav dl dd{margin-bottom:10px;margin-top:10px} .block-layered-nav dl dd ol > li > span,.block-layered-nav dl dd ol > li > a{padding:5px 15px;display:block} .block-layered-nav dl dd ol > li > a .count{color:#a0a0a0} @media only screen and (min-width: 771px) { .block-layered-nav .block-content > dl > dt{padding-left:10px} .block-layered-nav .block-content > dl > dt:after{display:none} } @media only screen and (max-width: 770px) { .sidebar .block.block-layered-nav{border-bottom:none} .block-layered-nav--no-filters .block-title{display:none} .block-layered-nav .block-content{padding-top:0;margin-top:15px} .block-layered-nav .block-content > dl > dt{cursor:pointer;border-bottom-width:0} .block-layered-nav .block-content > dl > dt:hover{color:#000} .block-layered-nav .block-content > dl > dt:after{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000;border-right:none} .block-layered-nav .block-content > dl > dt.last{border-bottom-width:1px} .block-layered-nav .block-content > dl > dd{display:none} .block-layered-nav .block-content.accordion-open > dl > dt.current{border-bottom-width:1px} .block-layered-nav .block-content.accordion-open > dl > dt.current:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #000;border-bottom:none;left:6px;top:50%;margin-top:-3px} .block-layered-nav .block-content.accordion-open > dl > dd.current{display:block} .block-layered-nav .block-subtitle--filter{background-color:#000;border:0;margin-bottom:0;display:block;color:#FFF} .block-layered-nav .block-subtitle--filter:after{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #fff;border-right:none;right:10px;top:50%;margin-top:-5px} .block-layered-nav .block-subtitle--filter:hover{background-color:#333;color:#FFF} .block-layered-nav .block-subtitle--filter.active:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #fff;border-bottom:none;right:10px;top:50%;margin-top:-3px} #narrow-by-list,#narrow-by-list2{padding:10px;border:1px solid #ccc;border-top:0} .block-layered-nav dl ol > li > a,.block-layered-nav dl ol > li > span{padding:7px;margin:5px} .block-layered-nav dl ol > li > a{color:#000;background-color:#f4f4f4;padding:5px 10px} .block-layered-nav dl ol > li > a:hover{text-decoration:none;background:#ececec} } .block-layered-nav .currently .block-subtitle{display:block;margin:0;margin-bottom:10px;color:#000;font-size:14px;font-weight:700;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase} .block-layered-nav .currently ol{padding-left:10px;margin-bottom:10px} .block-layered-nav .currently ol li{margin-bottom:5px} .block-layered-nav .currently ol li .label{font-weight:700} .block-layered-nav .currently ol li:after{content:'';display:table;clear:both} .block-layered-nav .actions{text-align:right;margin-bottom:7px} .product-view .product-essential .extra-info .ratings .rating-box,.product-view .product-essential .extra-info .ratings .amount{float:left} .product-view .product-essential .extra-info .ratings .rating-box{margin-top:8px;margin-right:10px} .product-view .product-essential .extra-info .ratings:after{content:'';display:table;clear:both} .product-view .product-essential:after{content:'';display:table;clear:both} .product-view .product-shop .product-name .h1,.product-view .product-img-box .product-name h1{color:#000;margin-bottom:10px;border:0} .product-view .product-shop{width:35%;float:right} .product-view .product-shop .product-name{display:none;float:left} .product-view .product-shop .product-name .h1{float:left;margin-bottom:5px;white-space: nowrap;} .product-view .product-shop .extra-info{float:left;padding-right:15px;clear:left;width:70%} .product-view .product-shop .price-info{float:right;padding-left:15px;text-align:right} .product-view .product-shop .extra-info,.product-view .product-shop .price-info{max-width:70%;margin-bottom:10px;margin-top:30px} .product-view .product-shop .short-description{margin-bottom:10px;clear:both} .product-view .product-shop .ratings{margin-bottom:8px} .product-view .product-shop .availability{font-size:16px} .product-view .product-shop .price-box{margin-top:0} .product-view .product-shop .price-box .old-price,.product-view .product-shop .price-box .special-price,.product-view .product-shop .price-box .regular-price{padding-right:0;line-height:1.2} .product-view .product-shop .price-box .regular-price .price,.product-view .product-shop .price-box .special-price .price,.product-view .product-shop .price-box .full-product-price .price{color:#000;font-size:30px;letter-spacing:1.5px} .product-view .product-shop .price-box .special-price .price-label{font-size:16px;text-transform:uppercase} .product-view .product-shop .price-box .special-price span.weee{color:#000} .product-view .product-shop .price-box .special-price span.weee span.price{font-size:16px} .product-view .product-shop .price-box .price-excluding-tax,.product-view .product-shop .price-box .price-including-tax{display:block;line-height:1.2;color:#000} .product-view .product-shop .price-box .price-excluding-tax .label,.product-view .product-shop .price-box .price-including-tax .label{font-size:16px;font-weight:300} .product-view .product-shop .price-box .price-excluding-tax .price,.product-view .product-shop .price-box .price-including-tax .price{font-size:20px} .product-view .price-box.map-info a{display:inherit} .product-view .old-price .price-label{display:none} .product-view .add-to-cart-wrapper,.product-view .block-related{width:35%;float:right;clear:right} @media only screen and (max-width: 850px) { .product-view .product-shop .price-box .price-excluding-tax .label,.product-view .product-shop .price-box .price-including-tax .label{font-size:15px} .product-view .product-shop .price-box .price-excluding-tax .price,.product-view .product-shop .price-box .price-including-tax .price{font-size:18px} } @media only screen and (max-width: 770px) { .product-view .add-to-cart-wrapper{float:none;width:100%;clear:both} .product-view .product-shop .price-box .price-excluding-tax .label,.product-view .product-shop .price-box .price-including-tax .label{font-size:16px} .product-view .product-shop .price-box .price-excluding-tax .price,.product-view .product-shop .price-box .price-including-tax .price{font-size:20px} } @media only screen and (max-width: 420px) { .product-view .product-shop .price-box .price-excluding-tax,.product-view .product-shop .price-box .price-including-tax{margin-bottom:5px} .product-view .product-shop .price-box .price-excluding-tax span,.product-view .product-shop .price-box .price-including-tax span{display:block} } .product-img-box{width:65%;float:left} .product-img-box .product-name h1{border:0} .product-img-box .product-image{margin-bottom:10px} .product-img-box .product-image img{max-width:100%;max-height:900px;margin:0 auto} .set-10 .product-image img {max-height: 1400px;} @media only screen and (max-width: 479px) { .product-img-box .product-image img{max-height:450px} } .product-image-gallery{position:relative} .product-image-gallery .gallery-image{display:none} .product-image-gallery .gallery-image.visible{display:block} .product-image-gallery .gallery-image.visible.hidden{visibility:hidden} .product-image-gallery:before,.product-image-gallery:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:none} .product-image-gallery:before{background-color:#fff;opacity:.8;z-index:2} .product-image-gallery:after{background-image:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/opc-ajax-loader.gif);background-repeat:no-repeat;background-position:center;z-index:3} .product-image-gallery.loading{position:relative} .product-image-gallery.loading:before,.product-image-gallery.loading:after{display:block} .product-image-thumbs li{display:inline-block} .product-image-thumbs li:first-child{margin-left:-1px} .product-image-thumbs a{display:inline-block;border:1px solid transparent} .no-touch .product-image-thumbs a:hover{border-color:#c7c7c7} .product-view .product-shop,.product-view .add-to-cart-wrapper,.product-view .block-related{padding-left:15px} .product-img-box{padding-right:15px} .product-view .product-shop,.product-img-box,.product-collateral,.product-view .block-related,.box-collateral{margin-bottom:10px} .product-view .add-to-box:after,.product-view .add-to-cart:after{content:'';display:table;clear:both} .product-view .add-to-cart .qty-wrapper,.product-view .product-options-bottom .price-box,.product-view .add-to-cart-buttons{min-height:40px} .product-view .product-options-bottom .price-box,.product-view .add-to-cart .qty-wrapper,.product-view .add-to-cart-buttons .button,.product-view .add-to-cart-buttons .paypal-logo{margin-bottom:10px} .product-view .add-to-cart .qty-wrapper,.product-view .add-to-cart .qty-wrapper label{margin-right:1%;float:left;width:10%} .product-view .add-to-cart .qty-wrapper label{line-height:40px} .product-view .add-to-cart .qty-wrapper .qty{float:left;height:40px} .product-view .add-to-cart-buttons{float:left;width:89%} .product-view .add-to-cart-buttons .paypal-logo{clear:left;text-align:center} .product-view .add-to-cart-buttons .paypal-logo .paypal-button{margin:0 auto;display:block;width:170px} .product-view .add-to-cart-buttons .paypal-logo .bml_button{display:block;width:174px;margin:0 auto} .product-view .add-to-cart-buttons .paypal-logo .bml_button a{text-align:center} .product-view .add-to-cart-buttons .paypal-logo .paypal-or{display:block;margin-bottom:10px;margin-left:0;margin-right:0;line-height:1;text-align:center} .product-view .add-to-cart-buttons .button{min-height:40px;line-height:40px;font-size:16px;padding:0 30px;float:left;min-width:278px;width:100%;white-space:normal;transition:background .55s ease-in-out} .product-view .alert-price,.product-view .alert-stock{clear:both} @media only screen and (max-width: 479px) { .product-view .add-to-cart-buttons .paypal-or{line-height:20px} .product-view .add-to-cart-buttons .paypal-logo,.product-view .add-to-cart-buttons .paypal-or,.product-view .add-to-cart-buttons .paypal-button,.product-view .add-to-cart-buttons .button{text-align:center;width:100%;display:block;margin-right:0;margin-left:0;float:none} } .add-to-box .or{display:none} .product-view .add-to-links{clear:both;margin-top:0;margin-right:100px;float:left} .product-view .add-to-links:after{content:'';display:table;clear:both} .product-view .add-to-links li{float:left} .product-view .add-to-links a{padding:2px 7px 2px 0;margin-left:7px;border-right:1px solid #ccc} .product-view .add-to-links li:first-child a{margin-left:0} .product-view .add-to-links li:last-child a{border-right:0} .product-view .sharing-links{float:left} .product-view .sharing-links:after{content:'';display:table;clear:both} .product-view .sharing-links li{float:left;padding:0 7px 7px} .product-view .sharing-links a{text-indent:-9999px;display:block;width:26px;height:26px} .product-view .sharing-links a:hover{opacity:.8} .product-view .sharing-links a.link-wishlist{background-position:0 -225px} .product-view .sharing-links a.link-compare{background-position:0 -250px} .product-view .sharing-links a.link-email-friend{background-position:0 -322px} .product-view .sharing-links a.link-facebook{background-position:0 -425px} .product-view .sharing-links a.link-twitter{background-position:0 -372px} @media only screen and (max-width: 599px) { .add-to-box .add-to-links a{float:none;width:auto;text-indent:0} } .product-collateral{clear:both} .collateral-tabs dd h2{display:none} .box-collateral{clear:both} @media only screen and (min-width: 771px) { .product-collateral .toggle-tabs{display:block;width:100%;position:relative;border:1px solid #000;background-color:#fff;border-top:none;border-left:none;border-right:none} .product-collateral .toggle-tabs li{float:left;border-right:1px solid transparent;border-left:1px solid transparent} .product-collateral .toggle-tabs li > span{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;display:inline-block;padding:0 30px;height:40px;line-height:40px;cursor:pointer;text-transform:uppercase;font-size:12px;position:relative;bottom:-1px} .product-collateral .toggle-tabs li.current{border-right:1px solid #000;border-left:1px solid #000;border-top:1px solid #000} .product-collateral .toggle-tabs li.current > span{background-color:#FFF;z-index:5} .product-collateral .toggle-tabs li.current span,.product-collateral .toggle-tabs li:hover span{color:#000} .product-collateral .toggle-tabs:after{content:'';display:table;clear:both} .product-collateral > dl{width:100%} .product-collateral > dl > dt{display:none} .product-collateral > dl > dd{width:100%;display:none;padding:15px;border:1px solid #000;border-top:0} .product-collateral > dl > dd.current{display:block} } @media only screen and (max-width: 770px) { .product-collateral .toggle-tabs{display:none} .product-collateral > dl > dt{margin:0;margin-bottom:10px;color:#000;font-size:14px;font-weight:700;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;font-weight:normal;margin-bottom:0;padding:7px 10px 7px 24px;border-width:1px;border-style:solid;border-color:#ccc;position:relative;background-color:#f4f4f4;display:block} .product-collateral > dl > dt:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #000;border-bottom:none;left:10px;top:50%;margin-top:-3px} .product-collateral > dl > dt:hover{background-color:#ececec} .product-collateral > dl > dd{padding:10px;margin:0;border-width:0 1px;border-style:solid;border-color:#ccc} .product-collateral > dl > dd:last-child{border-width:0 1px 1px} .product-collateral > dl > dt{cursor:pointer;border-bottom-width:0} .product-collateral > dl > dt:hover{color:#000} .product-collateral > dl > dt:after{content:'';position:absolute;width:0;height:0;display:block;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #000;border-right:none} .product-collateral > dl > dt.last{border-bottom-width:1px} .product-collateral > dl > dd{display:none} .product-collateral.accordion-open > dl > dt.current{border-bottom-width:1px} .product-collateral.accordion-open > dl > dt.current:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #000;border-bottom:none;left:6px;top:50%;margin-top:-3px} .product-collateral.accordion-open > dl > dd.current{display:block} } @media only screen and (max-width: 770px) { .product-view .product-shop,.product-view .add-to-cart-wrapper,.product-view .block-related,.product-img-box,.product-collateral{width:100%;float:none;padding-right:0;padding-left:0} } @media only screen and (min-width: 771px) { .product-view .product-shop .product-name{display:block;margin-top:25px} .product-img-box .product-name{display:none} } @media only screen and (max-width: 479px) { .product-view .product-shop,.product-img-box,.product-collateral,.product-view .block-related,.box-collateral{margin-bottom:15px} } .product-view .ratings .rating-links{clear:left;float:left;margin-top:0} #product-attribute-specs-table{max-width:50em;border:1px solid silver} #product-attribute-specs-table th{border-right:1px solid silver;border-bottom:1px solid silver} .grouped-items-table-wrapper{border:solid 1px silver;width:100%;padding:10px;margin-bottom:15px} .grouped-items-table-wrapper tbody tr:last-child td{border-bottom:none} @media only screen and (max-width: 479px) { .grouped-items-table-wrapper{margin-bottom:15px} } .grouped-items-table .name-wrapper{color:#000;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .grouped-items-table .qty-wrapper{padding-top:7px} .grouped-items-table .qty-label{margin-left:7px} .grouped-items-table td{padding:4px} .grouped-items-table td:last-child{width:30%;text-align:left} .grouped-items-table .price-box{text-align:right} .product-options{width:100%;clear:both;position:relative;z-index: 0;} .product-options p.required{position:absolute;top:6px;right:15px;text-align:right} @media only screen and (max-width: 979px) { .product-view .product-options .required{position:static} } .product-options dt{margin:1px 0 3px;font-weight:400} .product-options dt:first-child{margin-top:0} .product-options dd .qty-holder{display:block;padding:10px 0 0} .product-options dd .qty-holder .qty{width:3em} .product-options dd .qty-holder label{vertical-align:middle} .product-options dd .qty-disabled{background:none;border:0;padding:0 2px} .product-options dd{padding:0 0 10px;margin:0 0 5px;border-bottom:1px solid #ededed} .product-options dl.last dd.last{border-bottom:0;padding-bottom:5px;margin-bottom:0} .product-options dd .input-text{width:98%} .product-options dd .input-box{padding-top:0} .product-options dd input.datetime-picker{width:150px} .product-options dd .time-picker{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;padding:2px 0;vertical-align:middle} .product-options dd textarea{width:98%;height:8em} .product-options dd select{width:330px;max-width:100%} .product-options ul.options-list{margin-right:5px} .product-options ul.options-list li{line-height:1.5;margin-bottom:7px} .product-options ul.options-list li:last-child{margin-bottom:0} .product-options ul.options-list .radio,.product-options ul.options-list .checkbox{float:left;margin-top:5px} .product-options ul.options-list .label{display:block} .product-options ul.options-list label{font-weight:400} .product-options p.note{margin:0;font-size:11px} .product-options-bottom{background-color:#fefefe;padding:15px 0;border:none;border-top:0;margin-bottom:10px;padding-bottom:0;border-bottom: 1px solid #000;} .product-options-bottom:after{content:'';display:table;clear:both} .product-options-bottom .product-pricing,.product-options-bottom .tier-prices{float:right;margin:0;padding:0 0 10px;border:0;background:0;color:#000} @media only screen and (max-width: 1199px) { .footer {padding: 20px 0 0} .product-options-bottom .product-pricing,.product-options-bottom .tier-prices{float:none;width:100%;text-align:right;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #ccc} } .product-options-bottom .tier-prices li{background:0;padding:2px 0} .product-options-bottom .tier-prices .price,.product-options-bottom .tier-prices .benefit{color:#000} .product-options-bottom .price-box{display:none;float:right;margin:0 0 10px;padding:0} @media only screen and (max-width: 479px) { .product-options-bottom .price-box .price-as-configured{text-align:right} .product-options-bottom .price-box .price-as-configured .price-label{display:block} } .product-options-bottom .price-tax{float:left} .customattribut-label{text-align:left} .block-related li{margin-bottom:7px} .block-related .block-title{border-bottom:none} .block-related .block-title h2{margin:0;margin-bottom:.5em;color:#000;font-size:24px;font-weight:400;font-style:normal;line-height:1.2;text-rendering:optimizeLegibility;text-transform:uppercase;margin-bottom:0} .block-related .block-subtitle{margin-bottom:7px} .block-related .product{margin-left:20px;position:relative} .block-related .checkbox{float:left;margin-top:36px} .block-related .product-details{margin-left:90px} .block-related .product-name{margin-bottom:3px} .block-related .product-details .price-box{margin:2px 0 3px} .block-related .product-details .price-box a,.block-related .product-details .price-box p,.block-related .product-details .price-box span{float:left;margin-left:3px} .block-related .product-details .price-box a:first-child,.block-related .product-details .price-box p:first-child,.block-related .product-details .price-box span:first-child{margin-left:0;font-size:16px;padding-right:5px;padding-left:5px} .block-related .product-details .price-box:after{content:'';display:table;clear:both} .block-related .link-wishlist{display:none} .box-up-sell{margin-top:20px} .box-up-sell .ratings{display:none} .cart-msrp-totals{color:red;font-size:12px!important;font-weight:700;margin:10px 10px 0;padding:10px;text-align:right;text-transform:uppercase} .map-cart-sidebar-total{color:red;display:block;font-size:10px;font-weight:700;text-align:left;padding:2px 5px} .map-popup{background:#FFF;border:5px solid #ccc;margin:12px 0 0;position:absolute;text-align:left;width:450px;z-index:100} @media only screen and (min-width: 771px) { .map-popup.map-popup-right{left:10px!important} .map-popup.map-popup-left{left:auto!important;right:10px!important} } @media only screen and (max-width: 770px) { .map-popup{width:100%;left:0!important} } .map-popup .map-popup-heading{padding:8px 10px;margin-right:40px;width:auto} .map-popup .map-popup-heading h3{font-size:14px;margin:0;overflow:hidden;white-space:nowrap;word-wrap:break-word;text-align:left;text-overflow:ellipsis} @media only screen and (max-width: 479px) { .map-popup .map-popup-heading h3{text-align:center} } .map-popup .map-popup-close{display:block;position:absolute;top:0;right:0;height:36px;width:36px;font-size:20px;line-height:32px;text-align:center} .map-popup .map-popup-content{border-top:1px solid #ededed;padding:10px;margin:0 10px;overflow:hidden;text-align:left} @media only screen and (max-width: 479px) { .map-popup .map-popup-content{text-align:center} } .map-popup .map-popup-checkout{padding:10px 0} .map-popup .map-popup-checkout form:after{content:'';display:table;clear:both} .map-popup .map-popup-checkout span{display:block} .map-popup .map-popup-checkout .button{float:left;margin:0 2px;clear:left} .map-popup .map-popup-checkout .additional-addtocart-box{float:left;min-width:210px} .map-popup .map-popup-checkout .additional-addtocart-box li{list-style-type:none} .map-popup .map-popup-checkout .paypal-logo{width:auto} .map-popup .map-popup-checkout .paypal-logo a{display:inline-block;float:left;clear:left} .map-popup .map-popup-checkout .paypal-logo .paypal-or{float:left;text-align:center;padding:5px 15px;clear:left} .map-popup .map-popup-checkout .paypal-logo:after{content:'';display:table;clear:both} .map-popup .map-popup-checkout .paypal-logo .bml_button a{clear:left} @media only screen and (max-width: 479px) { .map-popup .map-popup-checkout{text-align:center} .map-popup .map-popup-checkout .button,.map-popup .map-popup-checkout .additional-addtocart-box,.map-popup .map-popup-checkout .paypal-logo a,.map-popup .map-popup-checkout .paypal-logo .paypal-or{float:none} .map-popup .map-popup-checkout .additional-addtocart-box{min-width:0} .map-popup .map-popup-checkout .paypal-logo .paypal-or{margin:0;margin-bottom:10px} } .map-popup .map-popup-checkout:after{content:'';display:table;clear:both} .map-popup .map-popup-price{padding:10px 0} @media only screen and (max-width: 479px) { .map-popup .map-popup-price{text-align:center;padding-top:0} } .map-popup .map-popup-price .price-box,.map-popup .map-popup-price .price-box .special-price{display:inline-block;margin:0;padding:0} .map-popup .map-popup-price .price-box .minimal-price-link{display:inline-block} .map-popup .map-popup-text{padding:10px 0;margin:0 10px;word-wrap:break-word} .map-popup .map-popup-text,.map-popup .map-popup-only-text{border-top:1px solid #ededed} .price-box .map-link{display:block;text-align:center} .block-compare .product-name:after{content:'';display:table;clear:both} .compare-table .product-image{display:inline-block} .compare-table .product-shop-row.top td{padding-bottom:0;border-bottom:0} .compare-table .product-shop-row.bottom td{padding-top:0} .cart-table{float:left;width:100%} @media only screen and (max-width: 1279px) and (min-width: 600px) { .cart-table{width:100%} .footer {padding: 20px 0 0} .cart-forms,.cart-totals-wrapper{width:50%!important} } .cart .button{white-space:normal} .cart-forms,.cart-totals-wrapper,.crosssell{float:right;clear:right;width:40%;padding-left:20px} .crosssell{width:100%;padding-left:0px; z-index: 2; position: relative; background-color: #f5f9f3; padding-bottom: 60px;} .crosssell .product-image, .crosssell .product-image img {display: block; margin: 0 auto; max-height: 300px;} .crosssell .owl-home .product-info, .crosssell .owl-home-mobile .product-info {padding-top: 15px} .crosssell .owl-home-mobile .product-image, .crosssell .owl-home-mobile .product-image img, .crosssell .owl-home .product-image, .crosssell .owl-home .product-image img {max-height: initial; padding: 0 2px;} .crosssell .product-name, .crosssell .price-box, .crosssell .actions, .crosssell .heading {text-align: center} .crosssell .product-name a {font-size: 12px} .crosssell .heading {background-color: #fff; color: #000; font-size: 20px; text-shadow: none; padding: 0; margin: 60px; text-transform: uppercase;} .checkout-cart-index .main, .checkout-cart-index .main-container , .catalog-product-view .main, .catalog-product-view .main-container{padding: 0 !important} .cart-totals,.cart-forms .discount,.cart-forms .giftcard,.cart-forms .shipping{padding:10px;background-color:#f4f4f4;} .cart-table,.cart-totals,.cart-forms .giftcard,.cart-forms .shipping{margin-bottom:20px} .checkout-cart-index #postcode{width:100%} .display-both-prices .cart-table{float:none;width:100%} .display-both-prices .cart-forms{float:left;padding-right:10px;padding-left:0} .display-both-prices .cart-totals-wrapper,.display-both-prices .crosssell{padding-left:10px} .display-both-prices .cart-forms,.display-both-prices .cart-totals-wrapper,.display-both-prices .crosssell{width:50%} .display-both-prices .crosssell{clear:right;float:right} @media only screen and (max-width: 979px) { .display-single-price .cart-table{float:none;width:100%} .display-single-price .cart-forms{float:left;padding-right:10px;padding-left:0} .display-single-price .cart-totals-wrapper,.display-single-price .crosssell{padding-left:10px} .display-single-price .cart-forms,.display-single-price .cart-totals-wrapper{width:50%} display-single-price .crosssell{width:100%} .display-single-price .crosssell{clear:right;float:right} } @media only screen and (max-width: 599px) { .product-cart-sku{display:none} .display-both-prices .cart-forms,.display-both-prices .cart-totals-wrapper,.display-both-prices .crosssell,.display-single-price .cart-forms,.display-single-price .cart-totals-wrapper,.display-single-price .crosssell{padding-top:0;padding-left:0;padding-right:0;float:none;width:100%} } .display-single-price:after{content:'';display:table;clear:both} .cart .page-title{margin-bottom:15px;border-bottom:1px solid #ededed} .cart .page-title:after{content:'';display:table;clear:both} .cart .page-title h1{float:left;border-bottom:none;margin-bottom:6px;margin-right:10px} .checkout-types{float:right;text-align:right;max-width:100%} .checkout-types li{vertical-align:top;margin:0 0 5px 5px} .checkout-types li:after{content:'';display:table;clear:both} .checkout-types li img{display:inline;vertical-align:top} .checkout-types li:first-child{margin-left:0} .checkout-types .method-checkout-cart-methods-multishipping{display:block} .checkout-types.top li{display:inline-block} .checkout-types.top .bml_button{display:inline-block;vertical-align:top} .checkout-types.top .bml_button img{display:block} .checkout-types.top .paypal-logo .paypal-or{margin-top:5px} .checkout-types.bottom .paypal-logo a,.checkout-types.minicart .paypal-logo a{display:block} .checkout-types.bottom .paypal-or,.checkout-types.minicart .paypal-or{margin:0;display:block;text-align:center} @media only screen and (min-width: 741px) { .checkout-types.bottom .paypal-or{text-align:right;padding-right:70px} } .cart-totals .checkout-types .btn-checkout{margin-bottom:7px} @media only screen and (max-width: 740px) { .checkout-types{float:none;text-align:center} .checkout-types.bottom .paypal-or,.checkout-types.minicart .paypal-or{width:auto;float:none} .checkout-types li{float:none;width:100%;margin-left:0} } @media only screen and (max-width: 599px) { .btn-checkout{width:100%} } .cart-table{font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .cart-table th,.cart-table td,.cart-table tbody td{border-bottom:none;vertical-align:top} .cart-table h2{color:#000;font-size:14px;font-weight:200;margin-bottom:0} .cart-table thead th,.cart-table tbody td{background-color:transparent;padding:10px 5px;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .cart-table .product-cart-info,.cart-table .product-cart-actions{padding-left:15px} .cart-table tr{border-bottom: 2px solid #d5d5d5} .cart-table tfoot tr{background:none} .cart-table tfoot tr > td:after{content:'';display:table;clear:both} .cart-table span.or{font-size:9px;padding:0 5px;text-transform:uppercase;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .cart-table .product-cart-image .cart-links,.cart-table .product-cart-info .btn-remove,.cart-table .product-cart-actions .button{display:none} .cart-table .product-cart-image{padding-left:0;padding-right:0} .cart-table .product-cart-image .product-image img{max-width:100%;width:100%} .cart-table .product-cart-image a.cart-edit{display:none} .cart-table .product-cart-sku{font-size:12px;margin:5px 0 12px} .cart-table .product-cart-sku .label{font-weight:600} .cart-table .btn-empty{float:left} .cart-table .product-cart-total,.cart-table .product-cart-price{text-align:center} .cart-table .cart-tax-total{position:relative;cursor:pointer} .cart-table .cart-tax-total:after{content:'';position:absolute;width:0;height:0;display:block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #000;border-left:none;position:absolute;top:3px;right:-11px} .cart-table .cart-tax-total.cart-tax-total-expanded:after{content:'';position:absolute;width:0;height:0;display:block;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #000;border-bottom:none;right:-15px;top:6px} .cart-table .cart-links > li{white-space:nowrap;line-height:1.3;margin-bottom:5px;min-width:65px;font-size:13px} .cart-table .cart-links > li > a{display:block} .cart-table .cart-links > li:last-child{margin-bottom:0} .cart-table .product-cart-actions{min-width:60px;text-align:center} .cart-table .product-cart-actions .qty{height:30px;border-color:silver;border-radius:0;margin-bottom:10px;text-align:center;width:3.2em} .cart-table .product-cart-actions .button{margin-bottom:5px} .cart-table .item-options{padding-left:15px} @media only screen and (max-width: 770px) { .cart-table th{font-size:12px} .cart-table th,.cart-table td{padding:7px 6px} .cart-table .product-cart-actions > li{white-space:inherit} } @media only screen and (max-width: 699px) { .display-both-prices .cart-table thead th.cart-total-head,.display-both-prices .cart-table td.product-cart-total{display:none} } @media only screen and (max-width: 599px) { .cart-table colgroup,.cart-table thead{display:none} .cart-table tr{display:block;margin-bottom:10px;padding-bottom:10px;position:relative;width:100%} .cart-table tr:after{content:'';display:table;clear:both} .cart-table tr:last-child{margin-bottom:0} .cart-table tfoot tr{padding-bottom:0} .cart-table td{border:none;display:block} .cart-table td[data-rwd-label]{padding-left:15px;margin-bottom:6px} .cart-table td[data-rwd-label] .price{font-weight:400} .cart-table td[data-rwd-label]:before{content:attr(data-rwd-label) ":";font-size:12px;padding-right:5px;text-transform:uppercase} .cart-table td.product-cart-price{text-align:left} .cart-table h2{font-size:12px} .cart-table .cart-links{padding-top:5px;padding-right:5px} .cart-table .cart-links > li{white-space:normal;text-align:center} .cart-table .cart-links > li > a{padding:2px 0} .cart-table .cart-tax-info{font-style:italic;padding-left:15px;font-size:13px} .cart-table .cart-tax-info .price{font-size:13px} .cart-table .product-cart-image{width:25%;float:left;padding-bottom:0} .cart-table .product-cart-image a.cart-edit{display:block;font-size:16px;text-align:center;text-transform:uppercase} .cart-table .product-cart-info,.cart-table td[data-rwd-label]{float:right;width:75%} .cart-table .product-cart-actions,.cart-table .product-cart-price{padding-bottom:0;padding-top:0;float:right} .cart-table .product-cart-remove,.cart-table .product-cart-total,.cart-table .product-cart-actions .cart-links{display:none} .cart-table .product-cart-image .cart-links,.cart-table .product-cart-info .btn-remove{display:block} .cart-table .product-cart-actions .button{display:none} .cart-table .product-cart-info .btn-remove{float:right;margin:-4px 0 2px 7px} .cart-table .product-cart-info .product-cart-sku{margin-bottom:5px} .cart-table .product-cart-actions{text-align:left} .cart-table .product-cart-actions .qty{margin-right:7px;margin-bottom:7px} .cart-table .price,.cart-table .product-cart-price:before{font-weight:500;font-size:15px;font-family:"Helvetica Neue",Verdana,Arial,sans-serif} .cart-table .cart-footer-actions{text-align:center;width:100%} .cart-table .cart-footer-actions #empty_cart_button{float:right} .cart-table .cart-footer-actions .btn-continue{float:left} .cart-table .cart-footer-actions .btn-update,.cart-table .cart-footer-actions span.or{display:none} .display-both-prices .cart-table td[data-rwd-tax-label]:before{content:attr(data-rwd-tax-label) ":"} } .shipping h2{font-size:12px;font-weight:700;margin:0 0 5px} .shipping select{max-width:100%;height:30px;display:block;border:1px solid silver} .shipping select.validation-failed{border-color:#df280a} .shipping .shipping-desc{display:none} .shipping .buttons-set{border:none;margin:0;padding:0} .shipping .form-list:after{content:'';display:table;clear:both} .shipping .form-list li{float:left;margin:5px 2% 10px 0} .shipping .form-list .shipping-country{width:37%} .shipping .form-list .shipping-region{width:41%} .shipping .form-list .shipping-postcode{margin-right:0;width:18%} .shipping .form-list .shipping-postcode input{margin-top:4px} .shipping .form-list .input-box{padding-top:0} .shipping .form-list input{height:30px;margin-top:4px} .shipping .form-list label{font-size:13px;font-weight:400;text-transform:uppercase;white-space:nowrap} .shipping .sp-methods{padding:10px 0 0;text-align:left} .shipping .sp-methods dd{margin-bottom:10px} .shipping .sp-methods label{font-size:12px;font-style:italic;min-width:100px} .shipping .sp-methods label span{font-weight:700;font-style:normal} .shipping #co-shipping-method-form .buttons-set .button{float:left;margin-left:0} .shipping #co-shipping-method-form .sp-methods dd label{border:1px solid #ccc;background-color:#ececec;min-width:220px} .shipping #co-shipping-method-form .sp-methods dd label:hover{background-color:#dbdbdb} @media only screen and (max-width: 770px) { .shipping .shipping-form .form-list > li{width:100%;float:none} .shipping .shipping-form .form-list > li label{display:block} .shipping .shipping-form .form-list > li input,.shipping .shipping-form .form-list > li select{width:100%} } .cart .cart-totals{text-align:right} .cart .cart-totals:after{content:'';display:table;clear:both} .cart .cart-totals table{font-size:12px;margin-bottom:20px;text-transform:uppercase;width:100%} .cart .cart-totals table td{padding:2px 0} .cart .cart-totals table td:first-child{padding-right:10px;min-width:120px} .cart .cart-totals table tbody tr:last-child td,.cart .cart-totals table tbody tr:last-child th{padding-bottom:10px} .cart .cart-totals table tfoot{border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6} .cart .cart-totals table tfoot td{font-size:15px;padding:2px 5px;vertical-align:top} .cart .cart-totals table tfoot strong span,.cart .cart-totals table tfoot span.price{font-family:"Helvetica Neue",Verdana,Arial,sans-serif} .cart .cart-totals table tfoot strong{font-weight:400} @media only screen and (max-width: 600px) { .cart-totals{text-align:right} } @media only screen and (max-width: 770px) { .cart .cart-totals table tfoot td{font-size:18px} } .discount-form:after,#giftcard-form:after{content:'';display:table;clear:both} #discount-coupon-form,.cart .giftcard{width:100%} #discount-coupon-form h2,.cart .giftcard h2{display:none} #discount-coupon-form label,.cart .giftcard label{font-size:12px;font-weight:400;text-align:left;text-transform:uppercase;min-width:105px;display:inline-block;margin-right:10px} #discount-coupon-form .field-wrapper,.cart .giftcard .field-wrapper{display:inline-block} #discount-coupon-form .validation-advice,.cart .giftcard .validation-advice{display:inline} #discount-coupon-form .button-wrapper,.cart .giftcard .button-wrapper{display:inline-block;vertical-align:bottom} #discount-coupon-form .button-wrapper > button,.cart .giftcard .button-wrapper > button{float:left} #discount-coupon-form .input-text,.cart .giftcard .input-text{border-radius:0;height:30px;margin:4px 10px 0 0;width:190px} .cart .giftcard p{margin-bottom:7px} .cart .giftcard .check-gc-status{float:left;padding:0} .cart .giftcard .check-gc-status > span > span{font-size:14px;text-transform:none} .crosssell h2{color:#000} .crosssell .item a.product-image{width:auto;float:none; max-width: 220px; margin: 0 auto;} @media only screen and (max-width: 979px) { .crosssell .products-grid > li:nth-child(even),.crosssell .products-grid > li:nth-child(3n),.crosssell .products-grid > li{width:47.72727%;margin-right:4.54545%} .crosssell .products-grid > li:nth-child(odd){clear:left} .crosssell .products-grid > li:nth-child(even){margin-right:0} .crosssell .products-grid > li:nth-child(3n+1){clear:none} } @media only screen and (max-width: 599px) { .cart-table .cart-tax-total:after{right:-9px} .cart-table .cart-tax-total.cart-tax-total-expanded:after{right:-13px} } @media only screen and (max-width: 320px) { .crosssell ul .item{padding:0 0 40px} .crosssell ul .product-details .crosssell-actions{padding:0 5px} } .checkout-onepage-index .col-right,.checkout-onepage-index .col-left{display:none} .checkout-onepage-index .col-main{width:auto;float:none} @media only screen and (min-width: 980px) { .checkout-onepage-index .col-main{float:left;width:68.75%;padding-right:20px} .checkout-onepage-index .col-right,.checkout-onepage-index .col-left{width:31.25%;display:block} .checkout-onepage-index .col-right{padding-left:0} } .opc select{width:365px} .opc .section .step-title{width:100%;border-top:1px solid #ececec;position:relative;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none} .opc .section .step-title:after{content:'';display:table;clear:both} .opc .section.allow:not(.active) .step-title{cursor:pointer} .no-touch .opc .section.allow:not(.active) .step-title:hover{background-color:#f4f4f4} .opc .section.active .step-title{border-bottom:1px solid #ececec} .opc .section .step-title a{display:none} .opc .section.allow:not(.active) .step-title a{display:block;float:right;line-height:40px;height:40px;padding:0 10px} .no-touch .opc .section .step-title a:hover{text-decoration:none} .opc .section .step-title .number,.opc .section.allow.active .step-title .number,.no-touch .opc .section.allow:hover .step-title .number{width:26px;height:26px;text-align:center;color:#FFF;line-height:26px;background-color:#000;display:block;position:absolute;top:50%;left:10px;margin-top:-13px} .opc .section.allow .step-title .number{background-color:#99cce5} .opc .section.allow .step-title h2{color:#a0a0a0} .opc .section.allow .step-title:hover h2,.opc .section.active .step-title h2{color:#000} .opc .section .step-title h2{font-size:16px;font-weight:400;line-height:40px;height:40px;float:left;margin:0 4px 0 45px} .opc .section .step{padding:20px} .opc .section .step:after{content:'';display:table;clear:both} @media only screen and (max-width: 979px) { .opc .section .step{padding:10px} } .opc select{max-width:365px;width:100%} .opc h3{font-weight:500} .opc .buttons-set{text-align:left} .opc .buttons-set button.button{float:left;margin-left:0;margin-right:10px;margin-bottom:0} .opc .buttons-set p.required{float:right;margin-left:5px;margin-bottom:0} .opc .buttons-set .back-link{float:right;margin:0} .opc .buttons-set a{line-height:20px;display:inline-block;padding:5px 5px 5px 0} @media only screen and (max-width: 479px) { .opc .buttons-set .button + .buttons-set .button,.paypal-express-review .buttons-set .button + .buttons-set .button{margin-left:0} } .opc #opc-login .step{padding:0} .opc #opc-login .buttons-set{border-top:0;padding-top:5px} @media only screen and (max-width: 770px) { .opc #opc-login .description,.opc #opc-login p.required{display:none} } #opc-payment .note{padding:10px} .opc.opc-firststep-login .section:not(#opc-login) .step-title,.opc-block-progress-step-login{-webkit-transition:opacity 300ms linear;-webkit-transition-delay:0;-moz-transition:opacity 300ms linear 0;-o-transition:opacity 300ms linear 0;transition:opacity 300ms linear 0} .opc.opc-firststep-login .section#opc-login .step-title .number{-webkit-transition:width 80ms linear;-webkit-transition-delay:0;-moz-transition:width 80ms linear 0;-o-transition:width 80ms linear 0;transition:width 80ms linear 0} .opc.opc-firststep-login .section#opc-login .step-title h2{-webkit-transition:margin-left 80ms linear;-webkit-transition-delay:0;-moz-transition:margin-left 80ms linear 0;-o-transition:margin-left 80ms linear 0;transition:margin-left 80ms linear 0} body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title,body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login{opacity:0} body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number{width:0;overflow:hidden} body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2{margin-left:0} /* CUSTOM CHECKOUT START */ body:not(.opc-has-progressed-from-login).checkout-onepage-index .col-main {width: 100%} body:not(.opc-has-progressed-from-login).checkout-onepage-index .col-right {display: none} body:not(.opc-has-progressed-from-login) .col-right {/* display: none */} body:not(.opc-has-progressed-from-login) #checkout-step-login {background-color: #f4f4f4;} body:not(.opc-has-progressed-from-login) .col2-set {padding: 10px} body:not(.opc-has-progressed-from-login) .col-2 {border-left: 2px solid #fff; padding: 20px 40px} body:not(.opc-has-progressed-from-login) .col2-set .form-list .control label {width: 100%} #opc-login .input-text, #checkoutSteps .input-text {border: 2px solid #d5d5d5; padding: 10px; height: 42px;} #opc-login .input-text:hover, #checkoutSteps .input-text:hover {border: 2px solid #bab7b7;} #opc-login .input-text:focus, #checkoutSteps .input-text:focus {background-color: #f9f7f7; border: 2px solid #bab7b7;} .opc .fieldset p.required {display: block; width: 100%; text-align: right;} .opc .fields .customer-name .field, .opc .fields .split .field {width: 50%; float: left;} .opc .fields .customer-name .field.name-firstname, .opc .fields .split .field.left {padding-right: 10px} .opc .fields .clear {clear:both} .opc select {width: 100%; max-width: 100%; margin-bottom: 30px; padding: 10px 5px; -webkit-appearance: none; -moz-appearance: none; border: none; border: 2px solid #d5d5d5; border-radius: 0; background-color: #fff; background-image: url(/media/down.svg); background-repeat: no-repeat; background-position: 98% 50%; background-size: 25px;} .opc .validation-failed {border-color: #fe8470 !important} .opc .validation-advice {display: none} #checkoutSteps .input-text, .opc .form-list .input-text{margin-bottom: 15px} .opc .form-list .control {margin-top: 10px;background-color: #f4f4f4;} li.method-checkout-cart-methods-multishipping {display: none !important} table.additional-information { margin-top: 10px } table.additional-information tr { border-bottom: none} table.additional-information tr td { padding: 2px 0} table.additional-information tr td:nth-child(2) { padding-left: 5px} table.additional-information span.customattribut-label { font-size: 10px; } .cart-forms input#coupon_code {border: 2px solid #ababab;} .cart-forms input#coupon_code:hover {border: 2px solid #888888;} .cart-forms .discount-form {text-align: right;} @media only screen and (max-width: 770px) { body:not(.opc-has-progressed-from-login) .col-2 {border-left: none; padding: 0} .opc .fields .customer-name .field, .opc .fields .split .field {width: 100%; float: left;} .opc .fields .customer-name .field.name-firstname, .opc .fields .split .field.left {padding-right: 0px} table.additional-information {width: 100%; margin-left: 10px; } table.additional-information tr { padding: 0; margin: 0} table.additional-information tr td:nth-child(1) { text-align: left} table.additional-information tr td { display: table-cell;} table.additional-information span.customattribut-label { font-size: 9px; } td.product-cart-actions {display: none} } /* CUSTOM CHECKOUT END */ .sp-methods{margin:0 0 8px} .sp-methods dt{margin:13px 0 5px;font-weight:700} .sp-methods dt:first-child{margin:0 0 5px} .sp-methods dd li{margin:5px 0} .sp-methods label img{float:left} .sp-methods label a{margin-top:6px;float:right;margin-left:10px} .sp-methods .price{font-weight:700} .sp-methods .form-list{padding-left:20px} .sp-methods .form-list li{margin:0 0 8px} .sp-methods select.month{width:120px;margin-right:10px} .sp-methods select.year{width:96px} .sp-methods input.cvv{width:4em!important} .sp-methods #advice-validate-cc-exp-ccsave_expiration{max-width:130px} .sp-methods .checkmo-list li{margin:0 0 5px;content:'';display:table;clear:both} .sp-methods .checkmo-list label{width:165px;padding-right:15px;text-align:right;float:left} .sp-methods .checkmo-list address{float:left} @media only screen and (max-width: 479px) { .sp-methods .checkmo-list{padding-left:0} .sp-methods .checkmo-list label{width:135px} } .sp-methods .release-amounts{margin:.5em 0} .sp-methods .release-amounts button{float:left;margin:5px 10px 0 0} .block-progress{border:0;margin:0;border-left:1px solid #ccc;padding-left:20px} .block-progress .block-content{font-size:13px} .block-progress dt{padding-top:6px;margin:0;margin-bottom:10px;color:#000;font-size:14px;font-weight:700;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;margin-bottom:6px;text-transform:uppercase;font-weight:normal;color:#a0a0a0} .block-progress dt.complete{color:#000} .block-progress dd{padding-left:15px;margin-bottom:10px} .block-progress #payment-progress-opcheckout .subtitle{margin-bottom:3px} .block-progress .payment-info dt{padding:0;margin:0 0 3px;color:#000;float:left;clear:both;font-size:13px} .block-progress .payment-info dt:after{content:': '} .block-progress .payment-info dd{float:left;margin-bottom:3px;font-size:13px} .block-progress .payment-info:after{content:'';display:table;clear:both} #checkout-review-table .btn-remove img{display:none} #checkout-review-table-wrapper{clear:both} #review-buttons-container{width:100%;margin-top:15px;margin-bottom:15px} #review-buttons-container .btn-checkout{min-width:220px} #review-buttons-container .please-wait{float:left;margin-right:10px} #review-buttons-container .f-left{float:right} @media only screen and (max-width: 599px) { .linearize-table-large.checkout-review-table thead tr:nth-child(1n+2){display:none} } @media only screen and (max-width: 479px) { .linearize-table.checkout-review-table thead tr:nth-child(1n+2){display:none} } .opc-block-progress dt.complete a,.opc-block-progress dt.complete .separator{display:inline} .opc-block-progress dt a,.opc-block-progress dt .separator{display:none} #checkout-step-review .opc-block-progress{border-left:none;padding-left:0} #checkout-step-review .opc-block-progress .block-title{display:none} #checkout-step-review .opc-block-progress .block-content{display:block!important;padding:0} #checkout-step-review .opc-block-progress .block-content > dl > div{float:left;width:50%} @media only screen and (max-width: 479px) { #checkout-step-review .opc-block-progress .block-content > dl > div{float:none;width:auto} } #checkout-step-review .opc-block-progress .block-content .changelink{display:none} @media only screen and (max-width: 479px) { #checkout-review-table thead > tr > th{display:none} #checkout-review-table thead > tr > th:first-child{display:block;display:block} } #checkout-step-review .centinel > p{margin-bottom:10px} #checkout-step-review .centinel iframe{width:100%;min-height:400px} .gift-messages-form .item{content:'';display:table;clear:both;margin-top:30px} .gift-messages-form .item h5{font-weight:700} .gift-messages-form .item .product-img-box{width:auto;float:left;padding-right:15px} .gift-messages-form .item .details{float:left} .gift-message-form .inner-box > div{content:'';display:table;clear:both;width:100%;margin-top:15px;display:block} .gift-message-form .inner-box > div.extra-options-container p{margin-bottom:15px} .gift-message-form .gift-wrapping-form label{margin-right:10px} .gift-message-form .gift-wrapping-form img{float:left} .gift-message-form .gift-wrapping-form .gift-wrapping-design{height:75px} .gift-message-form .gift-wrapping-form .gift-wrapping-design:after{content:'';display:table;clear:both} .gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box{margin-right:5px} .gift-message-form .gift-item{padding-bottom:10px;margin-bottom:10px;border-bottom:solid 1px #ececec} .gift-message-form .gift-item:after{content:'';display:table;clear:both} .gift-message-form .gift-item .product-img-box{width:200px} .gift-message-form .gift-item .product-img-box .product-image{width:75px;margin-left:auto;margin-right:auto} .gift-message-form .gift-item .product-img-box .product-name{display:block} .gift-message-form .gift-item .fieldset{margin-left:200px} @media only screen and (max-width: 770px) { .gift-message-form .giftmessage-area{max-width:100%} .gift-message-form .gift-item .product-img-box{width:100%;float:none} .gift-message-form .gift-item .fieldset{margin-left:0} .gift-message-form .gift-item .fieldset textarea{width:100%} } .checkout-onepage-success .col-main{padding:0;text-align:center} .checkout-onepage-success .buttons-set{margin:10px 0;text-align:center} .checkout-onepage-success .buttons-set button{float:none} .clearfix:after,.configurable-swatch-list:after,.product-view .product-options .swatch-attr:after{content:'';display:table;clear:both} .swatch-link,.swatch-label{display:block;font-size:14px;text-align:center;color:#000;text-decoration:none;box-sizing:content-box} .swatch-link{border:1px solid #000;margin:0 0 3px;transition:all 0.35s ease-in-out} .custom-not-availble .swatch-link{border:1px solid #B3B3B3} .swatch-link img{border-radius:2px} .swatch-link:hover{cursor:pointer;text-decoration:none;background-color:#E8E8E8} .selected .swatch-link{background-color:#E8E8E8} .swatch-link .x{display:none;text-indent:-999em;position:absolute;left:0;right:0;top:0;bottom:0;background:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/bg_x.png) center no-repeat transparent;z-index:10} .swatch-link.has-image .swatch-label{position:relative} .swatch-link.has-image img{position:absolute;top:0;left:0} .swatch-label{border:1px solid #fff;margin:0;white-space:nowrap} .configurable-swatch-list{margin-left:-3px;zoom:1;clear:both;-webkit-transform:translateZ(0px)} .configurable-swatch-list li{float:left;zoom:1;margin:5px} .products-grid .configurable-swatch-list li{display:inline-block;float:none;margin:0;vertical-align:top} .configurable-swatch-list .not-available .x{display:block} .configurable-swatch-list .not-available .swatch-link{border-color:#ededed;position:relative} .configurable-swatch-list .not-available .swatch-link.has-image img{opacity:.4;filter:alpha(opacity=40)} .configurable-swatch-list .not-available .swatch-label{color:#aaa;background:#fff} .configurable-swatch-list .wide-swatch .swatch-label{padding:0 6px} .configurable-swatch-list .not-available a:focus{outline:0} #narrow-by-list dd .configurable-swatch-list li{margin:0 0 0 3px;width:47%} #narrow-by-list dd .swatch-link{border:none;line-height:25px;margin-right:2px;text-align:left} #narrow-by-list dd .swatch-link.has-image{line-height:inherit} #narrow-by-list dd .swatch-link:hover .swatch-label{border-color:#000} #narrow-by-list dd .swatch-label{background:#f4f4f4;border:1px solid #ccc;border-radius:3px;display:block;float:left;line-height:1.5em;margin:0 5px 0 0;padding:1px 5px;white-space:nowrap} #narrow-by-list dd .swatch-label img{border:1px solid #fff;border-radius:3px;box-sizing:content-box} #narrow-by-list dd .has-image .swatch-label{padding:0} @media only screen and (max-width: 770px) { #narrow-by-list dd .configurable-swatch-list li:nth-child(odd){clear:left} } .currently .swatch-current{position:relative} .currently .swatch-current .btn-remove{margin-top:-10px;position:absolute;right:0;top:50%} .currently .swatch-current span{display:block;float:left} .currently .swatch-link{display:inline-block;margin:0 0 0 3px} .currently .swatch-link:hover{border-color:#ccc;cursor:default} .configurable-swatch-list .hover .swatch-link,.configurable-swatch-list .selected .swatch-link,.swatch-link:hover{border-color:#000} .configurable-swatch-box{background:none!important} .configurable-swatch-box select.swatch-select{display:none} .configurable-swatch-box .validation-advice{margin:0 0 5px;background:#df280a;padding:2px 5px!important;font-weight:700;color:#fff!important;float:left;display:block;border-radius:3px} .availability.out-of-stock span{color:#a0a0a0} .product-view .product-options .swatch-attr{float:none;display:block;clear:both;border:0} .product-view .product-options .swatch-attr label,.product-view .product-options .swatch-attr .select-label{font-size:13px} .product-view .product-options .swatch-attr label{display:block;line-height:1.3;padding-top:10px;margin-top:30px;margin-bottom:15px} .product-view .product-options .swatch-attr .select-label{display:inline;font-weight:400;color:#000;padding-left:5px} .product-view .product-options dd .input-box{width:auto;height:auto} .product-view .product-options .select-label{display:none} .product-view .add-to-cart button.out-of-stock{background-position:-80px -362px;cursor:default} .customer-account-login .scaffold-form label:first-child{width:260px} .customer-account-login .col2-set .buttons-set{text-align:left;border-top:0} .customer-account-login .col2-set .buttons-set button,.customer-account-login .col2-set .buttons-set .button{float:none;min-width:50%;margin:0} .customer-account-login .col2-set .col-1 ul{list-style:disc;padding-left:20px;margin:10px 0 20px} @media only screen and (min-width: 480px) { .customer-account-login .col2-set .col-1,.customer-account-login .col2-set .col-2{padding-top:0;margin-top:20px} .customer-account-login .col2-set .col-1{padding-right:20px} .customer-account-login .col2-set .col-2{padding-left:20px;border-left:1px solid #ededed} } @media only screen and (min-width: 770px) { .customer-account-login .col2-set .col-1{padding-right:0} .customer-account-login .col2-set .col-2{padding-left:60px;border-left:1px solid #ededed} } @media only screen and (max-width: 479px) { .customer-account-login .col2-set .col-1{padding-bottom:30px} .customer-account-login .col2-set .col-2{padding-top:30px;border-top:1px solid #ededed} } @media only screen and (max-width: 770px) { .customer-account-login .col2-set p.required{display:none} } .customer-account-create .scaffold-form label:first-child{width:140px} .opc #opc-login p:not(.required){font-size:13px;color:#a0a0a0} .remember-me-box a.hide{display:none} .remember-me-box .link-tip{font-size:13px;padding-left:10px} .remember-me-popup{display:none;border:1px solid #ccc;padding:10px;position:relative} .remember-me-popup.show{display:block} .remember-me-popup p{font-family:"Helvetica Neue",Verdana,Arial,sans-serif} .remember-me-popup .remember-me-popup-close{position:absolute;top:0;right:0;padding:10px;font-size:12px} .remember-me-popup .remember-me-popup-close-button{display:none} .customer-account-create .buttons-set{max-width:455px} .customer-account-create .fieldset,.customer-account-create .buttons-set{margin-left:30px} @media only screen and (max-width: 479px) { .customer-account-create .fieldset,.customer-account-create .buttons-set{margin-left:0} } .customer-account-create .fieldset .hidden{display:none} .customer-account-create #remember-me-popup{max-width:455px} .customer-account-forgotpassword .fieldset,.customer-account-forgotpassword .buttons-set{margin-left:30px;max-width:400px} @media only screen and (max-width: 479px) { .customer-account-forgotpassword .fieldset,.customer-account-forgotpassword .buttons-set{margin-left:0} } .customer-account-forgotpassword .fieldset .input-box input.input-text{width:100%} body.customer-account .my-account .page-title h1{border:0;text-align:left} body.customer-account .my-account .title-buttons{position:relative;text-align:right} body.customer-account .my-account .title-buttons h1{text-align:left} body.customer-account .my-account .title-buttons .button{position:absolute;right:0;top:0} body.customer-account .my-account .title-buttons a,body.customer-account .my-account .title-buttons span.separator{position:relative;top:-42px} body.customer-account .my-account .fieldset h2,body.customer-account .my-account .addresses-list h2,body.customer-account .my-account .order-details h2{width:100%;display:inline-block} body.customer-account .my-account .addresses-list h3{font-size:14px;font-weight:600} body.customer-account .my-account .fieldset{margin-top:30px;margin-bottom:30px} body.customer-account .data-table{margin-top:5px} body.customer-account .data-table td a{text-transform:uppercase;font-style:normal;font-size:13px} body.customer-account .data-table span.nobr{white-space:normal} body.customer-account .data-table span.nobr a{white-space:nowrap} body.customer-account .data-table td.view a{display:block} body.customer-account .data-table .separator{display:none} body.customer-account .sidebar .block ol#compare-items li{margin:10px 0} body.customer-account .sidebar .block .block-content p.block-subtitle{margin-bottom:15px} body.customer-account .sidebar .block .block-content .actions{margin-top:30px} body.customer-account .sidebar ol#cart-sidebar-reorder li{margin-top:10px;margin-bottom:0} body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name{display:inline-block;margin-bottom:0} body.customer-account .sidebar .block-cart .summary{margin-bottom:15px} body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li{margin-top:10px;margin-bottom:0} body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input{margin-right:10px} body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name{display:inline;margin-bottom:0} .form-list .customer-dob .dob-month,.form-list .customer-dob .dob-day{width:40px;float:left;margin-right:10px} .form-list .customer-dob .dob-year{width:80px;float:left} .dashboard .box-head{margin-top:30px;border-bottom:1px solid #ccc;padding-bottom:7px} .dashboard .box-head h2{font-size:15px;font-weight:500;display:inline-block;margin-bottom:0} .dashboard .box-head a{padding:10px} .dashboard .box-title a,.dashboard .box-head a{text-transform:uppercase;font-size:10px} .dashboard .box-account{padding-bottom:40px;margin-bottom:45px} .dashboard .box-account p,.dashboard .box-account address{border-left: 1px solid #CCC;padding: 10px 15px;} .dashboard .col2-set .col-1,.dashboard .col2-set .col-2{padding-right:12.09677%;padding-bottom:0} .dashboard .col2-set .col-1 .box-title,.dashboard .col2-set .col-2 .box-title{position:relative;padding-bottom:10px} .dashboard .col2-set .col-1 .box-title h2,.dashboard .col2-set .col-1 .box-title h3,.dashboard .col2-set .col-2 .box-title h2,.dashboard .col2-set .col-2 .box-title h3{font-weight:500;font-size:14px;margin-bottom:0} .dashboard .col2-set .col-1 .box-title a,.dashboard .col2-set .col-2 .box-title a{line-height:19.6px} .dashboard .box-reviews.box-account{padding-bottom:0} .dashboard .box-reviews li{padding:10px 0;border-top:1px solid #ededed} .dashboard .box-reviews li:first-child{border-top:0} .dashboard .box-reviews li .number{margin-right:-20px;float:left;line-height:1.4;font-size:13px} .dashboard .box-reviews li .details{margin-left:20px} .dashboard .box-reviews li .details .ratings{content:'';display:table;clear:both;margin-bottom:0} .dashboard .box-reviews li .details .ratings strong{float:left;font-size:13px;margin-right:5px} .dashboard .box-reviews li .details .ratings .rating-box{float:left;margin:3px 0 0} .block-compare {display: none} .my-account .addresses-list .col-1,.my-account .addresses-list .col-2{padding-bottom:0} .my-account .addresses-list .item{margin:0 0 30px} .my-account .addresses-list .item p{margin-top:10px} @media only screen and (max-width: 770px) { .my-account .addresses-list .col-1,.my-account .addresses-list .col-2{width:100%;padding-left:0;padding-right:0} .my-account .addresses-list .col-1 li.empty,.my-account .addresses-list .col-2 li.empty{width:100%} } @media only screen and (max-width: 599px) { .my-account .addresses-list .addresses-additional p a{white-space:nowrap} } .order-info{padding-bottom:10px;border-bottom:1px solid #ededed;width:100%;margin-bottom:30px} .order-info dt,.order-info dd,.order-info ul,.order-info li{display:inline} .order-info dt{margin-right:20px} .order-info li{margin:0 0 0 20px} .order-info li.current{font-weight:600} .order-info li:first-child{margin-left:0} .order-date{text-transform:uppercase} .order-info-box{margin-bottom:40px;margin-top:20px} .order-info-box + .order-info-box{padding-bottom:40px;border-bottom:1px solid #ededed} .order-info-box .col-1{padding-right:0;width:48%} .order-info-box .col-2{width:52%} .order-info-box .col-1,.order-info-box .col-2{overflow:hidden;padding-top:0;padding-bottom:0} .order-info-box .box-title{width:150px;padding-right:10px;float:left} .order-info-box .box-title h2{font-size:14px;font-weight:700;line-height:1.5} .order-info-box .box-title h2:after{content:':'} .order-info-box .box-content{float:left;} .order-info-box .box-content td,.order-info-box .box-content th{line-height:1.3} .order-info-box .box-content th{padding-top:10px} .order-info-box .box-content td{padding-left:15px} .order-info-box .box-content strong{font-weight:400;text-transform:uppercase} #my-orders-table .option-label{margin-left:10px;font-weight:600;font-style:italic} #my-orders-table .option-value{margin-left:20px} #my-orders-table tr.bundle:not(:last-child) td{border-bottom:none;border-top:none} ol#cart-sidebar-reorder li{margin-top:10px;margin-bottom:0} ol#cart-sidebar-reorder li input{margin-right:10px} ol#cart-sidebar-reorder p.product-name{display:inline} @media only screen and (max-width: 599px) { #my-orders-table .option-label{margin-left:20px} #my-orders-table .option-value{margin-left:35px} #my-orders-table td[data-rwd-label=Qty] .nobr br{display:none} #my-orders-table td[data-rwd-label=Qty] .nobr strong{margin-right:10px} #my-orders-table tr.bundle{border-color:#ededed} #my-orders-table tr.bundle.child td[data-rwd-label]{padding-left:60px} #my-orders-table tbody:last-child tr:last-child td{padding-bottom:10px;border-bottom:0} #my-orders-table tbody:last-child tr:last-child td:last-child{padding-bottom:15px} #my-orders-table tfoot tr.shipping{margin-top:0} } .order-additional{margin:40px 0} .order-gift-message dd{margin-top:10px} @media only screen and (max-width: 1199px) { .dashboard .col2-set .col-1,.dashboard .col2-set .col-2{padding-right:30px;padding-bottom:0} body.customer-account .data-table td.view a{white-space:normal} } @media only screen and (max-width: 979px) { body.customer-account .my-account .title-buttons{text-align:left} body.customer-account .my-account .title-buttons span.separator,body.customer-account .my-account .title-buttons a{top:-12px} } @media only screen and (max-width: 770px) { body.customer-account .data-table.orders th.ship,body.customer-account .data-table.orders td.ship,body.customer-account .data-table.orders td.status,body.customer-account .data-table.orders th.status{display:none} .order-info-box .box-content{clear:left} .addresses-list .item{float:left;width:50%;padding-right:30px} .order-info dt{display:none} .dashboard .page-title{margin-top:20px} .dashboard .page-title h1{margin-top:0} .dashboard .box-account{padding-bottom:15px;margin-bottom:30px} .dashboard .col2-set .col-1,.dashboard .col2-set .col-2{width:48%;padding-right:0;padding-left:0} .dashboard .col2-set .col-1{float:left;margin-right:4%} .dashboard .col2-set .col-2{float:right} } @media only screen and (max-width: 599px) { body.customer-account .my-account .form-list .control{padding-left:0} } @media only screen and (max-width: 479px) { body.customer-account .my-account .page-title h1{text-align:center} body.customer-account .my-account .title-buttons{text-align:center} body.customer-account .my-account .title-buttons .button{width:100%;position:static;margin-bottom:15px} body.customer-account .my-account .title-buttons .button + .button{margin-left:0} body.customer-account .my-account .fieldset h2{margin-bottom:15px} body.customer-account .my-account .order-details h2{margin-bottom:15px} body.customer-account .my-account .buttons-set{border-top:0} body.customer-account .my-account .addresses-list .item{margin-bottom:15px;padding-right:0;float:none;width:auto} body.customer-account .my-account .addresses-list h2{margin-bottom:15px} .order-info{margin-top:15px} .data-table.orders .link-reorder,.data-table.orders .date{display:none} .data-table.orders td.view{text-align:right} .dashboard .col2-set .col-1,.dashboard .col2-set .col-2{width:100%;margin-top:15px} .order-info-box{margin:0} .order-info-box .col-1,.order-info-box .col-2{width:100%;border-bottom:1px solid #ededed;padding:15px 0} .order-info-box + .order-info-box{padding-bottom:0;border-bottom:0;margin-bottom:30px} #my-reviews-table .nobr{white-space:normal} } body.newsletter-manage-index .my-account .fieldset{margin-bottom:20px} body.newsletter-manage-index .my-account .fieldset h2{display:none} body.newsletter-manage-index .my-account .form-list{border-top:1px solid #ededed;padding-top:10px} .contacts-index-index .buttons-set{margin-left:30px;max-width:100%} .contacts-index-index .buttons-set p.required{float:left} @media only screen and (max-width: 599px) { .contacts-index-index .buttons-set{max-width:330px;margin-left:0} .contacts-index-index .buttons-set button{float:left;margin-left:0} .contacts-index-index .buttons-set p.required{float:right} } @media only screen and (max-width: 870px) and (min-width: 771px) { .paypal-review-order .col2-set .col-1,.paypal-review-order .col2-set .col-2{padding:0} } .paypal-review-order .info-set{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ededed} .paypal-review-order .buttons-set{margin-top:0;padding-top:0;border:0} .paypal-review-order .buttons-set button{margin-bottom:10px} @media only screen and (max-width: 770px) { .paypal-review-order .col-1{padding-bottom:0} .paypal-review-order .field.inactive{display:none} } .top-container .bml-ad{margin-top:7px;margin-bottom:7px;text-align:center} .top-container .bml-ad span{display:inline-block} .top-container .bml-ad span a{display:block} .bml-ad{display:none;text-align:center;margin-bottom:5px} .bml-ad span{display:block;line-height:0} .bml-ad a{display:inline-block;max-width:100%} .bml-ad a:hover{opacity:.7} .bml-ad img{height:auto!important;max-width:100%} .cart-totals-wrapper .bml-ad.large img{display:block;margin:0} @media only screen and (max-width: 770px) { .bml-ad.small{display:block} } @media only screen and (min-width: 771px) { .bml-ad.large{display:block} } div.paypal-logo{text-align:center;margin:15px 0;max-width:100%} div.paypal-logo span{display:block;width:100%} div.paypal-logo span a{display:inline-block;max-width:100%} div.paypal-logo span a img{max-width:100%} div.paypal-logo span > img{display:none} .checkout-types div.paypal-logo{text-align:right} .bml-checkout-type{list-style-type:none} .sidebar .paypal-logo{text-align:center;line-height:0} .sidebar .paypal-logo > a{display:inline-block;max-width:100%} .sidebar .paypal-logo > a:hover{opacity:.8} .sidebar .paypal-logo > a img{display:block} .sidebar .paypal-logo .label{margin-top:4px} .sidebar .paypal-logo .label a{font-size:12px;line-height:1.5} #customer-reviews{width:auto;float:none} #customer-reviews .review-heading{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 0 5px} #customer-reviews .review-heading:after{content:'';display:table;clear:both} #customer-reviews .review-heading h2{float:left;display:block} #customer-reviews .review-heading .pager{clear:none;float:right;width:auto} #customer-reviews .review-heading .pager .count-container .limiter{margin-bottom:0} #customer-reviews .review-heading .pager .count-container .limiter label{font-size:10px;text-transform:uppercase} #customer-reviews .review-heading .pager .amount{display:none} #customer-reviews h2{color:#000;font-size:12px;text-transform:uppercase} #customer-reviews h2 span{color:#000} #customer-reviews h3{font-size:12px;font-weight:400;text-transform:uppercase} #customer-reviews h3 span{color:#000} #customer-reviews .fieldset{padding-top:25px;width:470px} #customer-reviews .fieldset h4{border-bottom:1px solid #ccc;font-size:12px;font-weight:400;padding-bottom:5px;text-transform:uppercase} #customer-reviews .fieldset h4 em{display:none} #customer-reviews .fieldset .form-list{font-size:12px;font-weight:400;margin:10px 0;text-transform:uppercase;width:470px} #customer-reviews .fieldset .form-list .inline-label:after{content:'';display:table;clear:both} #customer-reviews .fieldset .form-list label{font-size:12px;font-weight:400} #customer-reviews .fieldset .form-list textarea{border:1px solid #ccc;border-radius:0;min-width:100%;-webkit-appearance:none} #customer-reviews .fieldset .form-list input{border:1px solid #ccc;border-radius:0} #customer-reviews .fieldset .form-list input[type="text"]{width:100%} #customer-reviews .buttons-set{border:none;margin:0;width:470px} #customer-reviews dl{font-size:12px;font-weight:400;margin-bottom:50px;border-bottom:1px solid #cecece} #customer-reviews dl dt{margin:10px 0;text-transform:uppercase} #customer-reviews dl dd{font-size:14px;margin:10px 0;border-bottom:1px solid #cecece} #customer-reviews dl dd .ratings-table{font-size:12px;width:100%} #customer-reviews dl dd .ratings-table tr{margin-right:15px} #customer-reviews dl dd .ratings-table .review-label{width:300px;max-width:70%} #customer-reviews dl dd table{margin:15px 0} #customer-reviews dl dd .review-meta{color:#000;font-size:10px;font-weight:400;text-transform:uppercase} .review-summary-table{border-bottom:1px solid #ccc;margin:0 0 10px} .review-summary-table thead{background:transparent} .review-summary-table thead th{background:transparent;border:none;padding:15px 7px 10px 8px} .review-summary-table tbody th{background:#FFF;font-size:12px} .review-summary-table tbody td{border:none;text-align:center;padding:0} .review-summary-table tbody td label{width:100%;display:block;padding:11px 0} .review-summary-table .rating-box .rating-number{display:none} .review-summary-table .rating-box .rating-number:after{content:"";display:inline-block;background-position:0 -599px;width:13px;height:14px;margin-left:5px;position:relative;top:2px} .ratings-table{font-size:12px;text-transform:uppercase} .ratings-table th{padding-right:10px} .ratings-table .rating-box{background-position:0 -615px;background-repeat:repeat-x;height:13px;overflow:hidden;text-indent:-9999px;width:65px} .ratings-table .rating-box .rating{background-position:0 -600px;background-repeat:repeat-x;float:left;height:13px;text-indent:-9999px} @media only screen and (max-width: 770px) { body.review-product-list .product-view .product-shop .price-info{padding-left:0} body.review-product-list .product-view .product-shop .extra-info{padding:0;min-width:84%} body.review-product-list .product-view .product-shop .extra-info .ratings-table{margin:10px 0;width:100%} body.review-product-list .product-view .product-shop .extra-info .ratings-table tr{margin-right:15px} } @media only screen and (max-width: 535px) { body.review-product-list .product-view .product-shop .extra-info{min-width:0} body.review-product-list .product-view .product-shop .extra-info .ratings-table tr{float:none;margin-right:0} } @media only screen and (max-width: 520px) { #customer-reviews .fieldset{width:100%} #customer-reviews .fieldset .form-list{width:100%} #customer-reviews .fieldset .form-list .inline-label label,#customer-reviews .fieldset .form-list .inline-label .input-box{float:none} #customer-reviews .buttons-set{width:100%} #customer-reviews .review-summary-table thead th{padding-left:0;padding-right:0} #customer-reviews .review-summary-table tbody th{padding-left:0;padding-right:0} #customer-reviews .review-summary-table tbody td{width:20%;padding:0} #customer-reviews .review-summary-table .rating-box{text-indent:0;text-align:center;background:none;height:19.6px;width:100%} #customer-reviews .review-summary-table .rating-box .rating{display:none} #customer-reviews .review-summary-table .rating-box .rating-number{display:inline-block} } @media only screen and (max-width: 450px) { #customer-reviews dl dd .ratings-table tr{float:none} } .review-product-view .product-review .product-details h2{border-bottom:none} .review-product-view .product-review .product-img-box{width:auto;max-width:50%} .review-product-view .product-review .product-img-box > a{width:100%} .review-product-view .product-review .product-img-box .product-image{width:100%} @media only screen and (max-width: 770px) { .review-product-view .product-review .product-img-box{max-width:100%} } .slideshow-container{position:relative;display:block;width:100%;margin:10px 0;padding:80px 0;background-color:#F5F5F5;display:table-cell;vertical-align:middle} @media only screen and (min-width: 771px) { .slideshow-container{height:100vh} } .slideshow-container .slideshow{width:100%;padding:0;position:relative;margin:0} .slideshow-container .slideshow > li{position:absolute;top:0;left:0;width:100%;padding:0;display:block;margin:0} .slideshow-container .slideshow > li:first-child{position:static;z-index:100} .slideshow-container .slideshow > li img{max-width:100%;width:100%} .slideshow-pager{text-align:center;width:100%;z-index:115;position:absolute;bottom:0;top:auto;overflow:hidden;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none} .slideshow-pager span{font-family:arial;width:44px;height:44px;display:inline-block;color:#DDD;cursor:pointer} .slideshow-pager span:before{content:'';display:block;width:8px;height:8px;left:50%;top:50%;margin-left:-8px;margin-top:-8px;border-radius:8px;background-color:#FFF;position:relative} .slideshow-pager span:hover:before{background-color:#333} .slideshow-pager span.cycle-pager-active:before{background-color:#333} .slideshow-pager > *{cursor:pointer} .slideshow-prev,.slideshow-next{position:absolute;top:0;width:15%;max-width:80px;height:100%;opacity:.6;z-index:110;cursor:pointer;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none} .slideshow-prev:before,.slideshow-next:before{content:'';width:0;height:0;font-size:0;position:absolute;border-style:solid;display:block;top:50%;margin-top:-15px} .slideshow-prev:hover,.slideshow-next:hover{opacity:1} .slideshow-prev.disabled,.slideshow-next.disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:.5;cursor:default} .slideshow-prev{left:8px} .slideshow-prev:before{border-width:15px 15px 15px 0;border-color:transparent #FFF transparent transparent;top:50%;left:10px} .slideshow-prev:hover:before{border-color:transparent #333} .slideshow-next{right:8px} .slideshow-next:before{border-width:15px 0 15px 15px;border-color:transparent transparent transparent #FFF;top:50%;right:10px} .slideshow-next:hover:before{border-color:transparent transparent transparent #333} .cycle-caption{position:absolute;color:#fff;bottom:15px;right:15px;z-index:110} .cycle-overlay{font-family:tahoma,arial;position:absolute;bottom:0;width:100%;z-index:120;background:#000;color:#fff;padding:15px;opacity:.5} #wishlist-table th{text-align:center} #wishlist-table.clean-table{font-size:12px;text-transform:uppercase;width:100%} #wishlist-table.clean-table th{border-bottom:1px solid silver} #wishlist-table.clean-table td{padding:15px;vertical-align:top} #wishlist-table.clean-table thead th{font-size:12px;text-transform:uppercase} #wishlist-table .product-name{font-size:16px;margin-bottom:0;text-transform:uppercase} #wishlist-table .product-name a{color:#000} #wishlist-table .wishlist-sku{font-size:11px;margin:5px 0} #wishlist-table textarea{border:1px solid silver;width:100%;height:45px;font-size:11px;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} #wishlist-table textarea::-webkit-input-placeholder{text-transform:uppercase} #wishlist-table textarea:-moz-placeholder{text-transform:uppercase} #wishlist-table textarea::-moz-placeholder{text-transform:uppercase} #wishlist-table textarea:-ms-input-placeholder{text-transform:uppercase} #wishlist-table textarea:focus{border:1px solid #000} #wishlist-table .item-manage{text-align:right;max-width:450px;padding-top:5px} #wishlist-table .item-manage .button{font-size:11px;padding:3px 5px} #wishlist-table .cart-cell{text-align:center} #wishlist-table td.customer-wishlist-item-image{width:113px} #wishlist-table td.customer-wishlist-item-quantity{width:3em} #wishlist-table td.customer-wishlist-item-price{width:120px;text-align:center} #wishlist-table td.customer-wishlist-item-cart{width:150px} #wishlist-table td.customer-wishlist-item-cart .button{font-size:12px;margin-bottom:10px;padding:3px 5px;width:100%} #wishlist-table td.customer-wishlist-item-cart .truncated{margin-bottom:10px} #wishlist-table td.customer-wishlist-item-cart > p{margin-bottom:0} #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item{text-align:center} #wishlist-table td.customer-wishlist-item-cart .btn-remove{vertical-align:top} #wishlist-table td.customer-wishlist-item-remove{width:20px} #wishlist-table td .button,#wishlist-table td button{white-space:normal} #wishlist-table .price-box{font-size:12px} #wishlist-table .price-box .price{color:#000} #wishlist-table .giftregisty-add{margin-top:5px} #wishlist-table .giftregisty-add .change{display:none} #wishlist-table .giftregisty-add li{cursor:pointer;color:#000;margin-bottom:3px} #wishlist-table .truncated .details{background:none;color:#000} #wishlist-table td[data-rwd-label]:before{font-weight:600} @media only screen and (max-width: 1199px) { #wishlist-table.clean-table td{padding-left:10px;padding-right:10px} } @media only screen and (max-width: 979px) { #wishlist-table.clean-table td{padding-left:5px;padding-right:5px} #wishlist-table.clean-table td textarea{height:100px} #wishlist-table.clean-table td.customer-wishlist-item-cart{width:110px} #wishlist-table .product-name{font-size:13px} } @media only screen and (max-width: 770px) { #wishlist-table:after{content:'';display:table;clear:both} #wishlist-table .product-name{font-size:16px} #wishlist-table textarea{height:68px;max-width:100%} #wishlist-table .item-manage{max-width:100%} #wishlist-table tr{position:relative} #wishlist-table tr:after{content:'';display:table;clear:both} #wishlist-table td.customer-wishlist-item-image{width:70px} #wishlist-table td.customer-wishlist-item-image img{width:70px;height:70px} #wishlist-table td.customer-wishlist-item-cart p{margin-bottom:0} #wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item{margin-right:0;padding-top:4px} #wishlist-table td.customer-wishlist-item-cart{padding-right:15px} } @media only screen and (max-width: 599px) { #wishlist-table td.customer-wishlist-item-quantity{padding-left:0} #wishlist-table td.customer-wishlist-item-image,#wishlist-table th.customer-wishlist-item-image{display:none} } @media only screen and (max-width: 479px) { #wishlist-table tr{position:relative} #wishlist-table th.customer-wishlist-item-image{display:block} #wishlist-table td.customer-wishlist-item-image,#wishlist-table td.customer-wishlist-item-info,#wishlist-table td.customer-wishlist-item-quantity,#wishlist-table td.customer-wishlist-item-price,#wishlist-table td.customer-wishlist-item-cart{width:100%;padding-left:0;padding-right:0;empty-cells:hide} #wishlist-table td.customer-wishlist-item-image{display:block;overflow:hidden} #wishlist-table td.customer-wishlist-item-image a{float:left} #wishlist-table td.customer-wishlist-item-image a img{width:113px;height:113px} #wishlist-table td.customer-wishlist-item-quantity,#wishlist-table td.customer-wishlist-item-price{text-align:left} #wishlist-table td.customer-wishlist-item-quantity:before,#wishlist-table td.customer-wishlist-item-price:before{float:left;margin-right:15px} #wishlist-table td.customer-wishlist-item-quantity .cart-cell,#wishlist-table td.customer-wishlist-item-price .cart-cell{text-align:left} #wishlist-table td.customer-wishlist-item-quantity .price-box,#wishlist-table td.customer-wishlist-item-price .price-box{margin-top:0} #wishlist-table td.customer-wishlist-item-cart .cart-cell{float:left;width:48%} #wishlist-table td.customer-wishlist-item-cart > p{float:right;width:48%} #wishlist-table td.customer-wishlist-item-remove{position:absolute;top:15px;right:0;display:block;padding:0;height:20px} #wishlist-table.clean-table td.customer-wishlist-item-cart{width:100%} } .block-wishlist .mini-products-list > li:not(:last-child){padding-bottom:5px} .block-wishlist .product-details .product-name{padding-top:0;margin-bottom:5px} .block-wishlist .price-box{float:left;margin:0} .block-wishlist .price-box,.block-wishlist .price-box .price,.block-wishlist .link-cart{font-size:12px} .block-wishlist .link-cart{float:left;text-transform:uppercase;margin-right:7px;padding-right:7px;border-right:1px solid #ededed} .header-minicart{display:inline-block} .header-minicart .minicart-message{display:block;padding:10px} .header-minicart .empty{padding:10px;text-align:center} .header-minicart .minicart-wrapper{clear:both;position:relative} .header-minicart .minicart-wrapper:before,.header-minicart .minicart-wrapper:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;display:none} .header-minicart .minicart-wrapper:before{background-color:#fff;opacity:.8;z-index:2} .header-minicart .minicart-wrapper:after{background-image:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/opc-ajax-loader.gif);background-repeat:no-repeat;background-position:center;z-index:3} .header-minicart .minicart-wrapper.loading{position:relative} .header-minicart .minicart-wrapper.loading:before,.header-minicart .minicart-wrapper.loading:after{display:block} .header-minicart .block-cart{display:none} .header-minicart .block-subtitle{color:#000;font-size:10px;font-weight:700;line-height:1.4;padding:5px;text-align:center;text-transform:uppercase;margin-bottom:0} .header-minicart .block-subtitle .close{width:40px;float:right;display:block;color:#000;text-decoration:none;font-weight:400;font-size:30px;position:absolute;top:-8px;right:-3px} .header-minicart .mini-products-list{padding:10px;padding-top:0} .header-minicart .mini-products-list li{padding:8px 5px 8px 11px;border-bottom:1px solid #DDD;position:relative} .header-minicart .mini-products-list li.last{border:none} .header-minicart .mini-products-list li .product-details{position:relative} .header-minicart .product-details .product-name{padding-top:0;font-weight:700} .header-minicart .product-details .product-name a{color:#000;font-weight:200} .header-minicart .info-wrapper{margin-bottom:.5em;font-weight:200} .header-minicart .info-wrapper th{text-transform:uppercase;padding-right:10px;font-weight:200} .header-minicart .info-wrapper td{color:#000;clear:right} .header-minicart .info-wrapper .qty-wrapper td{height:33px;line-height:33px} .header-minicart .info-wrapper .qty{padding-left:4px;padding-right:4px;margin-right:2px;width:3.2em;text-align:center;height:30px} .header-minicart .info-wrapper .quantity-button{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:100ms;-moz-transition-duration:100ms;-o-transition-duration:100ms;transition-duration:100ms} .header-minicart .info-wrapper .quantity-button[disabled]{cursor:default} .header-minicart .info-wrapper .quantity-button.visible{opacity:1} .header-minicart .subtotal{background-color:#DDD;text-align:center;line-height:2em} .header-minicart .subtotal .label{color:#000;text-transform:uppercase} .header-minicart .subtotal .price{color:#000} .header-minicart a.remove{display:block;width:100%;text-align:right;font-size:14px} .header-minicart .minicart-actions{padding:10px;margin-top:0;overflow:hidden;position:relative;text-align:center} .header-minicart .minicart-actions .checkout-button{min-width:145px} .header-minicart .minicart-actions .cart-link{height:33px;line-height:39px;text-transform:uppercase;font-size:13px} .header-minicart .minicart-actions .paypal-logo .paypal-or{line-height:1.6} .header-minicart #minicart-error-message{text-align:center;color:red;display:none} .header-minicart #minicart-success-message{text-align:center;color:green;display:none} .header-minicart .jcarousel-control-prev,.header-minicart .jcarousel-control-next{display:none} .header-minicart.skip-active .block-cart,.block-cart.skip-active{display:block} @media only screen and (min-width: 771px) { .checkout-types.minicart{float:none;text-align:center} } @media only screen and (max-width: 479px) { .header-minicart a.skip-cart{z-index:1} } @media only screen and (max-width: 770px) { .header-minicart .subtotal .label{color:#000} .header-minicart .minicart-wrapper:before{background-color:#EDEDED} .header-minicart .quantity-button{float:none} .header-minicart .header-minicart .block-cart{padding:15px} .header-minicart .header-minicart .block-subtitle{padding-top:59px} .header-minicart .minicart-actions{padding-bottom:33px} .header-minicart .minicart-actions .cart-link{bottom:0;right:10px;position:absolute} .header-minicart .minicart-actions .checkout-types.minicart li{display:inline-block} .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a{display:inline} .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button{display:inline-block;vertical-align:top} .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or{width:auto;float:none;display:inline;margin:0 10px 5px;line-height:40px} } @media only screen and (max-width: 740px) { .header-minicart .minicart-actions .cart-link{right:auto;left:0;text-align:center;width:100%} .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or,.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button{width:100%;display:block;margin-left:0} .header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or{line-height:1.6} } @media only screen and (max-width: 599px) { .header-minicart .minicart-actions .checkout-button{width:100%} } .search-autocomplete{left:0!important;overflow:visible!important;position:relative!important;top:15px!important;width:100%!important;z-index:200} .search-autocomplete ul{-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;background-color:#FFF;border:1px solid #000;left:0;padding-left:0;position:absolute;top:0;width:100%} .search-autocomplete ul li{border-bottom:1px solid #f4f4f4;color:#000;cursor:pointer;font-size:12px;padding:4px 6px;text-align:left} .search-autocomplete ul li:hover{color:#333} .search-autocomplete ul li.selected{background-color:#000;color:#fff} .search-autocomplete ul li .amount{float:right;font-weight:700} .search-autocomplete ul li:last-child{border-bottom:none} .advanced-search{background:#f4f4f4;border:1px solid #ededed;padding:30px} .advanced-search select.multiselect option{border-bottom:1px solid #ededed;padding:2px 5px} @media only screen and (max-width: 479px) { .advanced-search{padding:15px} } .product-review .product-img-box p.label{border-bottom:1px solid #ccc;font-size:16px;margin-top:20px;padding-bottom:10px;text-transform:uppercase} .product-review .product-img-box .rating-box{margin:15px 0} .product-review .product-details h2{border-bottom:1px solid #ccc;color:#000;font-size:16px;font-weight:600;padding-bottom:10px} .product-review .ratings-table{font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .product-review .ratings-table th{padding-right:10px} .product-review .ratings-table tr{float:left;font-size:12px;margin-right:10px;text-transform:uppercase} .product-review .ratings-description dt{border-bottom:1px solid #ccc;font-size:16px;font-weight:400;margin-top:20px;padding:10px 0;text-transform:uppercase} .product-review .ratings-description dd{color:#737373;font-size:13px} @media only screen and (min-width: 771px) { .product-review .ratings-table tr{float:none} } @media only screen and (min-width: 1126px) { .product-review .ratings-table tr{float:left;margin-right:15px} } @media only screen and (max-width: 320px) { .product-review .ratings-table tr{float:none} } .cms-page-view .page-title h1,.cms-page-view .page-title h3,.cms-page-view .page-head h1,.cms-page-view .page-head h3,.cms-no-route .page-title h1,.cms-no-route .page-title h3,.cms-no-route .page-head h1,.cms-no-route .page-head h3{border:none} .cms-page-view .std img,.cms-no-route .std img{max-width:100%} .cms-page-view .std p,.cms-no-route .std p{color:#000;font-size:14px;line-height:24px} .cms-page-view .std h1,.cms-no-route .std h1{color:#000} .cms-page-view .std h2,.cms-no-route .std h2{color:#000} .cms-page-view .std li,.cms-no-route .std li{color:#000;font-size:14px;line-height:24px} .cms-page-view .col-left:after,.cms-no-route .col-left:after{content:'';display:table;clear:both} .cms-no-route .std img{width:100%} .cms-page-view .std .messages,.cms-home .std .messages,.cms-no-route .std .messages{margin-bottom:10px} .cms-page-view .std .messages ul,.cms-home .std .messages ul,.cms-no-route .std .messages ul{margin-bottom:0} .cms-page-view .std .messages li,.cms-home .std .messages li,.cms-no-route .std .messages li{list-style:none;margin-left:0;font-style:normal;font-family:"Helvetica Neue",Verdana,Arial,sans-serif} #accordion .toggle-tabs{display:none} #accordion > dl > dt{margin:0;margin-bottom:10px;color:#000;font-size:14px;font-weight:700;font-style:normal;line-height:1.4;text-rendering:optimizeSpeed;text-transform:uppercase;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none;font-weight:normal;margin-bottom:0;padding:7px 10px 7px 24px;border-width:1px;border-style:solid;border-color:#ccc;position:relative;background-color:#f4f4f4;display:block} #accordion > dl > dt:after{content:'';position:absolute;width:0;height:0;display:block;border-right:4px solid transparent;border-left:4px solid transparent;border-top:4px solid #000;border-bottom:none;left:10px;top:50%;margin-top:-3px} #accordion > dl > dt:hover{background-color:#ececec} #accordion > dl > dd{padding:10px;margin:0;border-width:0 1px;border-style:solid;border-color:#ccc} #accordion > dl > dd:last-child{border-width:0 1px 1px} #accordion li{position:relative;overflow:hidden} #accordion li .plusimage h2{margin-right:10px} .page-sitemap .links{display:block;text-align:right;margin:0 20px 0 0} .page-sitemap .links a{position:relative} .page-sitemap .sitemap{padding:0 20px;margin:15px 0;font-size:12px} .page-sitemap .sitemap li{margin:3px 0} .contacts-index-index h1{border:none} #contactForm{padding-left:40px} #contactForm h2{display:none} #contactForm:after{content:'';display:table;clear:both} #contactForm .fieldset .legend + .required{margin:0} @media only screen and (max-width: 770px) { #contactForm{padding-left:0} } .price-box .minimal-price-link .label{color:#cf5050;font-size:12px;text-transform:uppercase} .map-info{white-space:nowrap} .catalog-product-view .map-info{white-space:normal} .catalog-product-view .map-info > span{float:right;margin-bottom:5px} .catalog-product-view .map-info .price-box.map-info > a{float:right;width:100%} .notice-cookie .notice-inner{padding-bottom:0} .notice-cookie .notice-inner:after{content:'';display:table;clear:both} .notice-cookie .notice-text{float:left;max-width:90%;padding-top:4px;text-align:left} .notice-cookie .notice-text p{padding-bottom:14.5px;line-height:1.3} .notice-cookie .actions{float:left;text-align:right;padding-bottom:14.5px} @media only screen and (max-width: 979px) { .notice-cookie .notice-text{max-width:86%} } @media only screen and (max-width: 770px) { .notice-cookie{padding:0 20px} .notice-cookie .notice-text{max-width:82%;padding-top:0} } @media only screen and (max-width: 620px) { .notice-cookie{padding:0 20px} .notice-cookie .notice-inner{background-position:left 10px} .notice-cookie .notice-inner:after{content:'';display:table;clear:both} .notice-cookie .notice-text{float:none;max-width:100%;padding-top:0} .notice-cookie .actions{text-align:left} } #addTagForm button{margin-top:5px;margin-bottom:10px} #addTagForm .form-add{margin-top:10px} .product-tags{background-color:#f4f4f4;border:1px solid #ccc;float:left;margin-bottom:10px;padding:5px 1% 10px;width:98%} .product-tags li{float:left;margin-right:15px} .product-tags li.last{margin-right:0} .tags-list{float:left;width:100%;margin-bottom:10px} .tags-list > li{float:left;margin-right:10px} .block-tags .actions > a{font-size:12px} .my-tag-edit .button.btn-remove{padding:0} .my-tag-edit .button.btn-remove:after{color:#fff} @media only screen and (max-width: 770px) { .tags-list > li,.tags-list{float:none} } .captcha-note{clear:left;padding-top:5px} .captcha-image{float:left;display:inline;max-width:100%;position:relative;width:258px;margin-bottom:10px} .captcha-image .captcha-img{border:1px solid #b6b6b6;vertical-align:bottom;width:100%} .registered-users .captcha-image{margin:0} .captcha-reload{cursor:pointer;position:absolute;top:2px;right:2px} .captcha-reload.refreshing{animation:rotate 1.5s infinite linear;-webkit-animation:rotate 1.5s infinite linear;-moz-animation:rotate 1.5s infinite linear} .customer-account-create .scaffold-form .captcha-input-container label:first-child{width:100%} .captcha-reload{position:absolute;right:4px;top:4px} .captcha-img{border:20px solid #bbb} .captcha-input-container{margin-bottom:10px} .control.newsletter-box,.captcha-input-container,.captcha-img-container{float:none;clear:both} .control.newsletter-box:after,.captcha-input-container:after,.captcha-img-container:after{content:'';display:table;clear:both} #co-billing-form ul.form-list > .control{float:left;margin:0 0 5px;width:100%} @media only screen and (max-width: 479px) { .sales-order-invoice .sub-title,.sales-order-creditmemo .sub-title,.sales-order-shipment .sub-title{float:left;font-size:15px;text-align:center;width:100%} .sales-order-invoice .order-links,.sales-order-creditmemo .order-links,.sales-order-shipment .order-links{text-align:center;width:100%} } #recurring_profile_list_view th{white-space:normal} #recurring_profile_list_view th span{white-space:inherit} @media only screen and (max-width: 479px) { #recurring_profile_list_view{font-size:12px} #recurring_profile_list_view a{font-size:inherit} #recurring_profile_list_view th,#recurring_profile_list_view td{padding:2px} } .recurring-profiles-title{float:left} .recurring-profiles-title h1{margin-bottom:7px} body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons{float:right;text-align:right;margin-bottom:30px} @media only screen and (max-width: 479px) { body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons{text-align:center;float:none} } body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button{position:static} .recurring-profiles-messages:after{content:'';display:table;clear:both} #recurring_start_date_trig{display:inline} .billing-agreements .info-box{margin-bottom:30px} .billing-agreements .info-box:after{content:'';display:table;clear:both} .billing-agreements .info-box .form-list{max-width:400px;width:100%} .billing-agreements .info-box .box-title{margin-top:20px;margin-bottom:7px} .billing-agreements .info-box .button{float:right;margin-top:7px} @media only screen and (max-width: 479px) { .billing-agreements .info-box .button{width:100%;float:none} } .billing-agreements #payment_method{width:100%;margin-top:7px;margin-bottom:7px} .billing-agreement-view-header-wrapper .heading{max-width:80%} @media only screen and (max-width: 479px) { .billing-agreement-view-header-wrapper .heading{max-width:100%} } .billing-agreement-details td,.billing-agreement-details th{padding:3.5px} @media only screen and (max-width: 979px) { .billing-agreements .data-table .created-at,.billing-agreements .data-table .updated-at{display:none} } .catalogsearch-term-popular .tags-list{float:left;width:100%} .catalogsearch-term-popular .tags-list > li{float:left;height:40px;margin-right:25px} .sidebar .widget-addbysku .sku-table .input-text:not(.qty){width:100%} @media only screen and (min-width: 771px) { .sidebar .widget-addbysku .sku-table .input-text:not(.qty){max-width:100px} } .widget{clear:both} .widget .pager{float:none;width:100%} @media only screen and (min-width: 1199px) { .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd){clear:none} .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1){clear:none} .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n){margin-right:2.22222%} .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,.col3-layout .col-main .widget .products-grid--max-4-col-widget > li{margin-right:2.22222%;width:23.33333%;margin-right:2.22222%} .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1){clear:left} .col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n){margin-right:0} .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd){clear:none} .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1){clear:none} .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n){margin-right:2.22222%} .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,.col3-layout .col-main .widget .products-grid--max-5-col-widget > li{margin-right:2.22222%;width:18.22222%;margin-right:2.22222%} .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1){clear:left} .col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n){margin-right:0} } @media only screen and (min-width: 770px) { .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd){clear:none} .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1){clear:none} .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),.col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n){margin-right:2.22222%} .col1-layout .col-main .widget .products-grid--max-4-col-widget > li{margin-right:2.22222%;width:23.33333%;margin-right:2.22222%} .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1){clear:left} .col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n){margin-right:0} .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd){clear:none} .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1){clear:none} .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),.col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n){margin-right:2.22222%} .col1-layout .col-main .widget .products-grid--max-5-col-widget > li{margin-right:2.22222%;width:18.22222%;margin-right:2.22222%} .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1){clear:left} .col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n){margin-right:0} } body[class*="checkout-multishipping-"] .checkout-progress{width:100%;float:left;margin-bottom:25px} body[class*="checkout-multishipping-"] .checkout-progress > li{float:left;width:20%;text-align:center;padding:8px 1% 6px;background:#f4f4f4;text-transform:uppercase;border-bottom:1px solid #ccc;border-right:1px solid #ccc;margin-bottom:10px;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} body[class*="checkout-multishipping-"] .checkout-progress > li.active{background-color:#ddd} body[class*="checkout-multishipping-"] .checkout-progress > li.last{border-right:0} body[class*="checkout-multishipping-"] .page-title{float:left;width:100%;margin-bottom:15px} body[class*="checkout-multishipping-"] .page-title h1{border:0 none;float:left;margin-top:2px;margin-right:2%} body[class*="checkout-multishipping-"] .page-title .button{float:right} body[class*="checkout-multishipping-"] .multiple-checkout > h2{text-transform:none;font-size:17px;margin-bottom:15px} body[class*="checkout-multishipping-"] .messages{float:left;width:100%} body[class*="checkout-multishipping-"] .col-2.col-wide{width:66%} body[class*="checkout-multishipping-"] .col-1.col-narrow{width:30%} body[class*="checkout-multishipping-"] .actions{margin-bottom:10px} body[class*="checkout-multishipping-"] .grand-total{text-align:right;font-size:16px;font-weight:700} body[class*="checkout-multishipping-"] #checkout-review-submit{float:right} body[class*="checkout-multishipping-"] #review-buttons-container{float:right;text-align:right} .checkout-multishipping-addresses .btn-remove2{text-indent:-5555px;display:block;width:22px;height:22px} .checkout-multishipping-shipping .gift-messages{margin-top:20px} .checkout-multishipping-shipping .gift-messages-form{margin-top:15px} .checkout-multishipping-shipping .gift-messages-form h4{margin-top:15px;margin-bottom:5px} .checkout-multishipping-shipping .gift-messages-form .form-list{margin-top:10px;margin-bottom:25px} .checkout-multishipping-shipping .gift-messages-form .item{margin-top:15px} .checkout-multishipping-shipping .col-1 .box-title h2,.checkout-multishipping-shipping .col-1 .box-title h3,.checkout-multishipping-shipping .col-1 .box-title h4,.checkout-multishipping-shipping .col-2 .box-title h2,.checkout-multishipping-shipping .col-2 .box-title h3,.checkout-multishipping-shipping .col-2 .box-title h4,.checkout-multishipping-billing .col-1 .box-title h2,.checkout-multishipping-billing .col-1 .box-title h3,.checkout-multishipping-billing .col-1 .box-title h4,.checkout-multishipping-billing .col-2 .box-title h2,.checkout-multishipping-billing .col-2 .box-title h3,.checkout-multishipping-billing .col-2 .box-title h4,.checkout-multishipping-overview .col-1 .box-title h2,.checkout-multishipping-overview .col-1 .box-title h3,.checkout-multishipping-overview .col-1 .box-title h4,.checkout-multishipping-overview .col-2 .box-title h2,.checkout-multishipping-overview .col-2 .box-title h3,.checkout-multishipping-overview .col-2 .box-title h4{font-weight:400;width:100%;background:#f4f4f4;border-bottom:1px solid #ccc;padding:10px;font-size:14px} .checkout-multishipping-shipping .col-1 > h4,.checkout-multishipping-shipping .col-2 > h4,.checkout-multishipping-billing .col-1 > h4,.checkout-multishipping-billing .col-2 > h4,.checkout-multishipping-overview .col-1 > h4,.checkout-multishipping-overview .col-2 > h4{font-weight:400;width:100%;background:#f4f4f4;border-bottom:1px solid #ccc;padding:10px;font-size:14px} .checkout-multishipping-shipping .col-1 .box-content,.checkout-multishipping-shipping .col-2 .box-content,.checkout-multishipping-billing .col-1 .box-content,.checkout-multishipping-billing .col-2 .box-content,.checkout-multishipping-overview .col-1 .box-content,.checkout-multishipping-overview .col-2 .box-content{margin-bottom:25px;padding-left:10px;margin-top:10px} .checkout-multishipping-billing .sp-methods dt{float:left;width:100%} #multiship-addresses-table > tbody > tr > td.a-center.last > a{background-image:none} #review-order-form > div:nth-child(3) > div.divider{width:100%;clear:both} @media only screen and (max-width: 979px) { body[class*="checkout-multishipping-"] .checkout-progress span{word-spacing:300px} #review-order-form .col-1,#review-order-form .col-2{float:none;width:auto;border:0;padding-right:0;padding-left:0} } @media only screen and (max-width: 770px) { body[class*="checkout-multishipping-"] .checkout-progress span{width:12px} body[class*="checkout-multishipping-"] .checkout-progress li{width:100%;margin:0;text-align:left;padding-left:3%;border-right:0} body[class*="checkout-multishipping-"] .checkout-progress span{word-spacing:1px;width:12px} body[class*="checkout-multishipping-"] .box-title{float:left;width:100%} body[class*="checkout-multishipping-"] .page-title .button{float:left;margin-bottom:10px} body[class*="checkout-multishipping-"] .linearize-table tfoot td{text-align:right} body[class*="checkout-multishipping-"] .linearize-table select{width:100%;min-width:200px} body[class*="checkout-multishipping-"] .col-1.col-narrow,body[class*="checkout-multishipping-"] .col-2.col-wide{width:100%;padding:0} } @media only screen and (max-width: 599px) { .checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label]{text-align:left;padding-left:10px;margin-top:12px} } @media only screen and (max-width: 479px) { body[class*="checkout-multishipping-"] .buttons-set .back-link{display:block} } div.calendar table{border-collapse:separate} div.calendar table td.button{display:table-cell;background:inherit;color:inherit;text-transform:none} .grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;width:80%;text-align:center;cursor:pointer} @media only screen and (max-width: 770px) { .grid figure{max-width:100%;max-height:70%;width:100%} } .grid figure figcaption{color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden} .grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none} .grid figure figcaption,.grid figure figcaption > a{position:absolute;top:20%;left:0;width:100%;height:100%} .grid figure h2{word-spacing:-.15em;font-weight:300} .grid figure h2 span{font-weight:800} .grid figure h2,.grid figure p{margin-top:90px!important;color:#fff;text-shadow:#000 .1em .1em .2em} .upsell figure h2,.upsell figure p{margin-top:70px!important;color:#fff;text-shadow:#000 .1em .1em .2em} .grid figure p{letter-spacing:1px;font-size:68.5%} figure.effect-chico img{-webkit-transition:opacity 0.35s, -webkit-transform 3s;transition:opacity 0.35s, transform 3s;-webkit-transform:scale(1); transform:scale(1)} @media only screen and (min-width: 780px) { figure.effect-chico:hover img{opacity:1;-webkit-transform:scale(1.08);transform:scale(1.08)} figure.effect-chico:hover img.soldout{/*opacity:.35*/} } figure.effect-chico figcaption{position:absolute;top:40%;width:100%!important;z-index:2;text-align:center;font-size:21px;font-weight:200;text-transform:uppercase;-webkit-transform: rotate(-10deg);-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-o-transform: rotate(-10deg)} .grid figure:hover i{transform:rotate(720deg)!important} .grid figure i{transition:all .7s ease-in-out!important} figure.effect-chico figcaption::before,figure.effect-chico i,figure.effect-chico h2{opacity:0;-webkit-transition:opacity 1.35s,-webkit-transform 1.35s;transition:opacity 1.35s,transform 1.35s} figure.effect-chico i,figure.effect-chico h2{margin:0 auto;max-width:200px;-webkit-transform:scale(1.5);transform:scale(1.5);color:#fff} figure.effect-chico figcaption::before,figure.effect-chico p{opacity:0;-webkit-transition:opacity 1.35s,-webkit-transform 1.35s;transition:opacity 1.35s,transform 1.35s} figure.effect-chico p.fig-soldout {margin:0 auto;max-width:200px;-webkit-transform:scale(1.5);transform:scale(1.5);font-size: 18px;} @media only screen and (min-width: 771px) { figure.effect-chico:hover figcaption::before,figure.effect-chico:hover p{opacity:1;-webkit-transform:scale(1);transform:scale(1)} } @media only screen and (max-width: 770px) { figure.effect-chico figcaption::before,figure.effect-chico p{opacity:1;-webkit-transform:scale(1);transform:scale(1);max-width:100%;width:100%} figure.effect-chico img.soldout{opacity:0.35} figure.effect-chico p, figure.effect-chico p.fig-soldout {font-size: 8px;} } .grid figure.effect-chico .price{color:#fff;font-size:20px;font-weight:400} .grid h2{position:relative;top:50px;z-index:999} .grid .tax-details{display:none} .upsell figure.effect-chico h2{color:#fff;font-size:16px;font-weight:400} figure.effect-chico:hover figcaption::before,figure.effect-chico:hover i,figure.effect-chico:hover h2{opacity:1;-webkit-transform:scale(1);transform:rotate(720deg)} .home-banner{background:url(http://leandrolopes.eu/media/wysiwyg/home/banner.jpg) center no-repeat;background-size:cover;width:100%;height:460px;color:#fff;text-transform:uppercase;font-size:15px;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .home-banner .top{position:relative;top:50px;left:30px;background-color:#000;opacity:.6;height:55px;width:400px;text-align:center;padding-top:16px} .home-banner .bottom{position:relative;float:right;top:250px;right:50px;background-color:#000;opacity:.8;height:55px;width:350px;text-align:center;padding-top:19px} .home-banner .bottom a,.home-banner .bottom a:hover{ color:#fff!important;text-transform:uppercase;font-size:15px;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif} .content-home .div-table{display:table;width:auto;border-spacing:5px;width:100%} .content-home .div-table-row{display:table-row;width:100%;width:auto;clear:both} .content-home .div-table-col{float:left;display:table-column;width:50%} .content-home .div-table .left{width:47%} @media only screen and (max-width: 770px) { .content-home .div-table .left{display:none} .content-home .div-table .right{width:100%} .header-right,.home-banner{display:none} } body.cms-home .main-container{padding-top:20px;padding-left:0!important;padding-right:0!important} .content-shipping .div-table{display:table;width:auto;border-spacing:5px;width:100%} .content-shipping .div-table-row{display:table-row;width:100%;width:auto;clear:both} .content-shipping .div-table-col{float:left;display:table-column;padding:8px 0;border-bottom:1px solid #E2E2E2;transition:padding .55s ease-in-out} .content-shipping .div-table-col:hover{padding-left:20px} .content-shipping .div-table-col:hover + div{padding-right:20px} .content-shipping .div-table .left{width:80%} .content-shipping .div-table .right{width:20%;text-align:right} @media only screen and (min-width: 771px) { .skip-account{display:none} .account-cart-wrapper{position:fixed;top:7px;right:0;z-index:9999} } .product-details .details{display:none} .contacts .div-table{display:table;width:auto;border-spacing:5px;width:100%} .contacts .div-table-row{display:table-row;width:100%;width:auto;clear:both} .contacts .div-table-col{float:left;display:table-column} .contacts .div-table .left{width:30%} .contacts .div-table .right{width:70%;border-left:1px solid #ccc} .contacts .first{text-transform:uppercase;margin-bottom:15px;letter-spacing:2.1px} .contacts .second,.contacts .links,.contacts .fourth{text-transform:uppercase;font-size:12px;padding:15px 0;letter-spacing:2.1px} .contacts .third{text-transform:uppercase;font-size:14px;letter-spacing:2.1px} @media only screen and (max-width: 770px) { .contacts .div-table .left{display:none} .contacts .div-table .right{width:100%;border-left:none} } .qty-wrapper label{display:none} .product-options .required{display:none} .product-options .customswatch-label{text-transform:uppercase} .customattribut-label{font-size:11px;text-transform:uppercase} .bgCover{position:fixed;top:0;left:0;z-index:100;display:none;width:100%;height:100%;background-color:#000;opacity:.35} .overlayBox{position:absolute;top:40px;right:40px;bottom:40px;left:40px;z-index:1001;display:none;display:none;overflow:hidden;min-width:579px;min-height:431px;width:600px;height:530px;border:1px solid #525252;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.6);box-shadow:0 0 15px 0 rgba(0,0,0,.6);opacity:1} .overlayContent{position:relative;top:25px;padding:0} .closeLink{float:right;color:red} .ca-container{position:relative;width:1000px;height:55px;margin-top:25px} .ca-wrapper{margin-left:0;width:1000px;height:59px} .ca-item{border-color:#cecece;border-image:none;border-style:solid solid solid none;border-width:2px;float:left;height:56px;text-align:center;width:98px} .ca-item:nth-child(1){border-left:2px solid #cecece;width:96px} .largeImage{cursor:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/lupe.cur),auto;height:auto;margin:auto;max-height:482px;max-width:660px;vertical-align:middle;width:auto} .product-image1{height:482px;text-align:center} div#modalBox{left:9%!important;margin-top:47px!important} .modal>.content{width:70%!important;min-height:65%!important;max-height:65%!important;top:7%!important;padding:5% 10% 5% 5% !important} #rst-alert{background-color:rgba(213,213,213,.7);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10100} #rst-alert>#rst-alert-content{background-color:#fff;border:1px solid #c1c1c1;border-radius:5px;display:block;left:0;max-height:90%;max-width:95%;min-height:100px;min-width:300px;overflow:hidden;padding:0;position:absolute;top:0} #rst-alert>#rst-alert-content>#rst-alert-ctrl{border-top:1px solid #e5e5e5;padding:10px;text-align:center} #rst-alert>#rst-alert-content>#rst-alert-ctrl>#rst-alert-cancelbtn,#rst-alert>#rst-alert-content>#rst-alert-ctrl>#rst-alert-nobtn,#rst-alert>#rst-alert-content>#rst-alert-ctrl>#rst-alert-okbtn,#rst-alert>#rst-alert-content>#rst-alert-ctrl>#rst-alert-yesbtn{-moz-border-radius:4px;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);-webkit-border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);background-color:#e6e6e6;background-image:linear-gradient(tobottom,#fff,#e6e6e6);background-repeat:repeat-x;border:0;border-color:rgba(0,0,0,.1)rgba(0,0,0,.1)#b3b3b3;border-radius:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);color:#333;cursor:pointer;display:inline;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);font-size:14px;line-height:20px;margin-bottom:0;margin-left:.3em;margin-right:5px;padding:4px 12px;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,.75);vertical-align:middle;zoom:1} #rst-alert>#rst-alert-content>#rst-alert-ctrl>#rst-alert-cancelbtn:hover,#rst-alert>#rst-alert-content>#rst-alert-ctrl>#rst-alert-nobtn:hover,#rst-alert>#rst-alert-content>#rst-alert-ctrl>#rst-alert-okbtn:hover,#rst-alert>#rst-alert-content>#rst-alert-ctrl>#rst-alert-yesbtn:hover{background-color:#d9d9d9;color:#333} #rst-alert>#rst-alert-content>#rst-alert-msg{font-size:1em;padding:30px} #rst-alert>#rst-alert-content>#rst-alert-msg>#rst-alert-input{border-width:1px;margin:10px 10px 10px 0;width:100%} #rst-modal{background-color:#FFF;display:none;height:100%;left:0;outline:0;position:fixed;top:0;width:100%;z-index:10000} #rst-modal *{-webkit-tap-highlight-color:rgba(0,0,0,0)} #rst-modal>#rst-modal-close{background:0;border:0;bottom:auto;cursor:pointer;font-size:50px;left:auto;line-height:1;margin:0;outline:0;padding:25px;position:fixed;right:30px;top:0;z-index:10011} #rst-modal>#rst-modal-close:hover,#rst-modal>#rst-modal-nav-next:hover,#rst-modal>#rst-modal-nav-prev:hover{opacity:1} #rst-modal>#rst-modal-loadimg{background-image:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/opc-ajax-loader.gif);background-repeat:no-repeat;display:none;height:48px;left:50%;position:fixed;top:50%;width:48px;z-index:10995} #rst-modal>#rst-modal-loadimg>img{border:0;height:auto;max-width:100%;width:auto} #rst-modal>#rst-modal-nav-next{background:0;border:0;cursor:pointer;display:none;font-size:60px;height:100%;left:auto;line-height:1;margin:-25px 0 0;outline:0;padding:0;position:absolute;right:0;text-align:right;width:49%;z-index:10011} #rst-modal>#rst-modal-nav-prev{background:0;border:0;cursor:pointer;display:none;font-size:60px;height:100%;left:0;line-height:1;margin:-25px 0 0;outline:0;padding:0;position:absolute;text-align:left;width:49%;z-index:10011} #rst-modal>#rst-modal-shadow{background-color:#FFF;height:100%;position:relative;text-align:center;width:100%} #rst-modal>#rst-modal-title{color:#fff;display:none;font-size:12px;left:0;margin:2px;max-width:100%;padding:2px;position:absolute;text-align:center;text-transform:capitalize;top:0;width:100%;z-index:10011} #rst-modal-shadow>#rst-modal-content{display:block;left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;visibility:hidden} .rst-modal-ajaxcontent{background-color:#fff;color:#000;max-height:100%;max-width:100%;overflow:hidden;text-align:left} .rst-modal-iframecontent iframe{background-color:#fff;border:0;height:100%;width:100%} .rst-modal-imagecontent img{background-color:#fff;height:auto;max-width:100%;width:auto} .rst-modal-inlinecontent{background-color:#fff;color:#000;max-width:80%;opacity:0;overflow:hidden;position:relative;text-align:left;z-index:11000} @font-face{font-family:icon-fontastic;src:url(https://www.leandrolopes.de/skin/frontend/ll/default/css/fonts/icon-fontastic.eot);src:local(☺),url(https://www.leandrolopes.de/skin/frontend/ll/default/css/fonts/icon-fontastic.woff)format(woff),url(https://www.leandrolopes.de/skin/frontend/ll/default/css/fonts/icon-fontastic.ttf)format(truetype),url(https://www.leandrolopes.de/skin/frontend/ll/default/css/fonts/icon-fontastic.svg)format(svg);font-weight:400;font-style:normal} [data-icon]:before{content:attr(data-icon);text-transform:none!important;font-weight:400!important;font-style:normal!important;font-variant:normal!important;font-family:icon-fontastic!important;line-height:1;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} [class*=" icon-"]:before,[class^=icon-]:before{text-transform:none!important;font-weight:400!important;font-style:normal!important;font-variant:normal!important;font-family:icon-fontastic!important;line-height:1;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} :focus{outline:0} .main-container .col-main table iframe{border:none;height:800px!important} #MB_window{top:200px} .icart-custom table{margin-top:20px} .icart-custom img{margin-right:10px} #MB_window .messages .success-msg li{display:none} #MB_caption{padding:.8em 2em .8em .75em !important} #MB_close{font-size:28px;top:-6px!important} .custom-not-availble span{background:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/bg_x.png) center no-repeat transparent;color:#aaa} #customswatches-disabled{background:#000;border:0;color:#FFF;font-weight:400;text-align:center;text-transform:uppercase;vertical-align:middle;margin-left:0;display:none;opacity:.5;min-width:245px;min-height:40px;line-height:40px;font-size:16px;padding:0 30px;float:left;width:100%;white-space:normal} .slideIn{position:relative;top:0;left:-30px;opacity:0;filter:alpha(opacity=0);transition:top 800ms ease-in-out,opacity 1200ms ease-in,left 1800ms ease-out} .slideIn.animate{top:0;left:0;opacity:1;filter:alpha(opacity=100)} @media only screen and (max-width: 771px) { .slideIn{top:30px;left:0} .slideIn.animate{top:0;left:0} } .homepage-top .slideshow-container .slideshow{border:0!important} .homepage-top span:before{height:8px!important;width:8px;border-radius:8px;opacity:.95} @media only screen and (min-width: 771px) { .products-grid .item{float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:25%;margin-bottom:21px} .products-grid .item:nth-child(3),.products-grid .item:nth-child(10),.products-grid .item:nth-child(17){float:left;position:relative;min-height:1px;padding-left:10px;padding-right:10px;width:50%} /*.products-grid .item:nth-child(4),.products-grid .item:nth-child(18){margin-left:-100%;margin-top:585px} .products-grid .item:nth-child(5),.products-grid .item:nth-child(19){margin-left:-75%;margin-top:585px}*/ .products-grid .item .inner{position:relative;text-align:center;background-color:#fff;padding:40px;height:565px;overflow:hidden} .ll-category-14 .products-grid .item .inner{padding:10px;} .products-grid .item:nth-child(3) .inner,.products-grid .item:nth-child(10) .inner,.products-grid .item:nth-child(17) .inner{height:1150px} .products-grid .item .inner h3{margin-top:30px;text-align: center;} .products-grid .item .inner .item-price .price-box .price{font-size:19px;font-weight:400} .ll-category-3 .category-products,.ll-category-6 .category-products,.ll-category-7 .category-products,.ll-category-8 .category-products,.ll-category-10 .category-products{background-color:#f6f6f6;padding:25px 15px 0} } @media only screen and (max-width: 770px) { .products-grid .item{float:left;position:relative;padding:0;width:49%;margin-bottom:10px} } @media only screen and (max-width: 770px) { .products-grid .item{float:left;position:relative;padding:0;width:49%;margin-bottom:10px} .products-grid .item:nth-child(even){margin-left:2%} } @media only screen and (max-width: 479px) { .products-grid .item{float:left;position:relative;padding:0;width:100%;margin-bottom:10px} } .page-title{display:none} @media only screen and (min-width: 771px) { #search{display:none} .page-header-container div#header-search{display:none} } @media only screen and (max-width: 1600px) { .hlink{display:none} .form-currency ul li{padding:1px 40px} } @media only screen and (max-width: 1550px) { .form-currency{display:none} .form-language ul{padding:5px 35px 7px 0} } @media only screen and (max-width: 600px) { .footer{clear:both;width:100%;padding:0 10px} .footer .links{width:100%; display: inline-block;} .footer .links a{display:inline-block;width:100%;padding:5px 0;font-size:13px} } .hlink a,.form-currency li,.form-language li{font-size:15px} .product-options p{margin-top:10px} .product-options .customattribut-label{font-size:14px} .product-options .customswatch-label{font-size:14px} .scrollTop{transition:all 1s ease-in-out;position:fixed;right:30px;bottom:30px;z-index:99999;opacity:0} .scrollTop a{font-size:30px;color:#fff;background:rgba(0,0,0,.5);border-radius:40px;height:50px;width:50px;text-align:center;line-height:42px;display:block} .size-chart-header{text-align:center;padding:8px;font-size:20px;background-color:#f6f6f6;margin-bottom:50px} .image-size{text-align:center;padding-top:10px;padding-bottom:35px} .size-chart-footer{text-align:center;padding:25px} .product-options .fancybox{float:right;margin-top:-38px;text-transform:uppercase} .breadcrumbs{transition:opacity .1s ease-in-out;opacity:1} .breadcrumbs.sticky{opacity:0} .ll-seperator{margin-top:120px} .ll-header{position:fixed;top:0;width:100%;background:url(/media/wysiwyg/home/header-bg.jpg) #fff center top no-repeat;z-index:999;transition:box-shadow .25s ease-in-out} .ll-header.sticky{-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.15);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.15);box-shadow:0 2px 5px rgba(0,0,0,0.15);opacity: 0.97;} .ll-header .ll-container{width:100%;margin:0 auto} .ll-header .ll-container .ll-toprow{position:absolute;top:5px;width:100%;font-size:10px;transition:all 0.25s ease-in-out} .ll-header .ll-container .ll-toprow.sticky{top:0} .ll-header .ll-container .ll-toprow .ll-left{float:left} .ll-header .ll-container .ll-toprow .ll-right{float:right} .ll-clear{clear:both} .ll-header .ll-container .ll-toprow .form-language li{font-size:11px} .ll-header .ll-container .ll-bottomrow .ll-logo{margin:20px auto 10px;width:350px;transition:all 0.25s ease-in-out} .ll-header .ll-container .ll-bottomrow .ll-logo.sticky{margin:2px auto 0;padding-bottom:0;width:190px;transition:all 0.25s ease-in-out} .ll-header .ll-container .ll-bottomrow .ll-logo .ll-logo-img{width:100%} .ll-header .ll-container .ll-bottomrow .ll-topmenu{position:absolute;top:50px;width:100%;transition:all 0.25s ease-in-out} .ll-header .ll-container .ll-bottomrow .ll-topmenu.sticky{top:18px} .ll-header .ll-container .ll-bottomrow .ll-topmenu ul{padding:0;list-style-type:none;overflow:hidden} .ll-header .ll-container .ll-bottomrow .ll-topmenu ul li{margin:0;padding:0;display:block;width:33.3%;float:left;text-align:center} .ll-header .ll-container .ll-bottomrow .ll-topmenu .ll-leftmenu,.ll-header .ll-container .ll-bottomrow .ll-topmenu .ll-rightmenu{width:35%} .ll-header .ll-container .ll-bottomrow .ll-topmenu .ll-leftmenu{float:left;padding-left:10px} .ll-header .ll-container .ll-bottomrow .ll-topmenu .ll-rightmenu{float:right;padding-right:10px} .ll-header .ll-container .ll-bottomrow .ll-topmenu a{padding:2px 3px;padding-bottom:4px;letter-spacing:2.3px;font-size:14px;font-weight:200;text-transform:uppercase} .ll-header.sticky .ll-container .ll-bottomrow .ll-topmenu a{padding-bottom:1px} .menu-overlay{position:fixed;top:0;left:270px;width:100%!important;height:100%!important;background-color:#000;opacity:.4;z-index:9999;display:none} .ll-mobileheader,.ll-mobile-logo{display:none} .ll-mobileheader .show-menu{width:100%;height:56px;color:#000;background:#fff;padding:2px 0;text-align:center;position:fixed;top:0;display:none;z-index:1000;text-align:left;font-size:20px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.15);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.15);box-shadow:0 2px 5px rgba(0,0,0,0.15)} .ll-mobileheader .show-menu span{padding-left:15px} .ll-mobileheader .mobile-menu{padding:0 20px;cursor:pointer;float:left;width:20%;z-index:1000} .ll-mobileheader .mobile-menu img{padding-top:5px} .ll-mobileheader .mobile-right{padding:9px 0px; cursor:pointer;z-index:1000;width:20%;float: left;} .ll-mobileheader .mobile-flags{float:left} .ll-mobileheader .mobile-cart{float:right;padding:0 5px;cursor:pointer;text-align: center;} .ll-mobileheader .mobile-cart .fa{position: relative;top: -5px;} .ll-mobileheader .mobile-cart .label{position: relative;top: -10px;font-size: 10px;font-weight: bolder;} .ll-mobileheader .mobile-cart .cartcount {top:4px;right:8px;} .ll-mobileheader .mobile-cart img{padding-top:5px} @media screen and (max-width : 1100px) { .ll-header .ll-container .ll-bottomrow .ll-logo{margin:35px auto 0;padding-bottom:30px;width:320px} } @media screen and (max-width : 1000px) { .ll-mobileheader,.ll-mobileheader .show-menu,.ll-mobile-logo{display:block} /*.ll-mobileheader .show-menu{border-bottom:1px solid #000}*/ .ll-header{display:none} .ll-mobileheader .ll-mobile-menu{position:absolute;top:0;height:100vh !important; left: -270px;width:270px !important;z-index:9999; background: #fff; overflow-y: scroll;} .ll-mobileheader .ll-mobile-menu ul li,.ll-mobileheader .ll-mobile-menu li a{width:100%;display:block} .ll-mobileheader .ll-mobile-menu li a{overflow:scroll;padding:4vh 0;text-align:center;font-size:15px;font-weight:300;letter-spacing:2.5px;text-transform:uppercase;overflow:hidden} .ll-mobileheader .ll-mobile-menu li:last-child{margin-bottom:23px;text-align:center;padding:10px 0;text-transform:uppercase;font-size:15px;font-weight:300;letter-spacing:2.5px} .ll-mobileheader .ll-mobile-menu .close{position:fixed;top:5px;left:225px;cursor:pointer;font-size:20px;width:48px} .ll-mobile-logo{width:100%;text-align:center;background:url(/media/wysiwyg/home/header-bg.jpg) #fff center top no-repeat;border-bottom:1px solid #000} .ll-mobile-logo img{width:90%;transition:all .45s ease-in-out;width:300px} .ll-mobileheader .current-flag{display:none} .ll-seperator{margin-top:56px} .ll-mobileheader .mobile-right .form-language ul li ul{top:20px} .ll-mobileheader .mobile-right .form-language ul li.first-flag,.ll-mobileheader .mobile-right .form-language ul{padding:0!important;text-transform:uppercase} .block-cart{display:none;position:absolute;top:0;right:0;z-index:9999;background-color:#fff;width:100%} .ll-mobileheader .mobile-cart .skip-cart{display:none} .mobile-logo-top{float:left;height:45px;text-align:center;padding-top:5px; width: 60%} .mobile-cart a span{padding-left:0!important} .mobile-cart a{font-weight:200} } .retour h3{border:1px solid #CACACA;padding:5px;background-color:#CACACA} .retour-germany-text{padding:15px} .retour_world p{padding:15px} .retour-list a{text-decoration:underline} .im-mobile{display:none} .owl-theme.owl-carousel .owl-controls .owl-page span{width:9px!important;height:9px!important} .owl-theme.owl-carousel .owl-controls .owl-buttons div {background: transparent;color: #000;} .owl-theme.owl-carousel .owl-controls .owl-buttons {display: block;position: absolute;top: 45%;width: 100%;} .owl-theme.owl-carousel .owl-controls .owl-prev {float: left;background: transparent;} .owl-theme.owl-carousel .owl-controls .owl-next {float: right; background: transparent;} .owl-theme.owl-carousel .owl-controls .owl-page span {background: #dadada; width: 5px!important; height: 5px!important; z-index: 10000; position: relative; opacity: 0.8;} .owl-theme.owl-carousel .owl-controls .owl-page.active span {background: #000;} @media screen and (max-width : 770px) { .im-mobile{display:block} .im-desktop,.more-views{display:none} .list-product-details .product-name {display:none} .list-product-details .config_sizes span {font-size: 8px} .list-product-details .config_sizes .size-sold {color: #a0a0a0} .list-product-details .item-price .price-box .old-price, .list-product-details .item-price .price-box .special-price {width: 50%; float: left;} .list-product-details .item-price .price-box .old-price .price, .list-product-details .item-price .price-box .special-price .price, .list-product-details .item-price .price-box .regular-price .price, .products-grid .price-box {font-size: 12px} .list-product-details .item-price .price-box .old-price {text-align: right;} .list-product-details .item-price .price-box .special-price {text-align: left;} } .category-products .product .hover .list-product-details .price-box .special-price .price, .category-products .product .list-product-details .price-box .special-price .price {color: #cc0000; font-weight: 600} .mobile-product-details{position:absolute;top:0;right:0;background-color:#fff;width:100%;height:100%;opacity:.9;padding:35% 0;opacity:0;transition:opacity .25s ease-in-out} .mobile-product-details .inner{display:none} .mobile-product-details .item-more{border:1px solid #000;padding:2px 10px; width: 50% !important;} .percent_tag { position: relative; left: 10px; bottom: 0px; float: left; width: 50px; color: #fff; background-color: #E40A0A; padding: 1px 7px; font-size: 12px; z-index: 999; } a:focus{outline:none} @media only screen and (max-width: 1550px) and (min-width: 480px) { .ll-header .ll-container .ll-bottomrow .ll-topmenu,.ll-header .ll-container .ll-bottomrow .ll-topmenu,.ll-header .ll-container .ll-toprow,.ll-header .ll-container{max-width:1300px} .breadcrumbs,.main{padding:0 20px} } .new-collection{opacity:0;transition:opacity 1.55s ease-in-out;position:absolute!important;right:10%!important;top:0!important;width:36%!important} .about{line-height:2.5; font-size:13px} .about h3 {text-align: center} .about strong{display:block;width:100%;text-align:center; padding:15px 0;font-size:35px;letter-spacing:2.5px;text-transform:uppercase;font-weight:200} .about p {padding: 0 10%; text-align: center} .about img{opacity:0;transition:all 1.55s ease-in-out;padding-top:0} #map{height:100%} .product-description-wrapper{font-size:14px;line-height:1.8;letter-spacing:1.8px;margin:25px 0;margin-bottom:70px} .product-description-wrapper .product-description-title,.box-up-sell h2{display:block;width:100%;border-bottom:1px solid #000;border-top:1px solid #000;padding:15px 0;font-size:17px;letter-spacing:2.5px;text-transform:uppercase;font-weight:200;margin-bottom:25px;line-height:1.8;padding-left:10px} @media screen and (max-width : 1000px) { .collapse-title{cursor:crosshair;transition:background .05s ease-in-out} .collapse-title.down{background-image:url(/media/icons/arrow-down.svg);background-repeat:no-repeat;background-position:99%;background-size:45px 24px} .collapse-title.up{background-image:url(/media/icons/arrow-top.svg);background-repeat:no-repeat;background-position:99%;background-size:45px 24px} .collapsible{width:100%!important} .about strong{font-size:25px;} } @media screen and (min-width : 601px) { .footer .collapse-title.down,.footer .collapse-title.up{background:none!important} } .size-chart-mobile,.upsell-mobile{display:none} @media screen and (max-width : 770px) { .product-name h1{font-size:14px;text-align:center;width:100%;display:block} .ll-product- .collapsible,.product-options .size_chart,.upsell-desktop{display:none} .ll-product- .collapse-title.down{background-image:url(/media/icons/arrow-top.svg);background-size:30px 16px} .ll-product- .collapse-title.up{background-image:url(/media/icons/arrow-down.svg);background-size:30px 16px} .ll-product- .collapse-title{background-size:30px 16px} .product-description-wrapper{margin-bottom:0!important} .product-description-wrapper .product-description-title,.box-up-sell h2{font-size:14px;margin-bottom:0} .box-up-sell{margin-top:0!important} .product-description-content{padding:15px 5px!important} .size-chart-mobile{display:block;width:100%} .size-chart-mobile .fancybox{margin-top:0!important;float:none;display:block;width:100%;padding:15px 0;font-size:14px;cursor:crosshair;background-image:url(/media/icons/arrow-down.svg);background-repeat:no-repeat;background-position:99%;background-size:30px 16px} .size-chart-mobile .fancybox span{padding-left:7px} .upsell-mobile,.upsell-mobile a,.upsell-mobile a img{display:block;width:100%;text-align:center} } .stockists-container{width:100%} .stockists-container .stores-inner {width:100%; max-width: 1600px; margin: 0 auto} .stockists-container .title{width:100%;border-bottom:1px solid #000;padding:13px 0;margin-bottom:30px;font-size:16px;letter-spacing:2.5px;text-transform:uppercase;font-weight:200} .stockists-container .stockist{width:33.33%;min-height:200px;float:left;margin-bottom:30px;padding-left:10px;padding-right:10px; text-align: center} .stockists-container .stockist img{margin-bottom:10px} .stockists-container .stockist h3{font-size:16px; text-align: center} .stockists-container .stockist p{padding:3px 0} @media screen and (max-width : 1000px) { .stockists-container .stockist{width:50%} } @media screen and (max-width : 770px) { .stockists-container .stockist{width:100%} } @media screen and (min-width : 771px) { .lookbook .col, .ll-index-cms .col-main .col {width:50%;float:left;overflow: hidden;} .lookbook .fade-top img, .ll-index-cms .col-main .fade-top img {min-height: 360px;} .lookbook .fade-top, .ll-index-cms.col-main .fade-top {overflow: hidden;} .lookbook .col:nth-child(odd), .ll-index-cms .col-main .col:nth-child(odd) {padding-top: 40px;} /*.lookbook .col-main .col img {-webkit-transition: opacity 0.35s,-webkit-transform .35s;transition: opacity 0.35s,transform .35s;-webkit-transform: scale(1);transform: scale(1);} .lookbook .col-main .col img:hover {-webkit-transform: scale(1.05);transform: scale(1.05);}*/ } .category-filter,.category-filter-close{display:none} .category-list{width:100%!important;text-align:center;padding:20px 0;margin-bottom:25px;border-bottom:3px solid #f6f6f6} .category-list a{padding:5px 10px;border:1px solid #f6f6f6;margin:0 5px;transition:border .85s ease-in-out} .category-list a:hover{border:1px solid #000} @media screen and (max-width : 770px) { .category-list{display:none} .category-filter,.category-filter-close{display:block;cursor:pointer} .category-filter{width:100%;padding:10px;padding-right:0;text-transform:uppercase;text-align:right} .category-list{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;width:100%;height:110%;background-color:#000;opacity:.9} .category-list-content{overflow:scroll;height:100%} .category-list a{display:block;width:100%;padding:15px 40px;margin:10% 0;text-align:left;border:0;color:#fff;transition:padding 1.25s ease-in-out} .category-list a:hover{border:0;padding-left:85px} .category-filter-close{position:fixed;z-index:10001;top:5px;right:5px} } .notsaleable{float:left;margin-top:30px;width:100%;text-transform:uppercase;text-align: center;padding: 20px 0;font-size: 16px;} .fade-top{opacity:0;padding-top:10px;transition:all 1.9s ease-in-out} .fade-active,.about img.fade-active{opacity:1;padding-top:0} ::selection{background:#000;color:#fff} ::-moz-selection{background:#000;color:#fff} ::-webkit-scrollbar{display:none} #amcart-count,#confirmBox h1{display:none} .product-view .product-image:hover{cursor:pointer} .ll-index-cms .main{padding:0!important} #container{width:1520px;margin:0 auto} #container div.title h2{font-size:18px;letter-spacing:2.8px;font-weight:300;text-transform:uppercase;margin:20px 0;padding-bottom:15px;width:100%;border-bottom:1px solid #000} #container div.subtitle{position:absolute;z-index:999;width:100%;top:45%;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);font-size:60px;text-align:center;text-transform:uppercase;text-shadow:1px 1px #000;color:#fff} #ll_gallery{-moz-column-count:5;-moz-column-gap:0;-webkit-column-count:5;-webkit-column-gap:0;column-count:6;column-gap:0;width:1520px} #ll_gallery img{display:inline-block;margin-bottom:0;width:100%;height:100%;transform:translateZ(0)} #ll_gallery div:hover > img{transform:translateZ(0)} #ll_gallery div{overflow:hidden;-webkit-filter:grayscale(100%);filter:grayscale(70%);transform:translateZ(0);cursor:crosshair} #ll_gallery div:hover{-webkit-filter:grayscale(0);filter:grayscale(0);transform:translateZ(0)} #ll_gallery li{list-style-type:none;margin-left:5px} @media only screen and (max-width : 1599px),only screen and (max-device-width : 1599px) { #ll_gallery{-moz-column-count:5;-moz-column-gap:0;-webkit-column-count:5;-webkit-column-gap:0;column-count:5;column-gap:0;width:1200px} #container,#container div.subtitle{width:1200px} } @media only screen and (max-width : 1199px),only screen and (max-device-width : 1199px) { #ll_gallery{-moz-column-count:5;-moz-column-gap:0;-webkit-column-count:5;-webkit-column-gap:0;column-count:5;column-gap:0;width:1000px} #container,#container div.subtitle{width:1000px} } @media only screen and (max-width : 999px),only screen and (max-device-width : 999px) { #ll_gallery{-moz-column-count:5;-moz-column-gap:0;-webkit-column-count:5;-webkit-column-gap:0;column-count:5;column-gap:0;width:100%} #container,#container div.subtitle{width:95vw} } @media only screen and (max-width : 799px),only screen and (max-device-width : 799px) { #ll_gallery{-moz-column-count:5;-moz-column-gap:0;-webkit-column-count:5;-webkit-column-gap:0;column-count:5;column-gap:0;width:100%} #container,#container div.subtitle{width:95vw} } @media only screen and (max-width : 599px),only screen and (max-device-width : 599px) { #ll_gallery{-moz-column-count:2;-moz-column-gap:0;-webkit-column-count:2;-webkit-column-gap:0;column-count:2;column-gap:0;width:100%} #container,#container div.subtitle{width:95vw} #ll_gallery li:nth-last-child(-n+2){display:none} } .product-description-content ul, .product-description-content p {font-size: 14px !important;line-height: 1.8 !important;letter-spacing: 1.8px !important;font-family: "Helvetica Neue",Verdana,Arial,sans-serif !important;padding: 10px 0 !important} .product-description-content ul li {list-style-type: disc !important;margin-left: 25px !important; padding-left: 15px !important;} @media screen and (max-width : 770px) { .stockists-container .google-map {display:none} } .gm-style .gm-style-iw {font-size: 11px !important} figure.effect-romeo {-webkit-perspective: 1000px;perspective: 1000px;margin-bottom: 10px;overflow: hidden;} figure.effect-romeo img { -webkit-transition: opacity 0.35s, -webkit-transform 1.95s;transition: opacity 0.35s, transform 2.95s;-webkit-transform: translate3d(0,0,20px); transform: scale(1.04);} @media screen and (min-width : 771px) { figure.effect-romeo:hover img {opacity: 1;-webkit-transform: translate3d(0,0,150px);transform: translate3d(0,0,150px); transform: scale(1.1);} } figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after {position: absolute;top: 50%;left: 50%;width: 50%;height: 1px;background: #fff;content: '';-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-50%,-50%,0);transform: translate3d(-50%,-50%,0);opacity: 0.1;} figure.effect-romeo:hover figcaption::before {opacity: 0.8;-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);transform: translate3d(-50%,-50%,0) rotate(45deg);} figure.effect-romeo:hover figcaption::after {opacity: 0.8;-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);transform: translate3d(-50%,-50%,0) rotate(-45deg);} .about-banner { width: 100%; height: 370px; background-repeat: no-repeat; background-size: 100% 100%; background: no-repeat fixed; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-image: url(/media/wysiwyg/about/ueber-uns.jpg); } @media screen and (max-width : 999px) { .about-banner {display: none} } .about-banner.about-details { background-image: url(/media/wysiwyg/about/ueber-uns-2.jpg); } .about-banner h2 { position: relative; top: 37%; color: #fff; font-size: 25px; font-weight: 300; text-align: center; text-transform: uppercase; text-shadow: 1px 1px rgba(11, 11, 11, 0.41); } .banner { width: 100%; height: 100vh; background: fixed; background-repeat: no-repeat; background-size: cover; -webkit-box-shadow: inset 0px -10px 12px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset 0px -10px 12px 0px rgba(0,0,0,0.05); box-shadow: inset 0px -10px 12px 0px rgba(0,0,0,0.05); -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } /*.cms-home .banner { border-left: 20px solid #fff; border-right: 20px solid #fff; border-bottom: 20px solid #fff; }*/ .about .third {margin-bottom: 35px} .about .corner { background-image: url(/media/corner.png); background-repeat: no-repeat; position: relative; left: 50%; margin-left: -35px; text-align: center; width: 70px; height: 35px; } .lookbook .banner { margin-top: 0px; height: inherit; padding: 10% 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .lookbook .seperator { width: 100%; border-bottom: 1px solid #000; margin: 40px 0; } .banner-text { position:relative; top: 45%; background-color: rgba(0, 0, 0, 0.35); padding: 25px 0;} .banner h1 { text-align: center; letter-spacing: 0px; font-size: 48px; margin-bottom: 20px; } .banner h2 { text-align: center; letter-spacing: 30px; font-size: 22px; text-transform: uppercase; text-shadow: 1px 2px #484848; color: #fff; } .banner h1 span { line-height: 56px; border-bottom: 1px solid #fff; padding: 10px 30px; text-shadow: 1px 2px #484848; color: #fff; } .lookbook .banner h2 { font-size: 22px; font-weight: 400; text-transform: uppercase; text-shadow: none; color: #000; } .lookbook .banner h1 span { border-bottom: none; text-shadow: none; color: #000; font-weight: 300; } .lookbook-home {display: none} @media screen and (max-width : 999px) { .cms-home .banner { margin-top: 56px !important; background-size: 125%; background-attachment: scroll; background-position: -40px -60px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-image: url("/media/wysiwyg/home/leandro_lopes_home_mobile.jpg") !important; } .banner-text { top: 35%; background-color: rgba(255, 255, 255, 0.25) } .banner h1 { font-size: 20px; text-decoration: none; margin-bottom: 5px; font-weight: 500;} .banner h2 { font-size: 15px; text-decoration: none; letter-spacing: 10px; opacity: 1; padding-top: 0; padding-bottom: 12px;} .lookbook .banner, .lookbook .seperator {display:none} .retour_germany img {width: 100%} } @media screen and (min-width : 500px) and (max-width : 570px) { .cms-home .banner { background-position: -50px -240px;} } @media screen and (min-width : 571px) and (max-width : 999px) { .cms-home .banner { background-position: -50px -240px;} } .size-hint {font-size: 12px;font-size: 13px;border: 1px solid #F0F0F0;padding: 7px;margin-bottom: 10px} .return-hint {font-size: 12px; border-bottom: 1px solid #000; padding-bottom: 10px} @media screen and (max-width : 999px) { .return-hint {font-size: 12px; border-bottom: 0; padding-bottom: 40px; text-align: center} } .main-menu {position: absolute; width: 270px; left: 0px; -webkit-transition: all 0.65s ease;-moz-transition: all 0.65s ease; transition: all 0.65s ease;} .customer-menu {position: absolute; width: 270px; left: 270px; -webkit-transition: all 0.65s ease;-moz-transition: all 0.65s ease; transition: all 0.65s ease;} .main-menu.customer-open {position: absolute; left: -270px} .customer-menu.customer-open {position: absolute; left: 0px} .shop-stockists {font-size: 12px;font-size: 13px;border: 1px solid #F0F0F0;padding: 7px;} .shop-stockists p {line-height: 30px} .shop-stockists p.shop-name {font-size: 21px} .shop-stockists p.shop-image {text-align: center} .shop-stockists p.shop-image img {width: 80%; margin-top: 15px} @media screen and (max-width : 999px) { .shop-stockists p {line-height: 15px; font-size: 10px;} .shop-stockists p.shop-name {font-size: 14px} .shop-stockists p.shop-image img {width: 60%; margin-top: 5px} } .product-options dd select {width: 100%; max-width: 100%; padding: 10px 5px; -webkit-appearance: none; -moz-appearance: none; border: none; border: 1px solid #000; border-radius: 0; background-color: #fff;background-image: url(/media/down.svg); background-repeat: no-repeat;background-position: 98% 50%;background-size: 25px} .product-options dd select.validation-failed {border: 2px solid red;} /* NEW SUBMENU */ .menu, .head-logo, .menuheader {display:none} /* PUSH MENU */ body {overflow-x: hidden;position: relative;-webkit-overflow-scrolling: auto;height: 100%;} body.menu-open {/*overflow: hidden;*/} body, .ll-mobileheader .show-menu{-webkit-transition: all 0.65s ease;-moz-transition: all 0.65s ease; transition: all 0.65s ease;} /*body.menu-open, body.menu-open .ll-mobileheader .show-menu, body.menu-open .ll-mobileheader .mobile-menu, body.menu-open .menu-overlay {left: 270px;}*/ body.menu-open .ll-mobileheader .mobile-right {right: -270px;} body.menu-open .ll-mobileheader .ll-mobile-menu {position: absolute; top: 0; left: -270px;} .ll-mobileheader .ll-mobile-menu .close {position: absolute; top: 0px;} .ll-topmenu li:hover ul{ max-height:400px; } .ll-header .ll-container .ll-bottomrow .ll-topmenu ul li ul.submenu li { float:none; background-color:#313131; width: 100%; overflow: visible; } .ll-header .ll-container .ll-bottomrow .ll-topmenu ul li ul.submenu li a { padding:12px; color:#fff !important; text-decoration:none !important; display:block; width: 100%; } .ll-header .ll-container .ll-bottomrow .ll-topmenu ul li ul.submenu li:nth-child(odd){ background-color:#363636; } .ll-header .ll-container .ll-bottomrow .ll-topmenu ul li ul.submenu li:hover{ background-color:#444; } .ll-header .ll-container .ll-bottomrow .ll-topmenu ul li ul.submenu li:first-child{ border-radius:3px 3px 0 0; margin-top:12px; position:relative; } .ll-header .ll-container .ll-bottomrow .ll-topmenu ul li ul.submenu li:first-child:before{ content:''; position:absolute; width:1px; height:1px; border:5px solid transparent; border-bottom-color:#313131; left:50%; top:-10px; margin-left:-5px; } .ll-header .ll-container .ll-bottomrow .ll-topmenu ul li ul.submenu li:last-child{ border-bottom-left-radius:3px; border-bottom-right-radius:3px; } .block-subscribe h2.title { font-size: 35px; font-weight: 300; text-transform: uppercase; color: #000; padding: 0; text-align: center;} .block-subscribe p.subtitle {text-align: center; padding: 10px 0 30px 0;color: #767676;} .block-subscribe .input-text { border: 2px solid #ececec; padding: 15px 10px; float: left; width: 70%} .block-subscribe .input-text:hover { border: 2px solid #ccc;} .block-subscribe .button {float: right; width: 29%} .block-subscribe .validation-failed {border: 2px solid #ff7f6a} .block-subscribe .validation-advice {display: none} @media screen and (max-width : 999px) { .block-subscribe h2.title { font-size: 25px; } .block-subscribe .input-text { float: none; width: 100%; margin-bottom: 20px} .block-subscribe .button {float: none; width: 100%} .newsletter .input-box {width: 100%;} } /*p.old-price {display: none !important}*/ .customer-account .block-blog {display: none} body.cms-newsletter .newsletter {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-top: none; margin-top: 0px; } .amrmafront-guest-login select, .amrma select { width: 100%; max-width: 100%; margin-bottom: 30px; padding: 10px 5px; -webkit-appearance: none; -moz-appearance: none; border: none; border: 2px solid #d5d5d5; border-radius: 0; background-color: #fff; background-image: url(/media/down.svg); background-repeat: no-repeat; background-position: 98% 50%; background-size: 25px; } .amrmafront-guest-login .input-text, .amrma .input-text { border: 2px solid #d5d5d5; padding: 10px; height: 42px; margin-top: 4px; margin-bottom: 5px !important; } .validation-advice {display: none} .clear {clear: both;} .order-information {border: 1px solid #e4e4e4; padding: 10px; margin-bottom: 20px; width: 33%; float: left; min-height: 170px;} .order-information.mid {margin: 0 0.5%} .order-information p {line-height: 22px;} .amrmafront-guest-login .col-1.registered-users { float: none; margin: 50px auto; display: block; width: 700px; background-color: #f4f4f4; padding: 20px !important; } .amrmaform h2.legend {padding-top: 20px} .amrmafront-guest-view .amrmaform, .amrmafront-guest-view .amrmaform td {font-size: 13px} .amrmafront-guest-view .label {margin: 20px 0} .amrmafront-guest-view .label .retour-germany-text {padding: 0px;} .amrmafront-guest-view .label p {font-size: 13px; padding: 10px 0;} .amrmafront-guest-view .label .retour-list li {list-style-type: decimal; margin-left: 40px; padding: 5px 20px;} .amrmafront-guest-view .label a.portal {display: block; width: 100%; text-align: center; margin-top: 20px} .amrmafront-guest-view .files, .amrmafront-guest-view .buttons-set {margin: 20px 0} .amrmafront-guest-view .note-list li {background-color: #fdf7f7; padding: 10px; margin-bottom: 10px} .amrmafront-guest-view .note-list li:hover {background-color: #efefef} .amrmafront-guest-view .note-list li span {line-height: 25px;} .amrmafront-guest-view .note-list li a {font-style: italic; font-size: 10px} .amrmafront-guest-view .info-box {border: 1px solid #ececec;} .amrmafront-guest-view textarea {border: 2px solid #d5d5d5 !important; padding: 10px; margin-top: 4px; margin-bottom: 5px !important;} .amrmafront-guest-view .collapse-title.down, .amrmafront-guest-view .collapse-title.up {background-position: 100% 70%; background-size: 45px 15px;} .amrmafront-guest-history h2 {border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; font-weight: 400; font-size: 20px;} .amrmafront-guest-history .data-table th, .amrmafront-guest-view .data-table th {padding: 15px 10px; font-size: 13px; background: #fbf9f9; border-bottom: 1px solid #e2e2e2;} .amrmafront-guest-history .data-table td, .amrmafront-guest-view .data-table td {padding: 15px 10px !important; font-size: 13px; border-bottom: 1px solid #F2F5F8 !important;} @media screen and (max-width:700px) { .amrmafront-guest-view .amrmaform td {font-size: 11px} .amrmafront-guest-view table, .amrmafront-guest-view tr, .amrmafront-guest-view td {padding:0;} .amrmafront-guest-history thead, .amrmafront-guest-view thead {display:none;} .amrmafront-guest-history tr, .amrmafront-guest-view tr {float: left;width: 100%;margin-bottom: 2em;} .amrmafront-guest-history td, .amrmafront-guest-view td {float: left;width: 100%;padding:1em;white-space: nowrap;} .amrmafront-guest-history td::before, .amrmafront-guest-view td::before {content:attr(data-label);background: #f4f4f4;border-right:1px solid #f4f4f4;width: 50%;float:left;padding:1em;font-weight: 500;margin:-1em 1em -1em -1em;} .amrmafront-guest-history td.view::before {display: none} } @media screen and (min-width : 1000px) { .amrmafront-guest-history .data-table tr:hover, .amrmafront-guest-view .data-table tr:hover {background: #f9fafb!important;} .amrmafront-guest-form .amrmaform, .amrmafront-guest-view .amrmaform, .amrmafront-history {padding: 0 50px;} .amrma.items .field {width: 20%; float: left; padding-right: 10px} .amrma.bank .field {width: 33.3%; float: left; padding-right: 10px} } @media screen and (min-width : 1500px) { .amrmafront-guest-form .amrmaform, .amrmafront-guest-view .amrmaform, .amrmafront-history {padding: 0 100px;} } @media screen and (max-width : 999px) { .amrma.items .field, .amrma.bank .field {width: 100%; } .amrmafront-guest-login .col-1.registered-users {width: 100%} .order-information {width: 100%; min-height: 0} .order-information.mid {margin: 0 0 20px 0;} .amrmaform .collapsed {display: none; width: 100% !important;} } .input-text.validation-failed{border-color:#df280a} .cms-home div#newsletter-signup { margin-top: 0; } #loader { background: #fff; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; left: 0; position: fixed; z-index: 9999; } .affiliate h2 {font-size: 30px; font-weight: normal; padding: 20px 0px; text-align: center; width: 100%; text-align: center; text-transform: uppercase;} .affiliate h3 {font-size: 22px; font-weight: normal; padding: 15px 0px; text-align: center; width: 100%; text-align: left; text-transform: uppercase;} .affiliate .description {margin: 0 auto; width: 80%; max-width: 1100px; text-align: left} .affiliate .description img {margin-bottom: 30px;} .affiliate .description p {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; text-align: justify;} .affiliate .description ul.affiliate-cond li {list-style-type: none; padding: 6px 0} .affiliate .description ul.affiliate-cond li:before {content:"- "; padding-right: 15px} .affiliate .description strong {font-weight: 400} .affiliate .description .affiliate-form {margin-top: 20px; border: 1px solid #eaeaea; padding: 40px 20px 60px} .affiliate .description .affiliate-form h1 {display: none} .affiliate .description .affiliate-form ul li {margin-left: 0} .affiliate .description .affiliate-form .input-text {border: 2px solid #ececec; padding: 20px 10px} .affiliate .description .affiliate-form .input-text:hover {border: 2px solid #ccc;} .affiliate .description .affiliate-form .input-text.validation-failed {border-color: #df280a;} @media screen and (max-width : 999px) { .affiliate h2 {font-size: 20px;} .affiliate h3 {font-size: 16px;} .affiliate .description {margin: 0 auto; width: 100%; padding: 0 5px;} .affiliate .description p {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px; text-align: justify;} .affiliate .description .affiliate-form {margin-top: 20px; border: none; padding: 0px 0px 0px} .affiliate .description ul.affiliate-cond li {margin-left: 0} } .vico-campaign { padding: 0 10%; } .vico-campaign h2 { display: block; width: 100%; text-align: center; padding: 35px 0; font-size: 35px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 200; } .vico-campaign .vico-list { padding-top: 80px; } .vico-campaign .vico-list .product { width: 50%; float: left; padding: 20px; } .vico-campaign .vico-list .product figure { text-align: center; } .vico-campaign .vico-list .product p.title { width: 100%; text-align: center; font-size: 17px; text-transform: uppercase; letter-spacing: 2px; } .vico-campaign .vico-list .product p.title.odd { padding-top: 40px; } .vico-campaign .vico-list .product img { width: 80%; } .vico-campaign .description hr { margin: 70px 0; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(167, 167, 167, 0.75), rgba(0, 0, 0, 0)); } .vico-campaign figure.effect-romeo figcaption::before, .vico-campaign figure.effect-romeo figcaption::after {display: none} @media screen and (max-width : 999px) { .vico-campaign { padding: 0 5px; } .vico-campaign h2 { padding: 15px 0; font-size: 18px; } .vico-campaign .vico-list { padding-top: 10px; } .vico-campaign .vico-list .product { width: 100%; } .vico-campaign .vico-list .product .image img { } } .delivery-preorder {display: inline-block; width: 100%; padding: 30px 0; border-top:1px solid #eaeaea;} .delivery-preorder .title {width: 100%; text-align: center; text-transform: uppercase; font-size: 18px; letter-spacing: 4px;} .delivery-preorder .subtitle {width: 100%; text-align: center; text-transform: uppercase; font-size: 11px; letter-spacing: 4px; padding: 5px 0} .responsive-video { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .responsive-video iframe, .responsive-video object, .responsive-video embed { position:absolute; top:0; left:0; width:100%; height:100%; } .blogstyle p {text-align: center} .blogstyle .block {text-align:center; width: 100%; margin: 50px 0; display: inline-block;} @media screen and (min-width : 1000px) { .blogstyle .m100 {margin: 100px 0;} .blogstyle .block-left {width: 50%; float: left;} .blogstyle .block-right {background-color: #fff; width: 50%; float: left; transform: translateY(50%); padding: 50px 20px; margin-top: 0px; margin-left: -50px; margin-right: 0px; text-align: left} .blogstyle .block-img-2 {text-align:center; width: 100%; margin: 50px 0; display: inline-block;} .blogstyle .block-img-2 img {max-width: 50%; float:left; padding: 20px} } @media screen and (max-width : 999px) { .blogstyle .block {margin: 10px 0;} .blogstyle .m100 {margin: 20px 0;} .blogstyle .block-left {width: 100%; float: none;} .blogstyle .block-right {width: 100%; float: none;} .blogstyle .block-right h3, .blogstyle .block-right span {text-align: center} .blogstyle .block-img-2 img {max-width: 100%; float: none; padding: 10px} } .product-shop .applink {width: 100%; display: block; text-align: center} .checkout-onepage-success h2.sub-title {text-align: center} /*myaccount*/ .customer-account .dashboard .page-title {display: block} .customer-account .dashboard .welcome-msg .hello {padding-bottom: 20px; font-size: 16px;} .customer-account .block-account {background-color: #efefef; border: 1px solid #d0d0d0; padding: 15px 10px;} .customer-account .block-title {background-color: #e6e6e6; text-align: center; display: block; line-height: 50px; font-size: 16px;} .customer-account .vip_overview {padding: 20px 0} .customer-account .vip_overview td {padding: 5px 5px} /*animate.css*/ @charset "UTF-8"; .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s} .animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s} @-webkit-keyframes bounce { from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)} 70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)} } @keyframes bounce { from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)} 70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)} } .bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom} @-webkit-keyframes flash { from,50%,to{opacity:1} 25%,75%{opacity:0} } @keyframes flash { from,50%,to{opacity:1} 25%,75%{opacity:0} } .flash{-webkit-animation-name:flash;animation-name:flash} @-webkit-keyframes pulse { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes pulse { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .pulse{-webkit-animation-name:pulse;animation-name:pulse} @-webkit-keyframes rubberBand { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)} 40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes rubberBand { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)} 40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand} @-webkit-keyframes shake { from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} } @keyframes shake { from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} } .shake{-webkit-animation-name:shake;animation-name:shake} @-webkit-keyframes headShake { 0%{-webkit-transform:translateX(0);transform:translateX(0)} 6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)} 18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)} 31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)} 43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)} 50%{-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes headShake { 0%{-webkit-transform:translateX(0);transform:translateX(0)} 6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)} 18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)} 31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)} 43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)} 50%{-webkit-transform:translateX(0);transform:translateX(0)} } .headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake} @-webkit-keyframes swing { 20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)} 40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)} 60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)} 80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)} to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)} } @keyframes swing { 20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)} 40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)} 60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)} 80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)} to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)} } .swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} @-webkit-keyframes tada { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes tada { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .tada{-webkit-animation-name:tada;animation-name:tada} @-webkit-keyframes wobble { from{-webkit-transform:none;transform:none} 15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)} 30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)} 45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)} 60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)} 75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)} to{-webkit-transform:none;transform:none} } @keyframes wobble { from{-webkit-transform:none;transform:none} 15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)} 30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)} 45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)} 60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)} 75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)} to{-webkit-transform:none;transform:none} } .wobble{-webkit-animation-name:wobble;animation-name:wobble} @-webkit-keyframes jello { from,11.1%,to{-webkit-transform:none;transform:none} 22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)} 77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)} 88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)} } @keyframes jello { from,11.1%,to{-webkit-transform:none;transform:none} 22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)} 77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)} 88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)} } .jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center} @-webkit-keyframes bounceIn { from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes bounceIn { from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn} @-webkit-keyframes bounceInDown { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)} 75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceInDown { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)} 75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} to{-webkit-transform:none;transform:none} } .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown} @-webkit-keyframes bounceInLeft { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)} 75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceInLeft { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)} 75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)} to{-webkit-transform:none;transform:none} } .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft} @-webkit-keyframes bounceInRight { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)} 75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} 90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceInRight { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)} 75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} 90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)} to{-webkit-transform:none;transform:none} } .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight} @-webkit-keyframes bounceInUp { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} 75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes bounceInUp { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} 75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp} @-webkit-keyframes bounceOut { 20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} } @keyframes bounceOut { 20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} } .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut} @-webkit-keyframes bounceOutDown { 20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } @keyframes bounceOutDown { 20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown} @-webkit-keyframes bounceOutLeft { 20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } @keyframes bounceOutLeft { 20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft} @-webkit-keyframes bounceOutRight { 20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } @keyframes bounceOutRight { 20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight} @-webkit-keyframes bounceOutUp { 20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } @keyframes bounceOutUp { 20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp} @-webkit-keyframes fadeIn { from{opacity:0} to{opacity:1} } @keyframes fadeIn { from{opacity:0} to{opacity:1} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} @-webkit-keyframes fadeInDown { from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInDown { from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} @-webkit-keyframes fadeInDownBig { from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInDownBig { from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig} @-webkit-keyframes fadeInLeft { from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInLeft { from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} @-webkit-keyframes fadeInLeftBig { from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInLeftBig { from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig} @-webkit-keyframes fadeInRight { from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInRight { from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} @-webkit-keyframes fadeInRightBig { from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInRightBig { from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig} @-webkit-keyframes fadeInUp { from{opacity:0;-webkit-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInUp { from{opacity:0;-webkit-transform:translate3d(0,40%,0);transform:translate3d(0,40%,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} @-webkit-keyframes fadeInUpBig { from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInUpBig { from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig} @-webkit-keyframes fadeOut { from{opacity:1} to{opacity:0} } @keyframes fadeOut { from{opacity:1} to{opacity:0} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOutDown { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } @keyframes fadeOutDown { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown} @-webkit-keyframes fadeOutDownBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } @keyframes fadeOutDownBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig} @-webkit-keyframes fadeOutLeft { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } @keyframes fadeOutLeft { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft} @-webkit-keyframes fadeOutLeftBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } @keyframes fadeOutLeftBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig} @-webkit-keyframes fadeOutRight { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } @keyframes fadeOutRight { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight} @-webkit-keyframes fadeOutRightBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } @keyframes fadeOutRightBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig} @-webkit-keyframes fadeOutUp { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } @keyframes fadeOutUp { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp} @-webkit-keyframes fadeOutUpBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } @keyframes fadeOutUpBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig} @-webkit-keyframes flip { from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @keyframes flip { from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip} @-webkit-keyframes flipInX { from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipInX { from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX} @-webkit-keyframes flipInY { from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipInY { from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} @-webkit-keyframes flipOutX { from{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1} to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0} } @keyframes flipOutX { from{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1} to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0} } .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flipOutY { from{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1} to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0} } @keyframes flipOutY { from{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1} to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0} } .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY} @-webkit-keyframes lightSpeedIn { from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1} to{-webkit-transform:none;transform:none;opacity:1} } @keyframes lightSpeedIn { from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1} to{-webkit-transform:none;transform:none;opacity:1} } .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} @-webkit-keyframes lightSpeedOut { from{opacity:1} to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0} } @keyframes lightSpeedOut { from{opacity:1} to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0} } .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} @-webkit-keyframes rotateIn { from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateIn { from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1} } .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn} @-webkit-keyframes rotateInDownLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInDownLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft} @-webkit-keyframes rotateInDownRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInDownRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight} @-webkit-keyframes rotateInUpLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInUpLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft} @-webkit-keyframes rotateInUpRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInUpRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight} @-webkit-keyframes rotateOut { from{-webkit-transform-origin:center;transform-origin:center;opacity:1} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0} } @keyframes rotateOut { from{-webkit-transform-origin:center;transform-origin:center;opacity:1} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0} } .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut} @-webkit-keyframes rotateOutDownLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} } @keyframes rotateOutDownLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} } .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft} @-webkit-keyframes rotateOutDownRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} } @keyframes rotateOutDownRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} } .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight} @-webkit-keyframes rotateOutUpLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} } @keyframes rotateOutUpLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} } .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft} @-webkit-keyframes rotateOutUpRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0} } @keyframes rotateOutUpRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0} } .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight} @-webkit-keyframes hinge { 0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0} } @keyframes hinge { 0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0} } .hinge{-webkit-animation-name:hinge;animation-name:hinge} @-webkit-keyframes rollIn { from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes rollIn { from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)} to{opacity:1;-webkit-transform:none;transform:none} } .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn} @-webkit-keyframes rollOut { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)} } @keyframes rollOut { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)} } .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} @-webkit-keyframes zoomIn { from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } @keyframes zoomIn { from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes zoomInDown { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomInDown { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown} @-webkit-keyframes zoomInLeft { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomInLeft { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft} @-webkit-keyframes zoomInRight { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomInRight { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight} @-webkit-keyframes zoomInUp { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomInUp { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} @-webkit-keyframes zoomOut { from{opacity:1} 50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} to{opacity:0} } @keyframes zoomOut { from{opacity:1} 50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} to{opacity:0} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} @-webkit-keyframes zoomOutDown { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomOutDown { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown} @-webkit-keyframes zoomOutLeft { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center} } @keyframes zoomOutLeft { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center} } .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft} @-webkit-keyframes zoomOutRight { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center} } @keyframes zoomOutRight { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center} } .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight} @-webkit-keyframes zoomOutUp { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomOutUp { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp} @-webkit-keyframes slideInDown { from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes slideInDown { from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown} @-webkit-keyframes slideInLeft { from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes slideInLeft { from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft} @-webkit-keyframes slideInRight { from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes slideInRight { from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight} @-webkit-keyframes slideInUp { from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes slideInUp { from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp} @-webkit-keyframes slideOutDown { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } @keyframes slideOutDown { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown} @-webkit-keyframes slideOutLeft { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } @keyframes slideOutLeft { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft} @-webkit-keyframes slideOutRight { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } @keyframes slideOutRight { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight} @-webkit-keyframes slideOutUp { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } @keyframes slideOutUp { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*aw_blog/css/style.css*/ .postWrapper{margin-bottom:30px} .postWrapper.gridView{width:49%;float:left;margin-right:1%} .postWrapper .postLeftColumn,.postWrapper .postLeftColumn img,.postWrapper .postRightColumn{width:100%} @media screen and (max-width : 999px) { .postWrapper.gridView{width:100%;float:none;margin-right:0} } .postTitle h2{font-size:20px;font-weight:400;margin:0;padding:0} .postTitle h3,.posttime{font-size:10px;margin:0;color:#b5b5b5;padding:2px 0} .postContent ul{list-style:disc outside;margin-bottom:1.5em} .postContent ul li{margin-left:2em} .postContent ol{list-style:decimal outside;margin-bottom:1.5em} .postContent ol li{margin-left:2em} .postBookmarks{padding-bottom:10px} .postBookmarks h4{font-size:12px;font-weight:700} .postBookmarks a.bm{display:inline-block} .postBookmarks img{display:inline} .commentWrapper{padding-bottom:15px} .commentContent{padding-bottom:0} .commentDetails{margin-bottom:5px;padding:0} .commentDetails h4.username{display:inline} .postError{font-size:16px} .tags{font-weight:700;padding-bottom:10px} .tags UL{display:inline} .tags UL LI{font-weight:400;display:inline;padding-right:6px} .tags h4{font-size:12px;font-weight:700} .menu-tags,.menu-categories,.menu-recent{margin:5px 9px} .menu-tags h5,.menu-categories h5,.menu-recent h5{font-size:11px} .block-blog .menu-tags UL LI{display:inline;padding:2px;margin-left:10px} .block-blog .menu-categories UL LI{margin-left:10px} .block-blog .menu-recent UL LI{margin-left:10px} .block-blog .menu-recent UL LI a,.block-blog .menu-categories UL LI a,.block-blog .menu-tags UL LI a{font-size:11px} .tag-count-1{font-size:1em!important} .tag-count-2{font-size:1.2em!important} .tag-count-3{font-size:1.4em!important} .tag-count-4{font-size:1.6em!important} .tag-count-5{font-size:1.8em!important} .tag-count-6{font-size:2em!important} .tag-count-7{font-size:2em!important} .tag-count-8{font-size:2em!important} .tag-count-9{font-size:2em!important} .tag-count-10{font-size:2em!important} .block-blog .head h4{padding-left:20px} .block-blog .block-title strong{background-image:url(https://www.leandrolopes.de/skin/frontend/ll/default/images/icon_blog.png);background-repeat:no-repeat;padding-left:21px;text-align:left} .postWrapper .poster{display:inline} .input-box.aw-blog-comment-area{width:100%} .widget-latest li{font-size:12px;padding:5px 10px} .block-blog .menu-categories{margin:0;padding:5px 9px} A.awblog_current_comment{text-decoration:none!important;font-weight:700!important} .block-blog .menu-categories UL LI a{display:block;width:100%;padding:5px 0} .menu-recent ul li{padding:10px 0;text-align:left} .menu-recent .RecentColumnLeft{float:left;width:30%} .menu-recent .RecentColumnLeft img{width:100%} .menu-recent .RecentColumnRight{float:left;width:70%;padding-left:10px} .blog-post-view .col-main,.blog-post-view .col-right{width:100%;float:none;padding:0} .blog-post-view .menu-categories,.blog-index-list .col-right{display:none} .blog-post-view .menu-recent{margin:0} .blog-post-view .block-blog .menu-recent UL LI{float:left;width:25%;margin-left:0; min-height: 240px;} .blog-post-view .menu-recent{display:inline-block;margin-bottom:30px} .blog-post-view .menu-recent .RecentColumnLeft{width:100%;padding:0 5px;float:none} .blog-post-view .menu-recent .RecentColumnRight{width:100%;line-height:normal} .blog-post-view .menu-recent .RecentColumnRight a{font-weight:600} .blog-post-view .postTitle h2{font-size:30px;padding:10px 0;text-align:center} .blog-post-view .postTitle h3,.posttime{text-align:center} .blog-post-view .main{font-size:13px;line-height:35px;letter-spacing:1.8px;padding:0 10%} .blog-post-view .main img{width:100%} .blog-post-view .main strong{font-weight:500} .tags a{padding:5px 10px;background-color:#f7f5f5;font-size:10px} .tags a:hover{padding:5px 10px;background-color:#e5e5e5;font-size:10px} @media screen and (min-width : 1000px) { .blog-index-list .col-main{width:100%;padding:0 7%!important} div.postWrapper .postRightColumn{width:80%;margin:-20px auto;background-color:#fff;position:relative;padding:20px} div.postWrapper:nth-child(3n+3){width:100%} div.postWrapper:nth-child(3n+3) .postLeftColumn{width:50%;float:left} div.postWrapper:nth-child(3n+3) .postRightColumn{width:50%;float:left;transform:translateY(50%);padding:50px 20px;margin-top:20px;margin-left:-50px;margin-right:0} div.postWrapper:nth-child(3n+3) .postTitle{margin-bottom:0} .postWrapper.gridView{margin-top:50px;margin-bottom:50px} } @media screen and (max-width : 999px) { .blog-post-view .main{padding:0 5px} .col-right.sidebar .block-blog .block-content{padding:0!important;border:0!important} .col-right.sidebar .block-blog .block-content .menu-recent UL LI{float:none;width:100%;margin-left:0} .blog-index-list .col-right.sidebar{display:none} } /*rwd/ll_19_ss18/ll/custom_1261.css*/ .ll-header{display:none} .head-logo,.menu{display:block} .ll-seperator{margin-top:55px} .menu{position:fixed;top:0;width:100%;z-index:9999;background-color:rgba(255,255,255,0.95)} .cbp-hrmenu{width:100%} .cbp-hrmenu .head-logo .logo-img{width:200px;padding-left:20px} .cbp-hrmenu ul{margin:0;padding:0;list-style-type:none;float:left} .cbp-hrmenu >ul,.cbp-hrmenu .cbp-hrsub-inner{width:100%;margin:0 auto;padding:0} .cbp-hrmenu .cbp-hrsub-inner{width:70%;max-width:1510px;margin:0 auto;padding:0 20px} .cbp-hrmenu >ul >li{display:inline-block} .cbp-hrmenu >ul >li.right{float:right} .cbp-hrmenu >ul >li >a{position:relative;font-weight:500;min-width:100px;padding:1.5em 2em;color:#000;display:inline-block;text-transform:uppercase;text-align:center} .cbp-hrmenu .right .fa{font-size:20px;margin-top:-10px} .cbp-hrmenu .right .fa:before{position:relative;top:-4px} .cartcount{position:absolute;top:5px;right:20%;background-color:red;padding:2px 5px;border-radius:10px;color:#fff;font-style:normal;font-weight:bolder;font-size:10px} .cbp-hrmenu >ul >li.cbp-hropen a,.cbp-hrmenu >ul >li.cbp-hropen >a:hover{color:#000;background:#f7f4f5} .cbp-hrmenu >ul >li.cbp-hropen div a{-webkit-transition:padding .3s ease-in-out;-moz-transition:padding .3s ease-in-out;-o-transition:padding .3s ease-in-out;transition:padding .3s ease-in-out;padding-left:20px} .cbp-hrmenu >ul >li.cbp-hropen div h4 a{padding-left:0} .cbp-hrmenu >ul >li.cbp-hropen div a:hover{padding-left:30px} .cbp-hrmenu >ul >li.cbp-hropen div h4 a:hover{padding-left:0} .cbp-hrmenu .cbp-hrsub{opacity:0;height:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;position:absolute;background:#f7f4f5;width:100%;left:0;z-index:999;-webkit-box-shadow:0 15px 14px -8px rgba(0,0,0,0.2);-moz-box-shadow:0 15px 14px -8px rgba(0,0,0,0.2);box-shadow:0 15px 14px -8px rgba(0,0,0,0.2)} .cbp-hropen .cbp-hrsub{opacity:1;height:auto} @media screen and (min-width:1000px) { .cbp-hrmenu .cbp-hrsub-inner{opacity:0;height:0} .cbp-hropen .cbp-hrsub-inner{opacity:1;height:auto} .cbp-hrmenu .cbp-hrsub-inner div{display:none} .cbp-hropen .cbp-hrsub-inner div{display:block} } .cbp-hrmenu .cbp-hrsub-inner >div{width:33%;float:left;padding:0 2em 2em} .cbp-hrmenu .cbp-hrsub-inner:before,.cbp-hrmenu .cbp-hrsub-inner:after{content:"";display:table} .cbp-hrmenu .cbp-hrsub-inner:after{clear:both} .cbp-hrmenu .cbp-hrsub-inner >div a{line-height:2em} .cbp-hrsub h4{color:#000;padding:2em 0 .6em;margin:0;font-size:160%;font-weight:300} .menu ul.submenu{list-style:none;text-align:center;font:bold 12px 'Open Sans Condensed',sans-serif;max-height:0;overflow:visible;-webkit-transition:max-height .4s linear;-moz-transition:max-height .4s linear;transition:max-height .4s linear} .cbp-hrmenu .cbp-hropen .cbp-hrsub-inner{display:block} .menu .close,.menu .back,.menu .menu-title,.menu .discover{display:none} .cbp-hrmenu .stores .cbp-hrsub-inner{width:90%;padding:30px 0} .cbp-hrmenu .stores .cbp-hrsub-inner div{width:20%} .cbp-hrmenu .stores .cbp-hrsub-inner div p{padding:3px 0;margin-top:15px;text-transform:uppercase} .current_store{padding-left:10px} @media screen and (min-width:1000px) { .cbp-hrmenu{width:100%;padding-left:250px} .head-logo{position:fixed;top:0;left:0;padding-left:10px;z-index:9999} .head-logo,.head-logo img{width:58px} .head-logo img{width:200px;padding-top:5px} .current_store{float:right} .cbp-hrmenu .right .label{position:absolute;bottom:8px;left:0;font-size:8px;width:100%;text-align:center} .cbp-hrmenu .hidden {display: none;} .cbp-hrmenu ul.level0 {width: 100%} .cbp-hrmenu .nav-1 li.level1, .cbp-hrmenu .nav-2 li.level1, .cbp-hrmenu .nav-4 li.level1 {width: 25%;float: left;} } @media screen and (max-width:999px) { .cbp-hrmenu .right .fa{font-size:20px;margin-top:0;margin-right:10px;float:left} .cbp-hrmenu .right .label{float:left} .head-logo{display:none} .menu .menu-title{display:block;padding:20px 10px;margin-bottom:0;color:#333;font-weight:600;height:55px;letter-spacing:4px;background-color:#f9f8f8} .cbp-hrmenu ul{width:100%;margin-left:-270px;-webkit-transition:margin .5s ease-out;-moz-transition:margin .5s ease-out;-o-transition:margin .5s ease-out;transition:margin .5s ease-out} .menu-open .cbp-hrmenu ul{margin-left:0} .cbp-hrmenu .cbp-hrsub-inner{width:100%;height:95%;overflow-y:scroll;-webkit-overflow-scrolling:touch;padding:0 0 50px} .cbp-hrmenu .cbp-hrsub-inner >div a{line-height:1.8em} .cbp-hrmenu >ul >li{display:list-item;border-top:1px solid #eaeaea;padding:0 15px} .cbp-hrmenu >ul >li a{padding:15px 0;font-size:12px;font-weight:400;letter-spacing:2.5px;text-transform:uppercase;overflow:hidden;width:100%;text-align:left} .cbp-hrsub h4,.cbp-hrmenu >ul >li h4 a{padding:5px;font-size:13px;font-weight:600} .cbp-hrmenu .cbp-hrsub-inner ul li a{padding:0;font-size:10px;font-weight:400;display:block;width:100%} .cbp-hrmenu .cbp-hrsub h4{font-size:13px;border-bottom:1px solid #eaeaea;padding:15px 10px} .cbp-hrmenu .cbp-hrsub h4:after{font-family:FontAwesome;content:"\f107";padding-left:5px;float:right;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out} .cbp-hrmenu .cbp-hrsub h4.subcat-open:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(180deg);transform:rotate(-180deg)} .cbp-hrmenu >ul >li.cbp-hropen a,.cbp-hrmenu >ul >li.cbp-hropen >a:hover{color:#000;background:#fff} .menu .close{display:none;left:225px;cursor:pointer;font-size:20px;width:48px;position:absolute;top:0} .menu{position:absolute;height:100vh!important;left:-270px;width:270px!important;z-index:9999;background:#fff;overflow:hidden} body.menu-open .menu{left:0} .cbp-hrmenu .cbp-hrsub{display:block;position:absolute;top:0;width:270px;height:100%;left:270px;-webkit-transition:all .65s ease;-moz-transition:all .65s ease;transition:all .65s ease;background:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none} .cbp-hrsub.submenu-open{opacity:1;left:0;overflow:hidden!important;-webkit-overflow-scrolling:touch;background-color:#fff;height:100%} .cbp-hrmenu .cbp-hrsub-inner >div{width:100%;padding:0} .menu li.right{width:33.3%} .menu li.storemenu{float:none;width:100%} .cbp-hrmenu >ul >li.right >a{display:inline-block;width:100%;text-align:center} .cbp-hrmenu >ul >li.storemenu >a{text-align:left} .menu a.submenu:after{font-family:FontAwesome;content:"\f105";padding-left:5px;float:right} .menu .right:not(.storemenu) a.submenu:after{content:''} .menu .back{display:block;padding:20px 10px;border-bottom:1px solid #eaeaea;height:56px;letter-spacing:4px;background-color:#f9f8f8} .menu .discover{display:block;padding:20px 10px;border-bottom:1px solid #eaeaea;height:56px;letter-spacing:4px;font-weight:600} .menu .discover:after{font-family:FontAwesome;content:"\f105";padding-left:5px;float:right} .cbp-hrmenu .back .fa{font-size:16px} .ll-mobileheader .ll-mobile-menu{display:none} .cbp-hrmenu .stores .cbp-hrsub-inner{padding:0 0 50px;width:100%} .cbp-hrmenu .stores .cbp-hrsub-inner div{width:100%} .cbp-hrmenu .stores .cbp-hrsub-inner div p{width:100%;margin-top:0} .cbp-hrmenu .stores .cbp-hrsub-inner div p strong{padding:.5em 0;font-size:15px;font-weight:600} .cbp-hrmenu .cbp-hrsub-inner ul li{padding:15px 25px;border-bottom:1px solid #eaeaea} .catalog-product-view .menu{top:0!important} .cbp-hrsub ul{display:none;width:100%!important;background-color:#f9f8f8} .ll-mobileheader{position:fixed;top:0;z-index:998;left:0;width:100vh} .ll-mobileheader .show-menu{position:inherit;left:0!important;z-index:10000!important;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-bottom:1px solid #eaeaea} .catalog-product-view .ll-seperator{margin-top:0} .delivery-preorder{padding-bottom:5px;padding-top:10px;background-color:rgba(255,255,255,0.75)} } .preorder-img .owl-buttons{display:block;position:absolute;top:45%;width:100%} .preorder-img .owl-theme .owl-controls .owl-buttons div{background:transparent;color:#000} .preorder-img .owl-prev{float:left} .preorder-img .owl-next{float:right} @media screen and (min-width:1000px) { .newsletter{z-index:2;position:relative;-webkit-box-shadow:0 -10px 12px 0 rgba(0,0,0,0.03);-moz-box-shadow:0 -10px 12px 0 rgba(0,0,0,0.03);box-shadow:0 -10px 12px 0 rgba(0,0,0,0.03)} .product-detail-preorder h1{display:none} .ll-prod-view .product-name,.ll-prod-view .h1{width:100%;text-align:center;font-size:20px;font-weight:300} .product-view.ll-prod-view .product-shop .price-info,.product-view .product-shop .product-detail-preorder .price-box .regular-price .price,.product-view.ll-prod-view .product-shop .price-info,.product-view .product-shop .price-box .regular-price .price{margin-bottom:10px;margin-top:10px;max-width:100%;width:100%;text-align:center;font-size:18px;font-weight:300} .preorder-form{border:1px solid #000;padding:15px;padding-bottom:50px} .preorder-form .preorder-label{text-align:right;text-transform:uppercase;font-weight:700;font-size:10px} .preorder-form .form-list select{width:100%;padding:15px 5px;border:1px solid #000} .preorder-form .form-list label{text-transform:uppercase;font-weight:600;font-size:12px} .preorder-form .input-text.validation-failed{border:2px solid #ff7f6a} .preorder-form .validation-advice{display:none} .set-10 .product-img-box{width:50%;margin-right:10%} .set-10 .product-img-box img{cursor:-webkit-grab;cursor:-moz-grab} .product-view.set-10 .product-shop{width:40%} .preorder-img{padding:70px} .category-products .category-title, .main-category-products .category-title {font-size:30px;padding-top:70px;text-transform:uppercase} .category-products.count-0 .category-title{padding-top:0} .category-products .products-grid .product-image img.set-9{padding:0 40px} .category-products .product figure.effect-chico:hover img{-webkit-transform:none;transform:none} .category-products .product .mobile-product-details{display:none} .category-products .product{float:left;width:24.9%} .category-products.column3 .product{width:33.3%;padding:0 70px} .category-products .product .list-product-details{display:inline-block;height:120px;padding-top:15px;margin-bottom:20px;-webkit-transition:all 750ms;-moz-transition:all 750ms;-ms-transition:all 750ms;-o-transition:all 750ms;transition:all 750ms} .category-products .product .hover .list-product-details{padding-top:0;margin-bottom:20px} .category-products .product .list-product-details h3{text-align:center;color:#f4f4f4;font-size:13px;padding-top:5px;-webkit-transition:all 750ms;-moz-transition:all 750ms;-ms-transition:all 750ms;-o-transition:all 750ms;transition:all 750ms} .category-products .product .hover .list-product-details h3{color:#000} .category-products .product .list-product-details .price-box .price{color:#f4f4f4;font-size:13px;-webkit-transition:all 1500ms;-moz-transition:all 1500ms;-ms-transition:all 1500ms;-o-transition:all 1500ms;transition:all 1500ms} .category-products .product .hover .list-product-details .price-box .price{color:#000} .category-products .product .hover .list-product-details .price-box .old-price .price{color:#a0a0a0} .category-products .product .list-product-details .config_sizes{color:#f4f4f4;font-size:11px;-webkit-transition:all 1500ms;-moz-transition:all 1500ms;-ms-transition:all 1500ms;-o-transition:all 1500ms;transition:all 1500ms} .category-products .product .hover .config_sizes{color:#000} .category-products .product .list-product-details .config_sizes span{padding:3px} } .config_sizes .size-sold{text-decoration:line-through} @media screen and (min-width:1200px) { .category-products .products-grid .product-image img.set-9{padding:0} .category-products .product{min-height:300px} } @media screen and (min-width:1600px) { .category-products .products-grid .product-image img.set-9{padding:0} .category-products .product{min-height:350px} } @media screen and (min-width:1800px) { .category-products .products-grid .product-image img.set-9{padding:0} .category-products .product{min-height:500px} } @media screen and (min-width:2200px) { .category-products .products-grid .product-image img.set-9{padding:0} .category-products .product{min-height:800px} } @media screen and (max-width:999px) { .category-products .category-title, .main-category-products .category-title {font-size:16px;text-transform:uppercase;padding-top:0;width:100%;text-align:center} .category-products.count-0 .category-title{padding-top:0} .category-products .product{float:left;width:50%;padding-bottom:0} .mobile-product-details{padding:5% 0} .products-grid .product-name,.products-list .product-name{font-size:12px;text-align:center} .category-products .product .list-product-details{height:60px} } .exclusive .images{width:100%;text-align:center} .exclusive .images img{width:90%;max-width:1500px} @media screen and (max-width:999px) { .exclusive .images section{height:60vh} } .exclusive .row{width:100%;height:90vh;margin-bottom:1px} .exclusive .row .column{float:left;width:50%;height:100%;background-size:cover;background-color:#f7f7f7} .exclusive h1.title{font-size:45px;font-weight:300;text-transform:uppercase;color:#000;padding:10px;margin-bottom:0;text-align:center} .exclusive .row .column h2.title{font-size:40px;font-weight:300;text-transform:uppercase;color:#fff;background-color:rgba(0,0,0,0.33);padding:30px} .exclusive .heading h2.title{font-size:35px;font-weight:300;text-transform:uppercase;color:#000;padding:90px 30px 0;text-align:center} .exclusive h3.title{font-size:30px;font-weight:300;text-transform:uppercase;color:#000;padding:10px;text-align:center} .exclusive h4.subtitle{font-size:20px;font-weight:300;text-transform:uppercase;color:#000;padding-bottom:10px;margin-top:20px;border-bottom:1px solid #fff} .exclusive h4.subtitle.first{margin-top:0} .exclusive .heading p.subtitle{text-align:center;padding:10px 0 30px;color:#767676} .exclusive .row p,.exclusive .row ul li{line-height:2} .exclusive .row ul{padding:10px 30px} .exclusive .row ul li{list-style-type:disc;padding-left:10px} .exclusive .row .column .content.right{width:100%;padding:15px} .exclusive .row .column .content.right .description{background-color:#f7f7f7;padding:20px} .exclusive .row .column .content.right .description .signup{text-align:center;padding:15px 0} .flex-cc{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex} @media screen and (max-width:999px) { .exclusive .row{height:100%;display:inline-block} .exclusive .row .column{width:100%;min-height:700px} .exclusive .row .column h2.title{display:none} .flex-cc{display:block} .exclusive .heading h2.title{margin-top:10px} } @media screen and (max-width:480px) { .exclusive .row .column{min-height:400px} } .exclusive .request-form .left{float:left;height:100%;width:35%;background-image:url(/media/upcoming/left-2.jpg);background-size:cover} .exclusive .request-form .right{float:right;width:65%;padding:25px 15px} .exclusive .request-form h1,.exclusive .request-form div.validation-advice{display:none} .exclusive .request-form .close-reqest-form{display:block;position:absolute;border:none;background-color:transparent;top:0;right:0;padding:0} .exclusive .request-form .form-list >li{margin:10px 0;width:100%;float:none;padding:0} .exclusive .request-form .input-text{border:2px solid #ececec;padding:15px 10px} .exclusive .request-form .input-text:hover{border:2px solid #ccc} .exclusive .request-form .input-text.validation-failed{border:2px solid #ff7f6a} .exclusive .request-form .form-list,.exclusive .request-form .formsfooter{padding:20px} .exclusive .request-form{position:fixed;-webkit-transition-property:opacity,visibility;-moz-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-timing-function:cubic-bezier(.77,0,.175,1);-moz-transition-timing-function:cubic-bezier(.77,0,.175,1);transition-timing-function:cubic-bezier(.77,0,.175,1);-webkit-transition-duration:.5s,.5s,0;-moz-transition-duration:.5s,.5s,0;transition-duration:.5s,.5s,0;-webkit-transition-delay:0,0;-moz-transition-delay:0,0;transition-delay:0,0;background:rgba(29,29,31,.7);top:0;right:0;bottom:auto;left:0;opacity:0;height:0;z-index:100;visibility:hidden;overflow:hidden} .exclusive .request-form .form-holder{display:block;position:relative;position:absolute;-webkit-transition:opacity 500ms ease-in-out;-moz-transition:opacity 500ms ease-in-out;transition:opacity 500ms ease-in-out;width:70%;max-width:1100px;min-width:900px;height:370px;opacity:0;margin:auto;top:50%;left:50%;font-size:0;-webkit-transform:translate(-50%,-150px);-moz-transform:translate(-50%,-150px);-ms-transform:translate(-50%,-150px);-o-transform:translate(-50%,-150px);transform:translate(-50%,-150px);background-color:#fff} .exclusive .request-form.show{opacity:1;visibility:visible;height:auto;bottom:0;-webkit-transition-property:opacity,visibility;-moz-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-timing-function:cubic-bezier(.77,0,.175,1);-moz-transition-timing-function:cubic-bezier(.77,0,.175,1);transition-timing-function:cubic-bezier(.77,0,.175,1);-webkit-transition-duration:.5s,.5s;-moz-transition-duration:.5s,.5s;transition-duration:.5s,.5s;-webkit-transition-delay:0;-moz-transition-delay:0;transition-delay:0;z-index:9999} .exclusive .request-form.show .form-holder{opacity:1;-webkit-transition:opacity 500ms ease-in-out 600ms;-moz-transition:opacity 500ms ease-in-out 600ms;transition:opacity 500ms ease-in-out 600ms} .fa-popup .inner{width:100%;height:100%;font-size:12px;letter-spacing:1px;line-height:23px} .fa-popup .inner .left{float:left;width:40%;height:100%;padding:20px 0;background-image:none} .fa-popup .inner .right{float:left;width:60%;height:100%;padding:15px 0} .fa-popup .inner .right .content{width:100%;height:100%;border-left:1px solid #eaeaea;padding:10px 15px} .fa-popup .inner .right .content h2{width:100%;font-size:20px;font-weight:300;text-align:center;text-transform:uppercase;padding-bottom:5px} .fa-popup .inner .right .content p{text-align:center} .fa-popup .inner .right .content hr{margin:15px 0;border:0;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(167,167,167,0.75),rgba(0,0,0,0))} @media screen and (max-width:999px) { .exclusive .request-form .form-holder{max-width:95%;min-width:95%;width:95%;padding:5px;height:inherit} .exclusive .formsfooter,.exclusive .formsfooter button{width:100%} .exclusive .request-form .left{display:none} .exclusive .request-form .right{width:100%} .fa-popup .request-form{z-index:99999;height:100%;overflow:scroll} .fa-popup .request-form .form-holder{top:160px} .fa-popup .inner .left{display:block;width:100%;height:140px;text-align:center;padding:5px 0} .fa-popup .inner .left img{max-width:180px} .fa-popup .inner .right{padding:0} .fa-popup .inner .right .content{border-left:0} .fa-popup .inner .right .content h2{font-size:15px;padding-bottom:2px} .fa-popup .inner .right .content hr{margin:15px 0} } @media screen and (min-width:1000px) { .nl-popup .form-holder{max-width:600px!important;height:290px!important} .nl-popup.exclusive .heading h2.title{font-size:24px!important;padding:55px 0 0!important} .nl-popup .block.block-subscribe{padding:0 50px!important} .nl-popup p.subtitle{font-size:12px} .nl-popup.celebrities .form-holder{max-width:600px!important;height:260px!important} } @media screen and (max-width:999px) { .nl-popup.exclusive .heading h2.title{font-size:20px!important;padding:10px 0 0!important} .nl-popup .block.block-subscribe{padding:0 20px!important} .nl-popup p.subtitle{font-size:10px} } .nl-popup.celebrities .request-form .form-holder{top:50%} .nl-popup.celebrities .form-holder hr{margin:30px 50px;border:0;border-bottom:1px solid #e0e0e0} .nl-popup.celebrities .form-holder h3{margin:30px 0 20px;padding:0;font-size:16px} .nl-popup.celebrities .celImages{margin:0 50px} .nl-popup.celebrities .celImages .box{width:33.331%;float:left} .nl-popup.celebrities .celImages .box:nth-child(1){padding-left:0;padding-right:30px} .nl-popup.celebrities .celImages .box:nth-child(2){padding-left:15px;padding-right:15px} .nl-popup.celebrities .celImages .box:nth-child(3){padding-left:30px;padding-right:0;float:right} .nl-popup.celebrities .celImages .box img{width:100%} .nl-popup.celebrities .celImages .box{overflow:hidden;-webkit-filter:grayscale(100%);filter:grayscale(100%);cursor:pointer} .nl-popup.celebrities .celImages .box:hover{-webkit-filter:grayscale(0%);filter:grayscale(0%);cursor:pointer} @media screen and (max-width:999px) { .nl-popup.celebrities .form-holder hr{margin:30px 20px} .nl-popup.celebrities .celImages{margin:0 20px} .nl-popup.celebrities .celImages .box{margin-bottom:20px} .nl-popup.celebrities .celImages .box:nth-child(1){padding-left:0;padding-right:10px} .nl-popup.celebrities .celImages .box:nth-child(2){padding-left:5px;padding-right:5px} .nl-popup.celebrities .celImages .box:nth-child(3){padding-left:10px;padding-right:0;float:right} } @media screen and (max-width:667px) { .nl-popup.celebrities .form-holder h3,.nl-popup.celebrities .heading h2.title{font-size:12px!important} } .nl-popup .nl-info {font-size: 11px; text-align: center; padding-top: 10px;} .ll-prod-view .product-shop{position:fixed;right:20px;top:110px;z-index:1;background-color:rgba(255,255,255,0.9)} .ll-prod-view .form-list >li{margin:10px 0;width:100%;float:none;padding:0 10px} .ll-prod-view .ll-prod-switch{height:30px} .ll-prod-view .ll-prod-switch .ll-button{float:left;width:33.3%;text-align:center;padding:10px;text-transform:uppercase;cursor:pointer} .ll-prod-view .ll-prod-switch .ll-button:hover{background-color:#fbf6f6} .ll-prod-view .ll-desc,.ll-prod-view .ll-shipping,.ll-prod-view .ll-sizechart{position:fixed;top:120px;right:20px;height:100%;z-index:2;line-height:22px;letter-spacing:2px;background-color:rgba(255,255,255,0.97);display:none} .ll-prod-view .ll-desc .inner,.ll-prod-view .ll-shipping .inner,.ll-prod-view .ll-sizechart .inner{height:80%;overflow-y:auto} .ll-prod-view .ll-desc,.ll-prod-view .ll-desc ul{font-weight:200!important;line-height:22px!important;letter-spacing:2px!important;font-family:'Open Sans',sans-serif!important} .ll-prod-view .ll-sizechart{background-color:rgba(255,255,255,1)} .ll-prod-view .ll-desc p,.ll-prod-view .ll-shipping p{padding:10px 0} .ll-prod-view .ll-desc ul{list-style-type:disc;padding:10px 30px} .ll-prod-view .ll-desc ul li{padding-left:10px} .ll-prod-view .ll-sizechart table{width:100%;margin-top:10px;border-collapse:collapse;cursor:pointer} .ll-prod-view .ll-sizechart table,.ll-prod-view .ll-sizechart th,.ll-prod-view .ll-sizechart td{border:2px solid #fff;padding:3px 0} .ll-prod-view .ll-sizechart table tr:nth-child(even){background:#f6f6f6} .ll-prod-view .ll-sizechart table tr:nth-child(odd){background:transparent} .ll-prod-view .ll-sizechart table tr:hover{background:#eaeaea} .ll-prod-view .ll-sizechart table tr th{font-size:13px;font-weight:600;text-transform:uppercase} .ll-prod-view .ll-sizechart table tr th,.ll-prod-view .ll-sizechart table tr td{text-align:center} .ll-prod-view .product-image-gallery{position:relative;margin:100px 0} .ll-prod-view .more-views{position:fixed;left:3px;top:130px;z-index:1} .ll-prod-view .product-image-thumbs li{display:block;padding:5px 0} .ll-prod-view .product-image-thumbs a#overlaylink:hover{border-color:#f6f6f6} .ll-prod-view .notsaleable{margin:50px 0;font-size:24px;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg)} .ll-prod-view .media-notsaleable{position:absolute;left:50%;top:48%;margin-left:-200px;margin-top:-100px;font-size:40px;font-weight:300;text-transform:uppercase;color:#fff;background-color:rgba(0,0,0,0.33);padding:30px} .ll-toggle-prod-details,.ll-close-prod-details{display:none} .preorder-form .form-list .input-text{margin-bottom:5px} @media screen and (max-width:999px) { .ll-prod-view .product-shop{position:initial;margin-bottom:0} .ll-toggle-prod-details{display:block;float:left;width:35%;line-height:40px;font-size:14px;text-transform:uppercase} .product-view.ll-prod-view .product-shop .price-info{margin-top:0} .ll-prod-details{display:none;width:100%!important;position:fixed;top:0;left:0;height:100vh;background-color:#fff;z-index:9999} .ll-prod-view .ll-desc,.ll-prod-view .ll-shipping,.ll-prod-view .ll-sizechart{position:fixed;top:50px!important;right:0!important;padding:0 10px;width:100%!important;height:80vh!important;overflow:scroll} .ll-prod-view .ll-prod-switch .ll-button{font-size:10px;padding:20px 2px} .ll-close-prod-details{position:fixed;bottom:10px;left:0;right:0;width:90%!important;margin:0 auto;padding:10px 0;border:1px solid #000;z-index:9999;text-align:center;text-transform:uppercase;background-color:#fff} .preorder-form .preorder-label{width:100%;text-align:right;font-size:10px;padding:1px 0 5px;font-weight:600;text-transform:uppercase;border-top:1px solid #000} .preorder-form input.input-text{border:1px solid #f6f6f6;background-color:#f6f6f6;font-size:11px} .preorder-form input.input-text:focus{border:1px solid #eaeaea;background-color:#f6f6f6} .preorder-form input.input-text.validation-failed{border:2px solid #ff7f6a} .preorder-form .validation-advice{display:none} .preorder-form .formsfooter,.preorder-form .formsfooter button{width:100%} .preorder-form .formsfooter{border-bottom:1px solid #000;padding-bottom:5px} .ll-prod-view .form-list >li{margin:10px 0;padding:0} .ll-prod-view .product-options-bottom,.col1-layout .col-main{border-bottom:none;margin-bottom:0} #checkout-step-login h3{font-size:11px;text-align:center} #checkout-step-login .col2-set .form-list .control label{width:100%;font-size:12px;text-align:left} #checkout-step-login .col2-set .col-1{border-bottom:1px solid #000} #checkout-step-login .input-text,.form-list .input-text{margin-bottom:0} .catalog-product-view .newsletter,.catalog-product-view .footer-container,.ll-prod-view .add-to-links,.checkout-onepage-index .newsletter,.checkout-onepage-index .footer-container,.size-chart-mobile{display:none} } .preorder-form .legend,.preorder-form .buttons-set .required,.preorder-form .buttons-set .back-link{display:none} .preorder-form .control.newsletter{display:none} .preorder-form .subtitle{text-align:center;padding:20px 0;font-size:11px} .category-products .product img{-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out} .category-products .product img.bottom{position:absolute;width:100%;top:0;left:0;z-index:1;opacity:0} .category-products .product img.bottom:hover,.category-products .product .hover img.bottom{opacity:1} .category-products .product .hover img.bottom.soldout{opacity:0} .category-products .product .hover img.top.soldout{opacity:.35} .box-up-sell .grid{text-align:center} .products-grid >li{width:30.8642%!important;padding:0 100px} .products-grid .product-image img{z-index:0} .box-up-sell{z-index:2;background-color:#fff;border-top:1px solid #F3F3F3} @media screen and (max-width:999px) { .box-up-sell{display:none} } /*rwd/ll_19_ss18/ll17/simplegrid.css*/ [class*='grid'],[class*='col-'],[class*='mobile-'],.grid:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} [class*='col-']{float:left;min-height:1px;padding-right:20px} [class*='col-'] [class*='col-']:last-child{padding-right:0} .grid{width:100%;min-width:748px;margin:0 auto;overflow:hidden} .grid:after{content:"";display:table;clear:both} .grid-pad{padding-top:0;padding-right:0} .push-right{float:right} .col-1-1{width:100%} .col-2-3,.col-8-12{width:66.66%} .col-1-2,.col-6-12{width:50%} .col-1-3,.col-4-12{width:33.33%} .col-1-4,.col-3-12{width:25%} .col-1-5{width:20%} .col-1-6,.col-2-12{width:16.667%} .col-1-7{width:14.28%} .col-1-8{width:12.5%} .col-1-9{width:11.1%} .col-1-10{width:10%} .col-1-11{width:9.09%} .col-1-12{width:8.33%} .col-11-12{width:91.66%} .col-10-12{width:83.333%} .col-9-12{width:75%} .col-5-12{width:41.66%} .col-7-12{width:58.33%} .push-2-3,.push-8-12{margin-left:66.66%} .push-1-2,.push-6-12{margin-left:50%} .push-1-3,.push-4-12{margin-left:33.33%} .push-1-4,.push-3-12{margin-left:25%} .push-1-5{margin-left:20%} .push-1-6,.push-2-12{margin-left:16.667%} .push-1-7{margin-left:14.28%} .push-1-8{margin-left:12.5%} .push-1-9{margin-left:11.1%} .push-1-10{margin-left:10%} .push-1-11{margin-left:9.09%} .push-1-12{margin-left:8.33%} @media handheld,only screen and (max-width: 767px) { .vmiddle{padding:30px 0} .grid{width:100%;min-width:0;margin-left:0;margin-right:0;height:100%;display:table-cell;vertical-align:middle;width:10000px} [class*='col-']{width:auto;float:none;margin:5em 0;padding-left:0;padding-right:10px} [class*='col-'] [class*='col-']{padding-right:0} [class*='mobile-col-']{float:left;margin:0 0 10px;padding-left:0;padding-right:10px;padding-bottom:0} .mobile-col-1-1{width:100%} .mobile-col-2-3,.mobile-col-8-12{width:66.66%} .mobile-col-1-2,.mobile-col-6-12{width:50%} .mobile-col-1-3,.mobile-col-4-12{width:33.33%} .mobile-col-1-4,.mobile-col-3-12{width:25%} .mobile-col-1-5{width:20%} .mobile-col-1-6,.mobile-col-2-12{width:16.667%} .mobile-col-1-7{width:14.28%} .mobile-col-1-8{width:12.5%} .mobile-col-1-9{width:11.1%} .mobile-col-1-10{width:10%} .mobile-col-1-11{width:9.09%} .mobile-col-1-12{width:8.33%} .mobile-col-11-12{width:91.66%} .mobile-col-10-12{width:83.333%} .mobile-col-9-12{width:75%} .mobile-col-5-12{width:41.66%} .mobile-col-7-12{width:58.33%} .hide-on-mobile{display:none!important;width:0;height:0} } .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .bg-black{background-color:#000} .bg-black h3,.bg-black p{color:#fff} .bg-white{background-color:#fff} .bg-white h3,.bg-white p{color:#000} .bg-lightgrey{background-color:#eaeaea} .bg-lightgrey h3,.bg-lightgrey p{color:#000} @media handheld,only screen and (max-width: 767px) { .m-text-white{color:#fff} .m-bg-black-transparent{background-color:rgba(0,0,0,0.2)} .bottom .fp-tableCell{vertical-align:bottom} } @media screen and (min-width : 768px) { .hide-on-desktop{display:none!important} .eq-height{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex} .eq-height .content{height:100%} .vmiddle{position:absolute;top:50%;margin-top:-60px;width:40%} } /* fullPage 2.9.2 */ html.fp-enabled,.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)} #superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none} .fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .fp-slide{float:left} .fp-slide,.fp-slidesContainer{height:100%;display:block} .fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out} .fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%} .fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%} .fp-slidesContainer{float:left;position:relative} .fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent rgba(0,0,0,0.15) transparent transparent} .fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent rgba(0,0,0,0.15)} .fp-scrollable{overflow:hidden;position:relative} .fp-scroller{overflow:hidden} .iScrollIndicator{border:0!important} .fp-notransition{-webkit-transition:none!important;transition:none!important} #fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)} #fp-nav.right{right:-4px} #fp-nav.left{left:17px} .fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .fp-slidesNav.bottom{bottom:17px} .fp-slidesNav.top{top:17px} #fp-nav ul,.fp-slidesNav ul{margin:0;padding:0} #fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative} .fp-slidesNav ul li{display:inline-block} #fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none} #fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%} #fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out} #fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px} #fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer} #fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1} #fp-nav ul li .fp-tooltip.right{right:20px} #fp-nav ul li .fp-tooltip.left{left:20px} .fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:auto!important} .fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell{height:auto!important} /*ll17/custom.css*/ .breadcrumbs{display:none} .wrapper{min-height:0} .fp-enabled body.menu-open{overflow:visible} .fp-enabled .ll-seperator{margin-top:0} .fp-enabled body.menu-open .ll-seperator{margin-top:55px} .fp-enabled .main-container{padding:0!important} .fp-slides{padding:0!important} @media screen and (min-width : 1000px) { .slide.home1{background-image:url(/media/fw17/leandro-lopes-fw17-1.jpg)} .slide.home2{background-image:url(/media/fw17/leandro-lopes-fw17-2.jpg)} .slide.home3{background-image:url(/media/fw17/leandro-lopes-fw17-3.jpg)} .fp-slide{background-position-y:54px} .slide .box h2{font-size:26px;font-weight:400;margin-bottom:0} .slide .box h3{font-size:14px;font-weight:300;letter-spacing:6px} .cat h3{font-size:26px;letter-spacing:4px;margin-bottom:0;font-weight:300} .cat p.subline{font-size:9px;letter-spacing:5px} } @media screen and (max-width : 999px) { .slide.home1{background-image:url(/media/fw17/leandro-lopes-fw17-1-mobile.jpg)} .slide.home2{background-image:url(/media/fw17/leandro-lopes-fw17-1-mobile.jpg)} .slide.home3{background-image:url(/media/fw17/leandro-lopes-fw17-1-mobile.jpg)} .fp-slide{background-position-y:30px} .slide .box h2{font-size:16px;font-weight:400;margin-bottom:0} .slide .box h3{font-size:10px;font-weight:300;letter-spacing:2px} .cat h3{font-size:20px;letter-spacing:4px;margin-bottom:0;font-weight:300} .cat p.subline{font-size:10px;letter-spacing:2px} .fp-enabled .main{padding-top:0} .fp-enabled .col-main{margin:0} } @media handheld,only screen and (max-width: 767px) { .category-spring-summer-2017 #fp-nav{display:none} .mobile-men{background-image:url(/media/fw17/mobile-menswear-1.jpg);background-position-x:center;background-repeat:no-repeat;background-size:cover} .mobile-men-clothing{background-image:url(/media/fw17/mobile-menswear-1.jpg);background-position-x:center;background-repeat:no-repeat;background-size:cover} .mobile-men-footwear{background-image:url(/media/ss17/mobile-men-footwear.jpg);background-position-x:center;background-repeat:no-repeat;background-size:cover} .mobile-women{background-image:url(/media/fw17/mobile-womenswear-1.jpg);background-position-x:center;background-repeat:no-repeat;background-size:cover} .mobile-women-clothing{background-image:url(/media/fw17/mobile-womenswear-1.jpg);background-position-x:center;background-repeat:no-repeat;background-size:cover} .mobile-women-footwear{background-image:url(/media/ss17/mobile-women-footwear.jpg);background-position-x:center;background-repeat:no-repeat;background-size:cover} body.ge-show .scrollTop { display: none; } body.ge-show #corner-popup { display: block; margin: 10px auto; left: 15px; right: 15px; width: 90%; max-width: 400px; font-size: 10px; line-height: 14px; padding: 5px; border-radius: 10px; -webkit-box-shadow: 0px -5px 8px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px -5px 8px -4px rgba(0,0,0,0.75); box-shadow: 0px -5px 8px -4px rgba(0,0,0,0.75); } #corner-popup.popup-xs select.flags { height: 40px; color: #333; padding: 0 10px; background-color: #eaeaea; border: 1px solid transparent; -webkit-appearance: none; background-image: url('/media/down.svg'); background-repeat: no-repeat; background-position: 98% 50%; background-size: 25px; } #corner-popup.popup-xs .corner-close { bottom: 15px; } } .fp-slide{background-position-x:center;background-repeat:no-repeat;background-size:cover} .section.full-cover{background-position-x:center;background-position-y:initial;background-repeat:no-repeat;background-size:cover;text-align:center} .section.full-contain{background-position-x:center;background-position-y:initial;background-repeat:no-repeat;background-size:contain;text-align:center} @media handheld,only screen and (max-width: 767px) { .section.full-cover,.section.full-contain{background-position-y:center;background-size:contain} } .slide .box{padding:20px 50px;background-color:rgba(0,0,0,0.05)} .text-white{color:#fff} .fp-controlArrow{border:0;margin-top:-15px;background-repeat:no-repeat;background-size:cover} .fp-controlArrow.fp-prev{border-top:1px solid #fff;border-left:1px solid #fff;transform:rotate(-54deg) skew(-20deg);width:25px;height:25px} .fp-controlArrow.fp-next{border-top:1px solid #fff;border-left:1px solid #fff;transform:rotate(126deg) skew(-20deg);width:25px;height:25px} @media screen and (max-width : 999px) { .ll-prod-view .product-shop{padding: 0 15px} .ll-prod-view .product-shop.stock{z-index:999;background-color:#fff} } @media screen and (max-width : 999px) { .category-products .product{padding-bottom:10px;padding-top:10px} } @media screen and (min-width : 1000px) { .cat p.subline:after{-webkit-transition:all 750ms ease-in-out;-moz-transition:all 750ms ease-in-out;transition:all 750ms ease-in-out;content:"";position:absolute;top:15%;width:20px;right:-50px;height:1px;background:#000;z-index:99} .cat p.subline.left:after{left:-50px} .fp-completely .cat p.subline:after{width:200px!important} } .button--discover{padding:0 20px;overflow:hidden;background:#000;-webkit-transition:background-color .3s;transition:background-color .3s;margin-top:30px} .button--discover > span{display:inline-block;padding:8px 0} .button--discover:hover{background-color:#404040} .button--discover:hover > span:nth-child(odd){-webkit-animation:anim-discover-1 .5s forwards;animation:anim-discover-1 .5s forwards} .button--discover:hover > span:nth-child(even){-webkit-animation:anim-discover-2 .5s forwards;animation:anim-discover-2 .5s forwards} .button--discover:hover > span:nth-child(odd),.button--discover:hover > span:nth-child(even){-webkit-animation-timing-function:cubic-bezier(0.75,0,0.125,1);transition-animation-function:cubic-bezier(0.75,0,0.125,1)} @-webkit-keyframes anim-discover-1 { 0%,100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 49%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} 50%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);color:inherit} 51%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);color:#fff} 100%{color:#fff} } @keyframes anim-discover-1 { 0%,100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 49%{opacity:1;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} 50%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);color:inherit} 51%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);color:#fff} 100%{color:#fff} } @-webkit-keyframes anim-discover-2 { 0%,100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 49%{opacity:1;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} 50%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);color:inherit} 51%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);color:#fff} 100%{color:#fff} } @keyframes anim-discover-2 { 0%,100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 49%{opacity:1;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} 50%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);color:inherit} 51%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);color:#fff} 100%{color:#fff} } .button--discover:hover > span:nth-child(1){-webkit-animation-delay:0;animation-delay:0} .button--discover:hover > span:nth-child(2){-webkit-animation-delay:.05s;animation-delay:.05s} .button--discover:hover > span:nth-child(3){-webkit-animation-delay:.1s;animation-delay:.1s} .button--discover:hover > span:nth-child(4){-webkit-animation-delay:.15s;animation-delay:.15s} .button--discover:hover > span:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s} .button--discover:hover > span:nth-child(6){-webkit-animation-delay:.25s;animation-delay:.25s} .button--discover:hover > span:nth-child(7){-webkit-animation-delay:.3s;animation-delay:.3s} .button--discover:hover > span:nth-child(8){-webkit-animation-delay:.35s;animation-delay:.35s} .button--discover:hover > span:nth-child(9){-webkit-animation-delay:.4s;animation-delay:.4s} .button--discover:hover > span:nth-child(10){-webkit-animation-delay:.45s;animation-delay:.45s} .button--discover:hover > span:nth-child(11){-webkit-animation-delay:.5s;animation-delay:.5s} /*ll19_custom*/ @media screen and (min-width: 1000px) { .menu{border-top:2px solid #dd21ff;background-color:rgba(253,253,253,0.25)} .menu:hover{border-top:2px solid #dd21ff;background-color:rgba(253,253,253,1)} .cbp-hrmenu .cbp-hrsub-inner >div{width:25%} .cbp-hrmenu > ul > li > a{transition:all 500ms cubic-bezier(.39,.575,.565,1)} .cbp-hrmenu .cbp-hrsub,.cbp-hrmenu >ul >li.cbp-hropen a,.cbp-hrmenu >ul >li.cbp-hropen >a:hover,.cbp-hrmenu >ul >li >a:hover{background:#fbeeee} .cbp-hrmenu >ul >li a.submenu{position:relative} .cbp-hrmenu >ul >li a.submenu span:before{-webkit-transition:all .65s;-moz-transition:all .65s;-o-transition:all .65s;transition:all .65s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);content:"";position:absolute;left:50%;bottom:10px;width:0;height:2px;background:#dd21ff;z-index:1} .cbp-hrmenu >ul >li.cbp-hropen a.submenu span:before{width:70%} .cbp-hrmenu >ul >li.cbp-hropen a.inactive{color:#ccc} .cbp-hrmenu >ul >li.cbp-hropen a.inactive:hover{padding-left:20px} .cbp-hrmenu >ul >li .sub-point h4{position:relative} .cbp-hrmenu >ul >li .sub-point h4:before{content:"";position:absolute;left:0;bottom:10px;width:80%;height:2px;background:#dd21ff;z-index:1} .cbp-hrmenu >ul >li.cbp-hropen div.submenu{margin-left:-80px;min-height:300px;border-right:5px solid #fff} .cbp-hrmenu >ul >li.cbp-hropen div.submenu a:hover{padding-left:20px;text-decoration:underline} .cbp-hrmenu >ul >li.cbp-hropen div.submenu h4 a:hover{padding-left:0;text-decoration:none} .cbp-hrmenu li.sub-discover{padding-top:10px} } @media screen and (max-width: 999px) { .show-menu{border-top:4px solid #dbbcb9;background-image:url(/media/wappen.svg)!important;background-size:contain!important} .cbp-hrmenu .cbp-hrsub-inner >div{width:100%} .cbp-hrmenu >ul >li div.submenu,.top-header{display:none} .menu .discover{height:54px} .cbp-hrmenu >ul >li div.sub-point{background-color:#f3f3f3;width:100%!important} .menu .show-cat:after{font-family:FontAwesome;content:"\f107";padding-left:5px;float:right;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out} .menu .subcat-open.show-cat:after{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(180deg);ransform:rotate(-180deg)} } .cbp-hrmenu >ul >li div.sub-hidden{display:none} .btn-cart{background-color:#dbbcb9!important;text-shadow:0 -1px #ab9897} .btn-cart:hover{background-color:#bfa4a2!important} .videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0} .videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%} body,button,input,select,table,textarea,.footer,.footer button{font-family:'Open Sans',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-size:12px;line-height:1.5;letter-spacing:1px;text-shadow:none} body,.wrapper,.footer-container,#newsletter-signup,#rst-modal,#rst-modal>#rst-modal-shadow{background-color:#f5f9f3} body.category-the-history, .category-the-history .wrapper, .category-the-history .footer-container, .category-the-history #newsletter-signup, .category-the-history#rst-modal, .category-the-history #rst-modal>#rst-modal-shadow{background-color: #fff} .ll-prod-view .ll-desc,.ll-prod-view .ll-desc ul,.ll-prod-view .ll-desc,.ll-prod-view .ll-shipping,.ll-prod-view .ll-sizechart{font-family:'Open Sans',sans-serif!important;letter-spacing:1px!important;font-size:12px;line-height:18px!important} .category-title span{font-size:11px} .category-products.ss18 .product{margin:0} .category-products.ss18 .product .product-title{color:#f4f4f4;font-weight:700;text-align:center;text-shadow:1px 1px #fff;margin-top:0} .category-products.ss18 .product .hover .product-title,.category-products .product .hover .list-product-details h3,.category-products .product .hover .list-product-details .price-box .price,.category-products .product .hover .config_sizes{color:#dd21ff} .category-products .product .hover .list-product-details .price-box .old-price .price{color:#a0a0a0} .category-products .product .list-product-details{display:inline-block;height:120px;padding-top:15px;margin-bottom:20px;-webkit-transition:all 750ms;-moz-transition:all 750ms;-ms-transition:all 750ms;-o-transition:all 750ms;transition:all 750ms} .category-products .product .hover .list-product-details{padding-top:0;margin-bottom:20px} .category-products .product .list-product-details .button {background: rgba(0, 0, 0, 0.1)} .category-products .product .hover .list-product-details .button {background: rgba(0, 0, 0, 1)} .category-products .product .list-product-details h3{text-align:center;color:#f4f4f4;font-size:13px;padding-top:5px;-webkit-transition:all 750ms;-moz-transition:all 750ms;-ms-transition:all 750ms;-o-transition:all 750ms;transition:all 750ms} .category-products .product .list-product-details .price-box .price{font-family:'Cutive Mono',monospace;color:#f4f4f4;font-size:14px;font-weight:300;letter-spacing:4px;-webkit-transition:all 1500ms;-moz-transition:all 1500ms;-ms-transition:all 1500ms;-o-transition:all 1500ms;transition:all 1500ms} .category-products.ss19 .product .config_sizes {position: relative; padding: 3px 0; z-index: 999; width: 100%; background-color: rgba(255, 255, 255, 0.3);} .category-products.ss19 .product figure {position: relative;} .category-products.ss19 .product .to-product {opacity:0; position: absolute; z-index: 999; top: 35%; right: 50%; margin-top: -40px; margin-right: -40px; background-color: rgba(0, 0, 0, 0.0); font-size: 24px; padding: 10px 15px; border-radius: 40px;-webkit-transition:all 1500ms;-moz-transition:all 1500ms;-ms-transition:all 1500ms;-o-transition:all 1500ms;transition:all 1500ms} @media screen and (min-width: 1000px) { .category-products.ss19 .product .hover .to-product {opacity: 1; background-color: rgba(0, 0, 0, 0.4); } .category-products.ss19 .product .to-product:hover {background-color: rgba(0, 0, 0, 0.8);} } .category-products .product .owl-carousel .owl-controls {margin-top: -55px; } .category-products .product .owl-carousel .owl-controls .owl-page.active span {background: #000;} .category-products .product .owl-carousel .owl-buttons {height: 0; position: absolute; top: 40%; width: 100%;} .category-products .product .owl-carousel .owl-buttons div {background: none} .category-products .product .owl-carousel .owl-buttons .owl-prev {float:left} .category-products .product .owl-carousel .owl-buttons .owl-next {float:right} .category-products.ss18 .product .price:before{border-top:1px solid #f4f4f4;content:'';width:80px;height:5px;display:block;margin:0 auto;margin-top:10px} .category-products.ss18 .product .price:after{border-bottom:1px solid #f4f4f4;content:'';width:80px;height:5px;display:block;margin:0 auto} .category-products.ss18 .product .hover .price:before,.category-products.ss18 .product .hover .price:after{border-color:#e998f9} .category-products .row{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center} .category-products .row .col{flex:1 0 25%;max-width:25%} .category-products .row .col.post-column50{flex:1 0 50%;max-width:50%;padding:0 150px} .category-products .row .col.post-column25{flex:1 0 25%;max-width:25%;padding:0 15px} .category-products .row .col.highlight {max-width: 50%;flex: 1 0 50%;} .category-products .row .collumn{max-height:400px;position:relative;overflow:hidden} .category-products .row .collumn .read-more{position:absolute;bottom:0;left:0;width:100%;text-align:center;margin:0;padding:30px 0;background-image:linear-gradient(to bottom,transparent,#f6f9f3)} .category-products .row .collumn .headline{text-align:center;line-height:normal;font-family:'Playfair Display',serif;display:block;margin:0 auto} .category-products .row .collumn .headline.hl1{font-weight:700;font-size:30px;text-transform:uppercase;padding:10px 0} .category-products .row .collumn .headline.hl4{font-weight:700;font-size:12px;box-sizing:border-box;padding:10px 0} .category-products .row .collumn .headline.hl4:before{border-top:1px solid #2f2f2f;content:'';width:100px;height:7px;display:block;margin:0 auto} .category-products .row .collumn .headline.hl4:after{border-bottom:1px solid #2f2f2f;content:'';width:100px;height:7px;display:block;margin:0 auto} .category-products .row .collumn p{margin-top:0;margin-bottom:20px} .category-products .row .col.product img{width:100% !important;padding: 10px;} .ll-prod-view .product-shop,.delivery-preorder,.product-options-bottom,.ll-prod-view .ll-desc,.ll-prod-view .ll-shipping,.ll-prod-view .ll-sizechart{background-color:#f5f9f3} .ll-prod-view .ll-prod-switch .ll-button{z-index:999;position:relative} .ll-prod-view .ll-prod-switch .ll-button:hover{background-color:#fbeeee} @media screen and (max-width: 999px) { .menu,.ll-prod-view .product-shop.stock,.ll-prod-view .product-shop,.delivery-preorder{background-color:#fff} .category-products .row .col{flex:1 0 50%;max-width:50%;order:2} .category-products .row .col.post-column50,.category-products .row .col.post-column25{flex:1 0 100%;max-width:100%;padding:0;order:1} .category-products.ss18 .product .product-title,.category-products .product .list-product-details h3,.category-products .product .list-product-details .price-box .price,.category-products .product .config_sizes{color:#dd21ff;font-size:10px;text-align:center;text-shadow:1px 1px #fff;margin-top:0} .category-products .row .col.highlight {max-width: 100%;flex: 1 0 100%;} } .ll-prod-view .product-shop{background-color:transparent} @media screen and (min-width : 1000px) { .slide.home1{background-image:url(/media/fs18/leandro-lopes-fs18-home-1.jpg)} .slide.home2{background-image:url(/media/fs18/leandro-lopes-fs18-home-2.jpg)} .slide.home3{background-image:url(/media/fs18/leandro-lopes-fs18-home-3.jpg)} .fp-slide{background-position-y:-50px} .slide .box h1{font-size:14px;font-weight:300;letter-spacing:6px;text-shadow:none;margin-bottom:0;} .slide .box h2{font-size:26px;font-weight:400;margin-bottom:0;text-shadow:none} .slide .box h3{font-size:14px;font-weight:300;letter-spacing:6px;text-shadow:none} .cat h3{font-size:26px;letter-spacing:4px;margin-bottom:0;font-weight:300;text-shadow:none} .cat p.subline{font-size:9px;letter-spacing:5px;text-shadow:none} } @media screen and (max-width : 999px) { .slide.home1{background-image:url(/media/fs18/leandro-lopes-fs18-mobile-home-1_2.jpg)} .fp-slide{background-position-y:30px} .slide .box h2{font-size:16px;font-weight:400;margin-bottom:0;text-shadow:none} .slide .box h3{font-size:10px;font-weight:300;letter-spacing:2px;text-shadow:none} .cat h3{font-size:20px;letter-spacing:4px;margin-bottom:0;font-weight:300;text-shadow:none} .cat p.subline{font-size:10px;letter-spacing:2px;text-shadow:none} .button--discover{text-shadow:none} .fp-enabled .main{padding-top:0} .fp-enabled .col-main{margin:0} } @media handheld,only screen and (max-width: 767px) { .category-spring-summer-2017 #fp-nav{display:none} .mobile-runner{background-image:url(/media/fs18/leandro-lopes-fs18-mobile-home-runner.jpg);background-position:center;background-size:cover;background-repeat:no-repeat} .mobile-men{background-image:url(/media/fs18/leandro-lopes-fs18-mobile-home-1_3.jpg);background-position-x:center;background-repeat:no-repeat;background-size:cover} .mobile-women{background-image:url(/media/fs18/leandro-lopes-fs18-mobile-home-women-1.jpg);background-position-x:center;background-repeat:no-repeat;background-size:cover} } .menu-small{width:100%;background-color:#f1f1f1} .menu-small .container{max-width:1260px;margin:auto;padding-top:5px} .menu-small .left{float:left;width:50%;text-align:left} .menu-small .left.logo{padding:0} .menu-small .left.logo img{max-width:200px;width:100%} .menu-small .right{float:left;width:50%;text-align:right;text-transform:uppercase;font-size:15px;letter-spacing:2px;line-height:50px;color:#5d5d5d} @media screen and (max-width: 999px) { .menu-small .right{font-size:10px} } /*/css/magesetup/default.css*/ .product-options-bottom .tax-details {display: none;} /*customer-care.css*/ .customer-care .content a {text-decoration: underline;} .customer-care {min-height: 30vh} .customer-care h2:nth-child(2) {margin-top: 50px} .customer-care .navigation {float:left; width: 20%;} .customer-care .navigation h2.collapse-title {display:none;} .customer-care .navigation .block h2 {padding: 10px 0} .customer-care .navigation .block ul {padding-left:15px} .customer-care .navigation .block ul li a {display: block; width: 100%; padding: 15px 0; transition: padding .55s ease-in-out} .customer-care .navigation .block ul li a:hover {padding-left: 15px;} .customer-care .navigation .block ul.submenu {display: none; width: 100% !important; border-bottom: 1px solid #ECECEC; border-top: 1px solid #ECECEC} .customer-care .content {float:left; width: 80%; padding-left: 10px; line-height: 2.5;} .customer-care .content h2 {margin: 20px 0} .customer-care .content b {font-size: 15px;font-weight: 600;text-transform: uppercase; line-height: 3;} .customer-care .content p.address {padding-left: 20px; margin-top: 5px;} .order-tracking .order-tracking-details, .order-tracking .order-tracking-form {display: block; border:1px solid #E4E4E4; padding: 15px 30px; margin-top: 30px} .order-tracking .order-tracking-form p, .order-tracking .order-tracking-details p {text-align: right} .order-tracking .order-tracking-details table thead {border-bottom: 1px solid #E4E4E4;} .order-tracking .order-tracking-details table thead th {padding-bottom: 5px; font-weight: 600} .order-tracking table tr td {height: 50px;} .order-tracking table tr td input {width: 100%; max-width: 450px} /* MOBILE */ @media screen and (max-width: 1000px) { .customer-care .navigation, .customer-care .content {float:none; width: 100%;} .customer-care .navigation h2.collapse-title {display: block; width: 100%; background-color: #F2F2F2; border-bottom: 0; border-top: 0; padding: 5px 0; font-size: 17px; letter-spacing: 2.5px; text-transform: uppercase; font-weight: 200; margin-bottom: 10px; line-height: 1.8; padding-left: 10px;} .customer-care .navigation .block, .customer-care .navigation .block h2 {display: none; width: 100% !important; border-bottom: 1px solid #cecece} .order-tracking .order-tracking-form {padding: 15px 10px;} } /* Global site notices -------------------------------------------------------------- */ .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{z-index: 99999; left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1; max-width: 1290px; font-size: 12px; margin: 0 auto}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} @media screen and (max-width: 1000px) { .global-site-notice .notice-inner { max-width: 100%; } .global-site-notice .notice-inner p { width: 100%; padding: 0; text-align: justify; font-size: 12px; } .global-site-notice .notice-inner .actions { display:inline-block; vertical-align:middle; float: none; text-align: center; width: 100%; padding-top: 20px } .cc-message {font-size: 10px !important; line-height: 12px !important;} } .grid .smartbanner { display: none; color: #333; border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; max-width: 98%; margin: 5px auto 40px; } .smartbanner { padding: 15px; margin: 0; width: 100%; max-width: 100%; position: relative; display: none; overflow: hidden; font-size: 16px; } .pull-right {float: right !important;} .pull-left {float: left !important;} .smartbanner .btn-open { padding: 6px 12px 5px; margin: 5px 0 0 10px; background-color: #000; border-color: #000; color: #fff; text-transform: capitalize; font-size: 16px; } .smartbanner .app-name .headline { font-weight: 500; display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 12px; padding-top: 6px; } .smartbanner .app-name .subline { font-size: 13px; display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 10px; } .smartbanner .icon-wrapper .app-icon { margin-right: 10px; } .smartbanner .icon-wrapper .icon-close, .smartbanner .icon-wrapper .app-icon { display: inline-block; vertical-align: middle; } .smartbanner .icon-wrapper .app-icon img { width: 45px; height: 45px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: false; } .smartbanner .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; padding: 10px 21px; border-radius: 3px; text-decoration: none !important; white-space: normal; } .nl-info {font-size: 10px; padding: 5px 0} select.flags { height: 40px; width: 100%; border-radius: 0 !important; } body, .wrapper, .footer-container, #newsletter-signup, #rst-modal, #rst-modal>#rst-modal-shadow {background-color: #fff;} body, button, input, select, table, textarea, .footer, .footer button {font-family: 'Source Sans Pro', sans-serif;} .category-products.ss18 .product .hover .product-title, .category-products .product .hover .list-product-details h3, .category-products .product .hover .list-product-details .price-box .price, .category-products .product .hover .config_sizes {color: #000;} .ll-prod-view .product-shop, .delivery-preorder, .product-options-bottom, .ll-prod-view .ll-desc, .ll-prod-view .ll-shipping, .ll-prod-view .ll-sizechart {background-color: #fff;} .menu, .menu:hover {border-top: none;} .newsletter {margin-top: 50px;} .cbp-hrmenu >ul >li a.submenu span:before {background: #000;} .cbp-hrmenu >ul >li .sub-point h4:before {height: 0px} .col-left.sidebar, .col-main {width: 100% !important; margin: 0px !important; padding: 0!important; display: inline-block !important;} .block-layered-nav .block-title, .block-layered-nav .block-subtitle, .block-layered-nav .actions, .block-layered-nav .currently .block-subtitle, #head-search {display: none} .block-layered-nav dl {width: 300px; float: left} .block-layered-nav .currently {float: right; padding: 7px 10px 7px 24px;} .block-layered-nav .block-content > dl > dt {background: transparent !important; border: none !important; display: inline-block !important; padding-left: 0;} .block-layered-nav .block-content > dl > dd {display: none; position: absolute; z-index: 999; background: #fff; width: 250px; text-align: center; border: none !important; -webkit-box-shadow:0px 8px 9px 1px rgba(0,0,0,0.2);-moz-box-shadow:0px 8px 9px 1px rgba(0,0,0,0.2);box-shadow:0px 8px 9px 1px rgba(0,0,0,0.2)} .block-layered-nav dl dd ol > li > a {-webkit-transition: all .25s; transition: all .25s;} .block-layered-nav dl dd ol > li > a:hover {background-color: #fbfafa;} .block-layered-nav .block-content.accordion-open > dl > dd.current {display: block;} .block-layered-nav .currently .btn-remove {float: none; margin: 0 10px; border: 0;} .btn-remove:hover, .btn-remove:hover:after {background-color: transparent; color: #000} .block-layered-nav .currently ol {padding-left: 0; margin-bottom: 0;} .breadcrumbs {display: block; background-color: transparent; padding: 0 20px;} .category-black-friday .breadcrumbs, .catalog-product-view .breadcrumbs {display: none} .breadcrumbs a, .breadcrumbs span, .breadcrumbs strong {color: #000} .breadcrumbs a:hover, .breadcrumbs span:hover {color: #000; text-decoration: underline} .breadcrumbs strong:hover {color: #000;} .landingpage [class*='col-'] {padding-right: 0px;} .landingpage {width: 100%; margin: 0 auto;} .landingpage.category {padding: 0 20px;} .landingpage .headbar {width: 100%;background-color: #000;color: #fff; padding: 30px 0; margin-bottom: 30px;} .landingpage.category .headbar {margin-bottom: 0px;} .landingpage .headbar h2 {color: #fff; width: 100%; text-align: center; text-transform: uppercase; font-size: 38px; margin-top: 0px; margin-bottom: 0; font-weight: 600 !important;} .landingpage .headbar p.subline {letter-spacing: 15px; text-transform: uppercase; padding-bottom: 0px;} .landingpage .headbar p.subline.first {padding-bottom: 0; margin-bottom: 0} .landingpage img {width: 100%} .landingpage .cat-shoes img, .landingpage .cat-accessoires img {width: 80%} .landingpage .row {height: 50%;} .landingpage h3 {display: block; width: 100%; text-align: center; font-size: 22px; margin-bottom: 0} .landingpage p.subline {font-size: 10px; padding-bottom: 10px;} .landingpage .crosssell {margin-top: 0px; float: none; clear: none} .main-category-products .category-title {text-align: center;} .info { border-top: 4px solid #fbfafa; border-bottom: 4px solid #fbfafa; padding: 20px 0; } .info .container { border-left: 1px solid #fbf9f9; } .info .col-3-12:first-child .container { border-left: none; } .info .container p .icon { padding: 10px 0; font-size: 35px; width: 100%; } .crosssell {margin-bottom:30px; padding: 0; background: #fff; -webkit-box-shadow: 0 -10px 12px 0 rgba(0,0,0,0.03); -moz-box-shadow: 0 -10px 12px 0 rgba(0,0,0,0.03); box-shadow: 0 -10px 12px 0 rgba(0,0,0,0.03);} .crosssell .subline {margin-bottom:30px;} @media screen and (min-width: 768px) { .landingpage .cat-blog, .landingpage .cat-newsletter {position: relative} .landingpage .cat-blog .container, .landingpage .cat-newsletter .container {position: absolute; bottom: 5%; left: 0; display: block; width: 100%} .landingpage .cat-blog .container img {width: 90%} .landingpage .cat-blog .container h3 {margin-top: 25px} .landingpage .cat-newsletter .container {padding: 25px; top: 50%; bottom: auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%)} .landingpage .cat-newsletter .container .icon {width: 50%} } @media screen and (max-width: 767px){ .landingpage .cat-shoes { border-top: 4px solid #fff; } .landingpage .cat-all { padding-bottom: 40px; border-bottom: 4px solid #fff; } .landingpage .smartbanner { border-bottom: 4px solid #fff; } .col-xs-6-12, .col-6-12 { margin: 0 } .col-xs-6-12 .row { width: 50%; height: 300px; float: left; padding: 10px; position: relative; } .col-xs-6-12 .container { position: absolute; bottom: 15%; margin-top: 10px; } .col-xs-6-12 .row:first-child { border-right: 4px solid #fff; } .landingpage img.vert {max-height: 300px; width: auto; padding: 25px} .landingpage h3 {font-size: 16px;} .landingpage .headbar h2 {font-size: 22px} .landingpage .headbar p.subline {letter-spacing: 5px;} .landingpage .crosssell {margin-top: 0px;} .landingpage .info {border: none; padding-bottom: 0px} .landingpage .info [class*='col-'] {margin: 0px;} .info .col-3-12:first-child .container {border-top: 4px solid #fff} .landingpage .info .container {border-left: 0; border-bottom: 4px solid #fff; padding: 10px 0} .landingpage .info .container p {text-align: left} .landingpage .info .container .icon {width: initial; font-size: 18px; padding: 0 10px} .landingpage.category {padding: 0 0;} #narrow-by-list, #narrow-by-list2 { padding: 0; border: 0; border-top: 0; width: 100%; } .block-layered-nav .block-content > dl > dt:after, .block-layered-nav .block-content.accordion-open > dl > dt.current:after {display: none} .category-products.ss19 .row .col.product img{width:100%; padding: 2px;} .category-products.ss19 .product .config_sizes {font-size: 8px; min-height: 35px;} .category-products.ss19 .product .list-product-details {padding-top: 0;} .category-products.ss19 .product .list-product-details .button {background: rgba(0, 0, 0,1); } .category-products.ss19 .product .list-product-details .price-box .price {font-size: 14px} } @media only screen and (max-width: 470px) { .main { padding-top: 0px; } } @media screen and (max-width: 999px) { .category-products.ss18 .product .product-title, .category-products .product .list-product-details h3, .category-products .product .list-product-details .price-box .price, .category-products .product .config_sizes { color: #000; } } /* Accepted Cards */ #braintree-accepted-cards img { display: inline-block; margin-right: 4px; } /* Hosted Fields Loading State */ #credit-card-form.loading { position: relative; } #credit-card-form .braintree-hostedfield { opacity: 1; } #credit-card-form .credit-card-loading { display: none; } #credit-card-form .braintree-card-unsupported { color: darkred; font-weight: bold; padding: 6px 0 4px 0; } #credit-card-form.loading .credit-card-loading { position: absolute; top: 30%; left: 0; right: 0; width: 100%; height: 70%; text-align: center; display: block; } #credit-card-form.loading .credit-card-loading img { margin: 16px auto; } #credit-card-form.loading .braintree-hostedfield { opacity: 0; } #credit-card-form label { float: none; } /* Hosted Fields */ #braintree-hosted-submit { display: none; } .braintree-input-field { height: 42px; max-width: 340px; padding: 0 10px; border: 1px solid lightgrey; background: white; } .braintree-input-field.braintree-postal-code { width: 140px; } .braintree-card-input-field { height: 50px; width: 100%; max-width: 372px; border: 1px solid lightgrey; position: relative; background: white; } .braintree-card-input-field .card-type { position: absolute; top: 0; left: 0; bottom: 0; padding: 0 10px 0 8px; } .braintree-card-input-field .card-type img { height: 48px; } .braintree-card-input-field #card-number { float: left; height: 48px; width: 100%; padding-left: 66px; box-sizing: border-box; } #braintree-expiration-container { display: block; width: 100%; vertical-align: middle; font-size: 0; } .braintree-expiration { width: 70px; display: inline-block; *zoom: 1; *display: inline; } .braintree-expiration-seperator { vertical-align: top; line-height: 42px; display: inline-block; *zoom: 1; *display: inline; font-size: 30px; padding: 0 8px; } .braintree-cvv { width: 80px; } .braintree-hostedfield .cvv-what-is-this { margin-left: 0; } #three-d-modal { position: fixed; top: 0; left: 0; display: flex; align-items: center; height: 100vh; width: 100vw; z-index: 100000; visibility: visible; transition: 0.4s; opacity: 1; } #three-d-modal.hidden { visibility: hidden; transition: 0.4s; opacity: 0; } #three-d-modal.hidden .bt-modal-frame { transition: 0.4s; transform: translateY(80px); } #three-d-modal .bt-modal-frame { height: 450px; width: 440px; margin: auto; background-color: #ffffff; z-index: 2; border-radius: 6px; transition: 0.4s; transform: translateY(0); } #three-d-modal .bt-modal-body { height: 380px; margin: 0 20px; background-color: white; border: 1px solid lightgray; } #three-d-modal .bt-modal-header { height: 40px; text-align: center; line-height: 40px; } #three-d-modal .bt-mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.75; } @media (max-width: 650px) { #three-d-modal .bt-modal-frame { width: 100%; } } #paypal-container iframe { display: none; } /* PayPal headless button */ button.braintree-paypal-button { background: #019cde; color: white; height: 46px; line-height: 46px; padding: 0 20px 0 18px; border: none; border-radius: 3px; -webkit-border-radius: 3px; font-size: 14px; float: left; cursor: pointer; } button.braintree-paypal-button.braintree-paypal-loading { background: #014c6b url('https://www.leandrolopes.de/skin/frontend/base/default/images/gene/braintree/paypal-loading.gif') center center no-repeat; background-size: 32px; } button.braintree-paypal-button.braintree-paypal-loading > span { opacity: 0; } button.braintree-paypal-button.braintree-paypal-loading:hover { background: #014c6b url('https://www.leandrolopes.de/skin/frontend/base/default/images/gene/braintree/paypal-loading.gif') center center no-repeat; background-size: 32px; } button.braintree-paypal-button:hover { background: #0175a6; } button.braintree-paypal-button > span { display: block; height: 46px; line-height: 46px; background: url('https://www.leandrolopes.de/skin/frontend/base/default/images/gene/braintree/paypal.png') right center no-repeat; background-size: 80px; padding-right: 94px; } /* Saved Accounts */ #creditcard-saved-accounts, #paypal-saved-accounts { font-size: 0; width: 100%; } #creditcard-saved-accounts tr, #paypal-saved-accounts tr { border-bottom: 1px dotted lightgrey; } #creditcard-saved-accounts tr td, #paypal-saved-accounts tr td { vertical-align: middle; } #payment_form_gene_braintree_creditcard #creditcard-saved-accounts label, #payment_form_gene_braintree_paypal #paypal-saved-accounts label, #payment_form_gene_braintree_creditcard #creditcard-saved-accounts .label, #payment_form_gene_braintree_paypal #paypal-saved-accounts .label { width: 100%; padding: 0; text-align: left; float: none; } #payment_form_gene_braintree_creditcard p, #payment_form_gene_braintree_paypal p { padding: 0; } #creditcard-saved-accounts tr.other-row, #paypal-saved-accounts tr.other-row { border-bottom: 0; } #creditcard-saved-accounts label { float: left; padding: 10px 0; line-height: 40px; width: 100%; } #creditcard-saved-accounts tr.other-row label, #paypal-saved-accounts tr.other-row label { padding: 8px 0; } #paypal-saved-accounts label { padding: 6px 0; line-height: 40px; } #creditcard-saved-accounts label img, #paypal-saved-accounts label img { margin-left: 6px; height: 40px; float: left; } #creditcard-saved-accounts label .saved-card-info, #paypal-saved-accounts label .saved-paypal-email { margin-left: 14px; float: left; } #creditcard-saved-accounts label .saved-card-info span { line-height: 40px; } #creditcard-saved-accounts label .saved-card-info span.saved-expiry-date { font-size: 12px; font-weight: normal; margin-left: 14px; } #gene_braintree_creditcard_store_in_vault_div label, label[for="gene_braintree_paypal_store_in_vault"] { width: auto!important; } /* Multi shipping */ body.checkout-multishipping-billing #payment-continue.loading { padding-left: 12px; } body.checkout-multishipping-billing #payment-continue.loading > span { background: url('https://www.leandrolopes.de/skin/frontend/base/default/images/gene/loader-white.gif') center left no-repeat; background-size: 15px 15px; padding-left: 22px; } body.checkout-multishipping-billing .buttons-set #paypal-complete { float: right; width: 400px; text-align: right; } body.checkout-multishipping-billing .buttons-set #paypal-complete > label { float: right; margin-right: 16px; } body.checkout-multishipping-billing .buttons-set #paypal-complete #paypal-container { float: right; } #pp-express-overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; background: rgba(0, 0, 0, 0.701961); } #pp-express-modal { box-sizing: border-box; display: none; position: fixed; top: 20%; left: 40%; left: calc(50% - 175px); z-index: 101; width: 350px; height: 390px; padding: 15px; background: #fff; border: 3px solid #ccc; border-radius: 4px; overflow: auto; } #pp-express-modal .button { display: block; width: 100%; margin-top: 30px; } #pp-express-modal .button.coupon-submit { margin: 0; float: right; width: 50%; box-sizing: border-box; } #pp-express-modal .button.loading { background-image: url('https://www.leandrolopes.de/skin/frontend/base/default/images/gene/loader-transparent.gif'); background-repeat: no-repeat; background-position: center center; background-size: auto 60%; text-indent: -9999px; } #pp-express-modal #paypal-express-coupon { float: left; width: 50%; box-sizing: border-box; height: 33px; line-height: 33px; } #pp-express-modal #paypal-express-coupon-error { margin-bottom: 6px; } #pp-express-modal .button2 { display: block; width: 100%; margin-top: 6px; font-size: 0.9rem; } #pp-express-modal .product-row { min-height: 60px; margin: 0; } #pp-express-modal .item-row { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; display: block; } #pp-express-modal .item-row.coupon-row { float: left; width: 100%; } #pp-express-modal .item-subrow { margin-top: 5px; margin-bottom: 5px; display: block; } #pp-express-modal .product-image { float: left; width: 50px; height: 50px; margin: 0; overflow: hidden; } #pp-express-modal .product-image img { max-width: 100%; } #pp-express-modal .product-info { margin-left: 60px; padding-top: 5px; } #pp-express-modal .product-qty { font-size: 0.8rem; } #pp-express-modal #shopping-cart-totals-table { width: 100%; } #pp-express-modal #shopping-cart-totals-table td { padding-left: 10px; } #pp-express-modal.loading:before { content: " "; background: url('https://www.leandrolopes.de/skin/frontend/base/default/images/gene/loader.gif') no-repeat; height: 48px; width: 48px; position: absolute; top: 30%; left: 44%; left: calc(50% - 24px); } @media (max-width: 770px) { #pp-express-modal { width: 70%; height: 80%; top: 10%; left: 15%; } } @media (max-width: 500px) { #pp-express-modal { width: 100%; height: 100%; top: 0; left: 0; border: none; border-radius: 0; padding: 25px; } } /* If the element contains a PayPal express button don't force the buttons to width 100% */ .product-view .add-to-cart-buttons.braintree-paypal-express-container .button { width: auto; } @media (max-width: 450px) { .product-view .add-to-cart-buttons.braintree-paypal-express-container { width: 100%; } .product-view .add-to-cart-buttons.braintree-paypal-express-container .button { width: 100%; } } body, .wrapper, .footer-container, #newsletter-signup, #rst-modal, #rst-modal>#rst-modal-shadow {background-color: #fff;} .checkout-onepage-index .main-container {position: relative; max-width: 1100px; margin: 0 auto; padding: 15px;} .checkout-agreements .agreement-content {max-width: 100%;} .checkout-cart-index .page-title, .checkout-cart-index form, .checkout-cart-index .totalswrapper {max-width: 1100px; margin: 0 auto} .checkout-cart-index .page-title {display: block; margin-top:50px} @media handheld, only screen and (max-width: 767px) { [class*='col-'] {margin: 2em 0;} #checkout-step-login [class*='col-'] {width: 100%; float: none} } @media screen and (min-width: 768px) and (max-width: 999px) { #checkout-step-login .col2-set .col-1 {border-bottom: 0;} } .opc-heading {width: 100%; text-align:center; font-size: 20px; font-weight: bold; margin-top: 20px; margin-bottom: 30px; padding-bottom:10px; border-bottom: 1px solid #000} .opc li.section, .opc .step-title {display: none} .opc li.section.active {display: block} .checkout-onepage-index .col-main {width: 100%} .button, #co-shipping-method-form .buttons-set .button {padding: 15px 50px;} #review-buttons-container .btn-checkout {background-color: #F3793B; font-weight:bold; font-size: 16px;} .data-table tbody td {border-bottom: none;} .data-table tfoot {border-top: 1px solid silver;} .data-table tfoot tr {background-color: transparent;} .data-table tfoot tr.last {border-top: 2px solid #F3793B; font-weight: bolder; font-size: 16px;} .progress-bar{color:#444;position:relative;position: relative;height: 100px;} ul.checkout-bar{margin:0 20px} ul.checkout-bar li{color:#ccc;display:block;font-size:16px;font-weight:600;padding:14px 20px 14px 80px;position:relative} ul.checkout-bar li:before{background:#ddd;border:2px solid #FFF;border-radius:50%;color:#fff;font-size:16px;font-weight:700;left:20px;line-height:31px;height:35px;position:absolute;text-align:center;text-shadow:1px 1px rgba(0,0,0,0.2);top:4px;width:35px;z-index:999} ul.checkout-bar li.active{color:#F3793B;font-weight:700} ul.checkout-bar li.active a{color:#F3793B} ul.checkout-bar li.visited{background:#ECECEC;color:#57aed1;z-index:999} ul.checkout-bar li.visited:before{background:#57aed1;z-index:999} ul.checkout-bar li:nth-child(1):before{content:"1"} ul.checkout-bar li:nth-child(2):before{content:"2"} ul.checkout-bar li:nth-child(3):before{content:"3"} ul.checkout-bar li:nth-child(4):before{content:"4"} ul.checkout-bar li:nth-child(5):before{content:"5"} ul.checkout-bar li:nth-child(6):before{content:"6"} ul.checkout-bar li.active:before{background-color: #F3793B} ul.checkout-bar{background-color:#ccc; border-radius:15px;height:10px;margin:20px auto 0;padding:0;position:absolute;width:100%} ul.checkout-bar li{display:inline-block;margin:35px 0 0;padding:0;text-align:center;width:30%;font-size: 12px;} ul.checkout-bar li:before{height:45px;left:45%;line-height:42px;position:absolute;top:-53px;width:45px;z-index:99} @media only screen and (max-width: 799px) { ul.checkout-bar li:before{left:33%;} ul.checkout-bar li span{font-size: 8px; span: 0 10px; width: 100%; text-align: center; position: absolute; top: 0; left: 0;} }