//@import "tools/_settings.scss"; //@include g-generate_classes ( ); //@import "compass.scss"; //@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); //@import "specific/gf/_gf"; // //@font-face { // font-family: 'MuseoSans-100'; // src: url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.eot'); /* IE9 Compatibility Modes */ // src: url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.eot') format('embedded-opentype'), /* IE6-IE8 */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.otf') format('opentype'), // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.woff') format('woff'), /* Modern Browsers */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.ttf') format('truetype'), /* Safari, Android, iOS */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-100/MuseoSans-100.svg#MuseoSans-100') format('svg'); /* Legacy iOS */ // font-weight: normal; // font-style: normal; //} // //@font-face { // font-family: 'MuseoSans-300'; // src: url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.eot'); /* IE9 Compatibility Modes */ // src: url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.eot') format('embedded-opentype'), /* IE6-IE8 */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.otf') format('opentype'), // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.woff') format('woff'), /* Modern Browsers */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.ttf') format('truetype'), /* Safari, Android, iOS */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-300/MuseoSans-300.svg#MuseoSans-300') format('svg'); /* Legacy iOS */ // font-weight: normal; // font-style: normal; //} // //@font-face { // font-family: 'MuseoSans-500'; // src: url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.eot'); /* IE9 Compatibility Modes */ // src: url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.eot') format('embedded-opentype'), /* IE6-IE8 */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.otf') format('opentype'), // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.woff') format('woff'), /* Modern Browsers */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.ttf') format('truetype'), /* Safari, Android, iOS */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-500/MuseoSans-500.svg#MuseoSans-500') format('svg'); /* Legacy iOS */ // font-weight: normal; // font-style: normal; //} // //@font-face { // font-family: 'MuseoSans-700'; // src: url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.eot'); /* IE9 Compatibility Modes */ // src: url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.eot') format('embedded-opentype'), /* IE6-IE8 */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.otf') format('opentype'), // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.woff') format('woff'), /* Modern Browsers */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.ttf') format('truetype'), /* Safari, Android, iOS */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-700/MuseoSans-700.svg#MuseoSans-700') format('svg'); /* Legacy iOS */ // font-weight: normal; // font-style: normal; //} // //@font-face { // font-family: 'MuseoSans-900'; // src: url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.eot'); /* IE9 Compatibility Modes */ // src: url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.eot') format('embedded-opentype'), /* IE6-IE8 */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.otf') format('opentype'), // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.woff') format('woff'), /* Modern Browsers */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.ttf') format('truetype'), /* Safari, Android, iOS */ // url('https://cdn.remington-europe.com/fonts/MuseoSans/MuseoSans-900/MuseoSans-900.svg#MuseoSans-900') format('svg'); /* Legacy iOS */ // font-weight: normal; // font-style: normal; //} // //@import url('https://fonts.googleapis.com/css?family=Montserrat|Lato:300,400,700'); // //$lato: 'Lato', sans-serif; //$mont: 'Montserrat', sans-serif; //$border-light: #3b3b3b; //$yellow: #FCBE19; //$green: #B1C801; //$btn-green: #70A20E; //$orange: #f07c25; //$purple:#4e3f90; //$blue: #008ac5; //$lighter_yellow: lighten($yellow, 10%); //$chartColors: #b1c702, #00a8c5, #f07c25, #4e3f90, #b1c702, #00a8c5, #f07c25, #4e3f90, #b1c702, #00a8c5, #f07c25, #4e3f90; //$darkenChart: darken(#b1c702, 7%),darken(#00a8c5, 7%),darken(#f07c25, 7%),darken(#4e3f90, 7%), darken(#f07c25, 7%),darken(#4e3f90, 7%),darken(#b1c702, 7%),darken(#f07c25, 7%) , darken(#b1c702, 7%),darken(#00a8c5, 7%),darken(#f07c25, 7%),darken(#4e3f90, 7%), darken(#b1c702, 7%),darken(#00a8c5, 7%),darken(#f07c25, 7%),darken(#4e3f90, 7%) ; // // // // //$global_dark: black; //$global_light: white; //$global_grey: #f3f3f3; ////$global_color1: #ee3124; //$global_color1: $yellow; //$global_color2: #47B765; //$global_color3: #EFAE12; //$global_color4: #35A5CF; //$dark_grey: #767676; //$m100: $lato; //$m300: $lato; //$m500: $lato; //$m700: $lato; //$m900: $mont; // // // //html, body, div, span, applet, object, iframe, //h1, h2, h3, h4, h5, h6, p, blockquote, pre, //a, abbr, acronym, address, big, cite, code, //del, dfn, em, img, ins, kbd, q, s, samp, //small, strike, strong, sub, sup, tt, var, //b, u, i, center, //dl, dt, dd, ol, ul, li, //fieldset, form, label, legend, //table, caption, tbody, tfoot, thead, tr, th, td, //article, aside, canvas, details, embed, //figure, figcaption, footer, header, hgroup, //menu, nav, output, ruby, section, summary, //time, mark, audio, video { // margin: 0; // padding: 0; // border: 0; // font-size: 100%; // font: inherit; // vertical-align: baseline; //} ///* HTML5 display-role reset for older browsers */ //article, aside, details, figcaption, figure, //footer, header, hgroup, menu, nav, section { // display: block; //} //body { // margin:0; // padding:0; // font-family:$m300; // text-transform:uppercase; // -webkit-font-smoothing: antialiased; // text-shadow: 1px 1px 1px rgba(0,0,0,0.004); // //} // //ol, ul { // list-style: none; //} // //blockquote, q { // quotes: none; //} //blockquote:before, blockquote:after, //q:before, q:after { // content: ''; // content: none; // color: #000; // //} // //table { // border-collapse: collapse; // border-spacing: 0; //} // //.header { // .middle { // background:#131313; // @include filter-gradient(#898989, #131313, horizontal); // @include background-image(radial-gradient(center, ellipse contain, rgba(137,137,137,0.29) 0%,#131313 100%)); // padding:15px 0; // color: #fff; // img { // height:50px; // } // .status-checkout { // font-size:.85em; // i { // font-size:1.2em; // } // } // } // .top { // font-family: $m100; // color:$global_grey; // height:30px; // line-height:30px; // background: $global_dark; // text-transform:uppercase; // font-size: .9em; // // // .row { // margin:0 10px; // * { // padding:0 20px; // } // } // .icons-support { // text-align:right; // } // // .myaccount { // display: inline-block; // cursor:default; // } // a { // display: inline-block; // color:$global_grey; // text-decoration: none; // } // } //} //strong { // font-family: $m700; //} //.head-ent { // //} //.cards-nfo { // margin:25px 0; // @include g-row(); // .card { // position: relative; // @include gridle(4); // } // img { // background: rgb(229, 229, 229); // border-radius:5px; // max-width:100%; // } //} //.footer { // min-height:40px; // background: #141414; // border-top:1px solid #4a4a4a; // color: #fff; // position: relative; // p { // position: absolute; // top:50%; // transform: translateY(-50%); // } //} //.info { // border-top:4px solid $global_grey; // width:90%; // margin:0 auto; // .row { // padding:10px 0; // } // .info-text { // text-transform:none; // font-size:.9em; // strong { // text-transform: uppercase; // } // } //} // //.text-right { // text-align:right; //} //body { // @include filter-gradient(#000, #515151, vertical); // @include background-image(linear-gradient(top, #000 0%, #000 30%,#515151 100%)); //} //.container { // // max-width: 1240px; // margin: 0 auto; // width:90%; //} // //.container { // .top { // h1 { // color: #fff; // text-transform:uppercase; // font-family: $m900; // font-size:3.2em; // padding:25px 0; // } // padding:10px 0 30px 0; // } // .middle { // // .single-product { // padding:20px 0; // &:last-child { // border-bottom:2px solid $global_grey; // } // } // .head-ent { // background:#131313; // @include filter-gradient(#898989, #131313, horizontal); // @include background-image(radial-gradient(center, ellipse contain, rgba(137,137,137,0.29) 0%,#131313 100%)); // background-repeat:no-repeat; // background-position:center -20px; // border-bottom:1px solid #222222; // color: #fff; // h2 { // font-size:1.2em; // padding:17px 0; // font-family:$lato; // font-weight:300; // border-bottom:1px solid rgba(255,255,255,0.085); // // } // } // .order-summary { // //border:1px solid rgba(255,255,255,0.085); // color: #fff; // background: #131313; // //background:#131313; // //@include filter-gradient(#898989, #131313, horizontal); // //@include background-image(radial-gradient(center, ellipse contain, rgba(137,137,137,0.29) 0%,#131313 100%)); // //background-repeat:no-repeat; // //background-position:center -40px; // border-bottom:1px solid #222222; // h2 { // text-transform:uppercase; // font-family:$m900; // font-size:1.4em; // } // .product-summary { // padding:10px; // width:100%; // //background: #fff; // //border:1px solid rgba(255,255,255,0.085); // .product-info { // padding:5px; // .title { // font-family:$mont; // } // .model { // padding:0 0 8px 0; // font-size:.80em; // font-family: $lato; // font-weight:300; // } // .quantity { // font-size:.85em; // font-family:$mont; // } // .price { // font-family: $m700; // .oldprice { // font-family: $m300; // color:$global_color1; // text-decoration:line-through; // padding:0 8px 0 0; // } // } // .action { // margin-top:10px; // a { // padding:0 10px 0 0; // } // .edit { // color: #b7b7b7; // transition: .3s ease; // &:hover { // color: #fff; // } // } // .remove { // color: #ff7e7e; // transition: .3s ease; // &:hover { // color: #b02323; // } // } // } // } // .product-img { // background: #131313; // // position: relative; // img { // max-width:80px; // max-height:80px; // } // } // } // min-height:400px; // } // } // //} //.total { // padding:20px 0; // width:85%; // margin:0 auto; // font-family: $m900; // color:$global_color1; // border-bottom:2px solid white; // .row { // margin:0 auto; // width:90%; // } //} //.cards { // padding:20px 10px; // img { // margin:0 15px; // width:100px; // border-radius:3px; // @include g-state( mobile ) { // width:80px; // margin:0 2px; // } // } //} //.svg-spectrum-logo { // width:100px; // display: inline-block; //} //.shop-action { // width:90%; // text-align:center; // font-family: $m700; // margin:0 auto; // .extra { // padding:10px 0; // font-size:.8em; // font-family: $m100;; // } // .button { // padding:12px 5px; // color:white; // margin:0px 0; // position: relative; // } // a { // text-decoration:none; // } // i { // font-size:1.6em; // position: absolute; // top:50%; // -webkit-transform: translateY(-50%); // -moz-transform: translateY(-50%); // -ms-transform: translateY(-50%); // -o-transform: translateY(-50%); // transform: translateY(-50%); // padding-left:20px; // } // .checkout { // background: $green; // color: #000; // font-family:$mont; // } // .paypal { // background: $blue; // font-family:$mont; // } //} //.assistance { // margin-top:35px; // border:2px solid $global_grey; // background: $global_grey; // .panel-head { // padding:25px 0; // width:90%; // margin: 0 auto; // h2 { // font-family: $m900; // font-size: 1.1em; // } // } // .panel-container { // background: #fff; // text-transform:none; // .text-container { // padding:25px 5px; // margin: 0 auto; // width:90%; // .row { // margin:20px 0; // } // .gr-1 { // text-align:center; // i { // font-size:1.5em; // } // } // .gr-11 { // padding-left:15px; // } // } // .opening-times { // font-size:.85em; // .fa-clock-o { // font-size:1.2em; // } // .times { // color:#BBBBBB; // } // } // } //} //.form-start { // color: #fff; // //border:2px solid $yellow; // background: #131313; // // width:90%; // // float:right; // margin:0 auto; // .form-head { // color: #fff; // background:#131313; // @include filter-gradient(#898989, #131313, horizontal); // @include background-image(radial-gradient(center, ellipse contain, rgba(137,137,137,0.29) 0%,#131313 100%)); // background-repeat:no-repeat; // background-position:center -25px; // border-bottom:1px solid #222222; // font-family: $m700; // font-size:1.15em; // padding:18px 5%; // .status { // font-size:.9em; // position: relative; // margin-right:45px; // i { // font-size:1.8em; // top:-8px; // right:-49px; // position: absolute; // } // a { // color:white; // font-family: $m300; // } // } // } // .form-container { // width:90%; // margin:0 auto; // .alert { // width:70%; // } // h2 { // font-family: $m100; // font-size:1.15em; // padding:20px 0 0 0; // &.extra-pad{ // padding:20px 0; // } // } // form { // padding:15px 0; // box-sizing:border-box; // } // input[type='text'], input[type='email'] { // padding:10px 10px; // width:70%; // text-transform:uppercase; // font-family: $m300; // border:1px solid black; // &.has-errors { // border:2px solid $global_color1; // } // &.has-empty-field { // // } // } // label { // font-size:.8em; // display: block; // padding:11px 0; // } // .input-field { // position: relative; // width:100%; // // i { // font-size:1.2em; // text-align:right; // } // .correct, .errors { // position: absolute; // bottom:10px; // right:10px; // } // .errors { // background-color:#ee3124; // color:white; // display: block; // width:25px; // text-align:center; // top:50%; // height:25px; // } // // } // .btn-submit { // padding:30px 0; // } // button[type='submit'] { // background: #f3f3f3; // color: #000; // font-family: $m900; // font-size:1.15em; // padding:15px 40px; // text-align:center; // text-transform:uppercase; // border:none; // outline:none; // } // fieldset { // padding: 0px; // position: relative; // width:30%; // @include g-state(mobile) { // width:100%; // } // select { // text-transform:uppercase; // font-family: $m300; // width:100%; // -webkit-appearance: none; // -moz-appearance: none; // padding: 10px 50px 10px 10px; // // } // &:after { // width:40px; // height:100%; // background: $yellow; // color:#000; // text-align:center; // line-height:36px; // font-family:'FontAwesome'; // content: '\f0d7'; // display: block; // top:0; // right:0; // z-index:0; // position: absolute; // } // } // } //} //.ui-tabs-anchor { // position: relative; // font-family:$mont; // i { // position: absolute; // font-size:1.9em; // right: 0; // top:50%; // -webkit-transform: translateY(-50%); // -moz-transform: translateY(-50%); // -ms-transform: translateY(-50%); // -o-transform: translateY(-50%); // transform: translateY(-50%); // } //} //.alert { // font-size:0.95em; // width:100%; // padding:7px 10px; // position: relative; // color: #fff; // &.alert-big { // padding:17px 10px; // margin:10px 0; // } // p { // margin-left:10px; // font-family: $m300; // text-transform:none; // display: inline-block; // } // i { // color: #fff; // bottom:0; // vertical-align: middle; // width:15px; // display: inline-block; // } // &.alert-error { // background: $global_color1; // border:1px solid lighten($global_color1, 15); // } // &.alert-success { // background: $global_color2; // border:1px solid lighten($global_color2, 15); // } // &.alert-warning { // background: $global_color3; // border:1px solid lighten($global_color3, 15); // } // &.alert-info { // background: $global_color4; // border:1px solid lighten($global_color4, 15); // } //} // //.form-start .form-container input[type="text"], //.form-start .form-container input[type="email"], //.form-start .form-container fieldset select { // text-transform: none; //} // //.form-start .form-container .input-field .errors, //.form-start .form-container .input-field .correct { // display: none; //} // //.form-start .form-container input[type=text], //.form-start .form-container input[type=email], //.form-start .form-container input[type=number], // //.form-start .form-container textarea, //.form-start .form-container fieldset { // -webkit-appearance: none; //} // //.form-start .form-container input.has-errors:invalid, //.form-start .form-container input.has-errors:focus:invalid, //.form-start .form-container input.has-errors:placeholder-shown, //.form-start .form-container input:invalid { // border: 2px solid #ee3124; // outline: none; //} //.form-start .form-container input.has-errors:valid, //.form-start .form-container input.has-errors:focus:valid, //.form-start .form-container input:placeholder-shown { // border: 1px solid black; //} // //.form-start .form-container input:invalid ~ .errors, //.form-start .form-container input:focus:invalid ~ .errors, //.form-start .form-container input:valid ~ .correct, //.form-start .form-container input:focus:valid ~ .correct { // display: inline-block; //} // //.form-start .form-container input:required:focus ~ .errors, //.form-start .form-container input:required:focus ~ .correct, //.form-start .form-container input:placeholder-shown ~ .errors, //.form-start .form-container input:placeholder-shown ~ .correct { // display: none; //} // //.form-start .form-container input.has-errors:invalid ~ .errors, //.form-start .form-container input.has-errors:focus:invalid ~ .errors, //.form-start .form-container input.has-errors:placeholder-shown ~ .errors, //.form-start .form-container input.has-errors:valid ~ .correct, //.form-start .form-container input.has-errors:focus:valid ~ .correct { // display: inline-block; //} //input[type="checkbox"] { // padding: 0; // width: 15px; // height: 15px; // line-height: 0; // margin-bottom: 0px; // background: #fff; // border: 1px solid #c2c2c2; // -webkit-appearance: none; //} //input[type="checkbox"]:checked,input[type="radio"]:checked{ // background:#000; //} //#tabs { // width:100%; // p { // text-transform:none; // padding:15px 0; // line-height:1.35em; // } // ul { // width:100%; // } // .card-selection { // img { // width:75px; // } // label { // text-align:center; // } // } // .ui-tabs-active { // a { // color: #000; // } // } // a { // text-decoration:none; // color:#fff; // display: block; // padding:20px 15px; // // // text-transform:none; // &:focus { // outline:none; // } // } // button { // padding:0; // margin:0 auto; // font-family: $m300; // width:90%; // border:none; // } // .ui-state-active{ // background: $global_grey; // input[type="checkbox"] { // background: #000; // padding:2px; // } // } // li { // display: inline-block; // //margin:0 10px; // border:2px solid $global_grey; // &:focus { // outline:none; // } // } //} //.dark-input { // background: #232323; // outline: none; // width: 100%; // padding: 4px 0 4px 3px; // color: white; // border: 1px solid #636363; //} // //input[type='text'], input[type='email'], input[type='password'] { // padding-left:5px; // font-family: $lato; //} //.breadcrumbs{ // background: #131313; // text-align: center; // font-family: $lato; // font-weight: 300; // text-transform: uppercase; // font-size: .9em; // padding:9px 0; // margin: 0; // border-bottom:.7px solid #303030; // a { // color:#CBCBCB; // position: relative; // padding:0 7px 0 11px; // &:hover { // text-decoration: none; // } // // } // ul { // li { // display: inline-block; // position: relative; // &:after { // border-right: 2px solid $yellow; // position: absolute; // display: block; // height: 18px; // width: 5px; // right: -5px; // top:0; // transform: rotate(18deg); // content: ' '; // } // &:last-child { // &:after { // border:0; // } // } // } // } //} .registration-form-panel{ padding: 0; .sub-title, .panel-text{ padding-left: 10px; } } .controlla-steps{ @include gridle(6); @include g-state('maxtablet'){ @include gridle(12); } margin-bottom: 5px; .row{ margin-top: 0; } &:last-child{ @include gridle(12); } } .dark-input{ transition: .2s ease-out; &:hover{ background: #272727; } &:focus{ background: #292929; } } .panel-title-header{ padding: 15px 10px; background: #191919; } .form-parent{ display: flex; margin: 5px 0; flex-direction: row; flex-wrap: wrap; width: 100%; &.cent50{ width: 50%; @include media('<=768px'){ width: 100%; } } &.centrand{ width: initial; } label{ padding-left: 10px; } input, fieldset{ &:not([type="date"]){ @include gridle(7); flex-grow: 1; margin: 0 10px; max-width: initial; -webkit-transition: .2s ease-out; -moz-transition: .2s ease-out; -ms-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; } } fieldset{ padding: 0!important; } p{ padding: 10px; } .form-date-parent{ padding: 0; .row{ padding: 0; margin: 0; } input{ @include gridle(3); } select{ border: 1px solid #2e2e2e; border-width: 0 1px; @include gridle(6); &:focus{ option{ &:hover, &:checked{ box-shadow: 0 0 10px 100px #fff inset; } } } } } } .registration-form-start { .registration-form { .remember { width: 100%; color: #fff; margin-left: 5px; padding: 5px 0; text-align: left; p { font-size: 0.9em; padding: 0; line-height: 22px; margin: 0 0 0 5px; display: inline-block; } label { padding: 0; } input{ &:after{ display: none; } } } } } .main{ &.gb{ .currency{ &:before{ content:'\00a3'; } } } }