/* ========================================================================== HTML5DOCTOR RESET ========================================================================== */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle} /* ========================================================================== NATURAL BOXSIZING ========================================================================== */ *, *:before, *:after{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url('http://www.wildspirit.be/themes/wildspirit/css/boxsizing.htc');} ::selection{background: #333; color:#fff;} ::-moz-selection{background: #333; color:#fff;} body.adminimal-menu div#admin-menu{z-index: 15000;} body.admin-menu{margin-top: 29px !important;} body.scrolling.admin-menu #header-fixed{top: 29px;} body.admin-menu #front-slider{padding-top: 99px;} /* ========================================================================== GENERAL ========================================================================== */ html{width: 100%; height: 100%; overflow-y: scroll;} body{width:100%; height:100%; background: #fff; font-family: 'ralewayextralight', arial, sans-serif;} p{display: block; float: left; width: 100%; margin: 10px 0; line-height: 1.5em;} /* ========================================================================== VERTICAL CENTER ========================================================================== */ .table { display: table; width: 100%; height: 100%; } .table-cell { display: table-cell; vertical-align: middle; height: 100%; width: 100%; } /* ========================================================================== LANGUAGE SELECTION ========================================================================== */ #language-selection{display: block; float: left; width: 100%; position: relative; z-index: 15000;} #custom-cart{display: block; float: left; width: 100%; z-index: 10000; background: #D7C56E; height: 0; overflow: hidden; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #custom-cart .wrap{display: block; float: left; width: 100%;} #custom-cart .line-items{display: block; float: left; width: 100%; padding:45px 0; padding-bottom: 15px;} #custom-cart .line-item{display: block; float: left; width: 100%; height: 89px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #E0D5A1; color: #333; text-decoration: none;} #custom-cart .line-item:last-child{border-bottom: 0; padding-bottom: 0; margin-bottom: 0;} #custom-cart .line-item .image{display: block; float: left; margin-right: 10px; height: 74px;} #custom-cart .line-item .image img{display: block; float: left; width: auto; height: 74px;} #custom-cart .line-item .count{display: block; float: left; margin-right: 20px; width: 74px; height: 74px; border:1px solid #E0D5A1; color: #333; font:20px 'ralewaysemibold', arial, sans-serif; line-height: 72px; text-align: center;} #custom-cart .line-item .title{display: block; float: left; height: 74px; margin-right: 10px;} #custom-cart .line-item .product-name{display: block; float: left; width: 100%; font:20px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; margin-bottom: 2px;} #custom-cart .line-item .materials{display: block; float: left; width: 100%;} #custom-cart .line-item .materials span{color: #fff; text-transform: uppercase; font:14px 'ralewayextrabold', arial, sans-serif; font-weight: normal; margin-right: 10px; display: block; float: left; margin-top: 1px;} #custom-cart .line-item .price{display: block; float: right; width: 140px; border-left: 1px solid #E0D5A1; font:22px 'ralewaysemibold', arial, sans-serif; line-height: 74px; height: 74px; color: #333; text-align: right;} #custom-cart .actions{display: block; float: right; padding-bottom: 45px;} #custom-cart .actions a{display: block; float: left; border:1px solid #333; color: #fff; text-transform: uppercase; font:16px 'ralewaysemibold', arial, sans-serif; font-weight: normal; text-decoration: none; padding:18px 50px; margin-left: 10px; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #custom-cart .actions a.checkout{background: #333;} #custom-cart .actions a:hover{background: #D2BD5B;} #custom-cart .actions a.checkout:hover{background: #222;} #close-lang-select{display: block; position: absolute; top: 0; right: 0; width: 70px; height: 70px; background: #D7C56E; color: #333; font-size: 14px; line-height: 70px; text-align: center; z-index: 10; cursor: pointer;} body.language-open #header-fixed{ margin-top: 0; -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #language-selection .inner{display: block; float: left; width: 100%; background: #333436; padding:150px 0; text-align: center;} #language-selection .logo{display: inline-block; width: 120px; padding-bottom: 55px;} #language-selection .logo img{display: block; float: left; width: 100%; height: auto;} #language-selection h3{display: block; float: left; width: 100%; text-align: center; color: #CAB340; font:24px 'ralewayextralight', arial, sans-serif; text-transform: uppercase; line-height: 1em; font-weight: normal; padding-bottom: 5px;} #language-selection h2{display: block; float: left; width: 100%; text-align: center; color: #CAB340; font:38px 'ralewayextralight', arial, sans-serif; line-height: 1em; font-weight: normal; padding-bottom: 35px;} #language-selection ul{display: block; float: left; width: 100%; text-align: center;} #language-selection ul li{display: inline-block; margin:0 10px; border:1px solid #fff;} #language-selection ul li a{display: block; float: left; color: #fff; font:15px 'ralewaybold', arial, sans-serif; line-height: 1em; text-transform: uppercase; text-decoration: none; padding:22px 0; width: 200px; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #language-selection ul li.active a, #language-selection ul li a:hover{background: #fff; color: #333436;} #language-toggle{display: block; float: left; text-decoration: none; color: #999; font:18px 'ralewayextralight', arial, sans-serif; text-transform: lowercase; height: 70px; line-height: 70px; padding:0 20px; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #language-toggle i{display: inline-block; height: 70px; font-size: 10px; line-height: 70px; margin-left: 5px; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #language-toggle:hover, .login-register:hover{background: #F5F5F5; color: #333;} #cart-toggle, .login-register{display: none; float: left; text-decoration: none; text-align: center; min-width: 70px; color: #CBB433; font:18px 'ralewayextralight', arial, sans-serif; text-transform: lowercase; height: 70px; line-height: 70px; padding:0 20px; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } .login-register{color: #999;} #cart-toggle span{margin-right: 5px;} #cart-toggle i{display: inline-block; height: 70px; font-size: 16px; line-height: 70px; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #cart-toggle:hover{background: #F5F5F5; color: #CBB433;} body.open-cart #cart-toggle{background: #D7C56E; color: #333;} body.language-open #language-toggle i{ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* ========================================================================== HEADER / NAV ========================================================================== */ #header{display: block; float: left; width: 100%; height: 70px; position: relative; z-index: 10000; -webkit-backface-visibility: hidden;} #header-fixed{display: none; float: left; width: 100%; z-index: 10000; -webkit-backface-visibility: hidden; margin-top: 70px; -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition:all 500ms; -moz-transition:all 500ms; -o-transition:all 500ms; transition:all 500ms; } #header #nav{display: block; float: left; width: 100%; height: 70px; background: rgba(255,255,255,0.95); -webkit-backface-visibility: hidden; position: relative;} #header #logo{display: block; position: absolute; top: -1px; left: 0; background: rgba(44,45,47, 0.97); padding:70px 40px; padding-bottom: 71px; z-index: 11000; -webkit-backface-visibility: hidden; -webkit-transform:translate3d(0,0,0); -webkit-transition:all 400ms; -moz-transition:all 400ms; -o-transition:all 400ms; transition:all 400ms; } #header #logo img{display: block; float: left; width:auto; height: 50px; -webkit-transform:translate3d(0,0,0); width:121px;} body.scrolling #header-fixed{position: fixed; top: 0; left: 0; float: none;} body.scrolling #header #logo{padding-top: 0; padding-bottom: 21px;} #header #nav ul{display: block; float: left; height: 100%; margin-left: 260px;} #header #nav ul li{display: block; float: left; margin-right: 30px;} #header #nav ul li a{display: block; float: left; font-size: 18px; color: #797A7F; line-height: 70px; text-decoration: none; text-transform: lowercase; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #header #nav ul li.active a, #header #nav ul li:hover a{color: #222;} #header .nav-right{display: block; float: right; height: 100%; padding-right: 70px;} /* ========================================================================== FRONT SLIDER ========================================================================== */ #front-slider{display: block; float: left; width: 100%; height: 100%; padding:70px; padding-top: 70px; position: fixed; z-index: 5; top:0; left: 0;} #slider-push{display: block; float: left; width: 100%; height: 100%; position: relative; z-index: 1;} #front-slider .bx-wrapper, #front-slider .bx-viewport, #bx-hero{height: 100% !important; width: 100%;} #bx-hero .item{height: 100%; width: 100%; float: left; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(http://www.wildspirit.be/backgroundsize.min.htc); } /*#bx-hero .item .overlay{display: block; position: absolute; top: 0; right: 0; width: 40%; max-width: 600px; height: 100%; opacity: 0; -moz-transform: translateX(100px); -webkit-transform: translateX(100px); -o-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #bx-hero .item.animate .overlay{opacity: 1; -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } */ #bx-hero .item .overlay{display: block; float: right; width:auto; max-width: 520px; height: 100%; opacity: 0; background: #272726; padding-left: 25px; padding-right: 95px; padding-top: 125px; position: relative; -moz-transform: translateX(100px); -webkit-transform: translateX(100px); -o-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #bx-hero .item.animate .overlay{opacity: 1; -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } #bx-hero .item .overlay svg{width: 75px; height: 100%; display: block; position: absolute; top: 0; left: -74px; z-index: 1;} #bx-hero .item .overlay svg polygon { fill: #272726; } #bx-hero .item .overlay .title{display: block; float: left; width: 100%; position: relative; z-index: 10;} #bx-hero .item .overlay .title h2{ font:44px 'ralewaysemibold', arial, sans-serif; font-weight: normal; line-height: 0.9em; color: #fff; margin-bottom:10px;} #bx-hero .item .overlay .title h3{ font:18px 'ralewayextralight', arial, sans-serif; font-weight: normal; line-height: 1em; color: #fff; text-transform: uppercase;} #bx-hero .item .overlay .arrow{display: block; float: left; width: 100%; color: #fff; font-size: 20px; padding-top: 75px;} #bx-hero .item .overlay .arrow img{display: block; float: left; width: 102px; height: auto;} #front-slider .bx-controls{display: block; position: absolute; top: 50%; right: -70px; width: 70px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #front-slider .bx-controls .bx-pager{display: block; float: left; width: 100%;} #front-slider .bx-controls .bx-pager .bx-pager-item{display: block; float: left; width: 100%;} #front-slider .bx-controls .bx-pager .bx-pager-item a{display: block; float: left; width: 100%; height: 70px; font:16px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 70px; text-align: center; background: #EBEBEB; color: #9D9696; cursor: pointer; text-decoration: none; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #front-slider .bx-controls .bx-controls-direction{display: none; float: left; width: 100%;} #front-slider .bx-controls .bx-controls-direction a{display: block; float: left; width: 100%; height: 70px; font:16px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 70px; text-align: center; background: #EBEBEB; color: #9D9696; cursor: pointer; text-decoration: none; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #front-slider .bx-controls .bx-pager .bx-pager-item a:hover, #front-slider .bx-controls .bx-pager .bx-pager-item a.active, #front-slider .bx-controls .bx-controls-direction a:hover{background: #D8D8D8; color: #444;} #front-slider .baseline{display: block; position: absolute; bottom: 30px; left: 30px; z-index: 1000;} #front-slider .baseline h2{display: block; float: left; width: 100%; color: #CAB23F; font:44px 'ralewayextralight', arial, sans-serif; font-weight: normal; text-transform: lowercase;} #front-slider .baseline h3{display: block; float: left; width: 100%; color: #333; font:95px 'ralewayblack', arial, sans-serif; font-weight: normal; text-transform: uppercase; line-height: 0.85em;} #front-slider a.designers{display: block; float: left; width: 100%; background: #333436; color: #fff; text-transform: uppercase; text-decoration: none; padding:30px 10px; text-align: center;} #front-slider a.designers span{font:18px 'ralewaysemibold', arial, sans-serif; font-weight: normal; line-height: 0.85em; display: inline-block; text-align: left;} #front-slider a.designers i{display: block; float: left; width: 100%; text-align: center; margin-top: 20px; color: #CAB340;} #front-slider #designer-link{display: none;} .push-over{display: block; float: left; width: 100%; position: relative; z-index: 9000; background: #fff; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } /* ========================================================================== FRONT INTRO ========================================================================== */ #intro{display: block; float: left; width: 100%; padding:95px 0;} #intro .content-600{display: block; margin:0 auto; width: 100%; max-width: 600px; text-align: center;} #intro .text{display: block; float: left; width: 100%; color: #9A9D9F; font-size: 24px; line-height: 1.2em;} #intro .text p{line-height: 1.2em;} #quick-links{display: block; float: left; width: 100%; padding-top: 95px;} #quick-links a{display: block; float: left; width: 50%; padding:110px 75px; position: relative; text-decoration: none; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(http://www.wildspirit.be/backgroundsize.min.htc); } #quick-links a.left{text-align: right;} #quick-links a .overlay{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 1; z-index: 5; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #quick-links a span{display: block; position: relative; z-index: 10; font:22px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 1em; color: #9A9D9F; text-transform: uppercase;} #quick-links a span strong{font:22px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #333;} #quick-links a:hover .overlay{opacity: 0.95;} #spotlight{display: block; float: left; width: 100%; position: relative; padding:0 70px;} #spotlight .inner{display: block; float: left; width: 100%; position: relative;} #spotlight #spotlight-slider{display: block; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: #fff; -webkit-perspective: 1000;} #spotlight #spotlight-slider .bx-viewport, #spotlight-slider .bx-wrapper, #bx-spotlight-slider{height: 100% !important;} #spotlight-slider li{display: block; float: left; width: 100%; position: relative; height: 50%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #spotlight-slider li a{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-decoration: none;} #spotlight-slider li img{display: block; float: left; width: 100%; height: auto; position: relative; z-index: 1;} #spotlight-slider li .label{display: block; position: absolute; bottom: 15px; right: 15px; height: 30px; z-index: 10;} #spotlight-slider li .label .title{display: block; float: left; background: #000; color: #fff; height: 100%; text-transform: uppercase; font:18px 'ralewaysemibold', arial, sans-serif; font-weight: normal; line-height: 30px; padding:0 10px; position: relative;} #spotlight-slider li .label .designer{display: block; float: right; background: #fff; color: #000; height: 100%; font-size: 15px; line-height: 30px; padding:0 10px;} #spotlight .spotlight-item{display: block; float: left; width: 50%; overflow: hidden; padding:95px 0; position: relative; min-height: 750px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(http://www.wildspirit.be/backgroundsize.min.htc); } #spotlight .spotlight-item .overlay{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; z-index: 1; -webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; -o-transition:opacity 300ms; transition:opacity 300ms; } #spotlight .spotlight-item .content{display: block; float: left; width: 100%; position: relative; z-index: 10;} #spotlight .spotlight-item:hover .overlay{opacity: 0.25;} #spotlight .spotlight-item .description{display: block; float: right; margin-right: -1px; width: 50%; max-width: 330px; padding:75px 55px; background: #fff;} #spotlight .spotlight-item .description h3{display: block; float: left; width: 100%; text-transform: uppercase; font:16px 'ralewaybold', arial, sans-serif; font-weight: normal; line-height: 1em; color: #B0B2B3; margin-bottom: 5px;} #spotlight .spotlight-item .description h2{display: block; float: left; width: 100%; text-transform: uppercase; font:26px 'ralewayextrabold', arial, sans-serif; font-weight: normal; line-height: 0.9em; color: #333; margin-bottom: 15px;} #spotlight .spotlight-item .description p:last-child{margin-bottom: 0;} #spotlight .spotlight-item .description .text{display: block; float: left; width: 100%; color: #9B9D9F; font-family: 'ralewayextralight', arial, sans-serif; font-size: 15px;} #spotlight .bx-controls{display: block; position: absolute; top: 50%; right: -70px; width: 70px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #spotlight .bx-controls .bx-pager{display: block; float: left; width: 100%;} #spotlight .bx-controls .bx-pager .bx-pager-item{display: block; float: left; width: 100%;} #spotlight .bx-controls .bx-pager .bx-pager-item a{display: block; float: left; width: 100%; height: 70px; font:16px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 70px; text-align: center; background: #EBEBEB; color: #9D9696; cursor: pointer; text-decoration: none; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #spotlight .bx-controls .bx-pager .bx-pager-item a:hover, #spotlight .bx-controls .bx-pager .bx-pager-item a.active, #spotlight .bx-controls .bx-controls-direction a:hover{background: #D8D8D8; color: #444;} #spotlight .bx-controls .bx-controls-direction{display: none; float: left; width: 100%;} #spotlight .bx-controls .bx-controls-direction a{display: block; float: left; width: 100%; height: 70px; font:16px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 70px; text-align: center; background: #EBEBEB; color: #9D9696; cursor: pointer; text-decoration: none; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } /* ========================================================================== FRONT NEWS ========================================================================== */ #front-news{display: block; float: left; width: 100%; padding:0 70px;} #front-news .news-item{display: block; float: left; width: 25%; position: relative; background: #fff; overflow: hidden;} #front-news .news-item .image{display: block; float: left; width: 100%; position: relative; position: relative; z-index: 5; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #front-news .news-item .image img{display: block; float: left; width: 100%; height: auto; position: relative; z-index: 1;} #front-news .news-item .image img.greyscale{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #front-news .news-item:hover .image img.greyscale{opacity: 0;} #front-news .news-item .title-wrap{display: block; float: left; width: 100%; padding:35px 25px; padding-bottom: 20px; position: relative; z-index: 10; background: #fff; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #front-news .news-item .title-wrap .date{display: block; float: left; width: 25%;} #front-news .news-item .title-wrap .date span{display: block; float: left; width: 100%; text-transform: uppercase; font:15px 'ralewaybold', arial, sans-serif; font-weight: normal; line-height: 1em; color: #B0B2B3;} #front-news .news-item .title-wrap .title{display: block; float: right; width: 75%; } #front-news .news-item .title-wrap .title h2{display: block; float: left; width: 100%; text-transform: uppercase; font:26px 'ralewayextrabold', arial, sans-serif; font-weight: normal; line-height: 0.9em; color: #333;} #front-news .news-item .description{display: block; position: absolute; bottom: 0; left: 0; width: 100%; padding:0 25px; background: #fff; color: #B0B2B2; z-index: 1; opacity: 0; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #front-news .news-item:hover .description{opacity: 1;} #front-news .news-item .description p{margin:0;} #more-news{display: block; float: left; width: 100%; text-align: center; padding:75px 0; padding-bottom: 95px;} #more-news a{display: inline-block; text-transform: uppercase; font:20px 'ralewayextrabold', arial, sans-serif; font-weight: normal; line-height: 1em; color:#B4A03B; text-decoration: none; text-align: right; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #more-news a i{display: inline-block; width: 100%; margin-bottom: 10px;} /* ========================================================================== FRONT ABOUT ========================================================================== */ #front-about{display: block; float: left; width: 100%; padding:0 70px;} #front-about .inner{display: block; float: left; width: 100%; position: relative; background-attachment: fixed; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(http://www.wildspirit.be/backgroundsize.min.htc); } #front-about .content{display: block; float: left; width: 100%; z-index: 10; background: rgba(255,255,255,0.92); padding:250px 0;} #front-about .content .left{display: block; float: left; width: 40%;} #front-about .content .left span{display: block; float: left; width: 100%; text-align: right; text-transform: uppercase; font:30px 'ralewayregular', arial, sans-serif; font-weight: normal; color: #CAB340; margin-top: 70px;} #front-about .content .right{display: block; float: right; width: 60%; padding-left: 20px;} #front-about .content .right .logo{display: block; float: left; width: 100%;} #front-about .content .right .text{display: block; float: left; width: 100%; max-width: 600px; color: #9A9D9F; font-size: 22px; line-height: 1.4em; padding-top: 25px;} #front-about .content .right .text p{line-height: 1.4em;} /* ========================================================================== FOOTER ========================================================================== */ #footer{display: block; float: left; width: 100%; text-align: center; padding:125px 70px; padding-bottom: 75px;} #footer h2{display: block; float: left; width: 100%; padding:35px 0; border-top:3px solid #000000; font:18px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #333; line-height: 1em;} #footer .text{display: block; float: left; width: 100%; border-top: 1px solid #C3C4C9; border-bottom: 1px solid #C3C4C9; padding:35px 0;} #footer .text p{color: #7F8485; font-size: 16px;} #footer .text p a{color: #7F8485; text-decoration: none;} #footer .text p a:hover{text-decoration: underline;} /*only for webkit browsers*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #front-about .inner{ background-attachment: scroll; } } /* ========================================================================== ABOUT ========================================================================== */ #about-intro, #login-intro{display: block; float: left; width: 100%; padding:105px 0;} #login-intro{padding-bottom: 85px;} #about-intro h1, #login-intro h1, #news-detail.page h1{display: block; float: left; width: 100%; font:30px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal;} #about-intro .text, #login-intro .text{display: block; float: left; width: 100%; color: #7f8485; font-size: 16px;} #about-intro .text p, #login-intro .text p{font-size: 16px;} #news-detail.page h1{padding-bottom: 20px;} #news-detail.page{padding-top: 105px;} .content-960{display: block; margin:0 auto; width: 100%; max-width: 960px;} #about{display: block; float: left; width: 100%; padding:125px 0;} #about .intro, #review-instructions{display: block; float: left; width: 100%; padding-bottom: 125px;} #review-instructions{padding-bottom: 95px;} #about h2.quote{display: block; float: left; width: 100%; text-align: center; color: #CAB23F; font:46px 'ralewayextralight', arial, sans-serif; line-height: 1em; font-weight: normal;} #about h1, #review-instructions h1{display: block; float: left; width: 100%; font:30px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal;} #about .intro h1{margin-bottom: 15px;} #about .intro h2.quote{margin-top: 65px;} #about .text{display: block; float: left; width: 100%; color: #7f8485; font-size: 16px;} #about .text p{font-size: 16px;} #about .fancy-images{display: block; float: left; width: 100%; padding-bottom: 125px;} #about .fancy-images .image{display: block; float: left; width: 100%;} #about .fancy-images h2.quote{margin-top: 100px; padding:95px 0;} #about .image img{display: block; float: left; width: 100%; height: auto;} #about .about-text{display: block; float: left; width: 100%; text-align: center; padding-bottom: 125px;} #about .about-text h1{margin-bottom: 15px;} .about-visual{display: block; float: left; width: 100%; position: relative;} .about-visual img{display: block; float: left; width: 100%; position: relative; height: auto; z-index: 1;} .about-visual .baseline{display: block; position: absolute; bottom: -50px; left: 30px; z-index: 1000;} .about-visual .baseline h2{display: block; float: left; width: 100%; color: #CAB23F; font:44px 'ralewayextralight', arial, sans-serif; font-weight: normal; text-transform: lowercase;} .about-visual .baseline h3{display: block; float: left; width: 100%; color: #333; font:95px 'ralewayblack', arial, sans-serif; font-weight: normal; text-transform: uppercase; line-height: 0.85em;} /* ========================================================================== ABOUT SLIDER ========================================================================== */ #about-slider{display: block; float: left; width: 100%; height: auto; padding:0 70px; position: relative;} #about-slider .bx-wrapper, #about-slider .bx-viewport, #bx-hero{height: auto; width: 100%;} #about-slider #bx-hero{height: auto !important; width: 100%;} #bx-hero .item{width: 100%; float: left; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(http://www.wildspirit.be/backgroundsize.min.htc); } #about-slider .item{display: block; height: auto !important;} #about-slider .item img{display: block; float: left; width: 100%; height: auto;} #about-slider .bx-controls{display: block; position: absolute; top: -141px; right: -70px; width: 70px;} #about-slider .bx-controls .bx-pager{display: block; float: left; width: 100%;} #about-slider .bx-controls .bx-pager .bx-pager-item{display: block; float: left; width: 100%;} #about-slider .bx-controls .bx-pager .bx-pager-item a{display: block; float: left; width: 100%; height: 70px; font:16px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 70px; text-align: center; background: #EBEBEB; color: #9D9696; cursor: pointer; text-decoration: none; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #about-slider .bx-controls .bx-controls-direction{display: none; float: left; width: 100%;} #about-slider .bx-controls .bx-controls-direction a{display: block; float: left; width: 100%; height: 70px; font:16px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 70px; text-align: center; background: #EBEBEB; color: #9D9696; cursor: pointer; text-decoration: none; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #about-slider .bx-controls .bx-pager .bx-pager-item a:hover, #about-slider .bx-controls .bx-pager .bx-pager-item a.active, #about-slider .bx-controls .bx-controls-direction a:hover{background: #D8D8D8; color: #444;} #about-slider a.designers{display: block; float: left; width: 100%; background: #333436; color: #fff; text-transform: uppercase; text-decoration: none; padding:30px 10px; text-align: center;} #about-slider a.designers span{font:18px 'ralewaysemibold', arial, sans-serif; font-weight: normal; line-height: 0.85em; display: inline-block; text-align: left;} #about-slider a.designers i{display: block; float: left; width: 100%; text-align: center; margin-top: 20px; color: #CAB340;} #about-slider #designer-link{display: none;} /* ========================================================================== DESIGNERS ========================================================================== */ #designers{display: block; float: left; width: 100%;} #designers .quicklinks{display: block; float: left; width: 100%; padding:20px 260px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;} #designers .quicklinks ul{display: block; float: left; width: 100%;} #designers .quicklinks ul li{display: block; float: left; width: 20%; padding:3px 0;} #designers .quicklinks ul li a{display: block; float: left; text-decoration: none; font-size: 16px; color: #797A7F; line-height: 1em;} #designers .quicklinks ul li a:hover, #designers .quicklinks ul li.active a{color: #111;} .designer-grid{display: block; float: left; width: 100%; padding:0 70px; padding-top: 35px;} .designer-grid .row{display: block; float: left; width: 100%;} .designer-grid .divider-2-col{display: none; float: left; width: 100%;} .designer-grid .divider-3-col{display: block; float: left; width: 100%;} .designer-grid .designer{display: block; float: left; width:calc(100% / 3); width: 33.333333334%; position: relative; background: #fff; overflow: hidden; text-decoration: none;} .designer-grid .designer .image{display: block; float: left; width: 100%; position: relative; position: relative; z-index: 5; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; -webkit-backface-visibility: hidden; } .designer-grid .designer .image img{display: block; float: left; width: 100%; height: auto; position: relative; z-index: 1; -webkit-backface-visibility: hidden;} .designer-grid .designer .image img.greyscale{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; -webkit-backface-visibility: hidden; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } .designer-grid .designer:hover .image img.greyscale{opacity: 0;} .designer-grid .designer .title-wrap{display: block; float: left; width: 100%; padding:25px 0px; position: relative; z-index: 10; background: #fff; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } .designer-grid .designer:hover .image{ -moz-transform: translateX(0px) translateY(-30px); -webkit-transform: translateX(0px) translateY(-30px); -o-transform: translateX(0px) translateY(-30px); -ms-transform: translateX(0px) translateY(-30px); transform: translateX(0px) translateY(-30px); } .designer-grid .designer:hover .title-wrap{ -moz-transform: translateX(0px) translateY(-50px); -webkit-transform: translateX(0px) translateY(-50px); -o-transform: translateX(0px) translateY(-50px); -ms-transform: translateX(0px) translateY(-50px); transform: translateX(0px) translateY(-50px); } .designer-grid .designer .title-wrap h2{display: block; float: left; background: #000; margin-left: 25px; margin-top: 1px; color: #fff; height: 100%; text-transform: uppercase; font:18px 'ralewaysemibold', arial, sans-serif; line-height: 1em; font-weight: normal; padding:3px 5px;} .designer-grid .designer .title-wrap .text{display: block; float: left; width: 100%; padding:0 25px; color: #7f8485; padding-top: 7px;} /* ========================================================================== PRODUCTS ========================================================================== */ #products{display: block; float: left; width: 100%; padding:125px 0; text-align: center;} /* ========================================================================== NEWS ========================================================================== */ #news, #news-detail{display: block; float: left; width: 100%; padding:0 70px;} #news .item.first{border-top: 1px solid #eee;} #news .item{display: block; float: left; width: 100%; border-bottom: 1px solid #EEEEEE; padding:35px 0; text-decoration: none; background: #fff; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #news .item .title-wrap{display: block; float: left; width: 100%; position: relative;} #news .item h2{display: block; float: left; width: 100%; padding-left: 75px; position: relative; z-index: 1; color: #B0B2B3; text-transform: uppercase; font-size: 30px; line-height: 0.9em; font-weight: normal;} #news .item .date{display: block; position: absolute; top: 0; left: 0; text-transform: uppercase; font:15px 'ralewaybold', arial, sans-serif; font-weight: normal; line-height: 1em; color: #B0B2B3;} #news .item .text{display: block; float: left; width: 100%; margin:-10px 0; margin-top: -14px; color: #7f8485; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #news .item .preview{display: block; float: left; width: 100%;} #news .item .preview .image{display: block; float: left; width: 100%; padding-bottom: 20px;} #news .item .preview .image img{display: block; float: left; width: 100%; height: auto;} #news .item.has-image .text{margin-top:0;} #news .item:hover{background: #333;} #news .item:hover .text{color: #B0B2B2;} #news .paging{display: block; float: left; width: 100%; text-align: center; margin-top: 125px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;} #news .paging ul.pager{display: block; float: left; width: 100%; text-align: center; font-size: 0;} #news .paging ul.pager li{display: inline-block; font-size: 16px; border-left: 1px solid #EEEEEE; height: 46px; line-height: 46px; text-align: center; width: 46px; color: #B0B2B2; margin:0; padding:0;} #news .paging ul.pager li.last{border-right: 1px solid #EEE;} #news .paging ul.pager li.pager-current{color: #333;} #news .paging ul.pager li a{text-decoration: none; width: 100%; height: 100%; display: inline-block; color: #B0B2B2;} #news-detail{padding:155px 140px; padding-bottom: 0; position: relative;} #news-detail .item{display: block; float: left; width: 100%; text-decoration: none; background: #fff;} #news-detail .item .title-wrap{display: block; float: left; width: 100%; position: relative;} #news-detail .item h2{display: block; float: left; width: 100%; padding-left: 75px; position: relative; z-index: 1; color: #B0B2B3; text-transform: uppercase; font-size: 30px; line-height: 0.9em; font-weight: normal;} #news-detail .item .date{display: block; position: absolute; top: 0; left: 0; text-transform: uppercase; font:15px 'ralewaybold', arial, sans-serif; font-weight: normal; line-height: 1em; color: #B0B2B3;} #news-detail .item .text{display: block; float: left; width: 100%; color: #7f8485;} #news-detail .item .text a{color: #000;} #news-detail .item .news-content{display: block; float: left; width: 100%;} #news-detail .item .news-content h3{display: block; float: left; width: 100%; font:30px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; line-height: 0.9em; margin-bottom: 20px;} #news-detail .item .news-content h4{display: block; float: left; width: 100%; font:22px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; line-height: 0.9em; margin-bottom: 20px;} #news-detail.page .item .news-content h3{display: block; float: left; width: 100%; font:22px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; line-height: 0.9em; margin-bottom: 20px;} #news-detail.page .item .news-content h4{display: block; float: left; width: 100%; font:18px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; line-height: 0.9em; margin-bottom: 20px;} #news-detail .item .news-content h3 + p{margin-top: 0;} #news-detail .item .news-content h4 + p {margin-top: 0;} #news-detail .item .news-content h3 + h4{margin-top: 0;} #news-detail .item .news-content p + h3, #news-detail .item .news-content p + h4{margin-top: 20px;} #news-detail.page .item .news-content p + h3, #news-detail.page .item .news-content p + h4{margin-top: 30px;} #news-detail .item .news-content .text ul{display: block; float: left; width: 100%; padding-left: 30px; line-height: 1.5em;} #detail-slider{display: block; float: left; width: 100%; padding-bottom: 55px; position: relative;} #detail-slider .bx-controls{display: block; position: absolute; top: 50%; right: -70px; width: 70px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #detail-slider li{display: block; float: left; width: 100%;} #detail-slider li img{display: block; float: left; width: 100%; height: auto;} #detail-slider .bx-controls .bx-pager{display: block; float: left; width: 100%;} #detail-slider .bx-controls .bx-pager .bx-pager-item{display: block; float: left; width: 100%;} #detail-slider .bx-controls .bx-pager .bx-pager-item a{display: block; float: left; width: 100%; height: 70px; font:16px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 70px; text-align: center; background: #EBEBEB; color: #9D9696; cursor: pointer; text-decoration: none; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #detail-slider .bx-controls .bx-controls-direction{display: none; float: left; width: 100%;} #detail-slider .bx-controls .bx-controls-direction a{display: block; float: left; width: 100%; height: 70px; font:16px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 70px; text-align: center; background: #EBEBEB; color: #9D9696; cursor: pointer; text-decoration: none; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #detail-slider .bx-controls .bx-pager .bx-pager-item a:hover, #detail-slider .bx-controls .bx-pager .bx-pager-item a.active, #detail-slider .bx-controls .bx-controls-direction a:hover{background: #D8D8D8; color: #444;} #news-detail .prev-next{display: block; position: absolute; top: 155px; right: 0; width: 70px;} #news-detail .prev-next a{display: block; float: left; width: 100%; background: #D7C56E; color: #fff; text-transform: uppercase; text-decoration: none; height: 70px; line-height: 70px; text-align: center; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #news-detail .prev-next a.back{background: #333436;} #news-detail .prev-next a:hover{background: #bfb16c;} #news-detail .prev-next a.back:hover{background: #222;} .news-links{display: block; float: left; width: 100%; padding-top: 20px;} .news-links ul{display: block; float: left; width: 100%;} .news-links ul li{display: block; float: left; width: 100%; margin-bottom: 10px;} .news-links ul li a{display: block; float: left; width: 100%; border:1px solid #EEEEEE; text-decoration: none; padding:6px; position: relative; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } .news-links ul li a i{display: block; position: absolute; top:50%; margin-top: -19px; right: 6px; width: 38px; height: 38px; border:1px solid #EEE; color: #B6A231; line-height: 38px; text-align: center; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } .news-links ul li a span{display: block; float: left; min-height: 38px; line-height: 1.3em; color: #333; padding-left: 20px; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } .news-links ul li a:hover{background: #333; border-color: #333;} .news-links ul li a:hover i{border-color: #555; color: #B6A231;} .news-links ul li a:hover span{color: #efefef;} /* ========================================================================== DESIGNER DETAIL ========================================================================== */ .designer-intro{display: block; float: left; width: 100%; padding:105px 0;} .designer-intro h1{display: block; float: left; width: 100%; font:30px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal;} .designer-intro h2{display: block; float: left; width: 100%; font:14px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #B0B2B3; text-transform: uppercase; font-weight: normal;} .designer-intro .text{display: block; float: left; width: 100%; color: #7f8485; font-size: 16px;} .designer-intro .text p{font-size: 16px;} .designer-images{display: block; float: left; width: 100%;} .designer-images .grid-70{padding-right: 105px;} .designer-images h2.quote{display: block; float: left; width: 100%; text-align: center; color: #CAB23F; font:40px 'ralewayextralight', arial, sans-serif; line-height: 1em; font-weight: normal;} .designer-images #detail-slider{padding-bottom: 0;} #designer-related{display: block; float: left; width: 100%; margin-top: 125px; position: relative;} #designer-related .sidebar{display: block; position: absolute; top: 0; left: 0; width: 260px; background: #D7C56E; padding:50px; z-index: 5; height: 100%;} #designer-related.related .sidebar{background: #333436;} #designer-related.related{margin-top: 55px;} #designer-related.finishes{margin-top: 55px;} #designer-related .sidebar:after{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 105px; background: #fff; z-index: 10; content: "";} #designer-related .products-grid{display: block; float: left; width: 100%; position: relative; z-index: 1; padding-left: 260px; background: #fff;} #designer-related .sidebar h2{display: block; float: left; width: 100%; font:22px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; line-height: 0.9em;} #designer-related.related .sidebar h2{color: #fff;} #designer-related .sidebar h3{display: block; float: left; width: 100%; font:14px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #fff; text-transform: uppercase; font-weight: normal; margin-bottom: 5px;} #designer-related.related .sidebar h3{color: #ccc;} .products-grid{display: block; float: left; width: 100%;} .products-grid .row{display: block; float: left; width: 100%;} .products-grid .product{display: block; float: left; width:calc(100% / 3); width: 33.333333334%; position: relative; background: #fff; overflow: hidden; text-decoration: none;} .products-grid .product .image{display: block; float: left; width: 100%; position: relative; position: relative; z-index: 5; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } .products-grid .product .image img{display: block; float: left; width: 100%; height: auto; position: relative; z-index: 1;} .products-grid .product .image img.greyscale{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } .products-grid .product:hover .image img.greyscale{opacity: 0;} .products-grid .product .title-wrap{display: block; float: left; width: 100%; padding:25px 0px; padding-bottom: 55px; position: relative; z-index: 10; background: #fff; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } .products-grid .product:hover .image{ -moz-transform: translateX(0px) translateY(-30px); -webkit-transform: translateX(0px) translateY(-30px); -o-transform: translateX(0px) translateY(-30px); -ms-transform: translateX(0px) translateY(-30px); transform: translateX(0px) translateY(-30px); } .products-grid .product:hover .title-wrap{ -moz-transform: translateX(0px) translateY(-50px); -webkit-transform: translateX(0px) translateY(-50px); -o-transform: translateX(0px) translateY(-50px); -ms-transform: translateX(0px) translateY(-50px); transform: translateX(0px) translateY(-50px); } .products-grid .product .title-wrap h2{display: block; float: left; background: #000; margin-left: 25px; margin-top: 1px; color: #fff; height: 100%; text-transform: uppercase; font:18px 'ralewaysemibold', arial, sans-serif; line-height: 1em; font-weight: normal; padding:3px 5px;} .products-grid .product .title-wrap h3{display: block; float: left; background: #fff; color: #000; font-size: 15px; margin-left: 20px; line-height: 24px; font-weight: normal;} .products-grid .product .sticker{display: block; position: absolute; top: 0; left: 10px; background: #D7C56E; color: #fff; z-index: 10; padding:6px 15px; text-transform: uppercase; font:13px 'ralewaybold', arial, sans-serif; font-weight: normal; line-height: 1em;} .products-grid .product .title-wrap .spacer{display: block; float: left; width: 100%;} .products-grid .product .title-wrap h4{display: block; float: left; background: #efefef; color: #333; font-weight: normal; text-transform: uppercase; margin-left: 25px; margin-top: 3px; padding:3px 5px; font-size: 15px;} #identity-kit{display: block; float: left; width: 100%; padding-top: 105px;} .identity-left{display: block; float: left; width: 30%; padding-right: 10px;} .identity-right{display: block; float: right; width: 70%; padding-left: 20px;} .identity-left .title-wrap{display: block; float: left; width: 100%; padding-top: 55px; padding-bottom: 10px;} .identity-left .title-wrap .titles{display: block; float: left; width: 65%; padding-right: 20px;} .identity-left .title-wrap .icon{display: block; float: right; width: 35%; position: relative; height:48px;} .identity-left .title-wrap .icon img{display: block; position: absolute; bottom:0; right: 0; width: 100%; height: auto;} .identity-left h2{display: block; float: left; width: 100%; font:30px 'ralewayextrabold', arial, sans-serif; line-height: 1em; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; text-align: right; margin-top: 5px;} .identity-left h3{display: block; float: left; width: 100%; font:14px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #B0B2B3; text-transform: uppercase; font-weight: normal; text-align: right;} .identity-right{padding-top: 40px;} .identity-right .text{display: block; float: left; width: 100%; color: #7F8485; padding-bottom: 30px;} .identity-right .data{display: block; float: left; width: 100%; color: #7F8485;} .identity-right .data .row{display: block; float: left; width: 100%; margin-bottom: 15px;} .identity-right .data .data-row, .identity-right .data .line{display: block; float: left; width: 100%;} .identity-right .data .label, .identity-right .data .l-l{display: block; float: left; width: 30%;} .identity-right .data .content, .identity-right .data .l-r{display: block; float: left; width: 70%;} .identity-right .data .label{font:16px 'ralewaysemibold', arial, sans-serif; font-weight: normal; color: #B0B2B2; line-height: 1em;} .identity-right .data .content{line-height: 1em; padding-bottom: 10px;} .identity-right .data .l-l, .identity-right .data .l-r{border-bottom: 1px solid #ccc;} /* ========================================================================== CONTACT ========================================================================== */ #contact{display: block; float: left; width: 100%; padding:0 70px;} #contact .inner{display: block; float: left; width: 100%; background: #272726; padding:155px 0;} #contact .details{display: block; float: left; width: 100%;} #contact .details h2{display: block; float: left; width: 100%; font:16px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #B0B2B3; text-transform: uppercase; font-weight: normal; margin-bottom: 10px;} #contact .details h3{display: block; float: left; width: 100%; position: relative; z-index: 1; color: #B0B2B3; text-transform: uppercase; font-size: 30px; line-height: 0.9em; font-weight: normal;} #contact .details .text{display: block; float: left; width: 100%; color: #fff; padding-top: 35px;} #contact .details .text a{color: #fff; text-decoration: none;} #contact .details .text a:hover{text-decoration: underline;} #map{display: block; float: left; width: 100%; padding:0 70px;} #map-wrapper{display: block; float: left; width: 100%; position: relative;} #map-canvas{display: block; float: left; width: 100%; height: 650px;} #map .baseline{display: block; position: absolute; bottom: -50px; left: 30px; z-index: 1000;} #map .baseline h2{display: block; float: left; width: 100%; color: #CAB23F; font:50px 'ralewayextralight', arial, sans-serif; font-weight: normal; text-transform: lowercase;} #map .baseline h3{display: block; float: left; width: 100%; color: #333; font:110px 'ralewayblack', arial, sans-serif; font-weight: normal; text-transform: uppercase; line-height: 0.85em;} #contact-toggle{display: block; float: left; width: 100%; padding-top: 3px; padding-bottom: 50px;} #contact-toggle .left{display: block; float: left; width: 50%; padding-right: 15px;} #contact-toggle .right{display: block; float: right; width: 50%; padding-left: 15px;} #contact-toggle a{display: block; float: left; width: 100%; border: 1px solid #525251; text-decoration: none; color: #CAB23F; position: relative; padding:15px; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #contact-toggle a span{display: block; float: left; width: 100%; position: relative; z-index: 1; padding-right: 100px; text-transform: uppercase; font-size: 28px; line-height: 0.9em; font-weight: normal;} #contact-toggle a i{display: block; position: absolute; top: 50%; margin-top: -19px; right: 15px; border:1px solid #525251; width: 38px; height: 38px; text-align: center; line-height: 36px; font-size: 14px; padding-left: 2px; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #contact-toggle a:hover i{background: #CAB23F; color: #fff; border-color: #CAB23F;} #contact-toggle a.open i{ -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #contact-toggle a.locked{opacity: 0.2; cursor: default;} #contact-toggle a.locked:hover i{background: none; color: #CAB23F; border-color: #525251;} #contact .quote{display: block; float: left; width: 100%;} #contact .quote p{display: block; float: left; width: 100%; color: #666; font:46px 'ralewayextralight', arial, sans-serif; line-height: 1em; font-weight: normal; margin:0;} #contact .form-overflow{display: block; float: left; width: 100%; height: 0; overflow: hidden; -webkit-transition:all 400ms; -moz-transition:all 400ms; -o-transition:all 400ms; transition:all 400ms; } #contact .form-wrap{display: none; float: left; width: 100%;} #contact .form-wrap.open{display: block;} #contact .form-wrap label{display: none;} #contact .form-wrap .hide{display: none !important;} #contact .form-wrap .form-item{display: block; float: left; width: 50%; padding-right: 15px;} #contact .form-wrap .form-item:nth-child(even){padding-right: 0; padding-left: 15px;} #contact .form-wrap .form-item input, #contact .form-wrap .form-item select{display: block; float: left; width: 100%; border:0; background: none; border-bottom: 1px solid #525251; text-align: left; color: #fff; font:15px 'ralewayextralight', arial, sans-serif; text-transform: uppercase; padding-bottom: 7px; margin-bottom: 20px;} #contact .form-wrap .form-item.textarea, #contact .form-wrap .form-item.submit{display: block; float: left; width: 100%; text-align: left;} #contact .form-wrap .form-item.submit{text-align: center;} #contact .form-wrap .form-item textarea{display: block; float: left; width: 100%; border:0; background: none; border-bottom: 1px solid #525251; text-align: left; color: #fff; font:15px 'ralewayextralight', arial, sans-serif; text-transform: uppercase; resize:none; height: 70px; overflow: auto; padding:0 10px;} #contact .form-wrap .form-item.submit{padding-top: 55px; padding-bottom: 15px; padding-bottom: 50px;} #contact .form-wrap button{display: inline-block; background: none; border:0; font:20px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #fff; text-transform: uppercase; line-height: 1em; cursor: pointer; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } #contact .form-wrap button:hover{color: #CAB23F;} #contact .form-wrap .form-item input, #contact .form-wrap .form-item select{padding-left: 10px;} #contact .form-wrap .form-item select option:first-child{color: #333;} #contact .divider{display: block; float: left; width: 100%;} #contact .form-wrap .form-item.textarea{padding-top: 20px;} ::-webkit-input-placeholder { color: #fff; opacity: 1 !important; /* for chrome */ } :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1 !important; /* for chrome */ } ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1 !important; /* for chrome */ } :-ms-input-placeholder { color: #fff; opacity: 1 !important; /* for chrome */ } #contact .form-wrap .form-item select{background: #272726;} /* ========================================================================== LOGIN FORM ========================================================================== */ #login-form{display: block; float: left; width: 100%; background: #efefef; padding:95px 0;} #login-form #edit-actions input{display: none;} .form-item .description{display: none;} .login-form-wrap{display: block; margin:0 auto; max-width: 450px; width: 100%; padding:35px; background: #fff;} .login-form-wrap .form-item{display: block; float: left; width: 100%; margin-bottom: 20px;} .login-form-wrap .form-item label{display: block; float: left; width: 100%; color: #000; text-transform: uppercase; margin-bottom: 10px; font-size: 15px;} .login-form-wrap .form-item input{display: block; float: left; width: 100%; border:0; background: #fff; color: #000; padding:10px 10px; font-weight: normal; border:1px solid #c3c4c9; font:16px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 1em;} .login-form-wrap .form-item input.error{border: 1px solid #df5a49;} .login-form-wrap button{color:#fff; padding:12px 20px; width: 100%; background: #333; line-height: 1em; text-transform: uppercase; font-weight: normal; border:0; cursor: pointer; font:15px 'ralewaylight', arial, sans-serif; font-weight: normal; line-height: 1em; position: relative; outline: none; } /* ========================================================================== MOBILE NAVIGATION ========================================================================== */ #menu-toggle{display: none; position: fixed; top: 20px; right: 20px; z-index: 20000;} .bt-menu-trigger{display:block;height:30px;width:30px;float:left;position:relative} .bt-menu-trigger span{-moz-user-select:none;background-color:#000;display:block;font-size:0;height:4px;left:0;margin-top:-2px;position:absolute;top:50%;-webkit-transition:background-color 400ms;-moz-transition:background-color 400ms;-o-transition:background-color 400ms;transition:background-color 400ms;width:100%} .bt-menu-open .bt-menu-trigger span{background-color:rgba(0,0,0,0)} .bt-menu-trigger span:after,.bt-menu-trigger span:before{background:none repeat scroll 0 0 #000;content:"";height:100%;left:0;position:absolute;-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;transition:all 400ms;width:100%} .bt-menu-trigger span:before{-webkit-transform:translateY(-250%);-moz-transform:translateY(-250%);-ms-transform:translateY(-250%);-o-transform:translateY(-250%);transform:translateY(-250%)} .bt-menu-trigger span:after{-webkit-transform:translateY(250%);-moz-transform:translateY(250%);-ms-transform:translateY(250%);-o-transform:translateY(250%);transform:translateY(250%)} .bt-menu-open .bt-menu-trigger span:before{-webkit-transform:translateY(0px) rotate(45deg);-moz-transform:translateY(0px) rotate(45deg);-ms-transform:translateY(0px) rotate(45deg);-o-transform:translateY(0px) rotate(45deg);transform:translateY(0px) rotate(45deg)} .bt-menu-open .bt-menu-trigger span:after{-webkit-transform:translateY(0px) rotate(-45deg);-moz-transform:translateY(0px) rotate(-45deg);-ms-transform:translateY(0px) rotate(-45deg);-o-transform:translateY(0px) rotate(-45deg);transform:translateY(0px) rotate(-45deg)} .bt-menu-open .bt-menu-trigger span:after,.bt-menu-open .bt-menu-trigger span:before{background-color:#fff} #mobile-navigation{ display: none; background: none repeat scroll 0 0 #222; padding-top: 70px; height: 100%; margin: 0; position: fixed; right: 0; top: 0; width: 240px; -webkit-transform: translate3d(240px,0,0); -moz-transform: translate3d(240px,0,0); -ms-transform: translate3d(240px,0,0); transform: translate3d(240px,0,0); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; -webkit-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.05); box-shadow: inset 5px 0px 5px 0px rgba(0,0,0,0.05); z-index: 15000; } body.mobile-nav #mobile-navigation{ display: block; -webkit-transform: translate3d(0px,0,0); -moz-transform: translate3d(0px,0,0); -ms-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #mobile-navigation ul{display: block; float: left; width: 100%;} #mobile-navigation ul li{display: block; float: left; width: 100%;} #mobile-navigation ul li a{display: block; float: left; width: 100%; padding:0 20px; height:60px; border-top:1px solid #333; text-transform: lowercase; color:#797A7F; text-decoration: none; font-weight: normal; line-height: 60px;} #mobile-navigation ul li a.active, #mobile-navigation ul li a.active, #mobile-navigation ul li.active a{color:#fff;} #mobile-navigation ul li.expanded > a{display: none;} #mobile-navigation ul.language-list li a{height: 50px; line-height: 50px;} #mobile-navigation ul.language-list li{display: block; float: left; width:50%; text-align: center; border-right: 1px solid #333;} #mobile-navigation ul.language-list li:nth-child(even){border-right: 0;} #mobile-navigation ul.language-list li.active a{background: #333; color: #fff;} #mobile-navigation ul.language-list{border-bottom: 1px solid #333;} #wrap{display: block; float: left; width:100%; height: 100%; opacity: 1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } body.mobile-nav #wrap{opacity: 0.2;} .spotlight-mobile{display: none;} #about-mobile{display: none;} /* ========================================================================== CATALOG ========================================================================== */ #catalog{display: block; float: left; width: 100%;} #catalog .quicklinks{display: block; float: left; width: 100%; padding:35px 260px; padding-right: 70px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;} #catalog .quicklinks ul{display: block; float: right;} #catalog .quicklinks ul li{display: block; float: left; margin-left: 35px;} #catalog .quicklinks ul li a{display: block; float: left; text-decoration: none; color: #9FA2A3;} #catalog .quicklinks ul li.active a, #catalog .quicklinks ul li a:hover{color: #333333;} #catalog .wrapper{margin-right: 320px;} .catalog-grid{display: block; float: left; width: 100%; padding:0 70px; padding-left: 40px; margin-right: -320px; padding-top: 20px;} .catalog-grid .row{display: block; float: left; width: 100%;} #catalog .sidebar{display: block; float: left; width: 320px; padding-top: 55px; padding-left: 70px;} #catalog .paging{display: block; float: left; width: 100%;} #catalog .paging ul{display: block; float: left; width: 100%; text-align: center;} #catalog .paging ul li{display: inline-block; color: #7f8485; margin:0 5px;} #catalog .paging ul li a{color: #7f8485; text-decoration: none;} #catalog .paging ul li a:hover, #catalog .paging ul li.pager-current{color: #333;} /* ========================================================================== PRODUCT DETAIL ========================================================================== */ #product{display: block; float: left; width: 100%;} #product .quicklinks{display: block; float: left; width: 100%; padding:35px 260px; padding-right: 70px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;} #product .quicklinks .title{display: block; float: left; } #product .quicklinks .title h2{display: block; float: left; background: #000; color: #fff; height: 100%; text-transform: uppercase; font:30px 'ralewaysemibold', arial, sans-serif; font-weight: normal; line-height: 30px; padding:5px 10px; position: relative;} #product .quicklinks .title h3{display: block; float: left; background: #fff; color: #000; height: 100%; font-size: 16px; line-height: 38px; padding:0 15px; font-weight: normal;} #product-detail-images{display: block; float: left; width: 100%; padding:0 70px;} #product-detail-images .inner{display: block; float: left; width: 100%; padding:40px 0; border-bottom: 1px solid #efefef;} #product-detail{display: block; float: left; width: 100%; padding:85px 0px;} #product-detail .description, #product-detail .description .text{display: block; float: left; width: 100%;} #product-detail .description h2{display: block; float: left; width: 100%; font:30px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; margin-bottom: 15px;} #product-detail .description h3{display: block; float: left; width: 100%; font:14px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #B0B2B3; text-transform: uppercase; font-weight: normal;} #product-detail .description .text{color:#7f8485; font-size: 16px; line-height: 1.5em;} #product-detail .description .text ul{display: block; float: left; width: 100%; padding-left: 20px; margin:5px 0;} #product-detail .description .text ul li{line-height: 1.5em; margin:5px 0;} #product-detail .data{display: block; float: left; width: 100%; max-width: 720px; color: #7F8485; padding-top: 55px;} #product-detail .data .row{display: block; float: left; width: 100%; margin-bottom: 15px;} #product-detail .data .data-row, #product-detail .data .line{display: block; float: left; width: 100%;} #product-detail .data .label, #product-detail .data .l-l{display: block; float: left; width: 30%;} #product-detail .data .content, #product-detail .data .l-r{display: block; float: left; width: 70%;} #product-detail .data .label{font:16px 'ralewaysemibold', arial, sans-serif; font-weight: normal; color: #B0B2B2; line-height: 1em;} #product-detail .data .content{line-height: 1em; padding-bottom: 10px;} #product-detail .data .l-l, #product-detail .data .l-r{border-bottom: 1px solid #ccc;} #product-detail .technical-drawings{display: block; float: left; width: 100%; padding-top: 75px;} #product-detail .technical-drawings ul{display: block; float: left; width: 100%;} #product-detail .technical-drawings ul li{display: block; float: left; width: 100%;} #product-detail .technical-drawings ul li img{display: block; float: left; margin-right: 55px; margin-bottom: 20px; width: auto; max-width: 100%; height: auto;} #product-detail .news-links{max-width: 400px; padding-top: 55px;} #product-detail h2.quote{display: block; float: left; width: 100%; text-align: center; color: #CAB23F; font:40px 'ralewayextralight', arial, sans-serif; line-height: 1em; font-weight: normal;} .order-block{display: block; float: left; width: 100%;} .order-block h2{display: block; float: left; width: 100%; font:20px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; padding:20px 0; padding-bottom: 17px; padding-top: 0; border-bottom: 1px solid #efefef; margin-bottom: 0; line-height: 1em;} .order-block ul.materials{display: block; float:left; width: 100%; margin:0; padding:0;} .order-block ul.materials li{display: block; float: left; width: 100%; border-bottom: 1px solid #efefef; padding:15px 0; color: #000000; font-size: 16px; font-weight: normal; line-height: 1em;} .order-block .sku{display: block; float: left; width: 100%; background: #EEEEEE; padding:5px 10px; font-size: 14px; color: #9D9696;} .order-block .sku strong{font:14px 'ralewaysemibold', arial, sans-serif; font-weight: normal;} .order-block .pricing{display: block; float: left; width: 100%; padding:35px 0;} .order-block .pricing .sticker{display: block; float: left; background: #D7C56E; color: #fff; z-index: 10; padding:6px 15px; text-transform: uppercase; font:13px 'ralewaybold', arial, sans-serif; font-weight: normal; line-height: 1em;} .order-block .pricing .price{display: block; float: right;} .order-block .pricing .price .old-price{display: block; float: left; font:22px 'ralewaysemibold', arial, sans-serif; font-weight: normal; color: #D8D8D8; text-decoration: line-through; height: 30px; padding-top: 6px; margin-right: 10px;} .order-block .pricing .price .current-price{display: block; float: right; font:30px 'ralewaysemibold', arial, sans-serif; font-weight: normal; line-height: 1em; color: #333335; height: 30px;} .order-block .add-to-cart{display: block; float: left; width: 100%; padding-top: 20px;} .order-block .form-type-uc-quantity label{display: none;} .order-block .add-to-cart form{display: block; float: left; width: 100%; position: relative;} .order-block .ui-spinner{display: block; position: absolute; top: 0; left: 0; height: 72px; width: 108px;} .order-block .form-type-uc-quantity .form-text{display: block; float: left; width: 72px; height: 72px; border:1px solid #efefef; text-align: center; font:20px 'ralewaysemibold', arial, sans-serif; font-weight: normal; color: #333333; line-height: 72px; padding:0;} .order-block .form-type-uc-quantity .ui-spinner-button{display: block; float: left; height: 50%; border:1px solid #efefef; border-left: 0; width: 36px; cursor: pointer; text-align: center; line-height: 36px; color: #CAB340; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .order-block .form-type-uc-quantity .ui-spinner-button.ui-spinner-down{border-top: 0;} .order-block .form-type-uc-quantity .ui-spinner-button:hover{background: #efefef; color: #666;} .order-block #edit-actions{float: left; width: 100%; padding-left: 130px;} .order-block #edit-actions input{display: block; float: left; width: 100%; height: 72px; background: #333436; color: #fff; text-align: center; text-transform: uppercase; font:16px 'ralewaysemibold', arial, sans-serif; font-weight: normal; border:0; cursor: pointer; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .order-block #edit-actions input:hover{background: #d7c56e;} .designer-block{display: block; float: left; width: 100%; margin-top: 75px;} .designer-block .image{display: block; float: left; width: 100%;} .designer-block .image img{display: block; float: left; width: 100%; height: auto;} .designer-block .designer-desc{display: block; float: left; width: 100%; background: #333436; padding:55px 40px;} .designer-block h2{display: block; float: left; width: 100%; font:30px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #fff; text-transform: uppercase; font-weight: normal; margin-bottom: 20px;} .designer-block h3{display: block; float: left; width: 100%; font:14px 'ralewaybold', arial, sans-serif; font-weight: normal; color: #B0B2B3; text-transform: uppercase; font-weight: normal;} .designer-block .text{color: #B0B2B2;} #edit-sort-wrapper{display: none;} html.js fieldset.collapsed{height: auto;} .views-exposed-widget{display: block; float: left; width: 100%; margin-bottom: 10px;} .views-exposed-widgets fieldset, .views-exposed-widgets fieldset legend{display: block; float: left; width: 100%;} .views-exposed-widgets fieldset .fieldset-wrapper{float: left; width: 100%;} .views-exposed-widgets fieldset .fieldset-wrapper .form-checkboxes{float: left; width: 100%; padding-top: 15px; padding-bottom: 25px;} .views-exposed-widgets fieldset .fieldset-wrapper .form-item{display: block; float: left; width: 100%; margin:4px 0; cursor: pointer;} .views-exposed-widgets fieldset .fieldset-wrapper .bef-checkboxes{display: block; float: left; width: 100%;} .views-exposed-widgets fieldset .fieldset-wrapper .form-item label{text-transform: lowercase; cursor: pointer; color: #7F8485; display: block; float: left; width: 100%; position: relative; padding-left: 30px; line-height: 1em;} .views-exposed-widgets fieldset .fieldset-wrapper .form-item.highlight label{color: #333;} .views-exposed-widgets fieldset .fieldset-wrapper .form-item:hover label{color: #333;} /*beautify checkboxes*/ .views-exposed-widgets fieldset .fieldset-wrapper .form-item input{display: none;} .views-exposed-widgets fieldset .fieldset-wrapper .form-item label:after{ display:block; position: absolute; top:1px; left: 0; width:16px; height:16px; z-index: 1; background:#fff; border:1px solid #B0B2B3; content: ""; } .views-exposed-widgets fieldset .fieldset-wrapper .form-item.highlight label:before{display: block; content: ""; position: absolute; top:3px; left: 2px; width: 12px; height: 12px; background: #333; z-index: 3;} .views-exposed-widgets fieldset legend .fieldset-legend a{display: block; float: left; width: 100%; height: 38px; line-height: 38px; position: relative; color: #333333; font-size: 22px; text-decoration: none; padding-right: 60px;} .views-exposed-widgets fieldset legend .fieldset-legend a:after{display: block; position: absolute; top:0; right: 0; width: 38px; height: 38px; border:1px solid #efefef; text-align: center; color: #CAB340; font-size: 10px; line-height: 34px; font-family: 'Linearicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Enable Ligatures ================ */ -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e75f"; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .views-exposed-widgets fieldset.collapsed legend .fieldset-legend a:after{ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .views-exposed-widgets fieldset legend .fieldset-legend a:hover:after{background: #efefef; color: #666;} /* ========================================================================== CART PAGE ========================================================================== */ #cart-page{display: block; float: left; width: 100%; padding:75px 0; padding-top: 0;} #uc-cart-view-form table thead{display: none;} #uc-cart-view-form table tr{display: block; float: left; width: 100%; height: 89px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #EEEEED; color: #333; text-decoration: none;} #uc-cart-view-form table td{display: block; float: left;} #uc-cart-view-form table .image img{display: block; float: left; width: auto; height: 74px;} #uc-cart-view-form table .qty{border:0;} #uc-cart-view-form table .qty input{display: block; float: left; width: 74px; height: 74px; border:1px solid #EEEEEE; color: #333; font:20px 'ralewaysemibold', arial, sans-serif; line-height: 72px; text-align: center;} #uc-cart-view-form td.desc{display: block; float: left; height: 74px; margin-right: 10px; width: 35%;} #uc-cart-view-form td.desc a{display: block; float: left; width: 100%; text-decoration: none; font:20px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; margin-bottom: 2px;} #uc-cart-view-form td.desc .materials{display: block; float: left; width: 100%;} #uc-cart-view-form td.desc .materials span{color: #DDCE84; text-transform: uppercase; font:14px 'ralewayextrabold', arial, sans-serif; font-weight: normal; margin-right: 10px; display: block; float: left; margin-top: 1px;} #uc-cart-view-form td.price{display: block; float: right; width: 160px; border-left: 1px solid #EEEEEE; font:22px 'ralewaysemibold', arial, sans-serif; line-height: 74px; height: 74px; color: #333; text-align: center;} #uc-cart-view-form td.remove{display: block; float: right;} #uc-cart-view-form td.remove input{display: block; float: right; width: 74px; height: 74px; line-height: 74px; text-align: center; border:0; color: #333; position: relative; background: #DCCD88; padding:0; cursor: pointer; font-family: 'Linearicons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Enable Ligatures ================ */ -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e75e"; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #uc-cart-view-form td.remove input:hover{background: #E4D9A3;} #uc-cart-view-form .ui-spinner{display: block; float: left; width: 110px; height: 74px; margin-right: 20px;} #uc-cart-view-form .ui-spinner-button{display: block; float: left; height: 50%; border:1px solid #EEEEEE; border-left: 0; width: 36px; cursor: pointer; text-align: center; line-height: 36px; color: #ccc; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #uc-cart-view-form .ui-spinner-button.ui-spinner-down{border-top: 0;} #uc-cart-view-form .ui-spinner-button:hover{background: #efefef; color: #666;} #uc-cart-view-form .subtotal{text-align: right; display: block; float: left; width: 100%; font:22px 'ralewaysemibold', arial, sans-serif; line-height: 74px;} #subtotal-title{font-weight: normal; font:22px 'ralewayextralight', arial, sans-serif; text-transform: lowercase;} #uc-cart-view-form #edit-actions{display: block; float: left; width: 100%;} #uc-cart-view-form .form-actions input{background: #818387; color: #fff; text-transform: uppercase; font:16px 'ralewaysemibold', arial, sans-serif; font-weight: normal; text-decoration: none; padding:18px 50px; border:0; cursor: pointer; margin-left: 10px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } #uc-cart-view-form .form-actions input#edit-checkout--2{background: #333436;} #uc-cart-view-form .form-actions input#edit-checkout--2:hover{background: #3E3F42;} #uc-cart-view-form .form-actions a{color: #333; text-transform: lowercase; line-height: 34px;} #uc-cart-view-form .form-actions input:hover{background:#898B8F} #cart-pane{display: block; float: right; width: 45%;} .review-wrap .order-review-table .cartcon{display: block; float: right; width: 100%;} #cart-pane legend, .review-wrap .order-review-table .cartcon h4{display: block; float: left; width: 100%; color: #4A4B4C; text-transform: uppercase; font:30px 'ralewayextralight', arial, sans-serif; background: #D8C773; padding:55px; padding-bottom: 0; margin-bottom: 0 !important;} #cart-pane .cart-review, .cartcon .cart-review{display: block; float: left; width: 100%; background: #D8C773; padding:25px 55px; padding-bottom: 55px;} .cart-review tbody{width: 100%; display: block; float: left;} #cart-pane .cart-review tr.subtotal{display: none;} #cart-pane #line-items-div-cart, .cartcon #line-items-div-cart{display: block; float: left; width: 100%; padding:20px 55px; background: #333436; color: #fff; margin:0; border:0;} #cart-pane .fieldset-wrapper{display: block; float: left; width: 100%;} #cart-pane .fieldset-wrapper thead{display: none;} .cartcon .pane-dat{display: block; float: left; width: 100%;} .review-wrap ul, .review-wrap li{display: block; float: left;} #quotes-pane{display: none;} #customer-pane, #delivery-pane, #billing-pane, #payment-pane, #comments-pane, .uc-cart-checkout-form #edit-actions{display: block; float: left; width: 55%; margin-bottom: 55px; padding-right: 60px;} table.cart-review thead{display: none;} table.cart-review tr{display: block; float: left; width: 100%; height: 89px; padding-top: 15px; margin-top: 15px; border-top: 1px solid #E1D8A6; color: #333; text-decoration: none;} table.cart-review tr:first-child{border-top: 0; padding-top: 0; margin-top: 0;} table.cart-review td{display: block; float: left;} table.cart-review .image img{display: block; float: left; width: auto; height: 74px;} table.cart-review .qty{border:0;} table.cart-review .qty{display: block; float: left; width: 74px; height: 74px; border:1px solid #E1D8A6; color: #333; font:20px 'ralewaysemibold', arial, sans-serif; line-height: 72px; text-align: center; margin-right: 15px;} table.cart-review td.products{display: block; float: left; height: 74px; margin-right: 10px; width: 45%;} table.cart-review td.products a{display: block; float: left; width: 100%; text-decoration: none; font:18px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; margin-bottom: 2px;} table.cart-review td.products .materials{display: block; float: left; width: 100%;} table.cart-review td.products .materials span{color: #DDCE84; text-transform: uppercase; font:14px 'ralewayextrabold', arial, sans-serif; font-weight: normal; margin-right: 10px; display: block; float: left; margin-top: 1px;} table.cart-review td.price{display: block; float: right; width: 120px; border-left: 1px solid #E1D8A6; font:20px 'ralewaysemibold', arial, sans-serif; line-height: 74px; height: 74px; color: #333; text-align: right;} .uc-cart-checkout-form fieldset legend{display: block; float: left; width: 100%; color: #4A4B4C; text-transform: uppercase; font:30px 'ralewayextralight', arial, sans-serif; margin-bottom: 15px;} #customer-pane p{display: block; float: left; width: 100%; line-height: 1.5em; margin:0;} #customer-pane p strong, .order-overview-data strong{font:16px 'ralewayregular', arial, sans-serif; line-height: 1.5em;} #customer-pane p a{color: #3F3F41;} .address-pane-table .field-label{font-weight: normal;} .uc-cart-checkout-form .address-pane-table{display: block; float: left; width: 100%; text-align: left;} .uc-cart-checkout-form .address-pane-table .form-item, #delivery-pane .form-item-panes-delivery-select-address, .address-pane-table label, .address-pane-table input, #billing-pane .form-item-panes-billing-select-address{display: block; float: left; width: 100%; margin:0; padding:0; text-align: left;} .address-pane-table input, .address-pane-table select, .address-pane-table select, .address-pane-table select{border:1px solid #efefef; padding:10px; width: 100%;} .uc-cart-checkout-form .address-pane-table .form-item, #delivery-pane .form-item-panes-delivery-select-address, #billing-pane .form-item-panes-billing-select-address{margin-bottom: 15px; } .address-pane-table label, #delivery-pane .form-item-panes-delivery-select-address label, #billing-pane .form-item-panes-billing-select-address label{color: #3F3F41; text-transform: uppercase; margin-bottom: 7px;} .address-pane-table label span{color: red;} .uc-cart-checkout-form .address-pane-table .form-type-select, #delivery-pane .form-item-panes-delivery-select-address, #billing-pane .form-item-panes-billing-select-address{position: relative;} html.js input.form-autocomplete { background: url('../assets/throbber.gif') no-repeat 99% -100px; } html.js input.throbbing { background-position: 99% 50%; } /* these apply to all ajax progresses */ .ajax-progress { display: inline-block; *display: inline; *zoom: 1; } .ajax-progress .throbber { background: transparent url('../assets/throbber.gif') no-repeat 0px 0px; /* tweak this according to your gif */ float: left; height: 16px; /* tweak this according to your gif */ width: 16px; /* tweak this according to your gif */ margin: 2px; } .uc-cart-checkout-form .uc-store-address-field .form-type-select .ajax-progress, #delivery-pane .form-item-panes-delivery-select-address .ajax-progress, #billing-pane .form-item-panes-billing-select-address .ajax-progress{display: block; position: absolute; top:0; right: 0;} .uc-cart-checkout-form .uc-store-address-field .form-item.form-item-panes-delivery-delivery-street1, .uc-cart-checkout-form .uc-store-address-field .form-item.form-item-panes-billing-billing-street1{margin-bottom: 8px;} .uc-cart-checkout-form .uc-store-address-field .form-item.form-item-panes-delivery-delivery-street2 label, .uc-cart-checkout-form .uc-store-address-field .form-item.form-item-panes-billing-billing-street2 label{display: none;} #delivery-pane .fieldset-description, #billing-pane .fieldset-description, #payment-pane .fieldset-description, #comments-pane .fieldset-description{display: block; float: left; width: 100%; margin-bottom: 35px;} #billing-pane .form-item-panes-billing-copy-address{display: block; float: left; width: 100%; margin:0; padding:0; margin-bottom: 35px; text-transform: uppercase; color:#D2BE60; font:16px 'ralewayregular', arial, sans-serif; position: relative;} #payment-pane{display: block; float: left; width: 100%; border-top: 3px solid #333; padding-top: 75px; padding-right: 0;} #payment-pane #payment-details{display: none;} #payment-pane .form-radios{display: block; float: left; width: 100%;} #payment-pane .form-radios .form-item{display: block; float: left; width: 25%; margin:0; padding:0;} #payment-pane .form-radios .form-item input{margin:0;} #billing-pane .form-item-panes-billing-copy-address input{display: none;} #billing-pane .form-item-panes-billing-copy-address label{cursor: pointer; position: relative; padding:0; padding-left: 28px; line-height: 1em; margin:0;} #billing-pane .form-item-panes-billing-copy-address label:before{display: block; position: absolute; top:1px; left: 0; width:16px; height:16px; border:1px solid #D8C773; content:"";} #billing-pane .form-item-panes-billing-copy-address input[type=checkbox]:checked + label:after{display: block; position: absolute; top:3px; left: 2px; width: 12px; height: 12px; background: #D8C773; content: ""; z-index: 5;} #billing-pane .form-item-panes-billing-copy-address .ajax-progress{display: block; float: left; margin-right: 10px;} #payment-pane #line-items-div{display: block; float: left; width: 100%; border:0; margin:0; text-align: right; border-top: 1px solid #C3C4C9; border-bottom: 1px solid #C3C4C9; margin-top: 75px;} #payment-pane #line-items-div tr, #payment-pane #line-items-div table, #payment-pane #line-items-div tbody{display: block; float: left; width: 100%;} #payment-pane #line-items-div .line-item-shipping{border-top: 1px solid #EEEEED; border-bottom: 1px solid #EEEEED;} #payment-pane #line-items-div td{padding:35px 0;} #payment-pane #line-items-div td.title{display: block; float: left; width: 90%; font-weight: normal;} #payment-pane #line-items-div td.price{display: block; float: left; width: 10%;} #payment-pane #line-items-div .line-item-total td.title, #payment-pane #line-items-div .line-item-total td.price{font:16px 'ralewayregular', arial, sans-serif;} #cart-pane #line-items-div-cart tr, #cart-pane #line-items-div-cart table, #cart-pane #line-items-div-cart tbody{display: block; float: left; width: 100%; text-align: right; color: #efefef;} #cart-pane #line-items-div-cart .line-item-shipping, .line-item-tax1{border-top: 1px solid #444; border-bottom: 1px solid #444;} .line-item-tax1{border-bottom: 0;} #cart-pane #line-items-div-cart td{padding:22px 0;} #cart-pane #line-items-div-cart td.title{display: block; float: left; width: 80%; font-weight: normal;} #cart-pane #line-items-div-cart td.price{display: block; float: left; width: 20%;} #cart-pane #line-items-div-cart .line-item-total td.title, #cart-pane #line-items-div-cart .line-item-total td.price{font:16px 'ralewayregular', arial, sans-serif;} #uc-store-address-delivery-zone-wrapper{display: block; float: left; width: 100%;} #comments-pane{display: block; float: left; width: 100%; padding-right: 0;} #comments-pane label{display:block; width: 100%; float: left; text-transform: uppercase; margin-bottom: 7px;} #comments-pane textarea{display: block; border:1px solid #efefef; resize:none; height: 200px; float: left; width: 100%; padding:20px; font-family: 'ralewayextralight', arial, sans-serif; font-size: 16px; line-height: 1.5em;} .resizable-textarea .grippie{display: none;} .uc-cart-checkout-form .messages{display: none;} .uc-cart-checkout-form #edit-actions{display: block; float: left; width: 100%; padding-right: 0; margin-bottom: 0;} .uc-cart-checkout-form #edit-actions input{background: #efefef; color: #333; text-transform: uppercase; font:16px 'ralewayextralight', arial, sans-serif; font-weight: normal; text-decoration: none; padding:18px 50px; border:0; cursor: pointer; margin-left: 10px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .uc-cart-checkout-form #edit-actions input#edit-continue{background: #333436; color: #fff; font:16px 'ralewaysemibold', arial, sans-serif; font-weight: normal;} .uc-cart-checkout-form #edit-actions input#edit-continue:hover{background: #3E3F42;} form.uc-cart-checkout-form input.error, form.uc-cart-checkout-form select.error, form.uc-cart-checkout-form textarea.error{border-color: red !important;} .cartcon #uc-order-total-preview, .cartcon #uc-order-total-preview tbody{display: block; float: left; width: 100%;} .cartcon #line-items-div-cart tr, #cart-pane #line-items-div-cart table, #cart-pane #line-items-div-cart tbody{display: block; float: left; width: 100%; text-align: right; color: #efefef;} .cartcon #line-items-div-cart .line-item-shipping{border-top: 1px solid #444; border-bottom: 1px solid #444;} .cartcon #line-items-div-cart td{padding:22px 0;} .cartcon #line-items-div-cart td.title{display: block; float: left; width: 80%; font-weight: normal;} .cartcon #line-items-div-cart td.price{display: block; float: left; width: 20%;} .cartcon #line-items-div-cart .line-item-total td.title, #cart-pane #line-items-div-cart .line-item-total td.price{font:16px 'ralewayregular', arial, sans-serif;} .order-overview-data{display: block; float: left; width: 55%; padding-right: 60px;} ul.review-cart-pane{display: block; float: right; width: 45%;} .review-wrap{display: block; float: left; width: 100%;} .uber-sub-order #edit-actions input{background: #efefef; color: #333; text-transform: uppercase; font:16px 'ralewayextralight', arial, sans-serif; font-weight: normal; text-decoration: none; padding:18px 50px; border:0; cursor: pointer; margin-right: 10px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .uber-sub-order #edit-actions input:last-child{background: #d8c773; color: #fff; font:16px 'ralewaysemibold', arial, sans-serif; font-weight: normal;} .uber-sub-order #edit-actions input:last-child:hover{background: #D3BF61;} .order-overview-data li{width: 50%; padding-bottom: 25px; padding-right: 20px;} .order-overview-data li h4{display: block; float: left; width: 100%; color: #4A4B4C; text-transform: uppercase; font:30px 'ralewayextralight', arial, sans-serif; margin-bottom: 15px; word-wrap: break-word;} .order-overview-data li.payment li{display: none;} .order-overview-data li.payment li.payingb-inner, .order-overview-data li.payment li.betalen-inner, .order-overview-data li.payment li.paiement-inner, .order-overview-data li.payment li.zahlenm-inner{display: block;} .pane-dat li, .pane-dat{width: 100%; float: left; display: block; line-height: 1.5em;} .pane-dat .address-inner strong, .pane-dat .adresse-inner strong{display: none;} .order-overview-data li.uber-sub-order{display: block; float: left; width: 100%; text-align: left; padding-top: 0px;} #login-register{display: block; float: left; width: 100%; padding-bottom: 55px;} #login-register .form-block{display: block; float: left; width: 100%; border:1px solid #efefef; padding:55px;} #login-register .form-block h2{display: block; float: left; width: 100%; font:22px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal; padding-bottom: 20px;} #login-register .form-block .form-item, #login-register .form-block .form-item input, #login-register .form-block .form-item label{display: block; float: left; width: 100%; margin:0; padding:0; text-align: left;} #login-register .form-block .form-item input{border:1px solid #efefef; padding:10px; width: 100%; font:16px 'ralewayextralight', arial, sans-serif;} #login-register .form-block .form-item{margin-bottom: 15px;} #login-register .form-block .form-item label{color: #3F3F41; text-transform: uppercase; margin-bottom: 7px;} #login-register .form-block .form-item label span{color: red;} #login-register .form-block .form-item input.error{border-color: red;} #login-register .login-forgot{display: block; float: right; width: 50%; text-align: right;} #login-register .login-forgot a{color: #333; text-transform: lowercase;} #login-register .form-block .form-actions{display: block; float: left; width: 50%;} #login-register .form-block .form-actions input{display: block; float: left; margin:0; padding:0; font:14px 'ralewayextralight', arial, sans-serif; line-height: 1em; text-transform: uppercase; color: #fff; background: #333; padding:12px 20px; border:0; cursor: pointer;} .password-confirm, .password-strength{display: none;} .password-suggestions{display: block; float: left; width: 100%; padding:35px; background: #efefef; padding-bottom: 30px; font:16px 'ralewayextrabold', arial, sans-serif; font-weight: normal; color: #333333; text-transform: uppercase; font-weight: normal;} .password-suggestions ul{display: block; float: left; width: 100%; padding-left: 35px; padding-top: 10px; margin-bottom: 0; list-style-type: square;} .password-suggestions ul li{margin:7px 0; font:16px 'ralewayextralight', arial, sans-serif; line-height: 1em; text-transform: none;} #login-register .form-block fieldset{display: block; float: left; width: 100%;} #login-register .form-block fieldset legend{display: none;} #login-register .form-block .form-item .form-radios, #login-register .form-block .form-type-checkboxes .form-checkboxes{display: block; float: left; width: 100%; padding-top: 10px;} #login-register .form-block .form-item .form-radios input, #login-register .form-block .form-type-checkboxes input{width: auto; height: auto; margin-right: 10px; margin-top: 1px;} #login-register .form-block .form-item .form-radios label, #login-register .form-block .form-type-checkboxes .form-item label{width: auto; height: auto; text-transform: none;} #login-register .form-block .form-item .form-radios .form-item, #login-register .form-block .form-type-checkboxes .form-item{margin-bottom: 5px;} .form-block .view-order-history{display: block; float: left; width: 100%;} .history-grid, .history-rows{display: block; float: left; width: 100%;} .history-grid .header{display: block; float: left; width: 100%; font:16px 'ralewaylight', arial, sans-serif; line-height: 1em; text-transform: none; background: #efefef; padding:10px;} .history-grid .cell{display: block; float: left;} .history-grid .order-id{width: 30%;} .history-grid .order-date{width: 20%;} .history-grid .order-total{width: 20%;} .history-grid .order-status{width: 30%;} .history-grid .order-row{display: block; float: left; width: 100%; border-bottom: 1px solid #efefef;} .history-grid .order-detail{display: block; float: left; width: 100%; background: #d7c56e;} .history-grid .order-detail .inner{display: block; float: left; width: 100%; padding:10px 20px; margin-bottom: 20px;} .history-grid .order-detail .thumb{display: block; float: left;} .history-grid .order-detail .order-detail-line{display: block; float: left; width: 100%; border-bottom: 1px solid #e0d5a1; padding:10px 0;} .history-grid .order-detail .order-detail-line:last-child{border-bottom: 0;} .history-grid .order-detail .thumb img{display: block; float: left;} .history-grid .order-detail .order-detail-line .product-title{line-height: 50px; display: block; float: left; color: #333; margin-left: 20px;} .history-grid .order-detail .order-detail-line .product-title a{color: #333; text-decoration: none;} .history-grid .order-detail .order-detail-line .product-title a:hover{text-decoration: underline;} .history-grid .order-detail .order-detail-line .product-title .price{color: #666; margin-left: 5px; text-decoration: none;} .history-grid .order-detail .order-detail-line .product-title a:hover .price{text-decoration: none;} .order-overview-line{display: block; float: left; width: 100%; padding:20px 10px; cursor: pointer;} .history-grid .order-row .order-detail{height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 100ms linear; } .history-grid .order-row.open .order-detail{opacity: 1;} .shop-not-allowed .sku{margin-top: 20px; margin-bottom: 20px;} .shop-not-allowed a.quote{display: block; float: right; height: 72px; background: #333436; color: #fff; text-align: center; text-transform: uppercase; font:16px 'ralewaysemibold', arial, sans-serif; font-weight: normal; border:0; cursor: pointer; text-decoration: none; line-height: 72px; padding:0 45px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .shop-not-allowed a.quote:hover{background: #d7c56e;} #uc-cart-checkout-form #checkout-instructions{display: none;} #footer-links{display: block; float: left; width: 100%;} #footer-links ul{display: block; float: right; padding-top: 20px;} #footer-links ul li{display: block; float: left; margin-left: 10px;} #footer-links ul li a{color: #999; text-transform: lowercase; font-size: 14px;} .page-user-reset .form-actions button{margin-top: 20px;} .page-user-reset .form-type-password-confirm{margin-bottom: 0;} .form-type-uc-addresses-address-select{display: none !important;} .uc-cart-checkout-form .address-pane-table .form-item-panes-delivery-address-delivery-street1, .uc-cart-checkout-form .address-pane-table .form-item-panes-billing-address-billing-street1{margin-bottom: 0;} .order-complete-message, p.uc-cart-empty{display: block; width: 100%; padding:55px; float: left; background: #efefef; color: #222;} .order-complete-message p{display: block; float: left; width: 100%; line-height: 1.5em; color:#222;} .order-complete-message p a{color: #222;} .region-page-bottom{display: none;} .thank-you{display: block; float: left; width: 100%; background: #333; padding:20px; margin-bottom: 20px; color: #ccc;} #mobile-cart-toggle{display: block; position: absolute; top: 0; left: 0; text-decoration: none; text-align: center; min-width: 70px; color: #fff; font:18px 'ralewayextralight', arial, sans-serif; text-transform: lowercase; height: 70px; line-height: 70px; padding:0 20px; background: #CBB433; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; transition:all 300ms; } input, textarea, select{-webkit-appearance: none; border-radius: 0;} input.form-radio{-webkit-appearance: radio;} /*hide shop*/ .order-block .add-to-cart{display: none;}