/* Minification failed. Returning unminified contents. (930,1): run-time error CSS1035: Expected colon, found '-webkit-font-smoothing' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (4820,14): run-time error CSS1063: Expected calculation unit, found ')' (4820,14): run-time error CSS1064: Expected calculation product, found ')' (4820,14): run-time error CSS1065: Expected calculation sum, found ')' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (6570,35): run-time error CSS1036: Expected expression, found ',' (6570,35): run-time error CSS1019: Unexpected token, found ',' (6570,35): run-time error CSS1042: Expected function, found ',' (6570,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' (8202,23): run-time error CSS1030: Expected identifier, found ' ' */ /*! * Bootstrap v3.0.2 by @fat and @mdo * Copyright 2013 Twitter, Inc. * Licensed under http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ .btn-default,.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger{text-shadow:0 -1px 0 rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075)}.btn-default:active,.btn-primary:active,.btn-success:active,.btn-info:active,.btn-warning:active,.btn-danger:active,.btn-default.active,.btn-primary.active,.btn-success.active,.btn-info.active,.btn-warning.active,.btn-danger.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn:active,.btn.active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-moz-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe0e0e0',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-default:hover,.btn-default:focus{background-color:#e0e0e0;background-position:0 -15px}.btn-default:active,.btn-default.active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-primary{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#2d6ca2));background-image:-webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:-moz-linear-gradient(top,#428bca 0,#2d6ca2 100%);background-image:linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);background-repeat:repeat-x;border-color:#2b669a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-primary:hover,.btn-primary:focus{background-color:#2d6ca2;background-position:0 -15px}.btn-primary:active,.btn-primary.active{background-color:#2d6ca2;border-color:#2b669a}.btn-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#419641));background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-moz-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);background-repeat:repeat-x;border-color:#3e8f3e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff419641',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-success:hover,.btn-success:focus{background-color:#419641;background-position:0 -15px}.btn-success:active,.btn-success.active{background-color:#419641;border-color:#3e8f3e}.btn-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#eb9316));background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-moz-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);background-repeat:repeat-x;border-color:#e38d13;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffeb9316',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-warning:hover,.btn-warning:focus{background-color:#eb9316;background-position:0 -15px}.btn-warning:active,.btn-warning.active{background-color:#eb9316;border-color:#e38d13}.btn-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c12e2a));background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-moz-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);background-repeat:repeat-x;border-color:#b92c28;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc12e2a',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-danger:hover,.btn-danger:focus{background-color:#c12e2a;background-position:0 -15px}.btn-danger:active,.btn-danger.active{background-color:#c12e2a;border-color:#b92c28}.btn-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#2aabd2));background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-moz-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);background-repeat:repeat-x;border-color:#28a4c9;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2aabd2',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.btn-info:hover,.btn-info:focus{background-color:#2aabd2;background-position:0 -15px}.btn-info:active,.btn-info.active{background-color:#2aabd2;border-color:#28a4c9}.thumbnail,.img-thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#e8e8e8;background-image:-webkit-gradient(linear,left 0,left 100%,from(#f5f5f5),to(#e8e8e8));background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-moz-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#357ebd;background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:-moz-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.navbar-default{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#f8f8f8));background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-moz-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);background-repeat:repeat-x;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8f8',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075)}.navbar-default .navbar-nav>.active>a{background-image:-webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f3f3f3));background-image:-webkit-linear-gradient(top,#ebebeb 0,#f3f3f3 100%);background-image:-moz-linear-gradient(top,#ebebeb 0,#f3f3f3 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f3f3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff3f3f3',GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.075);box-shadow:inset 0 3px 9px rgba(0,0,0,0.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,0.25)}.navbar-inverse{background-image:-webkit-gradient(linear,left 0,left 100%,from(#3c3c3c),to(#222));background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-moz-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c',endColorstr='#ff222222',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.navbar-inverse .navbar-nav>.active>a{background-image:-webkit-gradient(linear,left 0,left 100%,from(#222),to(#282828));background-image:-webkit-linear-gradient(top,#222 0,#282828 100%);background-image:-moz-linear-gradient(top,#222 0,#282828 100%);background-image:linear-gradient(to bottom,#222 0,#282828 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff282828',GradientType=0);-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,0.25);box-shadow:inset 0 3px 9px rgba(0,0,0,0.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.navbar-static-top,.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}.alert{text-shadow:0 1px 0 rgba(255,255,255,0.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.25),0 1px 2px rgba(0,0,0,0.05)}.alert-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#dff0d8),to(#c8e5bc));background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-moz-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);background-repeat:repeat-x;border-color:#b2dba1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffc8e5bc',GradientType=0)}.alert-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#b9def0));background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-moz-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);background-repeat:repeat-x;border-color:#9acfea;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffb9def0',GradientType=0)}.alert-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fcf8e3),to(#f8efc0));background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-moz-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);background-repeat:repeat-x;border-color:#f5e79e;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fff8efc0',GradientType=0)}.alert-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f2dede),to(#e7c3c3));background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-moz-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);background-repeat:repeat-x;border-color:#dca7a7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffe7c3c3',GradientType=0)}.progress{background-image:-webkit-gradient(linear,left 0,left 100%,from(#ebebeb),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-moz-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb',endColorstr='#fff5f5f5',GradientType=0)}.progress-bar{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3071a9));background-image:-webkit-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:-moz-linear-gradient(top,#428bca 0,#3071a9 100%);background-image:linear-gradient(to bottom,#428bca 0,#3071a9 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3071a9',GradientType=0)}.progress-bar-success{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5cb85c),to(#449d44));background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-moz-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c',endColorstr='#ff449d44',GradientType=0)}.progress-bar-info{background-image:-webkit-gradient(linear,left 0,left 100%,from(#5bc0de),to(#31b0d5));background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-moz-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff31b0d5',GradientType=0)}.progress-bar-warning{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f0ad4e),to(#ec971f));background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-moz-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e',endColorstr='#ffec971f',GradientType=0)}.progress-bar-danger{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9534f),to(#c9302c));background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-moz-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f',endColorstr='#ffc9302c',GradientType=0)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075);box-shadow:0 1px 2px rgba(0,0,0,0.075)}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{text-shadow:0 -1px 0 #3071a9;background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#3278b3));background-image:-webkit-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:-moz-linear-gradient(top,#428bca 0,#3278b3 100%);background-image:linear-gradient(to bottom,#428bca 0,#3278b3 100%);background-repeat:repeat-x;border-color:#3278b3;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff3278b3',GradientType=0)}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.panel-default>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f5f5f5),to(#e8e8e8));background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-moz-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0)}.panel-primary>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));background-image:-webkit-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:-moz-linear-gradient(top,#428bca 0,#357ebd 100%);background-image:linear-gradient(to bottom,#428bca 0,#357ebd 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0)}.panel-success>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#dff0d8),to(#d0e9c6));background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-moz-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',endColorstr='#ffd0e9c6',GradientType=0)}.panel-info>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#d9edf7),to(#c4e3f3));background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-moz-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7',endColorstr='#ffc4e3f3',GradientType=0)}.panel-warning>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#fcf8e3),to(#faf2cc));background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-moz-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3',endColorstr='#fffaf2cc',GradientType=0)}.panel-danger>.panel-heading{background-image:-webkit-gradient(linear,left 0,left 100%,from(#f2dede),to(#ebcccc));background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-moz-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede',endColorstr='#ffebcccc',GradientType=0)}.well{background-image:-webkit-gradient(linear,left 0,left 100%,from(#e8e8e8),to(#f5f5f5));background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-moz-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);background-repeat:repeat-x;border-color:#dcdcdc;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8',endColorstr='#fff5f5f5',GradientType=0);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.05),0 1px 0 rgba(255,255,255,0.1)} @font-face { font-family: 'icomoon'; /*src:url('../fonts/icomoon.eot'); src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');*/ font-weight: normal; font-style: normal; } /* Common styles of menus */ .dl-menuwrapper { width: 100%; /*max-width: 300px;*/ float: left; position: relative; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; z-index:99; } .dl-menuwrapper:first-child { margin-right: 100px; } .dl-menuwrapper button { background: #ccc; border: none; width: 48px; height: 45px; text-indent: -900em; overflow: hidden; position: relative; cursor: pointer; outline: none; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #aaa; } .dl-menuwrapper button:after { content: ''; position: absolute; width: 68%; height: 5px; background: #fff; top: 10px; left: 16%; box-shadow: 0 10px 0 #fff, 0 20px 0 #fff; } .dl-menuwrapper ul { padding: 0; list-style: none; /*-webkit-transform-style: preserve-3d; transform-style: preserve-3d;*/ } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px; font-weight: 300; color: #fff; outline: none; } .dl-menuwrapper li a i.opener2{ width:90%; display:inline-block; padding-left:0; font-style:normal; } .mob-level-1 a i.opener2{width:97%!important;} .no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); } .dl-menuwrapper li.dl-back > a { font-weight: 700; background: rgba(0,0,0,0.1); } .dl-back { background-color:#080808 } .dl-menu a > i{ padding-left:10px; } /* .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon'; speak: none; -webkit-font-smoothing: antialiased; content: "\e000"; } */ .dl-menuwrapper li.dl-back:after { left: 10px; color: rgba(212,204,198,0.3); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); } .dl-menuwrapper .dl-menu { /*margin: 5px 0 0 0;*/ margin: 0; position: absolute; width: 100%; opacity: 0; pointer-events: none; /*-webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden;*/ } .dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; /*-webkit-transform: translateY(0px); transform: translateY(0px);*/ } /* Hide the inner submenus */ .dl-menuwrapper li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; /*overflow: auto;*/ } /* Dynamically added submenu outside of the menu context */ .dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 50px; left: 0; margin: 0; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; } .dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } .dl-menu.dl-animate-out-3 { -webkit-animation: MenuAnimOut3 0.4s ease; animation: MenuAnimOut3 0.4s ease; } .dl-menu.dl-animate-out-4 { -webkit-animation: MenuAnimOut4 0.4s ease; animation: MenuAnimOut4 0.4s ease; } .dl-menu.dl-animate-out-5 { -webkit-animation: MenuAnimOut5 0.4s ease; animation: MenuAnimOut5 0.4s ease; } @-webkit-keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @-webkit-keyframes MenuAnimOut2 { 0% { } 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes MenuAnimOut3 { 0% { } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); opacity: 0; } } @keyframes MenuAnimOut1 { 0% { } 50% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); } 75% { -webkit-transform: translateZ(-372.5px) rotateY(15deg); transform: translateZ(-372.5px) rotateY(15deg); opacity: .5; } 100% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } } @keyframes MenuAnimOut2 { 0% { } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } } @keyframes MenuAnimOut3 { 0% { } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes MenuAnimOut4 { 0% { } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes MenuAnimOut5 { 0% { } 100% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } } .dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; } .dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } .dl-menu.dl-animate-in-3 { -webkit-animation: MenuAnimIn3 0.4s ease; animation: MenuAnimIn3 0.4s ease; } .dl-menu.dl-animate-in-4 { -webkit-animation: MenuAnimIn4 0.4s ease; animation: MenuAnimIn4 0.4s ease; } .dl-menu.dl-animate-in-5 { -webkit-animation: MenuAnimIn5 0.4s ease; animation: MenuAnimIn5 0.4s ease; } @-webkit-keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @-webkit-keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes MenuAnimIn1 { 0% { -webkit-transform: translateZ(-500px) rotateY(0deg); transform: translateZ(-500px) rotateY(0deg); opacity: 0; } 20% { -webkit-transform: translateZ(-250px) rotateY(30deg); transform: translateZ(-250px) rotateY(30deg); opacity: 0.5; } 100% { -webkit-transform: translateZ(0px) rotateY(0deg); transform: translateZ(0px) rotateY(0deg); opacity: 1; } } @keyframes MenuAnimIn2 { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes MenuAnimIn3 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn4 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes MenuAnimIn5 { 0% { -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-2 { -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out; animation: SubMenuAnimIn2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-in-3 { -webkit-animation: SubMenuAnimIn3 0.4s ease; animation: SubMenuAnimIn3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-4 { -webkit-animation: SubMenuAnimIn4 0.4s ease; animation: SubMenuAnimIn4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-in-5 { -webkit-animation: SubMenuAnimIn5 0.4s ease; animation: SubMenuAnimIn5 0.4s ease; } @-webkit-keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); opacity: 1; } } @-webkit-keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); opacity: 1; } } @keyframes SubMenuAnimIn1 { 0% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn2 { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; } } @keyframes SubMenuAnimIn3 { 0% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn4 { 0% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } 100% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } } @keyframes SubMenuAnimIn5 { 0% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } 100% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-2 { -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out; animation: SubMenuAnimOut2 0.3s ease-in-out; } .dl-menuwrapper > .dl-submenu.dl-animate-out-3 { -webkit-animation: SubMenuAnimOut3 0.4s ease; animation: SubMenuAnimOut3 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-4 { -webkit-animation: SubMenuAnimOut4 0.4s ease; animation: SubMenuAnimOut4 0.4s ease; } .dl-menuwrapper > .dl-submenu.dl-animate-out-5 { -webkit-animation: SubMenuAnimOut5 0.4s ease; animation: SubMenuAnimOut5 0.4s ease; } @-webkit-keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); opacity: 0; } } @-webkit-keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); opacity: 0; } } @keyframes SubMenuAnimOut1 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes SubMenuAnimOut2 { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; } } @keyframes SubMenuAnimOut3 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(-300px); transform: translateZ(-300px); opacity: 0; } } @keyframes SubMenuAnimOut4 { 0% { -webkit-transform: translateZ(0px); transform: translateZ(0px); opacity: 1; } 100% { -webkit-transform: translateZ(300px); transform: translateZ(300px); opacity: 0; } } @keyframes SubMenuAnimOut5 { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px); opacity: 0; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* Colors for demos */ /* Demo 1 */ .demo-1 .dl-menuwrapper button { background: #c62860; } .demo-1 .dl-menuwrapper button:hover, .demo-1 .dl-menuwrapper button.dl-active, .demo-1 .dl-menuwrapper ul { background: #9e1847; } /* Demo 2 */ .demo-2 .dl-menuwrapper button { background: #e86814; } .demo-2 .dl-menuwrapper button:hover, .demo-2 .dl-menuwrapper button.dl-active, .demo-2 .dl-menuwrapper ul { background: #D35400; } /* Demo 3 */ .demo-3 .dl-menuwrapper button { background: #08cbc4; } .demo-3 .dl-menuwrapper button:hover, .demo-3 .dl-menuwrapper button.dl-active, .demo-3 .dl-menuwrapper ul { background: #00b4ae; } /* Demo 4 */ .demo-4 .dl-menuwrapper button { background: #90b912; } .demo-4 .dl-menuwrapper button:hover, .demo-4 .dl-menuwrapper button.dl-active, .demo-4 .dl-menuwrapper ul { background: #79a002; } /* Demo 5 */ .demo-5 .dl-menuwrapper button { background: #744783; } .demo-5 .dl-menuwrapper button:hover, .demo-5 .dl-menuwrapper button.dl-active, .demo-5 .dl-menuwrapper ul { background: #643771; } /*.dl-submenu, .dl-menu {max-height:350px; overflow:hidden} .dl-subview.open .dl-submenu, .dl-menu.dl-menuopen {overflow-y: scroll;max-height: 350px} */ /** avoid big menu height then its not open*/ .dl-menu.lvl-1 {display:none;} .dl-menu.lvl-1.dl-menu-toggle.dl-menuopen { display: block; } /** avoid big menu height then its not open*/ @media screen and (min-width: 992px) { .dl-menu.dl-menuopen {width: 450px} } .lvl-1 { background-color: rgb(47, 47, 47)!important; } .lvl-2 { background-color: #393939!important; } .lvl-3 { background-color: #414141!important; } .lvl-4 { background-color: #4a4a4a!important; } .lvl-5 { background-color: #5c5c5c!important; } .lvl-6 { background-color: #6c6c6c!important; } @media screen and (max-width: 767px) { #dl-menu-mob {width: 100%; max-width: 100%} .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu { overflow: auto; } .dl-menuwrapper li a { text-align:left; } .dl-menuwrapper li{ border-bottom:1px solid #777; } .dl-menu a{ position:relative; width:100%; padding-right:50px!important; } .dl-menu a > i.fa { position: absolute; right: 0; top: 0; bottom: 0; border-left: 1px solid #777; padding: 15px 19px; font-size: 20px; } .dl-submenu > .dl-back > a > i{ position:static; border:0; padding:0 7px 0 0; } } .paypal-button-container { display: block; white-space: nowrap; margin: 0; background: 0; border: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; font-weight: 500;R -webkit-font-smoothing: antialiased; font-smoothing: antialiased; z-index: 0; font-size: 0; width: 100%; box-sizing: border-box; } .paypal-button:not(.paypal-button-card) { border: 1px solid transparent; border-radius: 0 3px 3px 0; position: relative; width: 100%; box-sizing: border-box; border: none; vertical-align: top; cursor: pointer; outline: none; overflow: hidden; } .paypal-button.paypal-button-color-transparent { cursor: auto; } .paypal-button * { cursor: pointer; } .paypal-button-container.paypal-button-env-test .paypal-button-text { font-family: Arial !important; background: rgba(0, 0, 0, 0.5) !important; color: transparent !important; text-shadow: none !important; } .paypal-button:hover { box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.2); } .paypal-button.paypal-button-color-gold:hover, .paypal-button.paypal-button-color-silver:hover { box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05); } .paypal-button-card, .paypal-button-card * { cursor: pointer; } .paypal-button-card:hover { filter: brightness(1.2); } .paypal-button:focus, .paypal-button-card:focus { outline: none; } .paypal-should-focus .paypal-button:focus, .paypal-should-focus .paypal-button-card:focus { outline: solid 2px Highlight; outline: auto 5px -webkit-focus-ring-color; outline-offset: -3px; } .paypal-button:focus { box-shadow: -1px -1px 18px 1px rgba(0, 0, 0, 0.25) inset; } .paypal-button.paypal-button-color-transparent:focus { box-shadow: none; outline: none; } .paypal-button-logo { padding: 0; display: inline-block; background: none; border: none; width: auto; } .paypal-button-text { display: inline-block; white-space: pre-wrap; } .paypal-button .paypal-button-logo, .paypal-button .paypal-button-text { vertical-align: top; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); text-align: left; } .paypal-button .paypal-button-card { border-radius: 4px; } .paypal-button .paypal-button-text { visibility: hidden; } .powered-by-paypal > .paypal-button-text { vertical-align: top; line-height: 18px; } .powered-by-paypal > .paypal-button-logo { height: 16px; min-height: 16px; } .paypal-button-tagline { max-width: 100%; font-weight: normal; display: block; text-align: center; width: auto; visibility: hidden; } .paypal-separator { height: 80%; border-left: 1px solid rgba(0, 0, 0, 0.15); margin: 0 8px; display: inline-block; position: relative; top: 10%; } .paypal-button.paypal-button-color-black .paypal-separator { border-color: rgba(255, 255, 255, 0.45); } .paypal-button.paypal-button-color-gold { background: #ffc439; color: #111; } .paypal-button.paypal-button-color-blue { background: #009cde; color: #fff; } .paypal-button.paypal-button-color-silver { background: #eee; color: #111; } .paypal-button.paypal-button-color-black { background: #2C2E2F; color: #fff; } .paypal-button.paypal-button-color-darkblue { background: #003087; color: #fff; } .paypal-button.paypal-button-color-transparent { background: transparent; color: #111; } .paypal-button.paypal-button-color-white { background: #fff; color: #2C2E2F; border: 1px solid #2C2E2F; } .paypal-button-container.paypal-button-layout-vertical .paypal-button-tagline { display: none; } .paypal-button.paypal-button-branding-unbranded { min-width: 60%; width: auto; font-weight: 900; } .paypal-button.paypal-button-branding-unbranded .paypal-button-logo { display: none; } .paypal-button.paypal-button-label-card { border-radius: 0 !important; } .paypal-button.paypal-button-label-credit .paypal-button-text { display: none !important; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-label-credit .paypal-button-logo.paypal-button-logo-paypal { display: none; } @media only screen and (max-width : 150px) { .paypal-button.paypal-button-label-credit .paypal-button-logo.paypal-button-logo-paypal { display: none; } } @media only screen and (min-width : 150px) { .paypal-button.paypal-button-label-credit .paypal-button-logo.paypal-button-logo-paypal { display: inline-block; } } @media only screen and (min-width: 75px) { .paypal-button-container { min-width: 75px; max-width: 150px; font-size: 10px; } .paypal-button:not(.paypal-button-card) { height: 25px; min-height: 25px; max-height: 30px; } .paypal-button.paypal-button-branding-unbranded { font-size: 11px; } .paypal-button-logo { height: 14px; max-height: 15px; min-height: 10px; } .paypal-button-logo.paypal-button-logo-eps, .paypal-button-logo.paypal-button-logo-mybank { height: 18px; max-height: 18px; min-height: 10px; } .paypal-button.paypal-button-shape-pill { border-radius: 13px; } .paypal-button.paypal-button-shape-rect { border-radius: 4px; } .paypal-button.paypal-button-layout-vertical { margin-bottom: 8px; } .paypal-separator { margin: 0 1px; } .paypal-button-tagline { display: none; height: 13px; line-height: 13px; } .paypal-button-fundingicons { display: block; height: 25px; } .paypal-button-card { display: inline-block; } .paypal-button .paypal-button-card { width: 22.50%; max-width: 40px; margin-top: 0; margin-left: 1.25%; margin-right: 1.25%; } .paypal-button .paypal-button-card img { width: 100%; } .paypal-button-fundingicons .paypal-button-card { height: 18px; margin-top: 4px; margin-left: 2px; margin-right: 2px; } .paypal-button-fundingicons .paypal-button-card img { height: 100%; } } @media only screen and (min-width: 75px) and (max-width: 140px) { .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 { width: 100%; margin-right: 0; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 { display: none; } .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline { display: none; } } @media only screen and (min-width: 140px) { .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 { display: inline-block; width: calc(50% - 2px); margin-right: 4px; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 { display: inline-block; width: calc(50% - 2px); } .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline { display: block; } } @media only screen and (min-width: 150px) { .paypal-button-container { min-width: 150px; max-width: 200px; font-size: 10px; } .paypal-button:not(.paypal-button-card) { height: 25px; min-height: 25px; max-height: 55px; } .paypal-button.paypal-button-branding-unbranded { font-size: 11px; } .paypal-button-logo { height: 14px; max-height: 15px; min-height: 10px; } .paypal-button-logo.paypal-button-logo-eps, .paypal-button-logo.paypal-button-logo-mybank { height: 18px; max-height: 18px; min-height: 10px; } .paypal-button.paypal-button-shape-pill { border-radius: 13px; } .paypal-button.paypal-button-shape-rect { border-radius: 4px; } .paypal-button.paypal-button-layout-vertical { margin-bottom: 8px; } .paypal-separator { margin: 0 1px; } .paypal-button-tagline { display: block; height: 13px; line-height: 13px; } .paypal-button-fundingicons { display: block; height: 25px; } .paypal-button-card { display: inline-block; } .paypal-button .paypal-button-card { width: 22.50%; max-width: 40px; margin-top: 0; margin-left: 1.25%; margin-right: 1.25%; } .paypal-button .paypal-button-card img { width: 100%; } .paypal-button-fundingicons .paypal-button-card { height: 18px; margin-top: 4px; margin-left: 2px; margin-right: 2px; } .paypal-button-fundingicons .paypal-button-card img { height: 100%; } } @media only screen and (min-width: 150px) and (max-width: 140px) { .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 { width: 100%; margin-right: 0; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 { display: none; } .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline { display: none; } } @media only screen and (min-width: 150px) { .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 { display: inline-block; width: calc(50% - 2px); margin-right: 4px; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 { display: inline-block; width: calc(50% - 2px); } .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline { display: block; } } @media only screen and (min-width: 200px) { .paypal-button-container { min-width: 200px; max-width: 300px; font-size: 11px; } .paypal-button:not(.paypal-button-card) { height: 35px; min-height: 35px; max-height: 55px; } .paypal-button.paypal-button-branding-unbranded { font-size: 16px; } .paypal-button-logo { height: 17px; max-height: 21px; min-height: 14px; } .paypal-button-logo.paypal-button-logo-eps, .paypal-button-logo.paypal-button-logo-mybank { height: 23px; max-height: 25px; min-height: 14px; } .paypal-button.paypal-button-shape-pill { border-radius: 18px; } .paypal-button.paypal-button-shape-rect { border-radius: 4px; } .paypal-button.paypal-button-layout-vertical { margin-bottom: 11px; } .paypal-separator { margin: 0 2px; } .paypal-button-tagline { display: block; height: 18px; line-height: 18px; } .paypal-button-fundingicons { display: block; height: 35px; } .paypal-button-card { display: inline-block; } .paypal-button .paypal-button-card { width: 22.50%; max-width: 56px; margin-top: 0; margin-left: 1.25%; margin-right: 1.25%; } .paypal-button .paypal-button-card img { width: 100%; } .paypal-button-fundingicons .paypal-button-card { height: 25px; margin-top: 5px; margin-left: 2px; margin-right: 2px; } .paypal-button-fundingicons .paypal-button-card img { height: 100%; } } @media only screen and (min-width: 200px) and (max-width: 196px) { .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 { width: 100%; margin-right: 0; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 { display: none; } .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline { display: none; } } @media only screen and (min-width: 200px) { .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 { display: inline-block; width: calc(50% - 2px); margin-right: 4px; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 { display: inline-block; width: calc(50% - 2px); } .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline { display: block; } } @media only screen and (min-width: 300px) { .paypal-button-container { min-width: 300px; max-width: 500px; font-size: 14px; } .paypal-button:not(.paypal-button-card) { height: 45px; min-height: 30px; max-height: 55px; } .paypal-button.paypal-button-branding-unbranded { font-size: 20px; } .paypal-button-logo { height: 21px; max-height: 27px; min-height: 18px; } .paypal-button-logo.paypal-button-logo-eps, .paypal-button-logo.paypal-button-logo-mybank { height: 28px; max-height: 32px; min-height: 18px; } .paypal-button.paypal-button-shape-pill { border-radius: 23px; } .paypal-button.paypal-button-shape-rect { border-radius: 4px; } .paypal-button.paypal-button-layout-vertical { margin-bottom: 14px; } .paypal-separator { margin: 0 2px; } .paypal-button-tagline { display: block; height: 23px; line-height: 23px; } .paypal-button-fundingicons { display: block; height: 45px; } .paypal-button-card { display: inline-block; } .paypal-button .paypal-button-card { width: 22.50%; max-width: 72px; margin-top: 0; margin-left: 1.25%; margin-right: 1.25%; } .paypal-button .paypal-button-card img { width: 100%; } .paypal-button-fundingicons .paypal-button-card { height: 32px; margin-top: 7px; margin-left: 3px; margin-right: 3px; } .paypal-button-fundingicons .paypal-button-card img { height: 100%; } } @media only screen and (min-width: 300px) and (max-width: 252px) { .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 { width: 100%; margin-right: 0; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 { display: none; } .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline { display: none; } } @media only screen and (min-width: 300px) { .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 { display: inline-block; width: calc(50% - 2px); margin-right: 4px; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 { display: inline-block; width: calc(50% - 2px); } .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline { display: block; } } @media only screen and (min-width: 500px) { .paypal-button-container { min-width: 500px; max-width: 750px; font-size: 18px; } .paypal-button:not(.paypal-button-card) { height: 55px; min-height: 40px; max-height: 55px; } .paypal-button.paypal-button-branding-unbranded { font-size: 25px; } .paypal-button-logo { height: 24px; max-height: 33px; min-height: 22px; } .paypal-button-logo.paypal-button-logo-eps, .paypal-button-logo.paypal-button-logo-mybank { height: 33px; max-height: 39px; min-height: 22px; } .paypal-button.paypal-button-shape-pill { border-radius: 28px; } .paypal-button.paypal-button-shape-rect { border-radius: 4px; } .paypal-button.paypal-button-layout-vertical { margin-bottom: 17px; } .paypal-separator { margin: 0 3px; } .paypal-button-tagline { display: block; height: 28px; line-height: 28px; } .paypal-button-fundingicons { display: block; height: 55px; } .paypal-button-card { display: inline-block; } .paypal-button .paypal-button-card { width: 22.50%; max-width: 88px; margin-top: 0; margin-left: 1.25%; margin-right: 1.25%; } .paypal-button .paypal-button-card img { width: 100%; } .paypal-button-fundingicons .paypal-button-card { height: 39px; margin-top: 8px; margin-left: 4px; margin-right: 4px; } .paypal-button-fundingicons .paypal-button-card img { height: 100%; } } @media only screen and (min-width: 500px) and (max-width: 308px) { .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 { width: 100%; margin-right: 0; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 { display: none; } .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline { display: none; } } @media only screen and (min-width: 500px) { .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-0 { display: inline-block; width: calc(50% - 2px); margin-right: 4px; } .paypal-button.paypal-button-layout-horizontal.paypal-button-number-multiple.paypal-button-number-1 { display: inline-block; width: calc(50% - 2px); } .paypal-button-container.paypal-button-layout-horizontal.paypal-button-number-multiple .paypal-button-tagline { display: block; } } select::-ms-expand { display: none; } select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } .simple_select{ border: 1px solid #000; font-size:14px; line-height: 34px; padding-left:10px; height: 35px; overflow:hidden; padding-right:30px; position: relative; background-color: #ffffff; color: rgb(47, 47, 47); } .simple_select.error { border-color: #a94442 !important; background: #F8EAE8 !important; } .simple_select__arrow{ position: absolute; right: 0; top: 0; width: 25px; font-size: 20px; } .simple_select select{ display: block; position: absolute; left: 0; top: 0; -webkit-appearance: menulist-button; opacity: 0; zoom: 1; filter: alpha(opacity=0); width: 100%; cursor: pointer; } .simple_select--disabled{ background:#fff; } /* Advansys CSS */ body { font-family: Roboto Condensed, sans-serif; } .subnav { background-color: rgb(47, 47, 47); border-bottom-color: #e1e1e1; } .icon { float: left; width: 24px; height: 16px; margin-top: 4px; } .flag-gb, .flag-en { background: url('/images/flags/16/en.png') no-repeat; } .flag-fr { background: url('/images/flags/16/fr.png') no-repeat; } .flag-de { background: url('/images/flags/16/de.png') no-repeat; } .flag-it { background: url('/images/flags/16/it.png') no-repeat; } .flag-es { background: url('/images/flags/16/es.png') no-repeat; } .flag-eu { background: url('/images/flags/16/eu.png') no-repeat; } .flag-us { background: url('/images/flags/16/us.png') no-repeat; } .icon-md { float: left; width: 24px; height: 20px; margin: 0 -4px; } .flag-md-gb, .flag-md-en { background: url('/images/flags/24/en.png') no-repeat; } .flag-md-fr { background: url('/images/flags/24/fr.png') no-repeat; } .flag-md-de { background: url('/images/flags/24/de.png') no-repeat; } .flag-md-it { background: url('/images/flags/24/it.png') no-repeat; } .flag-md-es { background: url('/images/flags/24/es.png') no-repeat; } .flag-md-eu { background: url('/images/flags/24/eu.png') no-repeat; } .flag-md-us { background: url('/images/flags/24/us.png') no-repeat; } .icon-lg { float: left; width: 32px; height: 32px; margin: -4px 0; } .flag-lg-gb, .flag-lg-en { background: url('/images/flags/32/en.png') no-repeat; } .flag-lg-fr { background: url('/images/flags/32/fr.png') no-repeat; } .flag-lg-de { background: url('/images/flags/32/de.png') no-repeat; } .flag-lg-it { background: url('/images/flags/32/it.png') no-repeat; } .flag-lg-es { background: url('/images/flags/32/es.png') no-repeat; } .flag-lg-eu { background: url('/images/flags/32/eu.png') no-repeat; } .flag-lg-us { background: url('/images/flags/32/us.png') no-repeat; } .currency-gbp { background: url('/images/currencies/16/gbp.png') no-repeat; } .currency-eur { background: url('/images/currencies/16/eur.png') no-repeat; } .currency-usd { background: url('/images/currencies/16/usd.png') no-repeat; } .currency-aud { background: url('/images/currencies/16/aud.png') no-repeat; } .currency-cad { background: url('/images/currencies/16/cad.png') no-repeat; } .currency-jpy { background: url('/images/currencies/16/jpy.png') no-repeat; } .currency-cny { background: url('/images/currencies/16/cny.png') no-repeat; } .currency-aed { background: url('/images/currencies/16/aed.png') no-repeat; } .currency-lg-gbp { background: url('/images/currencies/32/gbp.png') no-repeat; } .currency-lg-eur { background: url('/images/currencies/32/eur.png') no-repeat; } .currency-lg-usd { background: url('/images/currencies/32/usd.png') no-repeat; } .currency-lg-aud { background: url('/images/currencies/32/aud.png') no-repeat; } .currency-lg-cad { background: url('/images/currencies/32/cad.png') no-repeat; } .currency-lg-jpy { background: url('/images/currencies/32/jpy.png') no-repeat; } .currency-lg-cny { background: url('/images/currencies/32/cny.png') no-repeat; } .currency-lg-aed { background: url('/images/currencies/32/aed.png') no-repeat; } .icon-angle-left { background: url('/images/icons/anglel.png') no-repeat; width: 15px; height: 45px; display: block; } .icon-angle-right { background: url('/images/icons/angler.png') no-repeat; width: 15px; height: 45px; display: block; } .black { background: #000000 } .darkergrey { background: #424242 } .darkgrey { background: #6E6E6E } .grey { background: #A4A4A4 } .lightgrey { background: #CCCCCC } .lightergrey { background: #E6E6E6 } .offwhite { background: #F8F8F8 } .white { background: #FFFFFF } .red { background: #F00 } .blue { background: #00F } .tt-dropdown-menu .green { background: #0F0 } .black-text { color: #333 } .darkergrey-text { color: #424242 } .darkgrey-text { color: #6E6E6E } .grey-text { color: #A4A4A4 } .lightgrey-text { color: #CCCCCC } .lightergrey-text { color: #EEEEEE } .offwhite-text { color: #FAFAFA } .white-text { color: #FFFFFF } .gold-text { color: #FFD700 } .goldenrod-text { color: #DAA520 } .darkgoldenrod-text { color: #B8860B } .green-text { color: #419641; } .red-text { color: #d00; } .blue-text { color: #428bca; } .darkblue-text { color: #184c72; } .main-color { color:rgb(51, 51, 51); } .text-brown { color: #bfbfbf } .text-justify { text-align: justify } .text-footer { font-size: 12px; text-decoration: none; } .text-bold { font-weight: bold !important; } .text-11 { font-size: 11px; } .text-12 { font-size: 12px; } .text-13 { font-size: 13px; } .text-14 { font-size: 14px; } .text-15 { font-size: 15px; } .text-16 { font-size: 16px; } .text-18 { font-size: 18px; } .text-20 { font-size: 20px; } .text-22 { font-size: 22px; } .text-24 { font-size: 24px; } .text-26 { font-size: 26px; } .text-28 { font-size: 28px; } .text-30 { font-size: 30px; } .text-60 { font-size: 60px; } .text-align-right { text-align: right; } .text-align-left { text-align: left; } .text-nowrap { white-space: nowrap; } .text-center{ text-align:center; } .uppercase { text-transform: uppercase; } .caps { text-transform: capitalize; } .placeholder { color: #2d2d2d!important; } .noplaceholder { color: #555!important; } .height-15 { height: 15px } .height-30 { height: 30px } .height-45 { height: 45px } .height-50 { height: 50px } .height-100 { height: 100px } .height-150 { height: 150px } .height-200 { height: 200px } .height-300 { height: 300px } .height-400 { height: 400px } .min-height-15 { min-height: 15px } .min-height-30 { min-height: 30px } .min-height-50 { min-height: 50px } .min-height-100 { min-height: 100px } .min-height-150 { min-height: 150px } .min-height-200 { min-height: 200px } .min-height-250 { min-height: 200px } .min-height-300 { min-height: 300px } .min-height-350 { min-height: 350px } .min-height-400 { min-height: 400px } .min-width-50 { min-width: 50px } .min-width-100 { min-width: 100px } .full-width { width: 100%; } .margin-tb-5 { margin: 5px 0 } .margin-tb-10 { margin: 10px 0 } .margin-tb-15 { margin: 15px 0 } .margin-tb-20 { margin: 20px 0 } .margin-tb-30 { margin: 30px 0 } .margin-to-0 { margin-top: 0 } .margin-to-5 { margin-top: 5px } .margin-to-10 { margin-top: 10px } .margin-to-15 { margin-top: 15px } .margin-to-20 { margin-top: 20px } .margin-to-25 { margin-top: 25px } .margin-to-27 { margin-top: 27px } .margin-to-28 { margin-top: 28px } .margin-to-30 { margin-top: 30px } .margin-to-35 { margin-top: 35px } .margin-to--5 { margin-top: -5px } .margin-to--10 { margin-top: -10px } .margin-to--15 { margin-top: -15px } .margin-to--20 { margin-top: -20px } .margin-to--30 { margin-top: -30px } .margin-to--35 { margin-top: -35px } .margin-to--40 { margin-top: -40px } .margin-bo-0 { margin-bottom: 0 } .margin-bo-3 { margin-bottom: 3px } .margin-bo-5 { margin-bottom: 5px } .margin-bo-10 { margin-bottom: 10px } .margin-bo-15 { margin-bottom: 15px } .margin-bo-20 { margin-bottom: 20px } .margin-bo-22 { margin-bottom: 22px } .margin-bo-30 { margin-bottom: 30px } .margin-bo-35 { margin-bottom: 35px } .margin-r-0 { margin: 0px!important } .margin-lr-5 { margin: 0 5px } .margin-lr-10 { margin: 0 10px } .margin-lr-15 { margin: 0 15px } .margin-lo-15 { margin-left: 15px } .margin-ro-15 { margin-right: 15px } .padding-ri-0 { padding-right: 0; } .padding-ri-5 { padding-right: 5px; } .padding-ri-10 { padding-right: 10px; } .padding-ri-15 { padding-right: 15px; } .padding-le-0 { padding-left: 0; } .padding-le-5 { padding-left: 5px; } .padding-le-10{ padding-left: 10px; } .padding-le-15 { padding-left: 15px; } .padding-le-30 { padding-left: 30px; } .no-padding { padding: 0px!important; } .no-padding-left{ padding-left:0; } .no-padding-right{ padding-right:0; } .padding-right-4{ padding-right:4px; } .padding-left-4{ padding-left:4px; } .grey-border { border: solid 1px #d9d9d9; } .grey-border2 { border: solid 1px #cdcdcd; } .lightergrey-border { border: solid 1px #f1f1f1; } .lightergreyplus-border { border: solid 1px #f5f5f5; } /*#collapsefilters.collapse { display: block; }*/ @media screen and (min-width: 768px) { .padding-r-sm-md { padding-right: 0 } } a, a:hover { color: rgb(47, 47, 47); } /*buttons*/ .btn-general{ color:#fff; } .blue-button { background: -webkit-linear-gradient(#8eb6cf, #588cab) !important; /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#8eb6cf, #588cab) !important; /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#8eb6cf, #588cab) !important; /* For Firefox 3.6 to 15 */ background: linear-gradient(#8eb6cf, #588cab) !important; /* Standard syntax */ filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#8eb6cf', endColorstr='#588cab', GradientType=0) !important; } .blue-button-border { border: solid 1px #588cab !important; } /*end buttons*/ .img-32x32 { height: 32px; width: 32px; } .img-64x64 { height: auto; width: 64px; } .margin-none { margin: 0!important } .border-none { border: 0!important } .cursor-hand { cursor: pointer; } .border-left { border-left: 1px solid #ddd; } /* Center an object - adjust neagtive margins to suit size of object */ .centered-50 { position: fixed; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; } .centered-100 { position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; } .vertical-align { display: flex; align-items: center; } select { min-width: 100px; } /* Misc */ #debug { position: absolute; top: 10px; left: 10px; z-index: 999; width: 400px; padding: 3px; background: #000; } #debug table { width: 100%; background: #fff; } #debug table thead { width: 400px; font-weight: bold; background: #335588; color: #fff; } #debug td { border: 1px solid #808080; padding: 2px; } /* In addition to Bootstraps .img-responsive the below resizes to full width */ .fullwidth { width: 100%; height: auto; } .img-large { width: 100px } .shadow { -webkit-box-shadow: 5px 5px 10px 0 rgba(50, 50, 50, 0.5); -moz-box-shadow: 5px 5px 10px 0 rgba(50, 50, 50, 0.5); box-shadow: 5px 5px 10px 0 rgba(50, 50, 50, 0.5); } /* Override Bootstrap Modal dialog positioning */ .modal-dialog { margin-top: 20%!important; } .modal-content { margin-top: -20%!important; } .modal-styled { border-top-left-radius: 4px; border-top-right-radius: 4px; } .modal-footer .btn { min-width: 80px; } /*! * Carousel core styles */ .carousel.slide img { width: 100%; height: auto; } /* Remove the default shading on the Carousel */ .left.carousel-control, .right.carousel-control { background: none; } /* Extend the dropdown-menu class by applying scrollable-menu to make scrollable dropdown */ .scrollable-menu { height: auto; max-height: 350px!important; overflow-x: hidden; } /* Typeahead Predictive Search */ .twitter-typeahead { width: 100%; margin-top: 5px; } .typeahead, .tt-query, .tt-hint { display: inline!important; -webkit-border-top-left-radius: 4px!important; -webkit-border-bottom-left-radius: 4px!important; -moz-border-radius-topleft: 4px!important; -moz-border-radius-bottomleft: 4px!important; border-bottom-left-radius: 4px!important; border-top-left-radius: 4px!important; } .tt-dropdown-menu { width: 100%; min-width: 230px; margin-top: 8px; padding: 4px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .2); -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .2); box-shadow: 0 4px 8px rgba(0, 0, 0, .2); } .tt-suggestion { padding: 3px 12px; line-height: 24px; } .tt-suggestion.tt-cursor { color: #fff; background-color: #428bca; } .tt-suggestion p { margin: 0; } .tt-suggestion .media{ cursor:pointer; } /*------------------------------------------------------------------ [ Slider / .ui-slider ] */ .ui-slider { position: relative; text-align: left; margin-top: 15px; border: 1px solid #FFF; border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background: #ddd; border-color: #b3b3b3; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 25px; height: 16px; background: url(/images/default/handle.png) no-repeat; border: none; cursor: pointer; } .ui-slider .ui-slider-handle:hover { background-position: 0 -16px; } .ui-slider .ui-slider-handle:active { background-position: 0 -16px; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 6px; font-size: .7em; display: block; border-bottom-left-radius: 6px; border-top-left-radius: 6px; border-bottom-right-radius: 6px; border-top-right-radius: 6px; background: #357ebd; /* selected range colour */ } .ui-slider.slider-primary .ui-slider-range { background: #e5412d; border-color: #c62b19; } .ui-slider.slider-secondary .ui-slider-range { background: #f0ad4e; border-color: #ec971f; } .ui-slider.slider-tertiary .ui-slider-range { background: #888888; border-color: #6f6f6f; } .ui-slider.slider-success .ui-slider-range { background: #5cb85c; border-color: #449d44; } .ui-slider.slider-warning .ui-slider-range { background: #ff751a; border-color: #e65c00; } .ui-slider.slider-danger .ui-slider-range { background: #d9534f; border-color: #c9302c; } .ui-slider.slider-info .ui-slider-range { background: #3498db; border-color: #217dbb; } .ui-slider-horizontal { height: 12px; } .ui-slider-horizontal .ui-slider-handle { top: -4px; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: -1px; height: 110%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 11px; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -3px; margin-left: 0; margin-bottom: -0.6em; width: 15px; height: 24px; /*background: url(/images/default/handle-vertical.png) no-repeat;*/ } .ui-slider-vertical .ui-slider-handle:hover { background-position: 0 -24px; } .ui-slider-vertical .ui-slider-handle:active { background-position: 0 -24px; } .ui-slider-vertical .ui-slider-range { left: 0; width: 9px; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .form .row, .form-horizontal .row { margin-bottom: 0 !important; } .help-block { margin-bottom: 0; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; } /* Side Tab */ .text-vertical { font-weight: normal; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } h4.text-vertical { margin-top: 80px!important; margin-bottom: 80px!important; } /* Callback Tab */ .panel.panel-default.tabslider { width: 320px; padding: 15px; background: #fff!important; border: 1px solid #cfcfcf!important; -webkit-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.75)!important; -moz-box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.75)!important; box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.75)!important; z-index: 1000; margin-right: -320px; position: fixed; top: 200px; right: 0; height: auto; } .callback .form-horizontal .control-label { text-align: left } .callback label[for="QuickcallbacGdpr"] { font-size: 11px } .tabslider-button { position: fixed; width: 40px!important; height: 120px; right: 0; top: 220px; float: left; cursor: pointer; width: 47px; height: 160px; background-color: black; color: white; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #action-callback { background-color: rgb(147, 147, 147); font-family: Arial, Helvetica, sans-serif; color: white; font-size: 15px; } /*newssletter inline*/ /* Newsletter Tab */ .tabslider2 { position: fixed; top: 342px; right: 0; height: 205px; width: 280px; margin-right: -280px; z-index: 999; } .tabslider2-button { position: fixed; width: 40px!important; height: 120px; right: 0; top: 362px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; z-index: 999; cursor: pointer; color: #ffffff; border-color: #99cc33; background-color: hsl(75, 100%, 38%) !important; background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#99cc33", endColorstr="#7CA940"); background-image: -khtml-gradient(linear, left top, right bottom, from(#99cc33), to(#7CA940)); background-image: -moz-linear-gradient(top left, #99cc33, #7CA940); background-image: -ms-linear-gradient(top, #99cc33, #7CA940); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #99cc33), color-stop(100%, #7CA940)); background-image: -webkit-linear-gradient(top, #99cc33, #7CA940); background-image: -o-linear-gradient(top left, #99cc33, #7CA940); background-image: linear-gradient(to bottom right, #99cc33, #7CA940); border-color: #99cc33 #7CA940 hsl(75, 100%, 38%); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36); -webkit-font-smoothing: antialiased; } /* Star Ratings - REMOVE FOR FA */ .glyphicon-star { color: gold; font-size: 20px; cursor: default; text-decoration: none; line-height: 30px; } .glyphicon-star-empty { color: #e0e0e0; font-size: 20px; cursor: default; text-decoration: none; line-height: 30px; } /* Spinner */ .bootstrap-touchspin { width: 100px; float: left; margin-right: 5px; height: 100%; } .bootstrap-touchspin > .input-group-btn { height: 100%; } .bootstrap-touchspin > .input-group-btn > button.btn { height: 100%; } /* Client Side Errors - Unobtrusive validation tooltip */ .tooltip-inner { max-width: 300px; padding: 0; } .tooltip-alert { padding: 4px 10px; line-height: 1.6em; border: 1px solid #A94442; color: #b94a48; background: #F2DEDE; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; } .tooltip-arrow { border-top-color: #000000 !important; } /*fix for when invisible tooltips overlay input fields*/ tooltip.fade { display: none; opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } tooltip.fade.in { opacity: 1; display: block; } /* .has-error .form-control { background: #F2DEDE; } */ input.error, textarea.error { border-color: #a94442; background: #F8EAE8; } /* Server Side validation error */ .field-validation-error { padding: 2px 6px; } .validation-summary-errors, .field-validation-error { margin: 10px 0; list-style-type: none; color: #fff; font-size: 0.9em; line-height: 1.6em; background: #b94a48; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; background-clip: padding-box; } .validation-summary-errors ul { list-style-type: none; margin: 0; padding: 0 5px; } /* * Basket Summary */ #popUpBasketItemsContainerOuter { max-height: 341px; overflow: hidden; } #popUpBasketItemsContainerOuter #popUpBasketItemsContainer { padding: 0 18px; } #popUpBasketItemsContainerOuter .popup-slide { border-top: 1px solid silver; margin-top: 20px; } #popUpBasketItemsContainerOuter .basketPopUpItem { border-bottom: 1px solid silver; padding: 13px 0; } #popUpBasketItemsContainerOuter .basketPopUpItemThumbnail { border: 1px solid silver; float: left; height: 81px; margin: 0 12px 0 0; overflow: hidden; width: 81px; } #popUpBasketItemsContainerOuter .basketPopUpItemThumbnail:hover { border: 1px solid black; } #popUpBasketItemsContainerOuter .action-remove-from-basket2 { cursor: pointer; display: none; height: 19px; left: 80px; position: absolute; width: 19px; background-color: #000; color: #fff; text-align: center; font-size: 17px; } #popUpBasketItemsContainerOuter .basketPopUpItem img.thumbnail { height: 80px; margin: 0; padding: 0; width: 80px; border: none; } #popUpBasketItemsContainerOuter .order-summary-text { min-height: 54px; } #popUpBasketItemsContainerOuter .order-summary-price { color: #2a2a2a; float: left; font-size: 18px; font-weight: bold; } #goUpBasket + #popUpBasketItemsContainerOuter { height: 319px; } #goUpBasket + #popUpBasketItemsContainerOuter .popup-slide { border-top: medium none !important; margin-top: 0 !important; } #goDownBasket, #goUpBasket { cursor: pointer; height: 28px; width: 380px; color: #767171; text-align: center; font-size: 23px; } #goDownBasket { background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#F8F0F0", endColorstr="#e0e0e0"); background-image: -khtml-gradient(linear, left top, right bottom, from(#F8F0F0), to(#e0e0e0)); background-image: -moz-linear-gradient(top left, #F8F0F0, #e0e0e0); background-image: -ms-linear-gradient(top, #F8F0F0, #e0e0e0); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F0F0), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #F8F0F0, #e0e0e0); background-image: -o-linear-gradient(top left, #F8F0F0, #e0e0e0); background-image: linear-gradient(to bottom, #F8F0F0, #e0e0e0); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36); -webkit-font-smoothing: antialiased; } #goUpBasket { background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#F8F0F0", endColorstr="#e0e0e0"); background-image: -khtml-gradient(linear, left top, right bottom, from(#F8F0F0), to(#e0e0e0)); background-image: -moz-linear-gradient(top left, #F8F0F0, #e0e0e0); background-image: -ms-linear-gradient(top, #F8F0F0, #e0e0e0); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F0F0), color-stop(100%, #e0e0e0)); background-image: -webkit-linear-gradient(top, #F8F0F0, #e0e0e0); background-image: -o-linear-gradient(top left, #F8F0F0, #e0e0e0); background-image: linear-gradient(to top, #F8F0F0, #e0e0e0); text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36); -webkit-font-smoothing: antialiased; } /* * Brand Scroller */ /* Container DIV - automatically generated */ .simply-scroll-container { position: relative; /* Vertical offset */ padding-top: 15px; } /* Clip DIV - automatically generated */ .simply-scroll-clip { position: relative; overflow: hidden; } /* UL/OL/DIV - the element that simplyScroll is initiated on Class name automatically added to element */ .simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none; } .simply-scroll-list li { padding: 0; margin: 0; list-style: none; } .simply-scroll-list li img { border: none; display: block; } .sprite img { margin-top: 0; } .sprite:hover img { margin-top: 0; } /* Custom class modifications - adds to / overrides above .simply-scroll is default base class */ /* Container DIV */ .simply-scroll { width: 100%; height: 100px; margin-bottom: 1em; } /* Clip DIV */ .simply-scroll .simply-scroll-clip { width: 100%; height: 75px; } /* Explicitly set height/width of each list item */ .simply-scroll .simply-scroll-list li { float: left; /* Horizontal scroll only */ width: 250px; /* Adjusts the spacing */ height: 75px; } .wishlist-container { width: 270px; padding: 10px 15px; float: left; position: relative; z-index: 2; } .wishlist-items { width: 100%; padding-left: 320px; position: relative; } .wishlist-list > a { color: #000; } .wishlist-list > .active { font-weight: bold; } .action-send-wishlist { position: absolute; top: 0; right: 0; } /* Social Buttons for Bootstrap */ .btn-social { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .btn-social:first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2) } .btn-social.btn-lg { padding-left: 61px } .btn-social.btn-lg:first-child { line-height: 45px; width: 45px; font-size: 1.8em } .btn-social.btn-sm { padding-left: 38px } .btn-social.btn-sm:first-child { line-height: 28px; width: 28px; font-size: 1.4em } .btn-social.btn-xs { padding-left: 30px } .btn-social.btn-xs:first-child { line-height: 20px; width: 20px; font-size: 1.2em } .btn-social-icon { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding: 0 } .btn-social-icon:first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2) } .btn-social-icon.btn-lg { padding-left: 61px } .btn-social-icon.btn-lg:first-child { line-height: 45px; width: 45px; font-size: 1.8em } .btn-social-icon.btn-sm { padding-left: 38px } .btn-social-icon.btn-sm:first-child { line-height: 28px; width: 28px; font-size: 1.4em } .btn-social-icon.btn-xs { padding-left: 30px } .btn-social-icon.btn-xs:first-child { line-height: 20px; width: 20px; font-size: 1.2em } .btn-social-icon:first-child { border: none; text-align: center; width: 100% !important } .btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0 } .btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0 } .btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0 } .btn-bitbucket { color: #fff; background-color: #205081; border-color: rgba(0, 0, 0, 0.2) } .btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket { color: #fff; background-color: #183c60; border-color: rgba(0, 0, 0, 0.2) } .btn-bitbucket:active, .btn-bitbucket.active, .open .dropdown-toggle.btn-bitbucket { background-image: none } .btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active { background-color: #205081; border-color: rgba(0, 0, 0, 0.2) } .btn-dropbox { color: #fff; background-color: #1087dd; border-color: rgba(0, 0, 0, 0.2) } .btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox { color: #fff; background-color: #0d70b7; border-color: rgba(0, 0, 0, 0.2) } .btn-dropbox:active, .btn-dropbox.active, .open .dropdown-toggle.btn-dropbox { background-image: none } .btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active { background-color: #1087dd; border-color: rgba(0, 0, 0, 0.2) } .btn-facebook { color: #fff; background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2) } .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook { color: #fff; background-color: #30487b; border-color: rgba(0, 0, 0, 0.2) } .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook { background-image: none } .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active { background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2) } .btn-flickr { color: #fff; background-color: #ff0084; border-color: rgba(0, 0, 0, 0.2) } .btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr { color: #fff; background-color: #d6006f; border-color: rgba(0, 0, 0, 0.2) } .btn-flickr:active, .btn-flickr.active, .open .dropdown-toggle.btn-flickr { background-image: none } .btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active { background-color: #ff0084; border-color: rgba(0, 0, 0, 0.2) } .btn-github { color: #fff; background-color: #444; border-color: rgba(0, 0, 0, 0.2) } .btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github { color: #fff; background-color: #303030; border-color: rgba(0, 0, 0, 0.2) } .btn-github:active, .btn-github.active, .open .dropdown-toggle.btn-github { background-image: none } .btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active { background-color: #444; border-color: rgba(0, 0, 0, 0.2) } .btn-google-plus { color: #fff; background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2) } .btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus { color: #fff; background-color: #ca3523; border-color: rgba(0, 0, 0, 0.2) } .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus { background-image: none } .btn-google-plus.disabled, .btn-google-plus[disabled], fieldset[disabled] .btn-google-plus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus.active { background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2) } .btn-instagram { color: #fff; background-color: #3f729b; border-color: rgba(0, 0, 0, 0.2) } .btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram { color: #fff; background-color: #335d7e; border-color: rgba(0, 0, 0, 0.2) } .btn-instagram:active, .btn-instagram.active, .open .dropdown-toggle.btn-instagram { background-image: none } .btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active { background-color: #3f729b; border-color: rgba(0, 0, 0, 0.2) } .btn-linkedin { color: #fff; background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2) } .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin { color: #fff; background-color: #005f8d; border-color: rgba(0, 0, 0, 0.2) } .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin { background-image: none } .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active { background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2) } .btn-tumblr { color: #fff; background-color: #2c4762; border-color: rgba(0, 0, 0, 0.2) } .btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr { color: #fff; background-color: #1f3346; border-color: rgba(0, 0, 0, 0.2) } .btn-tumblr:active, .btn-tumblr.active, .open .dropdown-toggle.btn-tumblr { background-image: none } .btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active { background-color: #2c4762; border-color: rgba(0, 0, 0, 0.2) } .btn-twitter { color: #fff; background-color: #55acee; border-color: rgba(0, 0, 0, 0.2) } .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter { color: #fff; background-color: #309aea; border-color: rgba(0, 0, 0, 0.2) } .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter { background-image: none } .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active { background-color: #55acee; border-color: rgba(0, 0, 0, 0.2) } .btn-vk { color: #fff; background-color: #587ea3; border-color: rgba(0, 0, 0, 0.2) } .btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk { color: #fff; background-color: #4a6a89; border-color: rgba(0, 0, 0, 0.2) } .btn-vk:active, .btn-vk.active, .open .dropdown-toggle.btn-vk { background-image: none } .btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active { background-color: #587ea3; border-color: rgba(0, 0, 0, 0.2) } .search-xs { opacity: 1; } /*compare module*/ #compare-module { overflow-x: hidden; } #compare-module .page-title { margin-bottom: 30px; } #compare-module .compare-module-table { font-size: 15px; width: 1140px; } #compare-module .compare-module-table a, #compare-module .compare-module-table a:active, #compare-module .compare-module-table a:link, #compare-module .compare-module-table a:hover { color: #222; text-decoration: none; } #compare-module table.compare-module-table tr > td { padding-right: 15px; padding-left: 15px; padding-bottom: 16px; padding-top: 16px; border-left: none; border-right: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; vertical-align: top; } #compare-module table.compare-module-table tr.productname > td { padding-bottom: 14px; padding-top: 14px; } #compare-module table.compare-module-table tr.attributes > td { padding-bottom: 13px; padding-top: 11px; } #compare-module table.compare-module-table tr.attributes > td * { line-height: 1; } #compare-module table.compare-module-table tr.attributes > td .comparer-emptyvalue { display: block; height: 21px; } #compare-module table.compare-module-table tr.attributes > td .comparer-emptyvalue:first-of-type { display: block; height: 22px; } #compare-module table.compare-module-table tr > td:first-of-type { width: 140px; font-weight: 700; padding-left: 0; border-top: 1px solid #ccc; } #compare-module table.compare-module-table tr > td:first-of-type > hr { margin-left: 0; } #compare-module table.compare-module-table tr > td:last-of-type, #compare-module table.compare-module-table tr > td.image-container:last-of-type { padding-right: 0px; } #compare-module table.compare-module-table tr > td.image-container > form.remove-product { display: block; position: absolute; right: 15px; top: 18px; } #compare-module table.compare-module-table tr > td.image-container:last-of-type > form.remove-product { right: 0; } @media (min-width: 1200px) { /*calc((1199px - 170px) / 5 - 15px)*/ #compare-module table.compare-module-table-5 tr > td:last-of-type { width: calc((1140px - 140px) / 5 - 15px); } #compare-module table.compare-module-table-5 tr > td { width: calc((1140px - 140px) / 5); } #compare-module table.compare-module-table-4 tr > td:last-of-type { width: calc((1140px - 140px) / 4 - 15px); } #compare-module table.compare-module-table-4 tr > td { width: calc((1140px - 140px) / 4); } #compare-module table.compare-module-table-3 tr > td:last-of-type { width: calc((1140px - 140px) / 3 - 15px); } #compare-module table.compare-module-table-3 tr > td { width: calc((1140px - 140px) / 3); } #compare-module .compare-module-table-2 { width: 940px; } #compare-module table.compare-module-table-2 tr > td:last-of-type { width: calc((1140px - 140px) / 2 - 15px); } #compare-module table.compare-module-table-2 tr > td { width: calc((1140px - 140px) / 2); } #compare-module table.compare-module-table-1 tr > td:last-of-type { width: calc((500px - 140px) - 15px); } } @media (min-width: 992px) and (max-width: 1199px) { #compare-module { max-width: 955px; } #compare-module .compare-module-table-5 { width: calc((940px - 140px) / 4 * 5 + 128px); } #compare-module table.compare-module-table-5 tr > td:last-of-type { width: calc((940px - 140px) / 4 - 15px); } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1) tr > td:nth-of-type(5) { width: calc((940px - 140px) / 4 - 15px); padding-right: 0 !important; } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1) tr > td.image-container:nth-of-type(5) > form.remove-product { right: 0; } #compare-module table.compare-module-table-5 tr > td { width: calc((940px - 140px) / 4); } /*scroll*/ #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:nth-of-type(6) { width: calc((940px - 140px) / 4 -15px); padding-right: 0 !important; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td.image-container:nth-of-type(6) > form.remove-product { right: 0; } /*table 4*/ #compare-module .compare-module-table-4 { width: calc((940px - 140px) / 3 * 4 + 129px); } #compare-module table.compare-module-table-4 tr > td:last-of-type { width: calc((940px - 140px) / 3 - 15px); } #compare-module table.compare-module-table-4 tr > td:nth-of-type(4) { width: calc((940px - 140px) / 3 - 15px); padding-right: 0 !important; } #compare-module table.compare-module-table-4 tr > td.image-container:nth-of-type(4) > form.remove-product { right: 0; } #compare-module table.compare-module-table-4 tr > td { width: calc((940px - 140px) / 3); } /*table 3*/ #compare-module .compare-module-table-3 { width: 940px; } #compare-module table.compare-module-table-3 tr > td:last-of-type { width: calc((940px - 140px) / 3 - 15px); } #compare-module table.compare-module-table-3 tr > td { width: calc((940px - 140px) / 3); } /*table 2*/ #compare-module table.compare-module-table-2 tr > td:last-of-type { width: calc((940px - 140px) / 2 - 15px); } #compare-module table.compare-module-table-2 tr > td { width: calc((940px - 140px) / 2); } } @media (min-width: 768px) and (max-width: 991px) { #compare-module { max-width: 735px; } #compare-module .compare-module-table.compare-module-table-5 { width: calc((720px - 140px) / 3 * 5 + 133px); } #compare-module table.compare-module-table-5 tr > td { max-width: 159px; padding-right: 15px !important; width: 175px; } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1):not(.compare-module-table-scroll-2) tr > td:nth-of-type(4) { max-width: 146px; padding-right: 0 !important; } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1):not(.compare-module-table-scroll-2) tr > td.image-container:nth-of-type(4) > form.remove-product { right: 0; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td { max-width: 157px; width: 157px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:nth-of-type(5) { padding-right: 0 !important; max-width: 145px; width: 145px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td.image-container:nth-of-type(5) > form.remove-product { right: 0; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td { max-width: 130px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td:nth-of-type(6) { padding-right: 0 !important; max-width: 120px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td.image-container:nth-of-type(6) > form.remove-product { right: 0; } #compare-module table.compare-module-table-5 tr > td:first-of-type { max-width: 128px; width: 128px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:first-of-type { max-width: 127px; width: 127px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td:first-of-type { max-width: 105px; width: 105px; } /*table 4*/ #compare-module .compare-module-table-4 { width: calc((720px - 140px) / 3 * 4 + 144px); } #compare-module table.compare-module-table-4 tr > td { max-width: 193.333px; width: 193.333px; } /*table 3*/ #compare-module .compare-module-table.compare-module-table-3 { width: 720px; } #compare-module table.compare-module-table-3 tr > td { width: calc((720px - 140px) / 3); } #compare-module table.compare-module-table-3 tr > td:last-of-type { width: calc((720px - 140px) / 3 - 15px); } /*table 2*/ #compare-module .compare-module-table.compare-module-table-2 { width: 720px; } #compare-module table.compare-module-table-2 tr > td { width: calc((720px - 140px) / 2); } #compare-module table.compare-module-table-2 tr > td:last-of-type { width: calc((720px - 140px) / 2 - 15px); } } @media (max-width: 767px) { #compare-module .compare-module-table { width: 100%; } #compare-module table.compare-module-table tr > td+td { width: calc((100% - 140px) / 2 - 15px); padding-right: 0; } #compare-module table.compare-module-table tr > td.image-container > form.remove-product { right: 0; } #compare-module .compare-module-table tr:last-of-type > td:first-of-type { height: 133px; border-bottom: medium none; } #compare-module .compare-module-table tr:last-of-type > td+td:not(.hidden-xs) { position: absolute; left: 0px; width: calc(100% - 15px); margin-top: -1px; display: block; border-bottom: none; } } #compare-module table.compare-module-table tr > td:last-of-type > hr { margin-right: 0; } #compare-module table.compare-module-table tr > td > hr { border-top: 1px solid #ccc; border-bottom: none; margin-left: -15px; margin-right: -15px; margin-bottom: 13px; margin-top: 13px; } #compare-module table.compare-module-table tr > td > hr:last-of-type { display: none; } #compare-module table.compare-module-table tr > td.image-container { position: relative; padding: 15px; padding-bottom: 19px; padding-top: 19px; /*width: 220px;*/ } #compare-module table.compare-module-table tr > td.image-container img { border: 1px solid #ccc; max-width: 100%; min-width: 100%; width: 100%; } #compare-module table.compare-module-table tr > td.image-container > form.remove-product > button { border: 1px solid #ccc; font-family: helvetica; font-size: 20px; font-weight: 700; background: -webkit-linear-gradient(#fbfbfb, #e2e2e2); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#fbfbfb, #e2e2e2); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#fbfbfb, #e2e2e2); /* For Firefox 3.6 to 15 */ background: linear-gradient(#fbfbfb, #e2e2e2); /* Standard syntax */ } #compare-module table.compare-module-table tr > td.image-container > form.remove-product > button { padding: 2px 6px 2px 6px; } #compare-module table.compare-module-table tr > td.image-container:last-of-type > form.remove-product > button { padding: 2px 5px 2px 6px; } #compare-module table.compare-module-table tr > td > form.remove-product.text { margin-top: 5px; position: relative; text-align: center; } #compare-module table.compare-module-table tr > td > form.remove-product.text > button { background: none; border: none; color: #c9342e; font-family: 'lato', 'Arial'; font-size: 12px; padding: 0; } #compare-module table.compare-module-table tr > td .stock > .fa { background-color: #262525; border-radius: 20px; color: #fff; font-size: 9px; height: 13px; line-height: 13px; margin-right: 4px; position: relative; text-align: center; top: -2px; width: 13px; } #compare-module table.compare-module-table tr > td .increment { font-size: 12px; display: block; } #compare-module table.compare-module-table tr > td.compare-product-footer > div.bootstrap-touchspin { width: 100%; margin-top: -1px; } #compare-module table.compare-module-table tr > td.compare-product-footer > div.bootstrap-touchspin > span.input-group-btn > button { height: 34px; } #compare-module table.compare-module-table tr > td.compare-product-footer > div.bootstrap-touchspin > input { height: 34px; } #compare-module table.compare-module-table tr > td.compare-product-footer > button.action-add-to-basket { margin-top: 6px; } #compare-module table.compare-module-table .rrp { text-decoration: line-through; font-size: 12px; color: #555; /*font-family: 'Myriad Pro';*/ } /*arrows*/ @media (min-width: 767px) { /*.show-only-less-767px { display: block !important; }*/ } .show-only-less-767px { display: none; } @media (max-width: 767px) { .show-only-less-767px { display: block !important; } .show-more-768px { display:none; } #compare-module .compare-module-table:not(.compare-module-table-1) { margin-left: -25px; width: calc(100% + 25px); } #compare-module table.compare-module-table:not(.compare-module-table-1) tr > td:not(:first-of-type), #compare-module table.compare-module-table:not(.compare-module-table-1) tr > td.image-containe:last-of-type { padding-right: 15px; } #compare-module table.compare-module-table:not(.compare-module-table-1) tr > td.image-container:not(:first-of-type) > form.remove-product { right: 15px; } #compare-module table.compare-module-table:not(.compare-module-table-1) tr::before { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f104"; display: table-cell; left: 140px; position: relative; text-align: center; vertical-align: middle; width: 25px; height: 100%; z-index: -1; color: #b4b4b4; font-size: 28px; cursor: default; } #compare-module table.compare-module-table:not(.compare-module-table-1) tr::after { background: #f5f5f5 none repeat scroll 0 0; border-top: 1px solid #ccc; font-family: FontAwesome; content: "\f105"; display: table-cell; position: static; right: -1px; text-align: center; vertical-align: middle; width: 25px; height: 100%; color: #b4b4b4; font-size: 28px; cursor: default; } #compare-module table.compare-module-table:not(.compare-module-table-1) tr:last-of-type::before { background: none; border-top: none; content: ""; } #compare-module table.compare-module-table:not(.compare-module-table-1) tr:last-of-type::after { background: none; border-top: none; content: ""; } } @media (min-width: 768px) and (max-width: 991px) { #compare-module table.compare-module-table { overflow: hidden; } #compare-module table.compare-module-table tr > td:first-of-type { background: #fff; position: relative; z-index: -1; } #compare-module table.compare-module-table tr > td:not(:first-of-type) { position: relative; } #compare-module table.compare-module-table:not(.compare-module-table-1):not(.compare-module-table-2):not(.compare-module-table-3) tr > td { z-index: -1 } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:nth-of-type(2), #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td:nth-of-type(2), #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr > td:nth-of-type(3), #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(2) { z-index: -2 !important; } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1):not(.compare-module-table-scroll-2) tr.productname > td:nth-of-type(4), #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1):not(.compare-module-table-scroll-2) tr.description > td:nth-of-type(4), #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr.productname > td:nth-of-type(5), #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr.description > td:nth-of-type(5), #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr.productname > td:nth-of-type(6), #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr.description > td:nth-of-type(6) { padding-right: 25px !important; } #compare-module table.compare-module-table.compare-module-table-scroll-1.compare-module-table-5 tr > td:not(:first-of-type) { right: 192px; } #compare-module table.compare-module-table.compare-module-table-scroll-2.compare-module-table-5 tr > td:not(:first-of-type) { right: 384px; } #compare-module table.compare-module-table-5 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f104"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); left: 130px; line-height: 1; padding-top: 13px; position: absolute; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } #compare-module table.compare-module-table-5 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f105"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); line-height: 1; padding-top: 13px; position: absolute; right: -565px; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before { left: 130px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before { left: 130px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after { right: -565px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-2 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after { right: -565px; } /*table 4*/ #compare-module table.compare-module-table-4 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f104"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); left: 118px; line-height: 1; padding-top: 13px; position: absolute; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } #compare-module table.compare-module-table-4 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f105"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); line-height: 1; padding-top: 13px; position: absolute; right: -578px; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } #compare-module table.compare-module-table-4 { overflow: hidden; } #compare-module table.compare-module-table-4 tr > td:first-of-type { background: #fff; position: relative; z-index: -1; } #compare-module table.compare-module-table-4 tr > td:not(:first-of-type) { position: relative; } #compare-module table.compare-module-table-4 tr > td { z-index: 0; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:not(:first-of-type) { right: 197px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(4) { padding-right: 15px !important; width: 193.333px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(4).image-container > form.remove-product { right: 15px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(5) { padding-right: 0 !important; width: 178.333px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(5).image-container > form.remove-product { right: 0px; } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr > td:nth-of-type(5) { padding-right: 15px !important; width: 193.333px; } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr > td:nth-of-type(4) { max-width: 178.333px; padding-right: 0 !important; width: 178.333px; } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr > td:nth-of-type(4).image-container > form.remove-product { right: 0px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(2) { z-index: -2; width: 178.333px; } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr.productname > td:nth-of-type(4), #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr.description > td:nth-of-type(4), #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr.productname > td:nth-of-type(5), #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr.description > td:nth-of-type(5) { padding-right: 20px !important; } } @media (min-width: 992px) and (max-width: 1199px) { #compare-module table.compare-module-table-5 { overflow: hidden; } #compare-module table.compare-module-table-5 tr > td:first-of-type { background: #fff; position: relative; z-index: -1; } #compare-module table.compare-module-table-5 tr > td:not(:first-of-type) { position: relative; } #compare-module table.compare-module-table-5 tr > td { z-index: 0; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:not(:first-of-type) { right: 188px; } #compare-module table.compare-module-table-5.compare-module-table-scroll-1 tr > td:nth-of-type(2) { z-index: -2 !important; } #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1) tr.productname > td:nth-of-type(5), #compare-module table.compare-module-table-5:not(.compare-module-table-scroll-1) tr.description > td:nth-of-type(5) { padding-right: 25px !important; } #compare-module table.compare-module-table-5 tr.productname > td:nth-of-type(6), #compare-module table.compare-module-table-5 tr.description > td:nth-of-type(6) { padding-right: 25px !important; } #compare-module table.compare-module-table-5 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before, #compare-module table.compare-module-table-4 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:before { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f104"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); left: 117px; line-height: 1; padding-top: 13px; position: absolute; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } #compare-module table.compare-module-table-5 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after, #compare-module table.compare-module-table-4 tr:not(.image-container-row) > td:first-of-type > *:first-of-type:after { background: #f5f5f5 none repeat scroll 0 0; font-family: FontAwesome; content: "\f105"; display: inline-block; font-family: FontAwesome; font-size: 28px; height: calc(100% + 1px); line-height: 1; padding-top: 13px; position: absolute; right: -798px; text-align: center; top: -1px; vertical-align: middle; width: 25px; z-index: 2; } /*table 4*/ #compare-module table.compare-module-table-4 { overflow: hidden; } #compare-module table.compare-module-table-4 tr > td:first-of-type { background: #fff; position: relative; z-index: -1; } #compare-module table.compare-module-table-4 tr > td:not(:first-of-type) { position: relative; } #compare-module table.compare-module-table-4 tr > td { z-index: 0; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:not(:first-of-type) { right: 256px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(4) { padding-right: 15px !important; width: calc((940px - 140px) / 3); } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(4).image-container > form.remove-product { right: 15px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(5) { padding-right: 0 !important; width: calc((940px - 140px) / 3 -15px); } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(5).image-container > form.remove-product { right: 0px; } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr > td:nth-of-type(5) { padding-right: 15px !important; width: calc((940px - 140px) / 3 - 15px); } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr > td:nth-of-type(5).image-container > form.remove-product { right: 15px; } #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr > td:nth-of-type(2) { z-index: -2; width: calc((940px - 140px) / 3 - 15px); } #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr.productname > td:nth-of-type(4), #compare-module table.compare-module-table-4:not(.compare-module-table-scroll-1) tr.description > td:nth-of-type(4), #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr.productname > td:nth-of-type(5), #compare-module table.compare-module-table-4.compare-module-table-scroll-1 tr.description > td:nth-of-type(5) { padding-right: 25px !important; } } #compare-module tr.image-container-row > td.image-container, #compare-module td.compare-product-footer { z-index: 1 !important; } /*end compare*/ .productaddtocompare-container { margin-top: 6px; font-size: 12px; } /*end compare*/ @media (max-width: 991px) { /* Mobile search*/ .search-xs { position: absolute; top: -999px; left: 0; opacity: 0; padding: 5px; z-index: 100; background: #333; margin-top: 0 !important; transition: top linear 0.2s; } .search-xs.active { position: fixed; top: 58px; opacity: 1; border-top: 1px solid #444; } .footer-links-container .container { width: 100% } } /* Media Query - Smartphone */ @media (max-width: 767px) { .megamenu.navbar { position: fixed; top: 0; width: 100%; clear: both; opacity: 1; z-index: 100; } .vertical-align.logo { margin-top: 75px; height: 65px; text-align: center; display: block; } .vertical-align.logo img { margin: 0 auto; width: 100%; max-width: 420px } .tt-suggestion .media-object.thumbnail{ max-width: 64px } .vertical-align.logo.timer-logo { margin-top: 30px; } .hidden-inline-xs { display: none; } /* Mobile culture codes */ #modal-culturecode { top: 65px; } /* Mobile currencies */ #modal-currency { top: 65px; } /* Menu options */ .list-unstyled.border-left { border: 0; } .menu-text-l1 { text-decoration: none; color: #fff; } .menu-text-l2 { text-decoration: none; color: #fff; } .menu-text-l3 { text-decoration: none; color: #ccc; display: none } /* Hide as no scrolling available */ } /* Media Query - Tablet+ */ @media (min-width: 768px) and (max-width: 991px) { .hideme-sm { display: none; } .panel-group { width: 400px; } .thumbnail { margin: 0; } .action-display-mobilemenu { margin-left: 0!important; border: 0; background: #fff; font-size: 24px; margin-top: 6px } .company-logo { width: calc(100% - 40px); display: inline-block; padding-left: 15px; } .logo { padding-top: 25px; padding-bottom: 25px } nav.megamenu { min-height: unset; } .action-display-searchbar, .mobile-basket { border: 0; background: #fff; font-size: 24px; color: #333; padding-left: 10px } header .container { width: 100% } .search-xs.active { top: 115px; } } .paymentlogos { float: right; } .paymentlogos div { background: url('/images/default/payments.svgz') no-repeat; overflow: hidden; background-position: 0 0; height: 33px; display: inline-block; } .paymentlogos .visa { width: 47px; background-position: 0 0; } .paymentlogos .discover { width: 47px; background-position: 0 -33px; } .paymentlogos .amex { width: 47px; background-position: 0 -65.8px; } .paymentlogos .mastercard { width: 47px; background-position: 0 -98.5px; } .paymentlogos .paypal { width: 75px; background-position: 0 -131.1px; } .paymentlogos .sagepay { width: 75px; background-position: 0 -164.2px; } .paymentlogos .securetrading { width: 75px; background-position: 0 -196.8px; } .paymentlogos .barclays { width: 75px; background-position: 0 -229.4px; } .paymentlogos .realex { width: 75px; background-position: 0 -262.2px; } .paymentby { margin-top: -44px; position: absolute; right: 15px; } .paymentby small { font-size: 14px; margin-right: 5px; margin-top: 6px; } .paymentby div { float: right; } .paymentlogos.img-responsive { float: left; } .svglogo { width: 175px; height: 75px; } .paymentlogos div a { display: block; height: 100%; } .panel-heading.clickable { cursor: pointer; } .panel-heading.clickable i { font-size: 20px; margin-right: 5px; } .panel-body.attr { padding-top: 0; overflow: auto; } .panel-heading.clickable { background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%) !important; background-repeat: repeat-x !important; } /* sashes */ .sash-wrapper { position: relative; width: 100%; text-align: center; } .sash-svg-container { position: absolute; width: 100%; padding-bottom: 100%; z-index: 9 } .sash-svg { position: absolute; top: 0; left: 0; width: 100%; } .sash-alignment-top-left img, .sash-alignment-top-left object { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } .sash-alignment-top-right img, .sash-alignment-top-right object { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .sash-alignment-bottom-right img, .sash-alignment-bottom-right object { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sash-alignment-bottom-left img, .sash-alignment-bottom-left object { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .swrp { width: 65px !important; } .swrp > .sash { padding: 2px 0 !important; font: bold 8px sans-serif !important; width: 100px !important; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color: #999 !important; } .form-control { width: 100% !important; } blockquote { font-size: 14px; } .panel-body .radio input[type="radio"], .panel-body .radio-inline input[type="radio"], .panel-body .checkbox input[type="checkbox"], .panel-body .checkbox-inline input[type="checkbox"] { margin-left: auto; } .modal-checkout { position: fixed !important; } /* reviews functionality */ .review-modal1 { border-radius: 0; max-width: 555px; width: 100%; } .review-modal2 { border: 0 !important; border-radius: 0; padding: 20px; } .review-modal3 { clear: both; margin-top: 10px; float: left; width: 100%; border-top: 1px solid lightgrey; } .review-modal-img { height: 75px; width: 75px; border: 1px solid #cdcdcd !important; margin-top: 16px; margin-bottom: 16px; } .margin-t-16 { margin-top: 16px !important; } .margin-b-16 { margin-bottom: 16px !important; } .min-height-54 { min-height: 54px; } .review-modal-content { clear: both; padding-top: 18px; float: left; width: 100%; border-top: 1px solid lightgrey; } .review-input { font-weight: normal !important; font-size: 14px !important; line-height: 30px; } .review-background { background: #f2f2f2; } .height-140 { height: 140px; } .review-footer { border: 0; text-align: left !important; padding: 0; } .review-rate-error.fade.in { top: -39px; left: 24.875px; display: block; } .rating-input .fa-star { margin-right: 4px; font-size: 20px; } #review_rate_error { left: 0 !important; } .float-left { float: left; } .fa-star-half-empty { color: #fdb813 !important; } .font-24px { font-size: 24px !important; } .review-title { font-weight: bold; } .review-title { font-weight: bold; } .review-author { color: #838e96; font-size: 14px; } .review-stars { float: left; margin-right: 13px; } .review-box { background: #fff; border: 2px solid #cececf; padding: 18px; } .review-image { position: relative; top: 7px; left: 48px; vertical-align: inherit; } .starrating { margin-left: 3px; } .fa-star { font-size: 16px; margin-left: -3px; } .full-star { color: #fdb813; } .empty-star { color: #dfdfdf; } .review-link { font-size: 11px; color: #af006e; } /* reviews functionality END */ /*dropdowns*/ .open > .dropdown-menu { text-align: left; } .btn-group-sm.open > .dropdown-menu { border-radius: 0; margin-top: -1px; width: 100%; } .dropdown-menu > li > button { border: medium none; clear: both; color: #333333; display: block; font-weight: normal; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; width: 100%; background: transparent; text-align: left; } .dropdown-menu > li > button { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > button:hover, .dropdown-menu > li > button:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } /*end dropdowns*/ /* my account tables*/ .myaccounttable .form-control { width: calc(); } tr.borderbottom > td { border-bottom: 1px solid #ddd; } .table tr.thead { background: #aaa; color: rgb(255, 255, 255); } .table tr.thead { background: rgb(170, 170, 170) none repeat scroll 0% 0%; color: rgb(255, 255, 255); } .table tr.thead > td:first-of-type { padding: 4px 5px 5px; } /******* returns *******/ .table.table-pending-returns {} .table.table-pending-returns > thead > tr > th, .table.table-pending-returns > tbody > tr > th, .table.table-pending-returns > tfoot > tr > th, .table.table-pending-returns > thead > tr > td, .table.table-pending-returns > tbody > tr > td, .table.table-pending-returns > tfoot > tr > td { border-top: 1px solid #ccc; } .return-item td { vertical-align: middle; } .return-item > td { padding: 0; } .return-item + .return-item > td { padding: 2px 0px 0px; } .return-item + .return-item > td > table > tbody > tr.thead { visibility: collapse; } tr.return-form table { width: 100%; } tr.return-form table tr:first-of-type > td, tr.return-view table tr:first-of-type > td { white-space: nowrap; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails { padding: 7px; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails { width: 93px; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails-name { padding-right: 15px; width: 45%; } .myaccounttable tr.return-form tr.return-item .return-comments { height: 34px; border-radius: 0px; } #frm-myaccount td.return-reason-td .return-reason.form-control { width: 100%; } #frm-myaccount td.return-reason-td { padding-top: 2px; width: 171px; } #frm-myaccount td.return-reason-td .return-reason.form-control { margin-top: -2px; float: left; } @media (min-width: 1200px) { .myaccounttable tr.return-form tr.return-item tr > .return-comments-placeholder { width: 840px } .myaccounttable tr.return-form tr.return-item .return-comments { width: 844px; margin-top: -34px; height: 34px; float: right; } } @media (min-width: 992px) and (max-width: 1199px) { .myaccounttable tr.return-form tr.return-item .bootstrap-touchspin { margin-right: -2px; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails { width: auto; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails-name { width: 100%; } .myaccounttable tr.return-form tr.return-item tr > .return-comments-placeholder { width: 577px } .myaccounttable tr.return-form tr.return-item .return-comments { width: 627px; margin-top: -34px; height: 34px; float: right; } } @media (max-width: 991px) { .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails { width: auto; } .myaccounttable tr.return-form tr.return-item tr:not(.thead) > .returnform-productdetails-name { width: 100%; } #frm-myaccount td.return-reason-td { width: 100%; } .myaccounttable tr.return-form tr.return-item .return-comments { height: auto; } } @media (max-width: 768px) { .clear-both { clear: both; } td.returnform-productdetails { width: 110px !important; vertical-align: top; } td.returnform-productdetails-name { padding-bottom: 5px; } tr.return-item { border-bottom: 3px solid white; } tr.return-item:not(:first-child) tr.thead { display: none; } } /******* returns end *******/ /* myaccounttable active for my returns*/ tbody.myaccounttable > tr > td { padding: 5px 5px 6px; vertical-align: middle; font-size: 16px; } .myaccounttable > tr > td:last-of-type { padding-left: 0; } /* end myaccounttable */ /*my orders */ tbody.myaccounttable tr.order-view { background-color: #f5f5f5; } tbody.myaccounttable tr.order-view tr.thead > td, tbody.myaccounttable tr.order-view tr.order-item-view > td { padding-left: 15px; padding-right: 15px; } .myaccounttable tr.order-view tr.thead > .orderview-productdetails { padding-right: 30px; } .myaccounttable tr.order-view tr.thead > .orderview-unitprice {} .myaccounttable tr.order-view tr.thead > .orderview-qtyordered { text-align: center; width: 50px; } .myaccounttable tr.order-view tr.thead > .orderview-total { text-align: center; } .myaccounttable tr.order-view tr.thead > .orderview-orderstatus { text-align: right; padding-right: 65px; padding-left: 45px; width: 1px; } /*--- item---*/ .order-item td { vertical-align: middle; } .order-item tr.borderbottom > td { border-bottom: 1px solid #ddd; } .myaccounttable tr.order-view tr.order-item-view > .orderview-productdetails { padding: 7px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-productdetails-name { padding-right: 30px; width: 40%; } .myaccounttable tr.order-view tr.order-item-view > .orderview-unitprice {} .myaccounttable tr.order-view tr.order-item-view > .orderview-qtyordered { width: 49px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-total {} .myaccounttable tr.order-view tr.order-item-view > .orderview-orderstatus { padding-right: 65px; padding-left: 45px; width: 1px; } /*--- medias---*/ @media (min-width: 992px) and (max-width: 1199px) { tbody.myaccounttable tr.order-view tr.thead > td, tbody.myaccounttable tr.order-view tr.order-item-view > td { padding-left: 10px; padding-right: 10px; } .myaccounttable tr.order-view tr.thead > .orderview-orderstatus { padding-right: 20px; padding-left: 20px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-orderstatus { padding-right: 20px; padding-left: 20px; } .myaccounttable tr.order-view tr.thead > .orderview-productdetails { padding-right: 15px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-productdetails-name { padding-right: 15px; } } @media (min-width: 992px) { .collapsing-links, .collapsing-links:hover { cursor: text; text-decoration: none } tr.borderbottom-md-lg > td { border-bottom: 1px solid #ddd; } .order-item tr.borderbottom-md-lg > td { border-bottom: 1px solid #ddd; } } @media (max-width: 991px) { .myaccounttable tr.order-view tr.thead > .orderview-unitprice, .myaccounttable tr.order-view tr.order-item-view > .orderview-unitprice { display: none; } .myaccounttable tr.order-view tr.thead > .orderview-qtyordered, .myaccounttable tr.order-view tr.order-item-view > .orderview-qtyordered { display: none; } .myaccounttable tr.order-view tr.thead > .orderview-total, .myaccounttable tr.order-view tr.order-item-view > .orderview-total { display: none; } .myaccounttable tr.order-view tr.thead > .orderview-productdetails { padding-right: 15px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-productdetails-name { width: auto; padding-right: 15px; padding-left: 5px; } .myaccounttable tr.order-view tr.thead > .orderview-orderstatus { padding-right: 15px; padding-left: 15px; } .myaccounttable tr.order-view tr.order-item-view > .orderview-orderstatus { padding-right: 15px; padding-left: 15px; } tr.borderbottom-xs-sm > td { border-bottom: 1px solid #ddd; } .order-item tr.borderbottom-xs-sm > td { border-bottom: 1px solid #ddd; } /*view button*/ .myaccounttable .viewbutton-container > .btn-group { float: right; } .myaccounttable .viewbutton-container > .btn-group > ul.dropdown-menu { left: auto; right: 0; width: auto; } } .myaccounttable .viewbutton-container > .btn-group > ul.dropdown-menu { padding-bottom: 40px; } /*my orders end*/ /*my account lists*/ .myaccountlist > .item:nth-child(2n+1) { clear: left; } .myaccountlist > .item { margin-bottom: 29px; } .myaccountlist > .item > .content-container { border-color: rgb(208, 208, 208); border-style: solid solid none; border-width: 0 1px medium; padding: 0 15px 15px; } .myaccountlist > .item > .content-container > hr.bordertop { border-top: 1px solid #d0d0d0; margin: 0 -16px 15px; } .myaccountlist > .item.inactive > .content-container > hr.bordertop { margin-bottom: 17px; } .myaccountlist > .item.active > .content-container > hr.bordertop { border-top: 4px solid #90b9d2; } .myaccountlist > .item > .content-container p { font-size: 16px; line-height: 1; margin: 0 0 3px; display: inline-block; width: 100%; } .myaccountlist > .item > .content-container p > span { padding: 0; } .myaccountlist > .item > .content-container p:last-of-type { margin-bottom: 0 !important; } .myaccountlist > .item.inactive .action-myaccount-subusertoggle { margin-left: -2px; color: #fff; font-weight: 700; } /*end my account lists*/ /*my account edit forms*/ .myaccount-editform-addbutton { padding-left: 17px; padding-right: 17px; } .modal-content button.myaccount-editform-addbutton > * {} button.myaccount-editform-addbutton > i.fa { margin-left: 4px; } .pagination { float: right; } #delivery-addresses .action-myaccount-editaddress-top { float: none; margin-left: 20px; margin-top: -5px; } @media (max-width: 500px) { h2 > .myaccount-editform-addbutton { width: 100%; margin-top: 20px; } .widh-on-mobile { width: 100%; } } @media (max-width: 767px) { #delivery-addresses .action-myaccount-editaddress-top { margin-left: 0; margin-top: 10px; width: 100%; } .pagination { float: none; margin-left: calc(50% - 192px / 2); display: inline-block; margin-top: 0; } } .modal-content .myaccount-editform-requiredtext { bottom: -32px; color: #c9342e; font-size: 14px; line-height: 1; position: absolute; } /*end my account edit forms*/ /*my account buttons groups*/ table.tableactiongroup { margin-top: 15px; width: 100%; table-layout: fixed; background: -webkit-linear-gradient(bottom, #fff, #e0e0e0); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom, #fff, #e0e0e0); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, #fff, #e0e0e0); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, #fff, #e0e0e0); /* Standard syntax */ } table.tableactiongroup td { border: 1px solid #d0d0d0; height: 33px; padding: 0; } table.tableactiongroup td > button { height: 100%; width: 100%; } button.btn-nostyle { background: none repeat scroll 0 0 transparent; border: medium none; padding: 0; } table.tableactiongroup i.fa { margin-left: 4px; } /*my account buttons groups end*/ /*my account modals*/ div.modal-dialog { max-width: 515px; } .modal-body { padding: 25px 25px 20px; } div.modal-content { border-radius: 0; color: #222; } div.modal-content .input-group > div { padding-bottom: 7px; } /* div.modal-content * { color:#222; }*/ div.modal-content button.bootbox-close-button { color: #222; display: inline; font-family: Helvetica; font-size: 24px; font-weight: 700; opacity: 1; position: absolute; right: 7px; text-align: right; text-shadow: none; top: 6px; margin: 0 !important; } div.modal-content div.bootbox-body > .header, div.modal-content div.bootbox-body > form > .header { margin-bottom: 25px; } div.modal-content div.bootbox-body > .header > .title, div.modal-content div.bootbox-body > form > .header > .title { margin-bottom: 15px; margin-top: 0; } div.modal-content div.bootbox-body > .header > .content, div.modal-content div.bootbox-body > form > .header > .content { font-size: 16px; } div.modal-content div.bootbox-body > .content, div.modal-content div.bootbox-body > form > .content { font-size: 16px; } div.modal-content div.bootbox-body > .content input, div.modal-content div.bootbox-body > form > .content input, div.modal-content div.bootbox-body > .content textarea, div.modal-content div.bootbox-body > form > .content textarea, div.modal-content div.bootbox-body > .content select, div.modal-content div.bootbox-body > form > .content select { border: 1px solid #cdcdcd; height: 34px; width: 100%; padding-left: 10px; padding-right: 10px; } div.modal-content div.bootbox-body > .content select, div.modal-content div.bootbox-body > form > .content select { padding-left: 8px; padding-right: 8px; } div.modal-content div.bootbox-body > .content select > option, div.modal-content div.bootbox-body > form > .content select > option { padding-bottom: 4px; padding-left: 10px; padding-top: 4px; } div.modal-content div.bootbox-body > .content textarea, div.modal-content div.bootbox-body > form > .content textarea { height: 100px; } div.modal-content div.submit-button-container { display: inline-block; font-family: Arial; padding-top: 5px; } /*my account modals end*/ /*my account pop up*/ .pop-up-response-container { display: inline-block; margin-top: 1px; min-height: 16px; width: 100%; } .pop-up-response-container > * { font-family: Arial; } .pop-up-response-container > .ok { text-align: right; color: #45922d; } .pop-up-response-container > .ok > span { line-height: 1; color: #45922d; } .pop-up-response-container > .ok > .fa, .pop-up-response-container > .error > .fa { border-radius: 20px; color: #fff; font-size: 9px; height: 12px; line-height: 12px; margin-right: 4px; position: relative; text-align: center; top: -2px; width: 12px; } .pop-up-response-container > .ok > .fa { background-color: #45922d; } .pop-up-response-container > .error { text-align: right; color: #c9342e; } .pop-up-response-container > .error > span { line-height: 1; color: #c9342e; } .pop-up-response-container > .error > .fa { background-color: #c9342e; } /*my account pop up end*/ /*delivery addresses */ #delivery-addresses button.myaccount-editform-addbutton > * { color: #333; } #delivery-addresses button.myaccount-editform-addbutton > * { color: #333; } .address-list { padding-top: 20px; } .address-list > .item > .address-container { border-color: rgb(208, 208, 208); border-style: solid solid none; border-width: 0 1px medium; padding: 0 15px 15px; } .address-list > .item > .address-container > hr.bordertop { border-top: 1px solid #d0d0d0; margin: 0 -16px 15px; } .address-list > .item.default-address > .address-container > hr.bordertop { border-top: 4px solid #2f2f2f; margin-bottom: 12px; } .address-list > .item > .address-container p { min-height: 16px; font-size: 16px; line-height: 1; margin: 0 0 3px; } .address-list > .item.default-address .action-myaccount-setdefaultaddress { font-weight: 700; } .editaddress-label { font-size: 14px; margin-top: 6px; } /*delivery addresses end*/ .mandatory, span.mandatory { color: #c9342e; } /* scroll bar always visible on IE */ @-ms-viewport{width:auto!important} .close2 { float: right; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; float: inherit; margin-left: 5px !important; } .close2:hover, .close2:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close2 { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .btn-attr { color: #fff; background-color: #898989; border-color: #a0a0a0; margin-bottom: 2px; padding: 5px 10px; font-size: 12px; } .btn-attr:focus, .btn-attr.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-attr:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-attr:active, .btn-attr.active, .open > .dropdown-toggle.btn-attr { color: #fff; background-color: #286090; border-color: #204d74; } .btn-attr:active:hover, .btn-attr.active:hover, .open > .dropdown-toggle.btn-attr:hover, .btn-attr:active:focus, .btn-attr.active:focus, .open > .dropdown-toggle.btn-attr:focus, .btn-attr:active.focus, .btn-attr.active.focus, .open > .dropdown-toggle.btn-attr.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-attr:active, .btn-attr.active, .open > .dropdown-toggle.btn-attr { background-image: none; } .btn-attr.disabled, .btn-attr[disabled], fieldset[disabled] .btn-attr, .btn-attr.disabled:hover, .btn-attr[disabled]:hover, fieldset[disabled] .btn-attr:hover, .btn-attr.disabled:focus, .btn-attr[disabled]:focus, fieldset[disabled] .btn-attr:focus, .btn-attr.disabled.focus, .btn-attr[disabled].focus, fieldset[disabled] .btn-attr.focus, .btn-attr.disabled:active, .btn-attr[disabled]:active, fieldset[disabled] .btn-attr:active, .btn-attr.disabled.active, .btn-attr[disabled].active, fieldset[disabled] .btn-attr.active { background-color: #337ab7; border-color: #2e6da4; } .alert-attr { color: #333; background-color: #f5f5f5; border-color: #ddd; padding: 10px; } .showmore { font-size: 12px; } .attrmore { display: none; } .btn-default-active { background-color: #898989; border-color: #a0a0a0; color: #fff; } .btn-colour { background-color: #ccc; height: 34px; width: 34px; margin: 3px !important; padding: 0 !important; background-image: none; } .btn-colour-active { background-color: #ccc; height: 34px; width: 34px; margin: 3px !important; padding: 0 !important; background: rgba(0, 0, 0, 0) url("/images/default/filter-sel.png") no-repeat scroll -1px -1px; } .modal-backdrop { position: fixed; } .attd { width: 100%; padding-left: 35px; height: auto; max-height: 48px; overflow-x: hidden; } /*contact page*/ #tallestofsiblings { text-align: right; } #tallestofsiblings > hr { height: 100%; border-left: 1px solid rgb(204, 204, 204); border-top: medium none; margin: 0px; display: inline-block; } #map_canvas { border-radius: 0px; height: 279px; margin-bottom: 20px; } .address .line { font-size: 16px; display: block; line-height: 22px; } .form-inline .control-label { margin-top: 7px; margin-bottom: 10px; } @media (max-width: 767px) { #captcha-image-container { float: left; } } @media (min-width: 768px) and (max-width: 991px) { #captcha-image-container { right: 0; } } @media (min-width: 992px) and (max-width: 1199px) { #captcha-image-container { right: 30px; } } @media (min-width: 1200px) { #captcha-image-container { right: 5px; } } .panel-body label, .panel-body label > a { font-size: 14px; font-weight: normal; text-transform: capitalize; } /*checkboxes and radios*/ input[type="checkbox"] + label::before { color: #aaa; content: ""; font-size: 21px; line-height: 7px; text-align: center; height: 16px; display: inline-block; position:relative; } .checkbox > label::before { border-radius: 0; } .checkbox > label::before { background-color: #fff; border: 1px solid #ddd; content: ""; display: block; height: 16px; left: 0; margin-right: 10px; position: absolute; left: 0; top: 2px; width: 16px; } input[type="checkbox"]:checked + label::before { color: #3f0f65; /*content: "";*/ font-family: FontAwesome; font-size: 16px; line-height: 16px; text-align: center; height: 16px; background: #2f2f2f; padding: 1px; border: 3px solid white; outline: 1px solid #ddd; } /*radio*/ input[type="radio"] + label::before { color: #aaa; content: ""; font-size: 21px; line-height: 7px; text-align: center; } .radio > label::before { border-radius: 0; } .radio > label::before { background-color: #fff; border: 1px solid #ddd; content: ""; display: block; height: 16px; left: 0; margin-right: 10px; position: relative; width: 16px; } input[type="radio"]:checked + label::before { color: #3f0f65; content: ""; font-family: FontAwesome; font-size: 16px; line-height: 15px; text-align: center; } /*common*/ .radio, .checkbox { padding-left: 0; margin-top: 10px; margin-bottom: 10px; display: inline-flex !important; } .attr .radio, .attr .checkbox { width: 100%; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { display: none; } .checkbox label { padding-left: 4px; } .checkbox label { position: relative; padding-left: 25px; } /*END checkboxes and radios*/ /*images filter*/ .product-attr-img-butt { background: transparent; border: none; border-radius: 50%; width: 28px; height: 28px; padding: 0; margin-right: 10px; } .product-attr-img-butt-active { background: transparent; border: none; border-radius: 50%; width: 28px; height: 28px; padding: 0; margin-right: 10px; } .product-attr-img-butt-active img { border: #3e0d64 3px solid; } .product-attr-img { border-radius: 50%; width: 28px; height: 28px; } .image-filter-wrapper { padding-left: 0; margin-top: 20px; position: relative; margin-bottom: 10px; } /*END images filter*/ /*breadcrumb*/ .breadcrumb-container { background-color: #f5f5f5; } /*basket page*/ #promoapply > label.form-control { vertical-align: middle; line-height: 34px } #promoremove > label.form-control { vertical-align: middle; line-height: 34px } .select2-container--default .select2-selection--single { border: 1px solid #dadada!important; background: #fff; } .select2-container--default .select2-selection--single.error { border: 1px solid #a94442!important; background: #F8EAE8; } .has-success .form-control, .has-success .select2-selection { border-color: #dadada !important; background: #fff !important; } .has-error .form-control, .has-error .select2-selection, .checkbox.has-error > input:not(:checked) + label::before { border-color: #a94442 !important; background: #F8EAE8 !important; } .checkbox.has-error > input:checked + label { color: #333; } /* allow disabled elements click */ button[disabled], input[type="image"][disabled] { pointer-events: none } /* NEWSLETTER*/ .container-fluid.newsletter { background-color: rgb(176, 176, 176); line-height: 35px; background: rgb(255, 255, 255) url("/images/default/newsletter-bg.jpg") repeat scroll 50% 50% / cover; } #action-newsletter { background-color: rgba(255, 255, 255, 0); font-size: 18px; color: rgb(90, 78, 59); border: 0 none; border-radius: 0; height: 35px; width: 100%; /*min-width: 360px;*/ margin: 0 auto 10px auto; border-top: 1px solid #5a4e3b; border-bottom: 1px solid #5a4e3b; text-transform: uppercase; display: block; line-height: 1; background: none; } .newsh { margin: 0; line-height: 2; text-transform: uppercase; padding-bottom: 10px; color: rgb(61, 61, 61); font-size: 24px; } #form-newsletter { max-width: 360px; margin: 0 auto; } #form-newsletter .checkbox { margin-top: 5px; margin-bottom: 0px; display: block!important; } /* footer */ .footer-links-container { background-color: rgb(219, 211, 198); padding-top: 25px; } .collapsing-links h4, a.collapsing-links:active, a.collapsing-links:hover, a.collapsing-links:focus { font-size: 18px; color: rgb(112, 99, 79); margin-bottom: 25px; text-transform: uppercase; outline: none; text-decoration: none } #collapse-links-4 p { color: rgb(47, 47, 47); font-size: 14px; margin: 0 0 1px; word-break:break-word; } .footer-links-advansys-container { background-color: rgb(219, 211, 198); opacity: 0.65; padding: 22px 0; } .footer-links-advansys-container a { color: rgb(47, 47, 47); font-size: 14px; text-decoration: none; } /**** vignettes block ******* */ .vignette-container h3 { font-size: 30px; line-height: 30px; color: #2d2d2d; margin-bottom: 20px; } .vignette-wrap { position: absolute; text-align: center; padding: 0px 30px; width: 90%; margin: 0 5%; top: 50%; transform: translateY(-50%); } .hovereffect { display: inline-block; position: relative; transition: all 0.1s ease-out 0.5s; position:relative; } .hovereffect::after { content: ''; color: #FFF; position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; transition: ease-out 0.5s; } .hovereffect:hover::after { transition: ease-out 0.5s; border: 1px solid #fff; } .hovereffect > .bg-overlay{ opacity: 0.9; position: absolute; background-color: rgba(0, 0, 0, 0.55); width: 100%; height:100%; top:0; } .fade-out { -webkit-transition: opacity .3s ease 0s; -moz-transition: opacity .3s ease 0s; -o-transition: opacity .3s ease 0s; transition: opacity .3s ease 0s; opacity: 1; } .fade-out:hover { opacity: .85; } .hovereffect { display: inline-block; position: relative; transition: all 0.1s ease-out 0.5s; } .vignette-wrap h3 { font-size: 30px; line-height: 30px; margin: 15px 0 10px; color: #fff; text-transform: uppercase } .vignette-wrap p { color: #fff; font-size: 16px; line-height: 18px; } /******header ***************/ p.headerline { margin: 0; display: inline-block; padding: 0; color: #FFF; line-height: 1; padding: 3px 0; } p.headerline b { font-size: 22px; vertical-align: text-bottom; } .subnav a { color: #FFF; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #2f2f2f!important; font-weight: 400; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #2f2f2f!important; font-weight: 400; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #2f2f2f!important; font-weight: 400; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #2f2f2f!important; font-weight: 400; } input[type=text]::-webkit-input-placeholder { opacity: 1; transition: all 0.4s ease; } input[type=text]::-moz-placeholder { opacity: 1; transition: all 0.4s ease; } input[type=text]:-ms-input-placeholder { opacity: 1; transition: all 0.4s ease; } input[type=text]:focus::-webkit-input-placeholder { opacity: 0.5 } input[type=text]:focus::-moz-placeholder { opacity: 0.5 } input[type=text]:focus:-ms-input-placeholder { opacity: 0.5 } #form-search{ position:relative; } #searchterms, #searchterms:active { color: #2f2f2f; outline: none; box-shadow: none; background-color: #ffffff; font-size: 16px; height: 37px; border: 1px solid #2f2f2f; padding: 6px; padding-left: 10px; line-height: 1; border-radius: 0; border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; border-right: none; } #form-search .form-control.typeahead.tt-hint { color: #2f2f2f; outline: none; box-shadow: none; background-color: #ffffff; font-size: 16px; height: 37px; border: 1px solid #2f2f2f; padding: 6px; padding-left: 10px; line-height: 1; border-radius: 0; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; border-right: none; opacity: 0.6 !important; } #form-search button { color: #fff; background-color: #2f2f2f; top: 0; height: 37px; border: 1px solid #2f2f2f; width: 40px; border-radius: 0; border-left: none; font-size: 18px; text-align:center; } #form-search button:focus, #form-search button:active { outline: none; box-shadow: none } #form-search button .glyphicon { top: 2px; right: 1px } .advanced-form input{ height:28px; } .footer-links-container .add-info { margin-bottom: 10px; display: block; color: rgb(47, 47, 47); text-decoration: none; } .footer-links-container .add-info:hover { color: #b2b2b2; transition: color .35s ease; } /******** blog scroller */ #blog-scroller { height: 100%; min-height: 230px; color: rgb(47, 47, 47); } .blog_scroll_header .add-info { display: inline-block } #blog-scroller a.quick { line-height: 16px; } #blog-scroller li { line-height: 18px; } #blog-scroller ul, #blog-scroller li { height: 100%; } #blog-scroller .blog_scroll_title { display: block; font-size: 18px; text-transform: uppercase; } #blog-scroller .blog_scroll_header { display: block; opacity: 0.5; font-size: 14px; padding-bottom: 5px; padding-top: 10px; } #blog-scroller .blog_scroll_elem { display: block; overflow: hidden; height: auto; max-height: 56%; } #blog-scroller .blog_scroll_footer { display: block; margin: 10px 0 0 0; } #blog-scroller .blog_scroll_footer a { color: rgb(118, 103, 79); text-decoration: none } #btn-basketsummary-checkout, .btn-general { font-weight: bold; background-color: rgb(47, 47, 47); font-size: 14px; float: right; background-image: none; border-radius: 0; border: 0; padding: 7px 12px; } .btn-general:hover{ background-color: #8f8f8f; } #basketsummary { background-image: none; border: none; background: none; border-radius: 0; text-shadow: none; box-shadow: none; font-size: 16px; } #basketsummary i { font-size: 18px; } .carousel-caption { top: 18% } .carousel-caption .btn, .carousel-caption .btn:active, .carousel-caption .btn:focus, .carousel-caption .btn:hover { display: inline-block; padding: 10px 35px; margin-top: 20px; font-family: Roboto Condensed, sans-serif; color: white; font-size: 17px; background-color: rgb(0, 0, 0); border: none; text-align: center; height: auto; line-height: 30px; overflow: hidden; white-space: nowrap; cursor: pointer; text-overflow: ellipsis; border-radius: 0; font-weight: normal; text-decoration: none; text-transform: capitalize; background: none !important; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .content-text a, .col-xs-12.lightergrey .panel-heading a { color: #dd4646; } .col-xs-12.lightergrey .panel-heading { padding: 10px 0 } .col-xs-12.lightergrey .panel-body { padding: 0 } .col-xs-12.lightergrey .alert { margin-top: 30px } .left-menu-container a.list-group-item { filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ebebeb', GradientType=0); background: -webkit-linear-gradient(#ebebeb, #ebebeb); background: -o-linear-gradient(#ebebeb, #ebebeb); background: -moz-linear-gradient(#ebebeb, #ebebeb); background: linear-gradient(#ebebeb, #ebebeb); border: none; position: relative; display: block; background-color: #fff; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; padding: 15px 0; color: #2d2d2d; padding-left: 15px; text-transform: uppercase; font-size: 14px; border-radius: 0 } h2.lm-top { margin-top: 20px } h2.left-menu { height: 50px; margin-bottom: 0; line-height: 50px; padding-left: 15px; padding-right: 15px; color: #ffffff; border-radius: 0; background-color: #2d2d2d; text-transform: uppercase; } .left-menu-container a.list-group-item.active { padding-left: 15px; text-shadow: none; background-image: none; padding-right: 15px; color: #ffffff; background-color: #2d2d2d; text-transform: uppercase; border-color: none; border-radius: 0 } .left-menu-container a.list-group-item:hover, .left-menu-container a.list-group-item.active { background: #fafafa; color: #dd4646; border: none; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; } .collapse.navbar-collapse.dropdown-full-menu { border-top: 1px dashed #bfbfbf; border-radius: 0; } nav.megamenu.navbar.navbar-inverse { background-image: none; background-color: #FFF; border: none; } nav.megamenu.navbar.navbar-inverse > .navbar-header { background: #2d2d2d!important; } nav.megamenu.navbar.navbar-inverse > .navbar-header > button, nav.megamenu.navbar.navbar-inverse > .navbar-header > a.navbar-toggle { border: #fff; } .navbar-inverse .navbar-nav > li:first-child > a { padding-left: 0; text-align: left; } .navbar-inverse .navbar-nav > li:last-child > a { padding-right: 0; } .navbar-inverse .navbar-nav > li:not(.open) > a { color: rgb(47, 47, 47)!important; font-weight: 400; text-shadow: none; line-height: initial; font-size: 15px; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; } .navbar-inverse .navbar-nav > li > a:hover { color: #8f8f8f!important; } .navbar-inverse .navbar-nav > li:not(.open) > a > i{ pointer-events: none; } .border-top-bottom { border-top: 1px solid grey; border-bottom: 1px solid grey; } .btn { border-radius: 0px!important; text-shadow: unset; } .grid-pages-dropdown-button, .sort-dropdown, .sort-dropdown:active, .sort-dropdown:focus { background: white!important; border: 1px solid #2f2f2f; } .btn.action-paging { background: #2f2f2f; color: white; } .paging-pages-dropdown, .btn.action-paging, .action-grid-list { margin-right: 5px; } .panel, .panel-default > .panel-heading, .panel-heading.clickable { background: transparent!important; box-shadow: none!important; border: 0px!important; } .checkbox > label > a, .breadcrumb a, .nav.nav-tabs li a, .table a { color: rgb(47, 47, 47); } .action-grid-list, .action-grid-list:active, .action-grid-list:focus, .btn.action-paging { width: 35px; height: 30px; font-size: 20px!important; padding: 0px!important; border: 0px!important; outline: none!important; box-shadow: none!important; z-index: 2!important; } .action-remove-from-basket { height: 30px; font-size: 15px!important; padding: 0 10px!important; border: 0px!important; outline: none!important; box-shadow: none!important; text-shadow: unset; } a.action-paging { text-align: center; } .action-grid-list.active, .action-remove-from-basket { background-color: #302f2f; background-image: none; color: white; } .vertical-middle { vertical-align: middle!important; } .nav.nav-tabs li { background: #e9e9e9; margin-right: 2px; } .nav.nav-tabs li.active { background: white; } .btn-dark { background: #2d2d2d; text-transform: capitalize; text-align: center; color: white; } .btn-dark:hover, .btn-dark:focus, .btn-dark.focus, .btn-dark { color: white!important; text-decoration: none; background: #2d2d2d!important; border-color: #2d2d2d!important; outline: none } .height-30 { max-height: 30px; overflow: hidden; } .max-width-100 { max-width: 100px; } .max-height-100 { max-height: 100px; } input.form-control, select.form-control, textarea.form-control { border: 1px solid #2d2d2d; color: #2d2d2d; border-radius: 0px; } /*google translate design*/ #google_translate_element { padding: 4px 10px; border-right: 1px dotted #fff; line-height: 1.4; } #google_translate_element .goog-te-gadget-icon { display: none; } #google_translate_element .goog-te-gadget-simple { border: 0px; background: transparent; } #google_translate_element .goog-te-gadget-simple .goog-te-menu-value { color: white; } .goog-te-menu-value span:last-child { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed!important; border-top: 4px solid \9!important; border-right: 4px solid transparent!important; border-left: 4px solid transparent!important; overflow: hidden; color: white; } .goog-te-gadget img { display: none !important; } .goog-te-menu-value span { border: transparent !important; font-size: 14px !important; font-family: 'Roboto Condensed', Calibri, Arial, sans-serif !important; color: #fff!important; } .goog-te-menu-value span:last-child { color: #bfbfbf !important; font-size: 1px !important; padding-left: 5px !important; color: transparent !important; } .goog-te-menu-value span:last-child::before { font-family: FontAwesome; content: "\f13a"; font-size: 14px; color: #bfbfbf !important; position: absolute; top: 5px; right: 12px; } /*google translate design*/ header .nav > li > a { padding: 6px 10px; border-right: 1px dotted #fff; border-radius: 0; line-height: 1.4; } header .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; } header .nav > li.top-link { padding: 9px 0; } header .nav > li.top-link > a { padding: 0 10px; border-right: 1px solid #fff; line-height: 1; } .display-none { display: none; } .input-group-addon { padding: 0; border: 0; } .CustomerbackInStockNotificationEmail { height: 39px; } .line-height-none { line-height: 0; } .DisplayPriceSlider { font-size: 16px; } #pricerange .jslider .jslider-value, #yearange .jslider .jslider-value { font-size: 14px; } .text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .footer-links-second-container h5 { margin: 22.5px 0; } .footer-links-second-container .paymentlogos img { margin: 16px 0; } img.media-object.thumbnail.img-responsive { max-width: 100px } .pull-right.full-width.order-summary { border: solid 1px; padding: 10px; } @media screen and (min-width: 768px) and (max-width: 991px) { .footer-links-second-container .paymentlogos img { margin: 24px 0; } } @media screen and (max-width: 767px) { #form-checkout #section-name input, #form-checkout #section-contact .col-sm-3:last-child input { margin-top: 10px } #form-checkout #recipient-first-name { margin: 10px 0 } #form-checkout #card-start-date-month, #form-checkout #card-end-date-month { margin-bottom: 10px } .footer-links-container .col-sm-6.col-xs-12.col-md-3.margin-tb-15 { margin-bottom: 0 } .footer-links-container .collapsing-links + div { margin-top: 15px } .footer-links-container h4 { margin-bottom: 0 } .footer-links-second-container h5 { margin-bottom: 0 } .footer-links-second-container .paymentlogos { float: left } button.btn-login { width: 100% } button.btn-checkout { width: 100% } } h2.price { font-weight: 700; margin-top: 10px; margin-bottom: 30px } .productpage .action-add-to-basket.btn-dark { font-size: 30px; text-transform: uppercase; margin-bottom: 40px; width: 100%; } #shortdesc { font-size: 15px; } .productpage { padding: 20px 0 0 0; } /****************** BLOGS *****************/ .information-header { height: 50px; line-height: 50px; padding-left: 15px; padding-right: 15px; color: #ffffff; font-size: 18px; background-color: #2d2d2d; text-transform: uppercase; } .left-pages.hideme-xs2 a { padding: 15px 0 15px 0; display: inline-block; color: #2d2d2d; padding-left: 15px; width: 60%; text-transform: uppercase; font-size: 14px; } .left-pages.hideme-xs2 a:hover, .left-pages.hideme-xs2 a:active { color: #dd4646; } .left-pages.hideme-xs2 > div { filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#ebebeb', GradientType=0); background: -webkit-linear-gradient(#ebebeb, #ebebeb); background: -o-linear-gradient(#ebebeb, #ebebeb); background: -moz-linear-gradient(, #ebebeb); background: linear-gradient(#ebebeb, #ebebeb); border-bottom: 1px solid #b5b5b5; position: relative; background: #fafafa; width: 100% } h1.catname { font-size: 36px; text-transform: uppercase; color: #2d2d2d; text-transform: uppercase; padding-bottom: 20px; } .entry-info-box a, .entry-continue-box a, .blog-entry .entry-short-box a { color: #dd4646; } .sm-blog-box h2 { color: #ccc; } .blog-entry h1 { font-size: 36px; padding-bottom: 30px; border-bottom: 1px solid rgb(219, 219, 219); text-transform: uppercase; display: inline-block; margin-bottom: 0; } .blog-entry .entry-info-box, .blog-entry .entry-short-box { font-size: 16px; padding: 10px 0; margin-bottom: 20px; border-bottom: 1px solid rgb(219, 219, 219); color: rgb(177, 174, 166); } .blog-entry .entry-short-box { border-bottom: none } .social-buttons > div { display: inline-block } .entry-info-box.box-social h2 { display: block; font-size: 24px; color: #b1aea6 } .entry-short-box table:last-child { margin-top: 15px } .entry-short-box table:last-child td:nth-child(3n) { white-space: pre; } /********************************************/ #quick-newsletter label[for="gdpr_accepted_newsletter"] { line-height: 1 } .img-responsive.fade-out { width: 100% } #quick-newsletter { max-width: 700px; width: 100%; display: inline-block } /***** featured product ************/ .owl-carousel .owl-item, .owl-carousel-assoc .owl-item, .owl-carousel-recently .owl-item, .owl-carousel-colection .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 1px } .owl-carousel, .owl-carousel-assoc, .owl-carousel-recently, .owl-carousel-colection { float: left; width: 100%; } .owl-dots { text-align: center; margin-top: 30px; margin-bottom: 35px } .owl-dot { display: inline-block; margin: 0 4px; } .owl-stage-outer { position: relative; overflow: hidden; } .owl-stage { position: relative; } .owl-dot span { width: 15px; height: 15px; background-color: #e1e1e1; display: block; border-radius: 50%; } .owl-dot.active span { background-color: #2f2f2f; } .gorss-amount { font-size: 24px; padding-top: 0px; padding-bottom: 0; display: block; text-align: center; font-weight: 700; color: rgb(55, 54, 54) !important; } .owl-next { display: none !important; font-size: 78px; background-color: transparent; line-height: 85px; position: absolute; right: 20px; top: 37%; cursor: pointer; color: #b7b7b7; z-index: 2; padding: 0 20px; opacity: 1; -webkit-transition: opacity 0.3s linear 0s; -moz-transition: opacity 0.3s linear 0s; -o-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; } .owl-prev { display: block !important; font-size: 78px; background-color: transparent; line-height: 85px; position: absolute; left: -80px; top: 37%; cursor: pointer; color: #b7b7b7; z-index: 2; padding: 0 20px; opacity: 1; -webkit-transition: opacity 0.3s linear 0s; -moz-transition: opacity 0.3s linear 0s; -o-transition: opacity 0.3s linear 0s; transition: opacity 0.3s linear 0s; } .owl-next.disabled, .owl-prev.disabled{ display: none !important; } .featured-products-container .owl-dots { position: absolute; right: 0; } .featured-products-container { position: relative; } .featured-products-container h5{ max-height:30px; overflow:hidden; } .owl-nav-container, .owl-nav-container-related, .owl-nav-container-assoc, .recently-viewed-container { position: relative; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .owl-nav-container-assoc .owl-next{ display:block!important; right: -100px; } .owl-nav-container-assoc .owl-prev{ display:block!important; left: -100px; } a.action-view-product, a.recently-viewed-product { height: 262px; width: 100%; margin: 0 auto; max-width: 100%; display: inline-block; position: relative; } .action-view-product .thumbnail { padding: 0; border: 0; } a.action-view-category.category-page { height: 262px; width: 100%; margin: 0 auto; max-width: 262px; display: inline-block; position: relative; border: solid 1px #d3d3d3 } .action-view-category.category-page > img, .action-view-product > img, a.recently-viewed-product > img { height: auto; width: auto; margin: 0 auto; max-width: 100%; max-height: 250px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .list-view-link > img{ width:100%; max-width:none; max-height:none; position:static; transform:none; } a.action-view-product > img { height: auto } @media screen and (min-width: 992px) and (max-width: 1199px) { a.action-view-product > img, .action-view-category.category-page > img { /*width: 190px;*/ } } @media screen and (min-width: 768px) and (max-width: 991px) { a.action-view-product > img, .action-view-category.category-page > img { /*width: 200px;*/ } } @media screen and (max-width: 767px) { a.action-view-category.category-page, a.action-view-product { display: block } .owl-nav-container-assoc .owl-next { right: 0; } .owl-nav-container-assoc .owl-prev { left: 0; } } /******************/ .action-view-category > img, .recently-viewed-product > img, .owl-item .action-view-product > img { height: 262px; width: auto; margin: 0 auto; max-width: 262px; } .featured-products-container .item img.thumbnail { margin: 0 auto; height: auto; max-width: 100%; } .action-add-to-basket, .action-add-to-basket:hover, .action-add-to-basket:focus, .action-add-to-basket:active { outline: none!important; box-shadow: none!important; } .featured-products-container h2 { font-size: 30px; line-height: 30px; text-align: center; padding-top: 37px; padding-bottom: 37px; margin-top: 0px; text-transform: uppercase; } /************************/ .btn.btn-default.bootstrap-touchspin-up { margin-left: 0 } .category-page { margin-bottom: 30px } .category-page h1 { margin-top: 5px } #promoremove label, #promoapply label { padding-top: 9px; } /***** product page *******/ .productpage h1#productname { color: #373636; line-height: 1; text-transform: uppercase; padding-bottom: 0; margin-bottom: 0; margin-top:28px; } .productpage .text-muted { font-size: 14px; padding-top: 10px; color: #373636; } .productpage #quantity-container { border-left: 5px solid rgb(219, 219, 219); margin: 30px 0; } .productpage .bootstrap-touchspin { width: 100%; float: left; margin-right: 5px; height: 100%; max-width: 130px; } .productpage input#qty { height: 30px; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; text-align: center; line-height: 20px; background: #fff; box-shadow: none; width:75px; } .productpage .btn.btn-default.bootstrap-touchspin-down, .productpage .btn.btn-default.bootstrap-touchspin-up { height: 30px; line-height: 1; font-size: 15px; border-radius: 0px; border: 0px none; padding: 0px 8px; text-shadow: none; } .btn.btn-default.bootstrap-touchspin-down, .btn.btn-default.bootstrap-touchspin-up { border: 1px solid #2d2d2d; color:#fff; background:#2d2d2d !important; display:block; min-height: 30px; } .productpage .col-md-6.qty { padding-top: 5px } .productpage label[for="qty"] { display: inline-block; max-width: 100%; margin-bottom: 5px; line-height: 40px; font-size: 16px; margin-bottom: 0; color: rgb(62, 62, 62); font-weight: normal; } .productpage ul.nav { margin-top: 30px; } .productpage ul.nav li { margin-right: 10px } .productpage .nav a { font-size: 18px; padding: 8px 35px; margin-right: 0; border: 1px solid rgb(219, 219, 219); border-radius: 0; background: #fefefe; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec)); background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%); background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%); background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%); background: linear-gradient(to bottom, #fefefe 0%, #ececec 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#ececec', GradientType=0); } .productpage .nav.nav-tabs li.active a { background: #fff; border-bottom: 1px solid #ffffff; } .productpage .overlay-toggle { cursor: pointer; margin: 15px 0; color: #b7b7b7; } .productpage .overlay, .init-overlay { transition: height .5s ease; overflow: hidden; height: 280px; } .productpage .overlay { width: auto; position: absolute; background: rgba(255, 255, 255, 0); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 86%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(86%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 86%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 86%, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 86%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 86%, rgba(255, 255, 255, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); } .productpage .tab-pane { font-size: 15px; line-height: 1.5 } .social-share { float: left; margin: 0 5px 3px; } .resize-menu { overflow: auto } .resize-menu .col-sm-6 { width: 100% } .action-checkout-login { text-transform: uppercase } .mandatory:before, .mandatory-a:after { content: " *"; font-size: 15px; color: #dd4646; position: absolute; right: 3px; top: -5px; } .orderstatus-ordertotal-container { margin-bottom: 35px } .table.baskettable.orderstatus-table { margin-top: 35px } /*********************/ .action-paypal-checkout.paypal-button{ display: inline-block; width: auto; padding: 0px 30px; height: 45px; } .pay-delimeter{ line-height:45px; } @media screen and (max-width: 1650px) and (min-width: 1200px) { .carousel-caption { top: 11%; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .vignette-wrap h3 { font-size: 28px; line-height: 28px; } .vignette-wrap p { font-size: 14px; line-height: 16px; } .carousel-caption { top: 0; } .carousel-caption h1, .carousel-caption h2 { font-size: 45px } .carousel-caption p { font-size: 14px } .productpage .action-add-to-basket.btn-dark { font-size: 25px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .productpage .social-share { padding-top: 17px } .vignette-wrap h3 { font-size: 20px; line-height: 20px; } .social-share .vignette-wrap p { font-size: 12px; line-height: 12px; } } @media screen and (min-width: 992px) { .featured-products-container .owl-dots { top: 15px; } .featured-products-container { margin-bottom: 25px } .megamenu .dropdown-menu { min-width: 425px } .product-img{ padding-right:50px; } .owl-nav-container-assoc, .recently-viewed-container{ padding:0; } } @media screen and (max-width: 991px) { .order-summ .panel-heading, .order-summ .panel-body { padding: 15px 0 } .featured-products-container .owl-dots { position: relative; right: auto; } .contentpage .address { margin-bottom: 30px } .megamenu .navbar-nav > .li-level-1 > .dropdown-menu { overflow-y: scroll!important } .carousel-caption { top: 0; } .carousel-caption h1, .carousel-caption h2 { font-size: 32px } .carousel-caption p { font-size: 12px } .carousel-caption .btn, .carousel-caption .btn:active, .carousel-caption .btn:focus, .carousel-caption .btn:hover { margin-top: 10px; padding: 5px 25px; font-size: 12px; } .action-remove-from-basket{ min-width:100px; } .table-basket .bootstrap-touchspin{ margin-bottom:5px; } #promoremove label, #promoapply label { padding-right: 0; padding-left: 0; } #promoapply label { padding-bottom: 9px } } @media screen and (max-width: 767px) { .li-level-1.open .dropdown-menu.row { max-height: 150px; overflow-y: scroll } .productpage #quantity-container { margin-top: 15px } .productpage h2.price { margin-bottom: 0 } .productpage input#qty { min-width: 75px } .productpage .action-add-to-basket.btn-dark { margin-bottom: 15px } .productpage .overlay { margin: 0 -15px } .productpage .social-share { margin-bottom: 25px } .text-right.paybuttons.disbutton a.action-paypal-checkout { margin-top: 15px; display: inline-block; text-align: center; margin-bottom:10px; width:100%; } .text-right.paybuttons.disbutton { text-align: left; } .text-right.paybuttons.disbutton button { display: inline-block; float: none!important; width: 100%; } .recently-viewed-container .row, .owl-nav-container-assoc .row{ padding:0 15px; } } @media screen and (min-width: 600px) and (max-width: 767px) { .vignette-wrap h3 { font-size: 20px; } } @media screen and (min-width: 500px) and (max-width: 599px) { .vignette-wrap h3 { font-size: 20px; } } @media screen and (max-width: 449px) { .text-right.paybuttons.disbutton a.action-paypal-checkout { display: block } .text-right.paybuttons.disbutton a.action-paypal-checkout + span { display: none; } .text-right.paybuttons.disbutton button { display: block; float: left!important; margin-top: 15px; } } @media screen and (max-width: 418px) { .btn.btn-default.btn-sm.action-remove-from-basket { margin-top: 15px } } /*countdown timer*/ @media (min-width: 768px) { .timer_clock_inner { float: right; } } @media (max-width: 767px) { .timer_clock_inner { margin: 0 auto; display: inline-block; } .timer_clock { height: 75px!important; text-align: center; } } @media (max-width: 767px) { #countdown_timer .countdown_image { text-align: center; } } @media (max-width: 300px) { .countdown_description { font-size: 30px !important; } } .countdowntimer-container { width: 100%; background: #69645c; } .timer_clock { float: left; height: 62px; display: block; } .clock { width: 21px; height: 20px !important; margin: 20px 10px 0 10px !important; } .flash_sale { height: 58px; margin: 0 auto; width: 1000px; } .clock_day:after, .clock_hour:after, .clock_min:after, .clock_sec:after { position: absolute; top: 22px; font-size: 9px; text-transform: uppercase; } .clock_day:after { content: 'days'; margin-left: -30px; } .clock_hour:after { content: 'hours'; margin-left: -33px; } .clock_min:after { content: 'minutes'; margin-left: -37px; } .clock_sec:after { content: 'seconds'; margin-left: -38px; } .flash_sale .flash_text:before, .flash_sale .timer_clock:before { content: "|"; font-size: 28px; line-height: 58px; /*color: <%=GetWebsiteStyle("gCountdownFontColour")%>;*/ float: left; font-weight: lighter; margin-left: -2px; } #countdown_timer .countdown_image { float: left; /*width:216px;*/ height: 58px; line-height: 58px !important; } .countdown_description { color: white; font-size: 36px; font-weight: bold; display: inline-block; margin-right: 10px; text-transform: uppercase; } .countdown-icon { padding-bottom: 15px; padding-left: 15px; } .flash_text { float: left; display: block; /*width: 597px;*/ height: 58px; line-height: 58px; font-size: 23px; font-weight: bold; color: white; position: relative; overflow: hidden; white-space: nowrap; z-index: 2; } .flashtextholder { float: left; font-weight: normal; position: absolute; font-size: 22px; animation: mymove 14s; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .flashtextholder.flashtextholder2 { animation-delay: 7s; left: 100%; } .flashtextholder a { color: white; } /* Safari 4.0 - 8.0 */ /*@-webkit-keyframes mymove { from {top: 0px;} to {top: 200px;} }*/ @keyframes mymove { from { left: 100%; } to { left: -100%; } /*0% { transform: translate(100, 0); } 100% { transform: translate(-100px, 0); }*/ } .line-through { position: absolute; border-bottom: 0.1em solid rgb(105, 100, 92); content: ""; left: 0; margin-top: calc(0.125em / 2 * -1); right: 0; top: 50%; } .clock_day, .clock_hour, .clock_min, .clock_sec, .sep { display: block; color: rgb(243, 243, 243); font-size: 24px; float: left; height: 58px; line-height: 58px; } .sep { margin: 0 1px; } /*a.countdown_link, a.countdown_link:hover {<%=GetWebsiteStyle("gCountdownFontColour")%>; text-decoration: none; }*/ /*countdown timer*/ #quick-newsletter a { color: #333 } .error-page a { color: #dd4646; } #form-contact .mandatory-a:after { right: 0; top: 5px; } #captcha-image-container.mandatory-a:last-child:after { right: -5px; top: 5px; } #form-contact.form-inline .form-control { margin-top: 10px } #form-contact #quick-callback-captcha-image { margin-top: 10px } #productzoom-default img { width: auto; max-width: 100%; height: auto; margin: 15px auto 0 auto } .margin-auto { margin: 0 auto; } .productpage .modal { text-align: center } .productpage .modal-dialog { margin: 0 auto; width: auto; max-width: none; display: inline-block } .productpage .modal-content { margin-top: 0!important } #popUpBasketItemsContainerOuter .basketPopUpItem .media-object { margin: 0 auto!important; width: auto!important; height: auto!important; max-width: 80px; max-height: 80px; } #popUpBasketItemsContainerOuter a.pull-left { float: none!important } .productpage .modal-content { top: 50%!important; left: 50%!important; transform: translate(-50%, -25%)!important; } @media screen and (max-width: 1199px) { .productpage .modal-content { transform: translate(-50%, 0%)!important; } } @media screen and (max-width: 767px) { .productpage .modal-content { transform: translate(-50%, 0)!important; } } #form-product label { text-align: left; } .action-grid-list.grid-view, .action-grid-list.list-view, button.action-paging { width: 30px; line-height: 1 } .list-view-img a.action-view-product { height: auto; vertical-align: middle; } .height-80 { height: 80px; } .height-40 { height: 40px; } .height-35 { height: 35px; } .category-grid-view .height-100, .category-grid-prod-view .height-100, .category-list-view .height-100, .category-list-view .height-40, .list-view .height-90 { overflow: hidden; } .category-grid-view .height-100, .category-grid-prod-view .height-100, .category-list-view .height-40 { overflow: hidden; text-overflow: ellipsis; } .height-90 { height: 90px } .height-90.prod-name { display: table-cell; vertical-align: middle } .category-list-view a:hover, .category-list-view a:focus, .category-grid-view a:hover, .category-grid-view a:focus, a.action-view-product.cursor-hand.black-text:focus, a.action-view-product.cursor-hand.black-text:hover { outline: none; color: #000 } .list-view-img, .category-list-view { border-bottom: 1px dashed #bfbfbf; padding-bottom: 15px } a.action-view-product.cursor-hand.black-text { height: auto; max-width: 100%; } .xs-row { clear: both; display: inline-block } .list-view-img:first-child { border-top: 1px dashed #bfbfbf; padding-top: 15px } .category-list-view:last-child, category-grid-view:last-child, .list-view-img:last-child { clear: both } .productpage .modal-body { overflow: auto; width: auto; padding: 0 } .productpage .modal-body img { padding: 15px; max-width: none; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color: transparent } /* width */ ul.dl-menu.lvl-1.dl-menuopen::-webkit-scrollbar { width: 20px; } /* Track */ ul.dl-menu.lvl-1.dl-menuopen::-webkit-scrollbar-track { /*background: #9e9e9e; */ background-image: linear-gradient(to right, #727272, #9e9e9e); border-left: 1px solid #ccc; } /* Handle */ ul.dl-menu.lvl-1.dl-menuopen::-webkit-scrollbar-thumb { background: #080808; } /* Handle on hover */ ul.dl-menu.lvl-1.dl-menuopen::-webkit-scrollbar-thumb:hover { background: #080808; } @media screen and (min-width: 1200px) { .list-view-img .action-view-product > img { height: auto; width: 100%; } } @media screen and (min-width: 992px) { .category-list-view:first-child, .category-list-view:first-child + .category-list-view { border-top: 1px dashed #bfbfbf; padding-top: 15px } .productpage .modal-body { max-width: 950px; } .dl-menu.lvl-1.dl-menu-toggle.dl-menuopen{ text-align:left; max-width:300px; } .dl-menuwrapper li a{ padding: 10px 20px; } } @media screen and (min-width: 1050px) { .productpage .modal-body { max-width: 1050px; } } @media screen and (min-width: 1200px) { .productpage .modal-body { max-width: 1150px; } } @media screen and (min-width: 1400px) { .productpage .modal-body { max-width: 1250px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .list-view-img .action-view-product > img { width: auto; height: auto; max-width: 100%; max-height: 90px; } .dl-menu.lvl-1.dl-menu-toggle.dl-menuopen { text-align: left; max-width: 300px; } } @media screen and (min-width: 990px) and (max-width: 1100px) { .dl-menu.lvl-1.dl-menu-toggle.dl-menuopen { text-align: left; max-width: 200px !important; } } @media screen and (min-width: 768px) and (max-width: 991px) { .category-list-view:first-child { border-top: 1px dashed #bfbfbf; padding-top: 15px } .productpage .modal-body { max-width: 750px; } } @media screen and (min-width: 768px) { .li-level-1.open > a { border-bottom: solid 1px #393939; background: #fff !important; font-weight: 400; text-shadow: none!important; line-height: initial; font-size: 15px; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; color: #8f8f8f !important; } ul.dl-menu.lvl-1.dl-menuopen { max-height: 433px; overflow: auto; } .category-list-view a.action-view-category.category-page { height: 100px; width: 100%; margin: 0 auto; max-width: 100px; } .category-list-view .action-view-category.category-page > img { max-height: 80px; max-width: 80px } .category-list-view h5 { margin: 0 0 10px } .category-list-view .sm-text-center { text-align: center } } @media screen and (max-width: 767px) { .height-90.prod-name { overflow: hidden; text-overflow: ellipsis; text-align: center; display: block; } .height-90.prod-name h4 { overflow: hidden; text-overflow: ellipsis; display: block; height: 35px } .list-view-img:first-child { border-top: none!important; padding-top: 0 } .list-view-img .action-view-product > img { max-height: 250px; max-width: 250px; width: auto; height: auto; } .list-view-img, .category-list-view { border-bottom: none!important } .category-list-view { border-top: none!important } .category-list-view > .row, .list-view-img> .row { margin-left: 0; margin-right: 0 } a.action-view-product > img { max-width: 100% } .category-list-view .height-100, .category-list-view .height-35 { height: auto } .xs-row { margin-left: -15px; margin-right: -15px } .list-view-img button { background: transparent!important; border: none; border-top: 1px solid grey; border-bottom: 1px solid grey; color: #333!important; } .product-img{ margin:15px; } .margin-sm-lr-15{ margin-left:15px; margin-right:15px; } } .info-text { position: absolute; text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; transform: translateY(-30%); top: 50%; left: 0; bottom: 0; right: 0; max-width: 475px; margin: 0 auto; } @media screen and (max-width: 767px) and (min-width: 451px) { .category-grid-view .action-view-category.category-page > img, .category-list-view .action-view-category.category-page > img { max-width: 165px; } .productpage .modal-body { max-width: 750px; } .productpage .modal-dialog { max-width: 750px; } } @media screen and (max-width: 750px) { .productpage .modal-body { max-width: 700px; } .productpage .modal-dialog { max-width: 700px; } } @media screen and (max-width: 700px) { .productpage .modal-body { max-width: 650px; } .productpage .modal-dialog { max-width: 650px; } } @media screen and (max-width: 650px) { .productpage .modal-body { max-width: 600px; } .productpage .modal-dialog { max-width: 600px; } } @media screen and (max-width: 600px) { .productpage .modal-body { max-width: 550px; } .productpage .modal-dialog { max-width: 550px; } } @media screen and (max-width: 550px) { .productpage .modal-body { max-width: 500px; } .productpage .modal-dialog { max-width: 500px; } .info-text { transform: translateY(-50%); top: 50%; } } @media screen and (max-width: 500px) { .productpage .modal-body { max-width: 450px; } .productpage .modal-dialog { max-width: 450px; } } @media screen and (max-width: 450px) { .category-grid-view:first-child, .category-list-view:first-child { border-top: 1px dashed #bfbfbf; padding-top: 15px } .grid-xs-6 { width: 100% } .productpage .modal-body { max-width: 400px; } .productpage .modal-dialog { max-width: 400px; } .info-text { transform: translateY(-50%); top: 35%; } } @media screen and (max-width: 400px) { .productpage .modal-body { max-width: 320px; } .productpage .modal-dialog { max-width: 320px; } } @media screen and (max-width: 350px) { .productpage .modal-body { max-width: 270px; } .productpage .modal-dialog { max-width: 270px; } } .info-block { position: relative; } .info-title { font-size: 30px; padding-bottom: 10px; } .carousel-caption-text, .carousel-caption .btn, .carousel-caption .btn:hover { text-transform: uppercase; } @media (min-width: 768px) and (max-width: 991px) { .info-text { transform: translateY(-50%); font-size: 16px; } .info-title { font-size: 24px; } } #basketcontainer a, #basketcontainer a i{ color:#373636; } .table-basket > tbody > tr > td{ vertical-align: middle; } .has-success .control-label{ color: #333; } .well-sm{ border-radius:0; background:#e9e9e9!important; border:0; box-shadow:unset; } .h2{ margin-bottom: 20px; } .tabbable.characts-tabs{ margin-bottom:25px; } .quickfinder .search2_button { width: 100%; max-width: 67px; text-transform:uppercase; background-color:rgb(47, 47, 47); font-size:14px; border:0; float: right; padding: 0 10px; height: 30px; line-height: 30px; margin: 0; font-weight: 700; } .quickfinder{ opacity: 0.9; position:absolute; z-index: 99; background-color:rgba(178, 176, 173, 0.75); color:#fff; padding:10px 0; width: 100%; } .quickfinder .fastfinder-head { line-height: 30px; float: left; font-size: 16px; font-weight: 800; text-transform:uppercase; color:#2f2f2f; } .quickfinder .simple_select { width: 27.6%; height: 30px; line-height: 30px; margin-top: 0; margin-left: 10px; float: left; font-size: 14px; border: none; } .quickfinder .simple-select .simple-select-arrow{ border: none; background: none; } .carousel-indicators li{ border:0; background:#83807c; width:12px; height:12px; margin:0; } ul.no-style{ list-style:none; padding-left: 5px; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; } /* Advanced search */ .advanced-form{ display: none; width:calc(100% - 40px); background:#2f2f2f; padding:15px; position:absolute; top:calc(100% - 6px); z-index:99; } .advanced-form label{ color:#fff; font-size:15px; font-weight:400; padding-top: 5px; text-align: left; display: block; } .show-search-form{ position:absolute; top:15px; right:50px; font-size:14px; color:#2f2f2f; z-index: 99; cursor:pointer } .zoom { display:inline-block; position: relative; } .zoom img { display: block; } .zoom img:hover { cursor: zoom-in; } .zoom img::selection { background-color: transparent; } .company-logo-checkout{ display:inline-block; } .company-logo-checkout img{ max-width: 350px; width: 100%; } .mobile-basket-info{ display:none; background-color: #2f292b; color: #fff; padding:10px!important; border:none!important; } .mobile-basket-info a{ color:#fff; } .basket-xs{ position:relative; } #basketPopUpMobileItems{ position: absolute; top: 0px; right: 10%; font-size: 16px; background: #e1e1e1; border-radius: 50%; width: 25px; height: 25px; text-align: center; border: 1px solid #333; } .bg-antique { background-color: rgb(176, 176, 176); line-height: 35px; background: rgb(255, 255, 255) url(/images/default/newsletter-bg.jpg) repeat scroll 50% 50% / cover; } .btn-retry { font-weight: bold; background-color: rgb(47, 47, 47); font-size: 14px; background-image: none; border-radius: 0; border: 0; padding: 7px 12px; color: #fff; } .min-height-110px { min-height: 110px; } .margin-to-15 { margin-top: 15px; } .padding-top-15px { padding-top: 15px; } .map-title { margin-left: 0px; margin-top: 7px; } .map-title a { color: #333; font-size: 18px; } #vignettes-block { margin-top: 20px; } .vignete-title h3 { font-size: 18px !important; margin-top: 8px; } .text-normal { font-weight: normal !important; } .refine-heading a { color: #fff; } .refine-heading a:hover { text-decoration: none; } .refine-heading i { float: right; font-weight: bold; font-size: 20px; margin-top: 3px; } .margin-t-20 { margin-top: 20px; } .refine-heading { z-index:9; } #blog-scroller ul { position: relative !important; } .margin-b-15 { margin-bottom: 15px; } .html-in-container { min-height: 40px !important; } .html-in-container h1 { margin-top: 0; } .footer_sl { display: flex; flex-direction: row; margin-top: 15px; } .footer_sl > a { display: flex; background-color: #e8e2d9; color: #2d2d2d; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; margin-right: 5px; font-size: 20px; text-decoration: none; transition: 0.2s all; } .footer_sl > a:active { background-color: #2d2d2d; color: #e8e2d9; } .product_sl { display: flex; flex-direction: row; margin-top: 15px; } .product_sl > a { display: flex; background-color: #2d2d2d; color: #fff; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; margin-right: 5px; font-size: 20px; text-decoration: none; transition: 0.2s all; } .image_zoom_wrapper { position: absolute !important; left: 0; top: 0; width: 100%; height: auto; background-color: #fff; z-index: 11; overflow: hidden; /*background-color: #bebebe;*/ } .productpage .zoom.dzimage, .productpage .zoom.zoomimage { width: 100%; padding-bottom: 100%; position: relative; } .productpage .zoom.dzimage > #productzoom, .productpage .zoom.zoomimage > #productzoom { display: none; } .dzi_wrapper { display: block; width: 100%; height: 100%; } .productpage .zoom.dzimage, .productpage .zoom.zoomimage { /*padding-bottom: calc(100% + 120px);*/ } .image_zoom_wrapper.dzimage, .image_zoom_wrapper.zoomimage { /*padding-bottom: 140px;*/ /*height: calc(100% - 124px);*/ height: calc(100%); } .image_zoom_wrapper.dzimage.single_image, .image_zoom_wrapper. zoomimage.single_image { padding-bottom: 0px; } .image_zoom_wrapper.dzimage .referencestrip, .image_zoom_wrapper.zoomimage .referencestrip { transition: 0.4s all; /*margin-bottom: -140px !important;*/ background: transparent !important; outline: none !important; } .image_zoom_wrapper.dzimage .referencestrip > div, .image_zoom_wrapper.zoomimage .referencestrip > div { /*background: none !important;*/ } .image_zoom_wrapper.dzimage .openseadragon-container, .image_zoom_wrapper.zoomimage .openseadragon-container { /*padding-bottom: 110px !important;*/ overflow: visible !important; } .image_zoom_wrapper.dzimage > .openseadragon-container > .openseadragon-canvas, .image_zoom_wrapper.zoomimage > .openseadragon-container > .openseadragon-canvas { background-color: transparent !important; outline: none; } .dzi_nav { display: inline-flex; flex-direction: row; align-items: center; border: 1px solid #00000069; margin-bottom: 10px; margin-right: 100%; border-radius: 0; } .dzi_nav.fullpage { position: relative; z-index: 1111; margin-left: 10px; margin-top: 10px; } .dzi_nav > button { display: flex !important; align-items: center; justify-content: center; height: 40px; width: 40px; min-width: 40px; border-radius: 0; border: none; outline: none; background-color: #fff; padding: 0; } .dzi_nav > button svg { position: relative; width: 16px; height: 16px; } .sash-wrapper { margin-top: 15px; } .basket-message { margin-top: 20px; } .input_disabled{ pointer-events: none; opacity: 0.6; } /* PRODUCT RANGE SLIDER */ .jslider .jslider-bg i,.jslider .jslider-pointer { background:url(/images/default/jslider.png) no-repeat 0 0; } .jslider { display:block; width:100%; height:1.4em; position:relative; top:.4em; font-family:Arial, sans-serif; } .jslider table { width:100%; border-collapse:collapse; border:0; } .jslider td,.jslider th { padding:0; vertical-align:top; text-align:left; border:0; } .jslider table,.jslider table tr,.jslider table tr td { width:100%; vertical-align:top; } .jslider .jslider-bg { position:relative; } .jslider .jslider-bg i { height:12px; position:absolute; font-size:0; top:0; } .jslider .jslider-bg .l { width:50%; background-position:0 0; left:0; } .jslider .jslider-bg .r { width:50%; left:50%; background-position:right 0; } .jslider .jslider-bg .v { position:absolute; width:60%; left:20%; top:0; height:12px; background-position:0 -20px; } .jslider .jslider-pointer { width: 11px; height: 21px; background-position: -15px -42px; position: absolute; left: 20%; top: -2px; margin-left: 1px; cursor: w-resize; } .jslider .jslider-pointer-hover { background-position:-28px -42px; } .jslider .jslider-pointer-to { left:80%; background-position: -28px -42px; margin-left: -12px; } .jslider .jslider-label { font-size:9px; line-height:11px; color:#000; filter: alpha(opacity=30); opacity:0.3; white-space:nowrap; padding:0 2px; position:absolute; bottom:-8px; left:0; } .jslider .jslider-label-to { left:auto; right:0; } .jslider .jslider-value { font-size:9px; white-space:nowrap; padding:6px 3px 0; position:absolute; bottom:-8px; left:20%; line-height:12px; } .jslider .jslider-value-to { left:80%; } .jslider .jslider-label small,.jslider .jslider-value small { position:relative; top:-.4em; } .jslider .jslider-scale { position:relative; top:9px; } .jslider .jslider-scale span { position:absolute; height:5px; border-left:1px solid #999; font-size:0; } .jslider .jslider-scale ins { font-size:9px; text-decoration:none; position:absolute; left:0; top:5px; color:#999; } .jslider-single .jslider-pointer-to,.jslider-single .jslider-value-to,.jslider-single .jslider-bg .v,.jslider-limitless .jslider-label { display:none; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 0!important; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: "\f107"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #2f2f2f; font-size: 18px; position: absolute; top: 2px; right: 8px; } .select2-container--open .select2-selection--single .select2-selection__arrow b:before { content: "\f106"; top: 2px; right: 8px; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }