/* MediaElement.js 2.14.2, (c) 2010-2013 John Dyer , MIT license */ .mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0}.mejs-audio{margin-top:18px}.me-plugin{position:absolute}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden !important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url("../../assets/jquery/mediaelement/2.14.2/images/bigplay.svg") no-repeat}.no-svg .mejs-overlay-button{background-image:url("../../assets/jquery/mediaelement/2.14.2/images/bigplay.png")}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url("../../assets/jquery/mediaelement/2.14.2/images/loading.gif") 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url("../../assets/jquery/mediaelement/2.14.2/images/controls.svg") no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url("../../assets/jquery/mediaelement/2.14.2/images/controls.png")}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time span{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-moz-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-ms-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@-o-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:0}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0 0,0 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:22px;font-size:12px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:45px}.mejs-captions-text{padding:3px 5px;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(20,20,20,0.8)}.me-cannotplay a{color:#fff;font-weight:bold}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2c7c91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url("../../assets/jquery/mediaelement/2.14.2/images/background.png");background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url("../../assets/jquery/mediaelement/2.14.2/css/background.png");background:rgba(50,50,50,0.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url("../../assets/jquery/mediaelement/2.14.2/css/background.png");background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer} /* ColorBox v1.5.8, (c) 2011 Jack Moore - jacklmoore.com, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.5.8/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.5.8/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /** * Contao Open Source CMS * * Copyright (c) 2005-2015 Leo Feyer * * @license LGPL-3.0+ */ table.sortable thead th { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/default.gif"); background-repeat:no-repeat; background-position:center right; } table.sortable thead th.headerSortDown { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/asc.gif"); } table.sortable thead th.headerSortUp { background-image:url("../../assets/jquery/tablesorter/2.0.5/images/desc.gif"); } /* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= * HTML5 display definitions * ========================================================================== */ /* Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= * Base * ========================================================================== */ /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ font-family: sans-serif; } /* Addresses font-family inconsistency between 'textarea' and other form elements. */ button, input, select, textarea { font-family: sans-serif; } /* Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= * Links * ========================================================================== */ /* Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ /* ============================================================================= * Typography * ========================================================================== */ /* Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* Addresses styling not present in IE6/7/8/9 */ mark { background: yellow; color: black; } /* Addresses margins set differently in IE6/7 */ p { margin: 1em 0; } pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } /* Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } q:before, q:after { content: ""; content: none; } /* 2 */ small { font-size: 75%; } /* Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; } sub { bottom: -0.2em; } /* ============================================================================= * Lists * ========================================================================== */ /* Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= * Embedded content * ========================================================================== */ /* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= * Figures * ========================================================================== */ /* Addresses margin not present in IE6/7/8/9, S5, O11 */ figure, form { margin: 0; } /* ============================================================================= * Forms * ========================================================================== */ /* Corrects margin displayed oddly in IE6/7 */ /* Define consistent border, margin, and padding */ fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* Re-set default cursor for disabled elements */ button[disabled] { cursor: default; } input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 * Known issue: excess padding remains in IE6 */ /* 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ /* Removes inner padding and search cancel button in S5, Chrome on OS X */ /* Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= * Tables * ========================================================================== */ /* Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* =========================================== * Icon classes * ======================================== */ .icon-3d:before { content: "\e150"; } .icon-addressbook:before { content: "\e001"; } .icon-airplane:before { content: "\e002"; } .icon-amazon:before { content: "\e004"; } .icon-amazon-2:before { content: "\e003"; } .icon-ampersand:before { content: "\26"; } .icon-anchor:before { content: "\e005"; } .icon-android:before { content: "\e006"; } .icon-aperture:before { content: "\e007"; } .icon-apple:before { content: "\e008"; } .icon-arrow-2-down:before { content: "\e009"; } .icon-arrow-2-left:before { content: "\e00a"; } .icon-arrow-2-right:before { content: "\e00b"; } .icon-arrow-2-up:before { content: "\e00c"; } .icon-arrow-3-down:before { content: "\2193"; } .icon-arrow-3-down-left:before { content: "\e00d"; } .icon-arrow-3-down-right:before { content: "\e00e"; } .icon-arrow-3-left:before { content: "\2190"; } .icon-arrow-3-right:before { content: "\2192"; } .icon-arrow-3-up:before { content: "\2191"; } .icon-arrow-3-up-left:before { content: "\e00f"; } .icon-arrow-3-up-right:before { content: "\e010"; } .icon-arrow-4-down:before { content: "\e011"; } .icon-arrow-4-left:before { content: "\e012"; } .icon-arrow-4-right:before { content: "\e013"; } .icon-arrow-4-up:before { content: "\e014"; } .icon-arrow-5-down:before { content: "\e015"; } .icon-arrow-5-first:before { content: "\e016"; } .icon-arrow-5-last:before { content: "\e017"; } .icon-arrow-5-left:before { content: "\e018"; } .icon-arrow-5-right:before { content: "\e019"; } .icon-arrow-5-up:before { content: "\e01a"; } .icon-arrow-down:before { content: "\e01d"; } .icon-arrow-down-left:before { content: "\e01b"; } .icon-arrow-down-right:before { content: "\e01c"; } .icon-arrow-left:before { content: "\e01e"; } .icon-arrow-right:before { content: "\e01f"; } .icon-arrow-up:before { content: "\e022"; } .icon-arrow-up-left:before { content: "\e020"; } .icon-arrow-up-right:before { content: "\e021"; } .icon-at:before { content: "\40"; } .icon-award:before { content: "\e023"; } .icon-backspace:before { content: "\e024"; } .icon-baidu:before { content: "\e025"; } .icon-bars:before { content: "\e026"; } .icon-basket:before { content: "\e027"; } .icon-beaker:before { content: "\e028"; } .icon-bell:before { content: "\e029"; } .icon-binoculars:before { content: "\e02a"; } .icon-blogger:before { content: "\e02c"; } .icon-blogger-2:before { content: "\e02b"; } .icon-bluetooth:before { content: "\e02d"; } .icon-bolt:before { content: "\2301"; } .icon-bolt-2:before { content: "\e02e"; } .icon-book:before { content: "\e031"; } .icon-book-2:before { content: "\e02f"; } .icon-book-3:before { content: "\e030"; } .icon-bookmark:before { content: "\e032"; } .icon-box:before { content: "\e033"; } .icon-brush:before { content: "\e034"; } .icon-calc:before { content: "\e035"; } .icon-calendar:before { content: "\e037"; } .icon-calendar-stroke:before { content: "\e036"; } .icon-camera:before { content: "\e038"; } .icon-cart:before { content: "\e03a"; } .icon-cart-2:before { content: "\e039"; } .icon-case:before { content: "\e03b"; } .icon-cc:before { content: "\e03c"; } .icon-cd:before { content: "\e03d"; } .icon-chart:before { content: "\25d5"; } .icon-chart-down:before { content: "\e03f"; } .icon-chart-down-2:before { content: "\e03e"; } .icon-chart-up:before { content: "\e041"; } .icon-chart-up-2:before { content: "\e040"; } .icon-chat:before { content: "\e043"; } .icon-chat-stroke:before { content: "\e042"; } .icon-check:before { content: "\2713"; } .icon-check-2:before { content: "\e044"; } .icon-check-3:before { content: "\2714"; } .icon-chrome:before { content: "\e045"; } .icon-clef:before { content: "\e047"; } .icon-clef-2:before { content: "\e046"; } .icon-clipboard:before { content: "\e048"; } .icon-clock:before { content: "\e049"; } .icon-cloud:before { content: "\2601"; } .icon-cloud-download:before { content: "\e04a"; } .icon-cloud-upload:before { content: "\e04b"; } .icon-code:before { content: "\e04c"; } .icon-coffee:before { content: "\e04d"; } .icon-cog:before { content: "\2699"; } .icon-cogs:before { content: "\e04e"; } .icon-command:before { content: "\e04f"; } .icon-comment:before { content: "\e053"; } .icon-comment-2:before { content: "\e051"; } .icon-comment-2-stroke:before { content: "\e050"; } .icon-comment-stroke:before { content: "\e052"; } .icon-cone:before { content: "\e055"; } .icon-cone-2:before { content: "\e054"; } .icon-contao:before { content: "\e056"; } .icon-contrast:before { content: "\e057"; } .icon-creditcard:before { content: "\e059"; } .icon-creditcard-2:before { content: "\e058"; } .icon-css3:before { content: "\e05a"; } .icon-cursor:before { content: "\2196"; } .icon-curved-arrow:before { content: "\e05b"; } .icon-delicious:before { content: "\e05c"; } .icon-denied:before { content: "\2298"; } .icon-deviantart:before { content: "\e05e"; } .icon-deviantart-2:before { content: "\e05d"; } .icon-direction:before { content: "\e05f"; } .icon-document:before { content: "\e06a"; } .icon-document-add:before { content: "\e060"; } .icon-document-css:before { content: "\e061"; } .icon-document-excel:before { content: "\e062"; } .icon-document-openoffice:before { content: "\e063"; } .icon-document-pdf:before { content: "\e064"; } .icon-document-powerpoint:before { content: "\e065"; } .icon-document-remove:before { content: "\e066"; } .icon-document-word:before { content: "\e067"; } .icon-document-xml:before { content: "\e068"; } .icon-document-zip:before { content: "\e069"; } .icon-documents:before { content: "\e06c"; } .icon-documents-2:before { content: "\e06b"; } .icon-download:before { content: "\e06d"; } .icon-download:before { content: "\2913"; } .icon-dribbble:before { content: "\e06f"; } .icon-dribbble-2:before { content: "\e06e"; } .icon-dropbox:before { content: "\e070"; } .icon-eject:before { content: "\23cf"; } .icon-ember:before { content: "\e071"; } .icon-equalizer:before { content: "\e072"; } .icon-external:before { content: "\e151"; } .icon-eye:before { content: "\e073"; } .icon-eyedropper:before { content: "\e074"; } .icon-facebook:before { content: "\e076"; } .icon-facebook-2:before { content: "\e075"; } .icon-fan:before { content: "\e077"; } .icon-fax:before { content: "\e078"; } .icon-feed:before { content: "\e07a"; } .icon-feed-2:before { content: "\e079"; } .icon-female:before { content: "\e07b"; } .icon-firefox:before { content: "\e07c"; } .icon-firewire:before { content: "\e07d"; } .icon-first:before { content: "\21e4"; } .icon-flag:before { content: "\e07f"; } .icon-flag-2:before { content: "\e07e"; } .icon-flickr:before { content: "\e081"; } .icon-flickr-2:before { content: "\e080"; } .icon-floppy:before { content: "\e082"; } .icon-folder:before { content: "\e083"; } .icon-folders:before { content: "\e084"; } .icon-font:before { content: "\e086"; } .icon-font-2:before { content: "\e085"; } .icon-fork:before { content: "\2443"; } .icon-forrst:before { content: "\e088"; } .icon-forrst-2:before { content: "\e087"; } .icon-fullscreen:before { content: "\e08a"; } .icon-fullscreen-exit:before { content: "\e089"; } .icon-funnel:before { content: "\e08b"; } .icon-gallery:before { content: "\e08c"; } .icon-game:before { content: "\e08d"; } .icon-git:before { content: "\e090"; } .icon-git-2:before { content: "\e08e"; } .icon-git-3:before { content: "\e08f"; } .icon-github:before { content: "\e093"; } .icon-github-2:before { content: "\e091"; } .icon-github-cat:before { content: "\e092"; } .icon-glasses:before { content: "\e094"; } .icon-globe:before { content: "\e095"; } .icon-gplus:before { content: "\e098"; } .icon-gplus-2:before { content: "\e096"; } .icon-gplus-3:before { content: "\e097"; } .icon-grid:before { content: "\e09a"; } .icon-grid-2:before { content: "\e099"; } .icon-hash:before { content: "\23"; } .icon-hd:before { content: "\e09b"; } .icon-headphones:before { content: "\e09c"; } .icon-heart:before { content: "\e09e"; } .icon-heart-stroke:before { content: "\e09d"; } .icon-heartbeat:before { content: "\e09f"; } .icon-help:before { content: "\e0a0"; } .icon-home:before { content: "\2302"; } .icon-home-2:before { content: "\e0a1"; } .icon-html5:before { content: "\e0a3"; } .icon-html5-stroke:before { content: "\e0a2"; } .icon-ie:before { content: "\e0a4"; } .icon-infinity:before { content: "\e0a5"; } .icon-info:before { content: "\2139"; } .icon-info-2:before { content: "\e0a6"; } .icon-ipad:before { content: "\e0a7"; } .icon-iphone:before { content: "\e0a8"; } .icon-ipod:before { content: "\e0a9"; } .icon-key:before { content: "\e0ab"; } .icon-key-stroke:before { content: "\e0aa"; } .icon-laptop:before { content: "\e0ad"; } .icon-laptop-2:before { content: "\e0ac"; } .icon-last:before { content: "\21e5"; } .icon-lastfm:before { content: "\e0af"; } .icon-lastfm-2:before { content: "\e0ae"; } .icon-layers:before { content: "\e0b0"; } .icon-leave:before { content: "\e0b1"; } .icon-left-quote:before { content: "\201c"; } .icon-left-quote-2:before { content: "\e0b2"; } .icon-like:before { content: "\e0b3"; } .icon-link:before { content: "\e0b5"; } .icon-link-2:before { content: "\e0b4"; } .icon-linkedin:before { content: "\e0b6"; } .icon-list:before { content: "\e0b8"; } .icon-list-2:before { content: "\e0b7"; } .icon-load-0:before { content: "\e0b9"; } .icon-load-1:before { content: "\e0ba"; } .icon-load-2:before { content: "\e0bb"; } .icon-load-3:before { content: "\e0bc"; } .icon-load-4:before { content: "\e0bd"; } .icon-load-5:before { content: "\e0be"; } .icon-load-6:before { content: "\e0bf"; } .icon-load-7:before { content: "\e0c0"; } .icon-lock:before { content: "\e0c3"; } .icon-lock-2:before { content: "\e0c1"; } .icon-lock-stroke:before { content: "\e0c2"; } .icon-loop:before { content: "\27f3"; } .icon-loop-double:before { content: "\e0c4"; } .icon-loop-left:before { content: "\e0c6"; } .icon-loop-left-2:before { content: "\e0c5"; } .icon-loop-right:before { content: "\e0c8"; } .icon-loop-right-2:before { content: "\e0c7"; } .icon-magnifying-glass:before { content: "\e0cb"; } .icon-magnifying-glass-2:before { content: "\e0c9"; } .icon-magnifying-glass-3:before { content: "\e0ca"; } .icon-mail:before { content: "\2709"; } .icon-mail-2:before { content: "\e0cc"; } .icon-mail-3:before { content: "\e0cd"; } .icon-mail-stroke:before { content: "\e0ce"; } .icon-male:before { content: "\e0cf"; } .icon-map-pin:before { content: "\e0d3"; } .icon-map-pin-2:before { content: "\e0d1"; } .icon-map-pin-2-stroke:before { content: "\e0d0"; } .icon-map-pin-stroke:before { content: "\e0d2"; } .icon-megaphone:before { content: "\e0d4"; } .icon-mic:before { content: "\e0d6"; } .icon-mic-2:before { content: "\e0d5"; } .icon-minus:before { content: "\2212"; } .icon-minus-2:before { content: "\2296"; } .icon-monitor:before { content: "\e0d7"; } .icon-moon:before { content: "\e0d8"; } .icon-moon-stroke:before { content: "\263e"; } .icon-mouse:before { content: "\e0d9"; } .icon-move:before { content: "\e0da"; } .icon-move-horizontal:before { content: "\2194"; } .icon-move-vertical:before { content: "\2195"; } .icon-movie:before { content: "\e0db"; } .icon-new-window:before { content: "\e0dc"; } .icon-news:before { content: "\e0dd"; } .icon-opera:before { content: "\e0de"; } .icon-paperclip:before { content: "\e0df"; } .icon-paperplane:before { content: "\e0e0"; } .icon-pause:before { content: "\e0e2"; } .icon-pause-2:before { content: "\e0e1"; } .icon-pen:before { content: "\270f"; } .icon-pen-2:before { content: "\e0e4"; } .icon-pen-2-stroke:before { content: "\e0e3"; } .icon-pen-3:before { content: "\e0e5"; } .icon-phone:before { content: "\e0e8"; } .icon-phone-2:before { content: "\e0e6"; } .icon-phone-mobile:before { content: "\e0e7"; } .icon-picasa:before { content: "\e0ea"; } .icon-picasa-2:before { content: "\e0e9"; } .icon-pilcrow:before { content: "\b6"; } .icon-pin:before { content: "\e0eb"; } .icon-pinterest:before { content: "\e0ed"; } .icon-pinterest-2:before { content: "\e0ec"; } .icon-play:before { content: "\25b6"; } .icon-play-2:before { content: "\e0ee"; } .icon-plus:before { content: "\2b"; } .icon-plus-2:before { content: "\e0ef"; } .icon-plus-3:before { content: "\2295"; } .icon-podcast:before { content: "\e0f1"; } .icon-podcast-2:before { content: "\e0f0"; } .icon-polaroids:before { content: "\e0f2"; } .icon-power:before { content: "\e0f3"; } .icon-printer:before { content: "\e0f5"; } .icon-printer-2:before { content: "\e0f4"; } .icon-puzzle:before { content: "\e0f6"; } .icon-question:before { content: "\e0f7"; } .icon-question-mark:before { content: "\3f"; } .icon-rain:before { content: "\e0f8"; } .icon-read:before { content: "\e0f9"; } .icon-recycle:before { content: "\e0fa"; } .icon-reload:before { content: "\21bb"; } .icon-responsive:before { content: "\e0fb"; } .icon-right-quote:before { content: "\201d"; } .icon-right-quote-2:before { content: "\e0fc"; } .icon-rocket:before { content: "\e0fd"; } .icon-rss:before { content: "\e0ff"; } .icon-rss-2:before { content: "\e0fe"; } .icon-ruler:before { content: "\e100"; } .icon-safari:before { content: "\e101"; } .icon-save:before { content: "\e102"; } .icon-seo:before { content: "\e103"; } .icon-share:before { content: "\e105"; } .icon-share-2:before { content: "\e104"; } .icon-shield:before { content: "\e108"; } .icon-shield-2:before { content: "\e107"; } .icon-shield-2-stroke:before { content: "\e106"; } .icon-shuffle:before { content: "\e109"; } .icon-skype:before { content: "\e10a"; } .icon-smiles:before { content: "\e10b"; } .icon-snowflake:before { content: "\e10c"; } .icon-soundcloud:before { content: "\e10e"; } .icon-soundcloud-2:before { content: "\e10d"; } .icon-speedometer:before { content: "\e112"; } .icon-speedometer-2:before { content: "\e111"; } .icon-speedometer-2-low:before { content: "\e10f"; } .icon-speedometer-2-medium:before { content: "\e110"; } .icon-spin:before { content: "\e113"; } .icon-star:before { content: "\2605"; } .icon-star-2:before { content: "\e116"; } .icon-star-2-half:before { content: "\e114"; } .icon-star-2-stroke:before { content: "\e115"; } .icon-star-half:before { content: "\e117"; } .icon-star-stroke:before { content: "\e118"; } .icon-stop:before { content: "\25a0"; } .icon-stop-2:before { content: "\e119"; } .icon-stumbleupon:before { content: "\e11b"; } .icon-stumbleupon-2:before { content: "\e11a"; } .icon-sun:before { content: "\2600"; } .icon-sun-stroke:before { content: "\263c"; } .icon-support:before { content: "\e11c"; } .icon-tag:before { content: "\e120"; } .icon-tag-left:before { content: "\e11d"; } .icon-tag-right:before { content: "\e11e"; } .icon-tag-stroke:before { content: "\e11f"; } .icon-target:before { content: "\e122"; } .icon-target-2:before { content: "\e121"; } .icon-temperature:before { content: "\e124"; } .icon-temperature-2:before { content: "\e123"; } .icon-thumb-down:before { content: "\e125"; } .icon-thumb-up:before { content: "\e126"; } .icon-tie:before { content: "\e127"; } .icon-tools:before { content: "\e129"; } .icon-tools-2:before { content: "\e128"; } .icon-transfer:before { content: "\21c4"; } .icon-trash:before { content: "\e12d"; } .icon-trash-2:before { content: "\e12a"; } .icon-trash-3:before { content: "\e12c"; } .icon-trash-3-stroke:before { content: "\e12b"; } .icon-truck:before { content: "\e12e"; } .icon-tumblr:before { content: "\e130"; } .icon-tumblr-2:before { content: "\e12f"; } .icon-twitter-bird:before { content: "\e132"; } .icon-twitter-bird-2:before { content: "\e131"; } .icon-umbrella:before { content: "\2602"; } .icon-undo:before { content: "\238c"; } .icon-unlock:before { content: "\e134"; } .icon-unlock-stroke:before { content: "\e133"; } .icon-upload:before { content: "\e135"; } .icon-upload:before { content: "\2912"; } .icon-usb:before { content: "\e136"; } .icon-user:before { content: "\e138"; } .icon-user-2:before { content: "\e137"; } .icon-users:before { content: "\e139"; } .icon-vcard:before { content: "\e13a"; } .icon-vector:before { content: "\e13c"; } .icon-vector-2:before { content: "\e13b"; } .icon-video:before { content: "\e13d"; } .icon-vimeo:before { content: "\e13f"; } .icon-vimeo-2:before { content: "\e13e"; } .icon-volume:before { content: "\e141"; } .icon-volume-mute:before { content: "\e140"; } .icon-wand:before { content: "\e142"; } .icon-warning:before { content: "\e144"; } .icon-warning-2:before { content: "\e143"; } .icon-windows:before { content: "\e145"; } .icon-wireless:before { content: "\e146"; } .icon-wordpress:before { content: "\e148"; } .icon-wordpress-2:before { content: "\e147"; } .icon-wrench:before { content: "\e149"; } .icon-x:before { content: "\d7"; } .icon-x-2:before { content: "\2297"; } .icon-x-2-stroke:before { content: "\e14a"; } .icon-xing:before { content: "\e14b"; } .icon-yahoo:before { content: "\e14d"; } .icon-yahoo-2:before { content: "\e14c"; } .icon-youtube:before { content: "\e14f"; } .icon-youtube-2:before { content: "\e14e"; } /* * Main Stylesheet * * @copyright Copyright (c) 2012 rocksolidthemes.com * @license http://rocksolidthemes.com/agb No free usage allowed */ /* =========================================== * # Index: The structure of this stylesheet * * - Imports (Sass only) * - Fonts * - Basic settings (Sass only) * - Colors (Sass only) * - General * - Buttons * - Wrapper elements * - Layout in order of appearance in HTML * - Content * - Forms * - Content elements * - Modules (Search, FAQ, News, Events, Comments) * - Sidebar / Widgets * - Footer * - Slider * - Grid (design + production helper) * ======================================== */ /* =========================================== * Fonts * ======================================== */ @font-face { font-family: "RockSolid Icons"; src: url("../../files/tao/fonts/rocksolid-icons.eot"); src: url("../../files/tao/fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../../files/tao/fonts/rocksolid-icons.woff") format('woff'), url("../../files/tao/fonts/rocksolid-icons.ttf") format('truetype'), url("../../files/tao/fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; font-display: swap; } /* =========================================== * General * ======================================== */ html { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: #1782c5; /* IE8 iframe bugfix */ /* http://stackoverflow.com/a/795681 */ position: static\9; } body { font: 16px/1.5625 Lato, sans-serif; color: #242424; background: white none 50% 0 no-repeat scroll; background-size: auto; } @media screen and (max-width: 1000px) { body { font-size: 14px; } } body[class^="icon-"]:before, body[class*=" icon-"]:before { /* Ignore icon classes on the body element */ content: none; } body.background-variation-1 { background: url("../../files/tao/img/demo/background-1.jpg") 50% 0 no-repeat; background-attachment: fixed; } body.background-variation-2 { background: url("../../files/tao/img/demo/background-10.jpg") 50% 0 no-repeat; background-size: cover; background-attachment: fixed; } * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 6.25%; margin-right: 6.25%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.875%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 29.16667%; } .rs-column.-large-col-3-2 { width: 64.58333%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 20.3125%; } .rs-column.-large-col-4-2 { width: 46.875%; } .rs-column.-large-col-4-3 { width: 73.4375%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 15%; } .rs-column.-large-col-5-2 { width: 36.25%; } .rs-column.-large-col-5-3 { width: 57.5%; } .rs-column.-large-col-5-4 { width: 78.75%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 11.45833%; } .rs-column.-large-col-6-2 { width: 29.16667%; } .rs-column.-large-col-6-3 { width: 46.875%; } .rs-column.-large-col-6-4 { width: 64.58333%; } .rs-column.-large-col-6-5 { width: 82.29167%; } .rs-column.-large-col-6-6 { width: 100%; } .rs-column.-large-col-7-1 { width: 8.92857%; } .rs-column.-large-col-7-2 { width: 24.10714%; } .rs-column.-large-col-7-3 { width: 39.28571%; } .rs-column.-large-col-7-4 { width: 54.46429%; } .rs-column.-large-col-7-5 { width: 69.64286%; } .rs-column.-large-col-7-6 { width: 84.82143%; } .rs-column.-large-col-7-7 { width: 100%; } .tao-no-sidebar .rs-column, .mega-dropdown .rs-column, .page-footer .rs-column { margin-top: 4%; margin-right: 4%; } .tao-no-sidebar .rs-column.-large-last, .mega-dropdown .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: -5px; } .tao-no-sidebar .rs-column.-large-first-row, .mega-dropdown .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 0; } .tao-no-sidebar .rs-column.-large-col-1-1, .mega-dropdown .rs-column.-large-col-1-1, .page-footer .rs-column.-large-col-1-1 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-2-1, .mega-dropdown .rs-column.-large-col-2-1, .page-footer .rs-column.-large-col-2-1 { width: 48%; } .tao-no-sidebar .rs-column.-large-col-2-2, .mega-dropdown .rs-column.-large-col-2-2, .page-footer .rs-column.-large-col-2-2 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-3-1, .mega-dropdown .rs-column.-large-col-3-1, .page-footer .rs-column.-large-col-3-1 { width: 30.66667%; } .tao-no-sidebar .rs-column.-large-col-3-2, .mega-dropdown .rs-column.-large-col-3-2, .page-footer .rs-column.-large-col-3-2 { width: 65.33333%; } .tao-no-sidebar .rs-column.-large-col-3-3, .mega-dropdown .rs-column.-large-col-3-3, .page-footer .rs-column.-large-col-3-3 { width: 100.0%; } .tao-no-sidebar .rs-column.-large-col-4-1, .mega-dropdown .rs-column.-large-col-4-1, .page-footer .rs-column.-large-col-4-1 { width: 22%; } .tao-no-sidebar .rs-column.-large-col-4-2, .mega-dropdown .rs-column.-large-col-4-2, .page-footer .rs-column.-large-col-4-2 { width: 48%; } .tao-no-sidebar .rs-column.-large-col-4-3, .mega-dropdown .rs-column.-large-col-4-3, .page-footer .rs-column.-large-col-4-3 { width: 74%; } .tao-no-sidebar .rs-column.-large-col-4-4, .mega-dropdown .rs-column.-large-col-4-4, .page-footer .rs-column.-large-col-4-4 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-5-1, .mega-dropdown .rs-column.-large-col-5-1, .page-footer .rs-column.-large-col-5-1 { width: 16.8%; } .tao-no-sidebar .rs-column.-large-col-5-2, .mega-dropdown .rs-column.-large-col-5-2, .page-footer .rs-column.-large-col-5-2 { width: 37.6%; } .tao-no-sidebar .rs-column.-large-col-5-3, .mega-dropdown .rs-column.-large-col-5-3, .page-footer .rs-column.-large-col-5-3 { width: 58.4%; } .tao-no-sidebar .rs-column.-large-col-5-4, .mega-dropdown .rs-column.-large-col-5-4, .page-footer .rs-column.-large-col-5-4 { width: 79.2%; } .tao-no-sidebar .rs-column.-large-col-5-5, .mega-dropdown .rs-column.-large-col-5-5, .page-footer .rs-column.-large-col-5-5 { width: 100.0%; } .tao-no-sidebar .rs-column.-large-col-6-1, .mega-dropdown .rs-column.-large-col-6-1, .page-footer .rs-column.-large-col-6-1 { width: 13.33333%; } .tao-no-sidebar .rs-column.-large-col-6-2, .mega-dropdown .rs-column.-large-col-6-2, .page-footer .rs-column.-large-col-6-2 { width: 30.66667%; } .tao-no-sidebar .rs-column.-large-col-6-3, .mega-dropdown .rs-column.-large-col-6-3, .page-footer .rs-column.-large-col-6-3 { width: 48.0%; } .tao-no-sidebar .rs-column.-large-col-6-4, .mega-dropdown .rs-column.-large-col-6-4, .page-footer .rs-column.-large-col-6-4 { width: 65.33333%; } .tao-no-sidebar .rs-column.-large-col-6-5, .mega-dropdown .rs-column.-large-col-6-5, .page-footer .rs-column.-large-col-6-5 { width: 82.66667%; } .tao-no-sidebar .rs-column.-large-col-6-6, .mega-dropdown .rs-column.-large-col-6-6, .page-footer .rs-column.-large-col-6-6 { width: 100%; } .tao-no-sidebar .rs-column.-large-col-7-1, .mega-dropdown .rs-column.-large-col-7-1, .page-footer .rs-column.-large-col-7-1 { width: 10.85714%; } .tao-no-sidebar .rs-column.-large-col-7-2, .mega-dropdown .rs-column.-large-col-7-2, .page-footer .rs-column.-large-col-7-2 { width: 25.71429%; } .tao-no-sidebar .rs-column.-large-col-7-3, .mega-dropdown .rs-column.-large-col-7-3, .page-footer .rs-column.-large-col-7-3 { width: 40.57143%; } .tao-no-sidebar .rs-column.-large-col-7-4, .mega-dropdown .rs-column.-large-col-7-4, .page-footer .rs-column.-large-col-7-4 { width: 55.42857%; } .tao-no-sidebar .rs-column.-large-col-7-5, .mega-dropdown .rs-column.-large-col-7-5, .page-footer .rs-column.-large-col-7-5 { width: 70.28571%; } .tao-no-sidebar .rs-column.-large-col-7-6, .mega-dropdown .rs-column.-large-col-7-6, .page-footer .rs-column.-large-col-7-6 { width: 85.14286%; } .tao-no-sidebar .rs-column.-large-col-7-7, .mega-dropdown .rs-column.-large-col-7-7, .page-footer .rs-column.-large-col-7-7 { width: 100%; } @media screen and (max-width: 1000px) { .rs-column, .tao-no-sidebar .rs-column, .mega-dropdown .rs-column, .page-footer .rs-column { margin-top: 6.25%; margin-right: 6.25%; } .rs-column.-large-first, .tao-no-sidebar .rs-column.-large-first, .mega-dropdown .rs-column.-large-first, .page-footer .rs-column.-large-first { clear: none; } .rs-column.-large-last, .tao-no-sidebar .rs-column.-large-last, .mega-dropdown .rs-column.-large-last, .page-footer .rs-column.-large-last { margin-right: 6.25%; } .rs-column.-large-first-row, .tao-no-sidebar .rs-column.-large-first-row, .mega-dropdown .rs-column.-large-first-row, .page-footer .rs-column.-large-first-row { margin-top: 6.25%; } .rs-column.-medium-first, .tao-no-sidebar .rs-column.-medium-first, .mega-dropdown .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: left; } .rs-column.-medium-last, .tao-no-sidebar .rs-column.-medium-last, .mega-dropdown .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row, .tao-no-sidebar .rs-column.-medium-first-row, .mega-dropdown .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1, .tao-no-sidebar .rs-column.-medium-col-1-1, .mega-dropdown .rs-column.-medium-col-1-1, .page-footer .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1, .tao-no-sidebar .rs-column.-medium-col-2-1, .mega-dropdown .rs-column.-medium-col-2-1, .page-footer .rs-column.-medium-col-2-1 { width: 46.875%; } .rs-column.-medium-col-2-2, .tao-no-sidebar .rs-column.-medium-col-2-2, .mega-dropdown .rs-column.-medium-col-2-2, .page-footer .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1, .tao-no-sidebar .rs-column.-medium-col-3-1, .mega-dropdown .rs-column.-medium-col-3-1, .page-footer .rs-column.-medium-col-3-1 { width: 29.16667%; } .rs-column.-medium-col-3-2, .tao-no-sidebar .rs-column.-medium-col-3-2, .mega-dropdown .rs-column.-medium-col-3-2, .page-footer .rs-column.-medium-col-3-2 { width: 64.58333%; } .rs-column.-medium-col-3-3, .tao-no-sidebar .rs-column.-medium-col-3-3, .mega-dropdown .rs-column.-medium-col-3-3, .page-footer .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1, .tao-no-sidebar .rs-column.-medium-col-4-1, .mega-dropdown .rs-column.-medium-col-4-1, .page-footer .rs-column.-medium-col-4-1 { width: 20.3125%; } .rs-column.-medium-col-4-2, .tao-no-sidebar .rs-column.-medium-col-4-2, .mega-dropdown .rs-column.-medium-col-4-2, .page-footer .rs-column.-medium-col-4-2 { width: 46.875%; } .rs-column.-medium-col-4-3, .tao-no-sidebar .rs-column.-medium-col-4-3, .mega-dropdown .rs-column.-medium-col-4-3, .page-footer .rs-column.-medium-col-4-3 { width: 73.4375%; } .rs-column.-medium-col-4-4, .tao-no-sidebar .rs-column.-medium-col-4-4, .mega-dropdown .rs-column.-medium-col-4-4, .page-footer .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1, .tao-no-sidebar .rs-column.-medium-col-5-1, .mega-dropdown .rs-column.-medium-col-5-1, .page-footer .rs-column.-medium-col-5-1 { width: 15%; } .rs-column.-medium-col-5-2, .tao-no-sidebar .rs-column.-medium-col-5-2, .mega-dropdown .rs-column.-medium-col-5-2, .page-footer .rs-column.-medium-col-5-2 { width: 36.25%; } .rs-column.-medium-col-5-3, .tao-no-sidebar .rs-column.-medium-col-5-3, .mega-dropdown .rs-column.-medium-col-5-3, .page-footer .rs-column.-medium-col-5-3 { width: 57.5%; } .rs-column.-medium-col-5-4, .tao-no-sidebar .rs-column.-medium-col-5-4, .mega-dropdown .rs-column.-medium-col-5-4, .page-footer .rs-column.-medium-col-5-4 { width: 78.75%; } .rs-column.-medium-col-5-5, .tao-no-sidebar .rs-column.-medium-col-5-5, .mega-dropdown .rs-column.-medium-col-5-5, .page-footer .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1, .tao-no-sidebar .rs-column.-medium-col-6-1, .mega-dropdown .rs-column.-medium-col-6-1, .page-footer .rs-column.-medium-col-6-1 { width: 11.45833%; } .rs-column.-medium-col-6-2, .tao-no-sidebar .rs-column.-medium-col-6-2, .mega-dropdown .rs-column.-medium-col-6-2, .page-footer .rs-column.-medium-col-6-2 { width: 29.16667%; } .rs-column.-medium-col-6-3, .tao-no-sidebar .rs-column.-medium-col-6-3, .mega-dropdown .rs-column.-medium-col-6-3, .page-footer .rs-column.-medium-col-6-3 { width: 46.875%; } .rs-column.-medium-col-6-4, .tao-no-sidebar .rs-column.-medium-col-6-4, .mega-dropdown .rs-column.-medium-col-6-4, .page-footer .rs-column.-medium-col-6-4 { width: 64.58333%; } .rs-column.-medium-col-6-5, .tao-no-sidebar .rs-column.-medium-col-6-5, .mega-dropdown .rs-column.-medium-col-6-5, .page-footer .rs-column.-medium-col-6-5 { width: 82.29167%; } .rs-column.-medium-col-6-6, .tao-no-sidebar .rs-column.-medium-col-6-6, .mega-dropdown .rs-column.-medium-col-6-6, .page-footer .rs-column.-medium-col-6-6 { width: 100%; } .rs-column.-medium-col-7-1, .tao-no-sidebar .rs-column.-medium-col-7-1, .mega-dropdown .rs-column.-medium-col-7-1, .page-footer .rs-column.-medium-col-7-1 { width: 8.92857%; } .rs-column.-medium-col-7-2, .tao-no-sidebar .rs-column.-medium-col-7-2, .mega-dropdown .rs-column.-medium-col-7-2, .page-footer .rs-column.-medium-col-7-2 { width: 24.10714%; } .rs-column.-medium-col-7-3, .tao-no-sidebar .rs-column.-medium-col-7-3, .mega-dropdown .rs-column.-medium-col-7-3, .page-footer .rs-column.-medium-col-7-3 { width: 39.28571%; } .rs-column.-medium-col-7-4, .tao-no-sidebar .rs-column.-medium-col-7-4, .mega-dropdown .rs-column.-medium-col-7-4, .page-footer .rs-column.-medium-col-7-4 { width: 54.46429%; } .rs-column.-medium-col-7-5, .tao-no-sidebar .rs-column.-medium-col-7-5, .mega-dropdown .rs-column.-medium-col-7-5, .page-footer .rs-column.-medium-col-7-5 { width: 69.64286%; } .rs-column.-medium-col-7-6, .tao-no-sidebar .rs-column.-medium-col-7-6, .mega-dropdown .rs-column.-medium-col-7-6, .page-footer .rs-column.-medium-col-7-6 { width: 84.82143%; } .rs-column.-medium-col-7-7, .tao-no-sidebar .rs-column.-medium-col-7-7, .mega-dropdown .rs-column.-medium-col-7-7, .page-footer .rs-column.-medium-col-7-7 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column, .tao-no-sidebar .rs-column, .page-footer .rs-column { margin-right: 6.25%; } .rs-column.-medium-first, .tao-no-sidebar .rs-column.-medium-first, .page-footer .rs-column.-medium-first { clear: none; } .rs-column.-medium-last, .tao-no-sidebar .rs-column.-medium-last, .page-footer .rs-column.-medium-last { margin-right: 6.25%; } .rs-column.-medium-first-row, .tao-no-sidebar .rs-column.-medium-first-row, .page-footer .rs-column.-medium-first-row { margin-top: 6.25%; } .rs-column.-small-first, .tao-no-sidebar .rs-column.-small-first, .page-footer .rs-column.-small-first { clear: left; } .rs-column.-small-last, .tao-no-sidebar .rs-column.-small-last, .page-footer .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row, .tao-no-sidebar .rs-column.-small-first-row, .page-footer .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1, .tao-no-sidebar .rs-column.-small-col-1-1, .page-footer .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1, .tao-no-sidebar .rs-column.-small-col-2-1, .page-footer .rs-column.-small-col-2-1 { width: 46.875%; } .rs-column.-small-col-2-2, .tao-no-sidebar .rs-column.-small-col-2-2, .page-footer .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1, .tao-no-sidebar .rs-column.-small-col-3-1, .page-footer .rs-column.-small-col-3-1 { width: 29.16667%; } .rs-column.-small-col-3-2, .tao-no-sidebar .rs-column.-small-col-3-2, .page-footer .rs-column.-small-col-3-2 { width: 64.58333%; } .rs-column.-small-col-3-3, .tao-no-sidebar .rs-column.-small-col-3-3, .page-footer .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1, .tao-no-sidebar .rs-column.-small-col-4-1, .page-footer .rs-column.-small-col-4-1 { width: 20.3125%; } .rs-column.-small-col-4-2, .tao-no-sidebar .rs-column.-small-col-4-2, .page-footer .rs-column.-small-col-4-2 { width: 46.875%; } .rs-column.-small-col-4-3, .tao-no-sidebar .rs-column.-small-col-4-3, .page-footer .rs-column.-small-col-4-3 { width: 73.4375%; } .rs-column.-small-col-4-4, .tao-no-sidebar .rs-column.-small-col-4-4, .page-footer .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1, .tao-no-sidebar .rs-column.-small-col-5-1, .page-footer .rs-column.-small-col-5-1 { width: 15%; } .rs-column.-small-col-5-2, .tao-no-sidebar .rs-column.-small-col-5-2, .page-footer .rs-column.-small-col-5-2 { width: 36.25%; } .rs-column.-small-col-5-3, .tao-no-sidebar .rs-column.-small-col-5-3, .page-footer .rs-column.-small-col-5-3 { width: 57.5%; } .rs-column.-small-col-5-4, .tao-no-sidebar .rs-column.-small-col-5-4, .page-footer .rs-column.-small-col-5-4 { width: 78.75%; } .rs-column.-small-col-5-5, .tao-no-sidebar .rs-column.-small-col-5-5, .page-footer .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1, .tao-no-sidebar .rs-column.-small-col-6-1, .page-footer .rs-column.-small-col-6-1 { width: 11.45833%; } .rs-column.-small-col-6-2, .tao-no-sidebar .rs-column.-small-col-6-2, .page-footer .rs-column.-small-col-6-2 { width: 29.16667%; } .rs-column.-small-col-6-3, .tao-no-sidebar .rs-column.-small-col-6-3, .page-footer .rs-column.-small-col-6-3 { width: 46.875%; } .rs-column.-small-col-6-4, .tao-no-sidebar .rs-column.-small-col-6-4, .page-footer .rs-column.-small-col-6-4 { width: 64.58333%; } .rs-column.-small-col-6-5, .tao-no-sidebar .rs-column.-small-col-6-5, .page-footer .rs-column.-small-col-6-5 { width: 82.29167%; } .rs-column.-small-col-6-6, .tao-no-sidebar .rs-column.-small-col-6-6, .page-footer .rs-column.-small-col-6-6 { width: 100%; } .rs-column.-small-col-7-1, .tao-no-sidebar .rs-column.-small-col-7-1, .page-footer .rs-column.-small-col-7-1 { width: 8.92857%; } .rs-column.-small-col-7-2, .tao-no-sidebar .rs-column.-small-col-7-2, .page-footer .rs-column.-small-col-7-2 { width: 24.10714%; } .rs-column.-small-col-7-3, .tao-no-sidebar .rs-column.-small-col-7-3, .page-footer .rs-column.-small-col-7-3 { width: 39.28571%; } .rs-column.-small-col-7-4, .tao-no-sidebar .rs-column.-small-col-7-4, .page-footer .rs-column.-small-col-7-4 { width: 54.46429%; } .rs-column.-small-col-7-5, .tao-no-sidebar .rs-column.-small-col-7-5, .page-footer .rs-column.-small-col-7-5 { width: 69.64286%; } .rs-column.-small-col-7-6, .tao-no-sidebar .rs-column.-small-col-7-6, .page-footer .rs-column.-small-col-7-6 { width: 84.82143%; } .rs-column.-small-col-7-7, .tao-no-sidebar .rs-column.-small-col-7-7, .page-footer .rs-column.-small-col-7-7 { width: 100%; } } /* Resetting box model for moo_mediabox, moo_slimbox and j_colorbox */ #mbCenter, #colorbox, #lbCenter, #lbBottomContainer { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ::selection { background: #37aadf; color: white; text-shadow: none !important; } ::-moz-selection { background: #37aadf; color: white; text-shadow: none !important; } button, input, select, textarea { font-family: inherit; } table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #b2b9c4; border-radius: 3px; background: white; } table th, table td { border: solid #e5e8ee; border-width: 1px 0 0 1px; } table th:first-child, table td:first-child { border-left: 0; } table > thead > tr:first-child > th, table > thead > tr:first-child > td, table > tbody:first-child > tr:first-child > th, table > tbody:first-child > tr:first-child > td, table > tfoot:first-child + tbody > tr:first-child > th, table > tfoot:first-child + tbody > tr:first-child > td { /* First row of the table */ border-top: 0; } table th { padding: 0.375em 0.625em; font-weight: bold; text-align: left; } table td { padding: 0.375em 0.625em; } table thead { background: rgba(0, 0, 0, 0.02); } table tfoot td { font-style: italic; } strong, b { font-weight: bold; } a { color: #1782c5; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } a.external-link:after { font: 0.8125em/1 "RockSolid Icons"; content: "\e151"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.25em; } /* Icon attribute */ *[data-icon]:before, *[class^="icon-"]:before, *[class*=" icon-"]:before { font: 100%/1 "RockSolid Icons"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.25em; } *[data-icon]:before { content: attr(data-icon); } *[data-icon].after:before { content: none; } *[data-icon].after:after { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-left: 0.25em; } .clear { clear: both; } .invisible { position: absolute; height: 1px !important; width: 1px !important; clip: rect(0 0 0 0); margin: -1px; padding: 0 !important; overflow: hidden; border: 0; } .-no-border { border: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .centered { display: block; margin-left: auto; margin-right: auto; text-align: center; } .pdf_link { margin: 0.75em 0 0 1.25em; float: right; } .pdf_link a { margin-left: 0.125em; } .mime_icon { margin-bottom: -0.25em; } .ce_toplink, .toplink { overflow: hidden; margin: 1.5em 0; } .ce_toplink:after, .toplink:after { content: ""; display: inline-block; vertical-align: middle; width: 100%; height: 0; overflow: visible; margin: 0 -100% 0 0.625em; border-top: 1px solid #b2b9c4; } .ce_toplink > a:before, .toplink > a:before { font: 100%/1 "RockSolid Icons"; content: "\e00c"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.3125em; } /* Style for dlh_googlemaps (if you don't use the plugin, you might want to delete this) */ .dlh_googlemap { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .main-content .dlh_googlemap, .sidebar .dlh_googlemap { /* Setting the maps max-width to 100% is best practice, since it becomes fluid that way */ max-width: 100%; } .main-content .dlh_googlemap img { max-width: none; } hr, .headline-hr:before, .headline-hr:after { clear: both; height: 0; overflow: visible; margin: 2.25em 0; border: 0; border-top: 1px solid #b2b9c4; } hr.-hr-dotted, .headline-hr.-hr-dotted:before, .headline-hr.-hr-dotted:after { border-top-style: dotted; border-top-color: #717c8e; } hr.-hr-shadow, .headline-hr.-hr-shadow:before, .headline-hr.-hr-shadow:after { height: 8px; background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: -o-radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0) 60%); background-size: 100% 16px; background-position: 50% -8px; } .headline-hr { overflow: hidden; } .headline-hr:before, .headline-hr:after { display: inline-block; vertical-align: middle; width: 100%; margin: 0 0.625em 0 -100%; } .headline-hr:after { content: ""; margin: 0 -100% 0 0.625em; } .headline-hr.-centered { text-align: center; } .headline-hr.-centered:before { content: ""; } .headline-hr.-align-right { text-align: right; } .headline-hr.-align-right:before { content: ""; } .headline-hr.-align-right:after { content: none; } .icon-hr { display: block; } .icon-hr:before { position: relative; display: block; bottom: -0.5em; width: 1.875em; margin: 0; background: white; } .icon-hr.-centered:before { width: 2.25em; margin: 0 auto; text-align: center; } .icon-hr.-align-right:before { margin: 0 0 0 auto; text-align: right; } .icon-hr hr { margin: 0; } .confirmation { color: #b5da44; } .information { color: #37aadf; } .warning { color: #df3763; } p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { position: relative; display: block; overflow: hidden; margin: 1.5625em 0; padding: 1em 6.25% 1em 12.5%; border: 1px solid #b2b9c4; border-radius: 3px; color: #8caf23; background: white; } @media screen and (max-width: 1000px) { p.confirmation, p.information, p.warning, div.confirmation, div.information, div.warning, span.confirmation, span.information, span.warning { padding-left: 4em; } } p.confirmation:before, p.information:before, p.warning:before, div.confirmation:before, div.information:before, div.warning:before, span.confirmation:before, span.information:before, span.warning:before { font: 1.5em/1 "RockSolid Icons"; content: "\e044"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: -0.41667em; width: 1.16667em; height: 1.16667em; margin: -1.25em 0 0; padding: 0.66667em; border-radius: 100%; color: white; text-align: center; background: #b5da44; } p.information, div.information, span.information { color: #1c80ae; } p.information:before, div.information:before, span.information:before { content: "\e0a6"; background: #37aadf; } p.warning, div.warning, span.warning { color: #ae1c42; } p.warning:before, div.warning:before, span.warning:before { content: "\e143"; background: #df3763; } p.drop-cap:first-letter, span.drop-cap { float: left; margin: 0.11111em 0.33333em 0 0; padding: 0.19444em; border: 1px solid #b2b9c4; border-radius: 3px; font-size: 2.25em; font-weight: normal; /* Fixes line-height difference between gecko and webkit */ line-height: 0.7; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)); } p.drop-cap:first-letter { /* IE8 and IE9 calculate em's from the parent element */ margin: 0.25em 0.75em 0 0 \9; } code { padding: 0.14286em 0.35714em; font-family: "Lucida Console", monospace; font-size: 0.875em; line-height: 1.35786; background-color: #e5e8ee; border-radius: 3px; } pre { margin: 1.71429em 0; padding: 0.5em 1em; display: block; overflow: auto; border-radius: 3px; font-family: "Lucida Console", monospace; font-size: 0.875em; line-height: 1.715; background-color: #e5e8ee; } pre code { font-size: 1em; padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Buttons * ======================================== */ button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit], .pricing-table-plan.-highlighted a, .feature-box-link.-secondary, .headline-box-link.-secondary, button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary, .rotating-boxes-item-content .rotating-boxes-item-link, .pricing-table-plan a, .feature-box-link.-tertiary, .headline-box-link.-tertiary, button.-quaternary, .button.-quaternary, input[type="submit"].-quaternary, .feature-box-link.-quaternary, .headline-box-link.-quaternary, .highlight-box-link, .feature-box-link, .headline-box-link, .footer-bar input[type=submit], .footer-bar button, button, .button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 0.64286em 1.42857em; border: 1px solid; border-color: #ffffff #ffffff #ffffff; border-radius: 3px; outline: none; font-size: 0.875em; line-height: 1.42929; color: white; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #242424; background: #BA162B; /* background: -webkit-linear-gradient(#BA162B, #BA162B); background: -moz-linear-gradient(#BA162B, #BA162B); background: -o-linear-gradient(#BA162B, #BA162B); background: linear-gradient(#BA162B, #BA162B); box-shadow: inset 0 1px #73c3e8; */ } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover, .header-dropdown > ul input[type=submit]:hover, button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, button.-quaternary:hover, .button.-quaternary:hover, input[type="submit"].-quaternary:hover, .highlight-box-link:hover, .feature-box-link:hover, .headline-box-link:hover, .footer-bar input[type=submit]:hover, .footer-bar button:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus, .header-dropdown > ul input[type=submit]:focus, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus, .rotating-boxes-item-content .rotating-boxes-item-link:focus, .pricing-table-plan a:focus, button.-quaternary:focus, .button.-quaternary:focus, input[type="submit"].-quaternary:focus, .highlight-box-link:focus, .feature-box-link:focus, .headline-box-link:focus, .footer-bar input[type=submit]:focus, .footer-bar button:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { border-color: #ffffff #ffffff #ffffff; text-decoration: none; background: #AA162B; /* background: -webkit-linear-gradient(#5ab9e5, #229dd5); background: -moz-linear-gradient(#5ab9e5, #229dd5); background: -o-linear-gradient(#5ab9e5, #229dd5); background: linear-gradient(#5ab9e5, #229dd5); */ } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active, .header-dropdown > ul input[type=submit]:active, button.-tertiary:active, .button.-tertiary:active, input[type="submit"].-tertiary:active, .rotating-boxes-item-content .rotating-boxes-item-link:active, .pricing-table-plan a:active, button.-quaternary:active, .button.-quaternary:active, input[type="submit"].-quaternary:active, .highlight-box-link:active, .feature-box-link:active, .headline-box-link:active, .footer-bar input[type=submit]:active, .footer-bar button:active, button:active, .button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { background: #E5514F; /* background: -webkit-linear-gradient(#44b0e1, #33a8de); background: -moz-linear-gradient(#44b0e1, #33a8de); background: -o-linear-gradient(#44b0e1, #33a8de); background: linear-gradient(#44b0e1, #33a8de); */ } #colorbox button.-secondary, #colorbox .button.-secondary, #colorbox input[type="submit"].-secondary, #colorbox .header-login .formbody input[type=submit], .header-login .formbody #colorbox input[type=submit], #colorbox .header-dropdown > ul input[type=submit], .header-dropdown > ul #colorbox input[type=submit], #colorbox button.-tertiary, #colorbox .button.-tertiary, #colorbox input[type="submit"].-tertiary, #colorbox .rotating-boxes-item-content .rotating-boxes-item-link, .rotating-boxes-item-content #colorbox .rotating-boxes-item-link, #colorbox .pricing-table-plan a, .pricing-table-plan #colorbox a, #colorbox button.-quaternary, #colorbox .button.-quaternary, #colorbox input[type="submit"].-quaternary, #colorbox .highlight-box-link, #colorbox .feature-box-link, #colorbox .headline-box-link, #colorbox .footer-bar input[type=submit], .footer-bar #colorbox input[type=submit], #colorbox .footer-bar button, .footer-bar #colorbox button, #colorbox button, #colorbox .button, #colorbox input[type="submit"], #colorbox input[type="reset"], #colorbox input[type="button"] { /* Fix colorbox close button */ box-shadow: none; } button.-quaternary:hover, button.-quaternary:focus, .button.-quaternary:hover, .button.-quaternary:focus, input[type="submit"].-quaternary:hover, input[type="submit"].-quaternary:focus { border-color: currentColor; } button.-single, .button.-single, input[type="submit"].-single { margin: 0.75em 0; } button.-small, .button.-small, input[type="submit"].-small { padding: 0.41667em 0.83333em; font-size: 0.75em; } button.-secondary, .button.-secondary, input[type="submit"].-secondary, .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit], .pricing-table-plan.-highlighted a, .feature-box-link.-secondary, .headline-box-link.-secondary { border-color: #78619c #6c578c #604d7c; color: white; text-shadow: 0 -1px 0 #6c578c; background: #8570a6; background: -webkit-linear-gradient(#9280b0, #7d67a0); background: -moz-linear-gradient(#9280b0, #7d67a0); background: -o-linear-gradient(#9280b0, #7d67a0); background: linear-gradient(#9280b0, #7d67a0); box-shadow: inset 0 1px #a99ac0; } button.-secondary:hover, .button.-secondary:hover, input[type="submit"].-secondary:hover, .header-login .formbody input[type=submit]:hover, .header-dropdown > ul input[type=submit]:hover, .pricing-table-plan.-highlighted a:hover, .feature-box-link.-secondary:hover, .headline-box-link.-secondary:hover, button.-secondary:focus, .button.-secondary:focus, input[type="submit"].-secondary:focus, .header-login .formbody input[type=submit]:focus, .header-dropdown > ul input[type=submit]:focus, .pricing-table-plan.-highlighted a:focus, .feature-box-link.-secondary:focus, .headline-box-link.-secondary:focus { border-color: #53446c #473a5d #3b304d; background: -webkit-linear-gradient(#9a89b6, #755f98); background: -moz-linear-gradient(#9a89b6, #755f98); background: -o-linear-gradient(#9a89b6, #755f98); background: linear-gradient(#9a89b6, #755f98); } button.-secondary:active, .button.-secondary:active, input[type="submit"].-secondary:active, .header-login .formbody input[type=submit]:active, .header-dropdown > ul input[type=submit]:active, .pricing-table-plan.-highlighted a:active, .feature-box-link.-secondary:active, .headline-box-link.-secondary:active { background: -webkit-linear-gradient(#8d79ac, #826da4); background: -moz-linear-gradient(#8d79ac, #826da4); background: -o-linear-gradient(#8d79ac, #826da4); background: linear-gradient(#8d79ac, #826da4); } button.-tertiary, .button.-tertiary, input[type="submit"].-tertiary, .rotating-boxes-item-content .rotating-boxes-item-link, .pricing-table-plan a, .feature-box-link.-tertiary, .headline-box-link.-tertiary { border-color: #c5c9d7 #b6bbcc #a7adc2; color: #717c8e; text-shadow: 0 -1px 0 #d4d7e1; background: #f2f3f6; background: -webkit-linear-gradient(#ffffff, #e9ebf0); background: -moz-linear-gradient(#ffffff, #e9ebf0); background: -o-linear-gradient(#ffffff, #e9ebf0); background: linear-gradient(#ffffff, #e9ebf0); box-shadow: none; } button.-tertiary:hover, .button.-tertiary:hover, input[type="submit"].-tertiary:hover, .rotating-boxes-item-content .rotating-boxes-item-link:hover, .pricing-table-plan a:hover, .feature-box-link.-tertiary:hover, .headline-box-link.-tertiary:hover, button.-tertiary:focus, .button.-tertiary:focus, input[type="submit"].-tertiary:focus, .rotating-boxes-item-content .rotating-boxes-item-link:focus, .pricing-table-plan a:focus, .feature-box-link.-tertiary:focus, .headline-box-link.-tertiary:focus { border-color: #b6bbcc #a7adc2 #98a0b7; background: -webkit-linear-gradient(#ffffff, #e0e2e9); background: -moz-linear-gradient(#ffffff, #e0e2e9); background: -o-linear-gradient(#ffffff, #e0e2e9); background: linear-gradient(#ffffff, #e0e2e9); } button.-tertiary:active, .button.-tertiary:active, input[type="submit"].-tertiary:active, .rotating-boxes-item-content .rotating-boxes-item-link:active, .pricing-table-plan a:active, .feature-box-link.-tertiary:active, .headline-box-link.-tertiary:active { background: -webkit-linear-gradient(#fbfbfc, #eff0f4); background: -moz-linear-gradient(#fbfbfc, #eff0f4); background: -o-linear-gradient(#fbfbfc, #eff0f4); background: linear-gradient(#fbfbfc, #eff0f4); } button.-quaternary, .button.-quaternary, input[type="submit"].-quaternary, .feature-box-link.-quaternary, .headline-box-link.-quaternary { border: 2px solid #242424; border-color: currentColor; border-radius: 6px; color: inherit; text-shadow: none; background: none; box-shadow: none; } button.-quaternary:after, .button.-quaternary:after, input[type="submit"].-quaternary:after, .feature-box-link.-quaternary:after, .headline-box-link.-quaternary:after { content: ""; position: absolute; top: 100%; right: 0; bottom: 0; left: 0; background: currentColor; opacity: 0.15; -webkit-transition: top 0.4s ease-in; -moz-transition: top 0.4s ease-in; -o-transition: top 0.4s ease-in; transition: top 0.4s ease-in; } button.-quaternary:hover, .button.-quaternary:hover, input[type="submit"].-quaternary:hover, .feature-box-link.-quaternary:hover, .headline-box-link.-quaternary:hover, button.-quaternary:focus, .button.-quaternary:focus, input[type="submit"].-quaternary:focus, .feature-box-link.-quaternary:focus, .headline-box-link.-quaternary:focus { background: none; } button.-quaternary:hover:after, .button.-quaternary:hover:after, input[type="submit"].-quaternary:hover:after, .feature-box-link.-quaternary:hover:after, .headline-box-link.-quaternary:hover:after, button.-quaternary:focus:after, .button.-quaternary:focus:after, input[type="submit"].-quaternary:focus:after, .feature-box-link.-quaternary:focus:after, .headline-box-link.-quaternary:focus:after { top: 0; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } /* =========================================== * Wrapper Elements * ======================================== */ .header-bar-inner, .header-navigation-inner, .content-wrapper { max-width: 1188px; margin-right: auto; margin-left: auto; } .centered-wrapper-inner, .info-map-boxes { max-width: 1100px; margin-right: auto; margin-left: auto; } @media screen and (max-width: 1188px) { .centered-wrapper-inner, .info-map-boxes { max-width: none; margin-right: 3.7037%; margin-left: 3.7037%; } } @media screen and (max-width: 1000px) { .centered-wrapper-inner, .info-map-boxes { margin-right: 5.55556%; margin-left: 5.55556%; } } .page { zoom: 1; position: relative; margin: 0 auto; background: white; } .page:before { content: ""; display: table; } .page:after { content: ""; display: table; clear: both; } .tao-boxed .page { max-width: 1188px; border: solid #b2b9c4; border-width: 0 1px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1188px) { .tao-boxed .page { border: 0; box-shadow: none; } } .tao-not-boxed .page { max-width: none; border: 0; box-shadow: none; } /* =========================================== * Layout in order of appearance in HTML * ======================================== */ .page-header { position: relative; z-index: 20; } .page-header.is-fixed { position: fixed; top: 0; left: 0; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .header-bar { zoom: 1; border-bottom: 1px solid #e5e8ee; font-size: 0.8125em; background: whitesmoke; } .header-bar:before { content: ""; display: table; } .header-bar:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1000px) { .header-bar { display: none; } } .tao-boxed .header-bar { max-width: 1188px; margin-right: auto; margin-left: auto; border-right: 1px solid #b2b9c4; border-left: 1px solid #b2b9c4; } @media screen and (max-width: 1188px) { .tao-boxed .header-bar { border-right: 0; border-left: 0; } } .tao-not-boxed .header-bar { max-width: none; border-right: 0; border-left: 0; } .header-bar-inner { color: #98a0ab; } @media screen and (max-width: 1000px) { .header-bar-inner { padding-right: 5.55556%; padding-left: 5.55556%; } } .header-links { float: left; margin: 0 0 0 3.7037%; padding: 0.61538em 0; } @media screen and (max-width: 1000px) { .header-links { float: none; margin-left: 0; } } .header-links.-right { float: right; margin: 0 3.7037% 0 0; } @media screen and (max-width: 1000px) { .header-links.-right { float: none; margin-right: 0; } } .header-links.-right a { margin-right: 0; margin-left: 1em; } .header-links li { display: inline; } .header-links a { display: inline-block; color: inherit; margin-right: 1em; } .header-links .icon-links-label { color: inherit; } .header-links.-secondary { padding-top: 0; padding-bottom: 0; } @media screen and (max-width: 1000px) { .header-links.-secondary > li:first-child > a { margin-left: -0.625em; } } .header-links.-secondary a { float: left; position: relative; width: 2.76923em; height: 2.76923em; overflow: hidden; margin: 0; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; color: #98a0ab; text-indent: -99em; text-decoration: none; } .header-links.-secondary a:before, .header-links.-secondary a:after { font: 1.15385em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding-top: 0.06667em; line-height: 2.40067; letter-spacing: 0; text-align: center; background: whitesmoke; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .header-links.-secondary a:after { top: 100%; color: white; background: transparent; } .header-links.-secondary a:hover:before, .header-links.-secondary a:focus:before { top: -100%; } .header-links.-secondary a:hover:after, .header-links.-secondary a:focus:after { top: 0; } .header-login, .header-dropdown { position: relative; float: right; z-index: 4; margin: 0.30769em 0.76923em -0.15385em 0; } @media screen and (max-width: 1000px) { .header-login, .header-dropdown { margin-right: -0.61538em; margin-left: 1em; } } .header-login > h1, .header-login > h2, .header-login > h3, .header-login > h4, .header-login > h5, .header-login > h6, .header-dropdown > h1, .header-dropdown > h2, .header-dropdown > h3, .header-dropdown > h4, .header-dropdown > h5, .header-dropdown > h6 { position: relative; z-index: 1; margin: 0; padding: 0.38462em 0.76923em 0.61538em; border: 1px solid transparent; border-bottom: 0; border-radius: 3px 3px 0 0; outline: none; font-weight: normal; font-size: inherit; line-height: 1.5; color: inherit; cursor: pointer; } .header-login > h1:hover, .header-login > h1:focus, .header-login > h2:hover, .header-login > h2:focus, .header-login > h3:hover, .header-login > h3:focus, .header-login > h4:hover, .header-login > h4:focus, .header-login > h5:hover, .header-login > h5:focus, .header-login > h6:hover, .header-login > h6:focus, .header-dropdown > h1:hover, .header-dropdown > h1:focus, .header-dropdown > h2:hover, .header-dropdown > h2:focus, .header-dropdown > h3:hover, .header-dropdown > h3:focus, .header-dropdown > h4:hover, .header-dropdown > h4:focus, .header-dropdown > h5:hover, .header-dropdown > h5:focus, .header-dropdown > h6:hover, .header-dropdown > h6:focus { text-decoration: underline; } .header-login > h1:hover:after, .header-login > h1:focus:after, .header-login > h2:hover:after, .header-login > h2:focus:after, .header-login > h3:hover:after, .header-login > h3:focus:after, .header-login > h4:hover:after, .header-login > h4:focus:after, .header-login > h5:hover:after, .header-login > h5:focus:after, .header-login > h6:hover:after, .header-login > h6:focus:after, .header-dropdown > h1:hover:after, .header-dropdown > h1:focus:after, .header-dropdown > h2:hover:after, .header-dropdown > h2:focus:after, .header-dropdown > h3:hover:after, .header-dropdown > h3:focus:after, .header-dropdown > h4:hover:after, .header-dropdown > h4:focus:after, .header-dropdown > h5:hover:after, .header-dropdown > h5:focus:after, .header-dropdown > h6:hover:after, .header-dropdown > h6:focus:after { text-decoration: none !important; } .header-login > h1:after, .header-login > h2:after, .header-login > h3:after, .header-login > h4:after, .header-login > h5:after, .header-login > h6:after, .header-dropdown > h1:after, .header-dropdown > h2:after, .header-dropdown > h3:after, .header-dropdown > h4:after, .header-dropdown > h5:after, .header-dropdown > h6:after { font: 0.69231em/1 "RockSolid Icons"; content: "\e015"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.11111em; margin-left: 0.44444em; } .header-dropdown:hover { color: #717c8e; } .header-login .formbody, .header-dropdown > ul { position: absolute; top: 100%; right: 0; display: none; margin-top: -1px; padding: 1em 1.53846em 1.38462em; border: 1px solid #b2b9c4; border-radius: 3px 0 3px 3px; color: #717c8e; background: white; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .header-login .formbody .error, .header-dropdown > ul .error { margin-top: 0; min-width: 21.53846em; } .header-login .formbody .login_info, .header-dropdown > ul .login_info { margin-top: 0; white-space: nowrap; } .header-login .formbody label, .header-dropdown > ul label { display: block; margin: 0 0 0.3em; font-size: 0.76923em; text-transform: uppercase; } .header-login .formbody input, .header-dropdown > ul input { width: 100%; margin: 0 0 1.07692em; padding: 0.46154em 0.92308em; border-radius: 0; font-size: 1em; } .header-login .formbody input[type=submit], .header-dropdown > ul input[type=submit] { margin: 0; } .header-login .formbody .checkbox_container, .header-dropdown > ul .checkbox_container { margin: 0 0 1.07692em; } .header-login .formbody .checkbox_container input, .header-dropdown > ul .checkbox_container input { margin-bottom: 0; } .header-login .formbody .checkbox_container label, .header-dropdown > ul .checkbox_container label { display: inline; } .header-login .formbody { min-width: 16.92308em; } .header-dropdown > ul { min-width: 150%; padding: 0.76923em 0; list-style: none; } .header-dropdown > ul li:before { content: none; } .header-dropdown > ul a, .header-dropdown > ul span.trail, .header-dropdown > ul span.active, .header-dropdown > ul span.forward { display: block; padding: 0.30769em 1.53846em; color: inherit; text-decoration: none; } .header-dropdown > ul a:hover, .header-dropdown > ul a:focus { text-decoration: underline; } .header-dropdown > ul span.trail, .header-dropdown > ul span.active, .header-dropdown > ul span.forward { font-weight: bold; } .header-login.is-active > h1, .header-login.is-active > h2, .header-login.is-active > h3, .header-login.is-active > h4, .header-login.is-active > h5, .header-login.is-active > h6, .header-dropdown:hover > h1, .header-dropdown:hover > h2, .header-dropdown:hover > h3, .header-dropdown:hover > h4, .header-dropdown:hover > h5, .header-dropdown:hover > h6, .header-dropdown:focus > h1, .header-dropdown:focus > h2, .header-dropdown:focus > h3, .header-dropdown:focus > h4, .header-dropdown:focus > h5, .header-dropdown:focus > h6 { border-color: #b2b9c4; color: #717c8e; background-color: white; } .header-login.is-active > h1:after, .header-login.is-active > h2:after, .header-login.is-active > h3:after, .header-login.is-active > h4:after, .header-login.is-active > h5:after, .header-login.is-active > h6:after { content: "\d7"; } .header-login.is-active .formbody, .header-dropdown:hover > ul, .header-dropdown:focus > ul { display: block; } .header-navigation { zoom: 1; position: relative; border-bottom: 1px solid #e5e8ee; background: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .header-navigation:before { content: ""; display: table; } .header-navigation:after { content: ""; display: table; clear: both; } .tao-boxed .header-navigation { max-width: 1188px; margin-right: auto; margin-left: auto; border-right: 1px solid #b2b9c4; border-left: 1px solid #b2b9c4; } @media screen and (max-width: 1188px) { .tao-boxed .header-navigation { border-right: 0; border-left: 0; } } .tao-not-boxed .header-navigation { max-width: none; border-right: 0; border-left: 0; } .header-navigation-inner { position: relative; height: 5.25em; min-height: 3.125em; color: #717c8e; } @media screen and (max-width: 1000px) { .header-navigation-inner { height: auto; min-height: 0; } } .logo { position: absolute; top: 17.5%; bottom: 17.5%; left: 3.7037%; margin: 0; font-size: inherit; } @media screen and (max-width: 1000px) { .logo { position: static; margin-left: 5.55556%; padding-top: 1.5em; padding-bottom: 0.75em; } } @media screen and (max-width: 1000px) { .logo { text-align: center; margin-left: 0; padding-top: 0.75em; } } .logo a { display: block; height: 100%; } @media screen and (max-width: 1000px) { .logo a { display: inline; } } .logo img { display: block; width: auto; height: 100%; } @media screen and (max-width: 1000px) { .logo img { display: inline; height: auto; max-height: 4.0625em; } } .main-navigation-wrapper { position: relative; clear: both; border: 1px solid #b2b9c4; background: white; background: -webkit-linear-gradient(#ffffff, #fafafa); background: -moz-linear-gradient(#ffffff, #fafafa); background: -o-linear-gradient(#ffffff, #fafafa); background: linear-gradient(#ffffff, #fafafa); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5); } .main-navigation { float: right; height: 100%; margin-right: 5.55556%; padding-right: 2.75em; } @media screen and (max-width: 1000px) { .main-navigation { position: relative; float: none; height: 3.125em; margin-right: 0; padding-right: 1.5em; padding-left: 1.5em; } } @media screen and (max-width: 1000px) { .main-navigation { display: none; } } .main-navigation a:before, .main-navigation span.active:before, .main-navigation span.trail:before, .main-navigation span.forward:before { content: none; display: none; } .main-navigation ul { display: inline; margin: 0; padding: 0; } .main-navigation > ul > li { position: relative; float: left; height: 100%; } .main-navigation > ul > li.-mega { position: static; } .main-navigation > ul > li:before { position: absolute; top: 50%; left: 0.5em; margin-top: -0.33333em; font-size: 0.75em; } .main-navigation > ul > li > a, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { position: relative; float: left; height: 100%; padding: 0 1.429em; font-size: 0.875em; color: #717c8e; } .main-navigation > ul > li > a:before, .main-navigation > ul > li > span.active:before, .main-navigation > ul > li > span.trail:before, .main-navigation > ul > li > span.forward:before { content: ""; display: block; height: 50%; margin-bottom: -0.71429em; } .main-navigation > ul > li > a:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after { content: ""; position: absolute; top: -1px; right: 50%; left: 50%; border-top: 2px solid #717c8e; -webkit-transition: right 0.4s ease-out, left 0.4s ease-out; -moz-transition: right 0.4s ease-out, left 0.4s ease-out; -o-transition: right 0.4s ease-out, left 0.4s ease-out; transition: right 0.4s ease-out, left 0.4s ease-out; } @media screen and (max-width: 1000px) { .main-navigation > ul > li > a:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after { top: auto; bottom: -1px; } } .main-navigation > ul > li > a:hover, .main-navigation > ul > li > a:focus { color: #1782c5; text-decoration: none; } .main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li span.active, .main-navigation > ul > li span.trail, .main-navigation > ul > li span.forward { color: #1782c5; } .main-navigation > ul > li > ul { position: absolute; top: 100%; left: 0.5em; display: block; overflow: hidden; max-height: 0; min-width: 11.25em; padding: 0; border: solid #e5e8ee; border-width: 1px 1px 2px; border-top-color: #e5e8ee; border-radius: 0 0 3px 3px; background: white; opacity: 0; box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; } .main-navigation > ul > li > ul li { position: relative; display: block; padding: 0.125em 0.375em; border-bottom: 1px solid #e5e8ee; white-space: nowrap; } .main-navigation > ul > li > ul li li { margin: 0 -0.375em; border: 0; } .main-navigation > ul > li > ul li[data-icon]:before, .main-navigation > ul > li > ul li[class^="icon-"]:before, .main-navigation > ul > li > ul li[class*=" icon-"]:before { position: absolute; top: 0.64286em; left: 0.28571em; z-index: 1; font-size: 0.875em; } .main-navigation > ul > li > ul li[data-icon] a, .main-navigation > ul > li > ul li[data-icon] span.active, .main-navigation > ul > li > ul li[data-icon] span.trail, .main-navigation > ul > li > ul li[data-icon] span.forward, .main-navigation > ul > li > ul li[class^="icon-"] a, .main-navigation > ul > li > ul li[class^="icon-"] span.active, .main-navigation > ul > li > ul li[class^="icon-"] span.trail, .main-navigation > ul > li > ul li[class^="icon-"] span.forward, .main-navigation > ul > li > ul li[class*=" icon-"] a, .main-navigation > ul > li > ul li[class*=" icon-"] span.active, .main-navigation > ul > li > ul li[class*=" icon-"] span.trail, .main-navigation > ul > li > ul li[class*=" icon-"] span.forward { padding-left: 1.71429em; } .main-navigation > ul > li > ul a, .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { position: relative; display: block; padding: 0.21429em 0.42857em; margin: 0 -0.42857em; font-size: 0.875em; } .main-navigation > ul > li > ul a { border-radius: 3px; color: #1782c5; -webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in; -moz-transition: background-color 0.6s ease-in, color 0.6s ease-in; -o-transition: background-color 0.6s ease-in, color 0.6s ease-in; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .main-navigation > ul > li > ul a:hover { text-decoration: none; color: #126498; background-color: #e5e8ee; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { color: #717c8e; } .main-navigation > ul > li > ul ul { display: block; padding-left: 0.625em; } .main-navigation > ul > li:hover:after { content: ""; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; z-index: 1; margin-top: 0.625em; } .main-navigation > ul > li:hover > a, .main-navigation > ul > li:hover > span.active, .main-navigation > ul > li:hover > span.trail, .main-navigation > ul > li:hover > span.forward { z-index: 2; } .main-navigation > ul > li:hover > a:after, .main-navigation > ul > li:hover > span.active:after, .main-navigation > ul > li:hover > span.trail:after, .main-navigation > ul > li:hover > span.forward:after { right: 1.42857em; left: 1.42857em; -webkit-transition-duration: 0.1s, 0.1s; -moz-transition-duration: 0.1s, 0.1s; -o-transition-duration: 0.1s, 0.1s; transition-duration: 0.1s, 0.1s; } .main-navigation > ul > li:hover > ul { z-index: 1; max-height: 9999px; padding: 0.875em 1em; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: auto; } .main-navigation > ul > li.last > ul { left: auto; right: -0.125em; } .mega-dropdown { position: absolute; top: 100%; left: 3.7037%; display: block; width: 92.59259%; max-height: 0; padding: 0; overflow: hidden; border: solid #e5e8ee; border-width: 1px 1px 2px; border-top-color: #e5e8ee; border-radius: 0 0 3px 3px; font-size: 0.875em; background: white; opacity: 0; box-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1); -webkit-transition: max-height 0s, padding 0s, opacity 0.3s; -webkit-transition-delay: 0.3s, 0.3s, 0s; -moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; -o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s; pointer-events: none; /* Fixes chrome text flicker */ -webkit-backface-visibility: hidden; } @media screen and (max-width: 1000px) { .mega-dropdown { background-image: none !important; left: 0; width: 100%; } } li:hover > .mega-dropdown { z-index: 1; max-height: 9999px; overflow: visible; padding: 1.57143em 3.7037%; opacity: 1; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: auto; } .mega-dropdown-column h1 { margin: 0 0 0.71429em; font-size: inherit; font-weight: bold; color: #126498; } .mega-dropdown-column h1 a { color: inherit; } .mega-dropdown-column p { margin: 1em 0; } .mega-dropdown-column ul a { display: inline-block; padding: 0.28571em 0 0.21429em; color: #1782c5; } .mega-dropdown-column ul a:hover { color: #126498; } .mega-dropdown-image { margin: 1.42857em 0; } .mega-dropdown-image img { display: block; width: 100%; height: auto; } .main-navigation-search { position: absolute; top: 50%; right: 3.7037%; z-index: 3; height: 2.85714em; min-width: 3.42857em; margin-top: -1.35714em; border-radius: 3px; overflow: hidden; font-size: 0.875em; background: white; } @media screen and (max-width: 1000px) { .main-navigation-search { right: 5.55556%; top: auto; bottom: 4.6875em; margin-top: 0; z-index: 0; } } @media screen and (max-width: 1000px) { .main-navigation-search { display: none; } } .main-navigation-search:after { content: ""; position: absolute; top: 50%; left: 0; height: 1.07143em; margin: -0.5em 0 0; border-left: 1px solid #e5e8ee; } .main-navigation-search input { /* Fixes border-radius on iOS 7 */ -webkit-appearance: none; float: right; width: 11.78571em; margin: 0.57143em 0.85714em 0 -10.35714em; padding: 0.14286em 0 0.21429em; border: 0; border-bottom: 1px solid white; border-radius: 0; font-size: inherit; background: none; box-shadow: none; -webkit-transition: margin-left 0.2s ease-out; -moz-transition: margin-left 0.2s ease-out; -o-transition: margin-left 0.2s ease-out; transition: margin-left 0.2s ease-out; } .main-navigation-search:hover, .main-navigation-search.focus { margin-right: -1px; border: 1px solid #e5e8ee; } .main-navigation-search:hover input, .main-navigation-search.focus input { margin-left: 0.85714em; border-color: #b2b9c4; box-shadow: none; } .main-navigation-search:hover:after, .main-navigation-search.focus:after { content: none; } @media screen and (max-width: 1000px) { .main-navigation-search { margin-right: -1px; border: 1px solid #e5e8ee; } .main-navigation-search input { margin-left: 0.85714em; border-color: #b2b9c4; box-shadow: none; } .main-navigation-search:after { content: none; } } .main-navigation-search button { position: absolute; top: 0; right: 0; width: 3.57143em; height: 100%; margin: 0; padding: 0; border: 0; color: #717c8e; text-align: left; text-indent: -99em; text-shadow: none; line-height: 0; background: none; box-shadow: none; } .main-navigation-search button:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-align: center; } .main-navigation-search button:hover, .main-navigation-search button:focus { color: #1782c5; } .main-navigation-mobile-open { position: absolute; top: 41px; left: 6.66667%; width: 44px; height: 39px; margin: -20px 0 0 -11px; padding: 11px; display: none; z-index: 200; text-indent: -99em; line-height: 0; } .main-navigation-mobile-open:after { content: ""; display: block; height: 3px; border-radius: 2px; background: #717c8e; box-shadow: 0 7px #717c8e, 0 14px #717c8e; } @media screen and (max-width: 1000px) { .main-navigation-mobile-open {display: block;} #targetDiv { display: none; } .info-map.ce_rsce_tao_sgpetch_googlemap div.info-map-boxes {display:block !important;} } .main-navigation-mobile-close { position: absolute; top: 0; right: -17.64706%; display: none; width: 17.64706%; height: 100%; overflow: hidden; margin: 0; padding: 0; border: 0 !important; text-indent: -99em; background: none !important; box-shadow: none !important; } .is-active > .main-navigation-mobile-close { display: block; } .main-navigation-mobile { /* Hide mobile navigation by default */ display: none; padding: 0; border-top: 1px solid black; color: white; background: #242424; } @media screen and (max-width: 1000px) { .main-navigation-mobile { display: block; } } .modernizr-js .main-navigation-mobile { display: none; } .main-navigation-mobile.is-enabled { position: absolute; top: 0; left: -85%; z-index: 201; width: 85%; min-height: 100%; -webkit-transition: left 0.2s ease-out; -moz-transition: left 0.2s ease-out; -o-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } @media screen and (max-width: 1000px) { .main-navigation-mobile.is-enabled { display: block; } } .modernizr-csstransforms3d .main-navigation-mobile.is-enabled { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; transition: transform 0.2s ease-out; } .main-navigation-mobile.is-active { left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .modernizr-csstransforms3d .main-navigation-mobile.is-active { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-navigation-mobile ul { display: block; margin: 0; padding: 0; } .main-navigation-mobile ul ul { background: #242424; box-shadow: inset 0 40px 40px -20px rgba(0, 0, 0, 0.04), inset 0 -40px 40px -20px rgba(0, 0, 0, 0.04); } .main-navigation-mobile .is-collapsed > ul { display: none; } .main-navigation-mobile li { position: relative; display: block; } .main-navigation-mobile li:before { content: none; } .main-navigation-mobile a, .main-navigation-mobile span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward { display: block; padding: 0.64286em 0.92857em 0.57143em; border-bottom: 1px solid black; color: inherit; background-color: #242424; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); -webkit-transition: background-color 0.6s ease-out; -moz-transition: background-color 0.6s ease-out; -o-transition: background-color 0.6s ease-out; transition: background-color 0.6s ease-out; } .main-navigation-mobile a:before, .main-navigation-mobile span.active:before, .main-navigation-mobile span.trail:before, .main-navigation-mobile span.forward:before { margin-right: 0.42857em; } .main-navigation-mobile a:hover, .main-navigation-mobile a:focus, .main-navigation-mobile span.active:hover, .main-navigation-mobile span.active:focus, .main-navigation-mobile span.trail:hover, .main-navigation-mobile span.trail:focus, .main-navigation-mobile span.forward:hover, .main-navigation-mobile span.forward:focus { outline: none; text-decoration: none; background-color: #171717; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .main-navigation-mobile a.active, .main-navigation-mobile a.trail, .main-navigation-mobile span.active, .main-navigation-mobile span.trail, .main-navigation-mobile span.forward { font-weight: bold; } .main-navigation-mobile a.active, .main-navigation-mobile span.active { background-color: #383838; box-shadow: inset 0 0 5px #242424; } .main-navigation-mobile li li { color: #bfbfbf; } .main-navigation-mobile li li a, .main-navigation-mobile li li span.active, .main-navigation-mobile li li span.trail, .main-navigation-mobile li li span.forward { padding-left: 1.85714em; } .main-navigation-mobile li li li a, .main-navigation-mobile li li li span.active, .main-navigation-mobile li li li span.trail, .main-navigation-mobile li li li span.forward { padding-left: 2.78571em; } .main-navigation-mobile li li li li a, .main-navigation-mobile li li li li span.active, .main-navigation-mobile li li li li span.trail, .main-navigation-mobile li li li li span.forward { padding-left: 3.71429em; } .main-navigation-mobile li li li li li a, .main-navigation-mobile li li li li li span.active, .main-navigation-mobile li li li li li span.trail, .main-navigation-mobile li li li li li span.forward { padding-left: 4.64286em; } .main-navigation-mobile .main-navigation-mobile-expand { position: absolute; top: 0.21429em; right: 0; overflow: hidden; margin: 0; padding: 0.57143em 0.92857em; border: solid transparent; border-width: 0.21429em 0; box-shadow: inset 1px 0 #1f1f1f; border-radius: 0; outline: none; line-height: 0; color: inherit; text-indent: -99em; text-shadow: none; background: none; } .main-navigation-mobile .main-navigation-mobile-expand:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; } .main-navigation-mobile .is-expanded > .main-navigation-mobile-expand:after { content: "\e00c"; } .main-navigation-mobile-search { position: relative; margin: 5%; } .main-navigation-mobile-search input, .main-navigation-mobile-search input:hover, .main-navigation-mobile-search input:focus { width: 100%; border: 1px solid black; background: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } .main-navigation-mobile-search button { position: absolute; top: 0.07143em; right: 0; width: 3.57143em; height: 100%; margin: 0; padding: 0; border: 0; text-align: left; text-indent: -99em; text-shadow: none; line-height: 0; background: none; box-shadow: none; } .main-navigation-mobile-search button:after { font: 1.14286em/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons { margin: 1em 0; text-align: center; } .main-navigation-mobile-icons.main-navigation-mobile-icons li { display: inline; padding: 0; } .main-navigation-mobile-icons.main-navigation-mobile-icons a { display: inline-block; width: 2.85714em; height: 2.85714em; overflow: hidden; padding: 0; border: 0; border-radius: 3px; box-shadow: none; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:before { font-size: 1.28571em; line-height: 2.22278; margin: 0 0 100%; color: white !important; } .main-navigation-mobile-icons.main-navigation-mobile-icons a:hover:before { color: inherit !important; } .tagline { zoom: 1; border-bottom: 1px solid #e5e8ee; background: white; } .tagline:before { content: ""; display: table; } .tagline:after { content: ""; display: table; clear: both; } .tagline .page-title { float: left; font-size: 20px; font-weight: normal; margin-top: 1.15789em; } @media screen and (max-width: 1000px) { .tagline .page-title { float: none; text-align: center; } } .tagline .mod_breadcrumb { float: right; margin: 0; padding: 2.15385em 0 1.84615em; } @media screen and (max-width: 1000px) { .tagline .mod_breadcrumb { float: none; margin: 1.69231em 0; padding: 0; text-align: center; } } .tagline .image_container { display: block; clear: both; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; } .tagline img { display: block; } .tagline-no-border .tagline { border: 0; } .tagline-inner { position: relative; /* clearfix */ overflow: hidden; color: #98a0ab; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .content-wrapper { zoom: 1; } .content-wrapper:before { content: ""; display: table; } .content-wrapper:after { content: ""; display: table; clear: both; } .tao-fullwidth .content-wrapper { max-width: none; } .centered-wrapper { zoom: 1; position: relative; clear: both; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper:before { content: ""; display: table; } .centered-wrapper:after { content: ""; display: table; clear: both; } .centered-wrapper.-border-top { border-top: 1px solid #b2b9c4; } .centered-wrapper.-border-bottom { border-bottom: 1px solid #b2b9c4; } .centered-wrapper.-color-inverted { color: white; } .centered-wrapper.-highlight-color { background-color: #8570a6; } .centered-wrapper.-background-color-1 { background-color: #353d47; } .centered-wrapper.-background-color-2 { background-color: whitesmoke; } .centered-wrapper.-small { min-height: 300px; } @media screen and (max-width: 1000px) { .centered-wrapper.-small { min-height: 200px; } } .centered-wrapper.-medium { min-height: 600px; } @media screen and (max-width: 1000px) { .centered-wrapper.-medium { min-height: 400px; } } .centered-wrapper.-large { min-height: 900px; } @media screen and (max-width: 1000px) { .centered-wrapper.-large { min-height: 600px; } } .centered-wrapper.-background-mousemove, .centered-wrapper.-background-mousemove-inverted, .centered-wrapper.-background-parallax { overflow: hidden; } .centered-wrapper-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: 50% 50% no-repeat; background-size: cover; } .centered-wrapper-background video { /* Change this to `object-fit: cover;` once all browsers support it, */ /* see http://stackoverflow.com/a/20851590 */ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .-background-mousemove > .centered-wrapper-background, .-background-mousemove-inverted > .centered-wrapper-background { right: -12%; } .centered-wrapper-inner { position: relative; } .centered-wrapper-inner.-fullwidth { max-width: none; margin: 0; } /* =========================================== * Content * ======================================== */ h1, h2 { line-height: 1.3; } h3, h4, h5, h6 { line-height: 1.5; font-weight: normal; } .main-content { float: right; width: 59.25926%; margin: 1.5em 7.40741% 3.75em 0; } @media screen and (max-width: 1000px) { .main-content { float: none; width: auto; margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-no-sidebar .main-content { float: none; width: auto; margin-left: 3.57143%; margin-right: 3.57143%; } @media screen and (max-width: 1000px) { .tao-no-sidebar .main-content { margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-sidebar-right .main-content { float: left; margin-right: 0; margin-left: 7.40741%; } @media screen and (max-width: 1000px) { .tao-sidebar-right .main-content { float: none; margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-fullwidth .main-content { margin: 0; } .tao-3-columns .main-content { width: 48.14815%; margin-right: 25.92593%; } @media screen and (max-width: 1000px) { .tao-3-columns .main-content { width: auto; margin-right: 5.55556%; } } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { margin-top: 0.75em; margin-bottom: 1.5em; } .main-content p > span[style] { padding: 0 0.1875em; } .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { margin-top: 0.75em; margin-bottom: 0.3em; font-weight: normal; } .main-content h1 { font-size: 2em; font-weight: bold; color: #717c8e; } .main-content .-color-inverted h1 { color: white; } .main-content h2 { font-size: 1.5em; color: #717c8e; } .main-content .-color-inverted h2 { color: #b2b9c4; } .main-content h3 { font-size: 1.3em; } .main-content h4 { font-size: 1.1em; } .main-content h5 { font-size: 1em; line-height: 1.50056; } .main-content h6 { font-size: 0.8em; line-height: 1.50063; letter-spacing: 0.0625em; color: #717c8e; text-transform: uppercase; } .-color-inverted .main-content h6 { color: #b2b9c4; } .main-content ul, .main-content ol { padding-left: 1.25em; } .main-content ul li[data-icon], .main-content ul li[class^="icon-"], .main-content ul li[class*=" icon-"], .main-content ol li[data-icon], .main-content ol li[class^="icon-"], .main-content ol li[class*=" icon-"] { list-style: none; } .main-content ul li[data-icon]:before, .main-content ul li[class^="icon-"]:before, .main-content ul li[class*=" icon-"]:before, .main-content ol li[data-icon]:before, .main-content ol li[class^="icon-"]:before, .main-content ol li[class*=" icon-"]:before { left: -1.25em; width: 0; color: #8570a6; } .main-content ul { list-style: disc; } .main-content ul ul { margin-top: 0; } .main-content ol { padding-left: 1.25em; list-style: decimal; } .main-content ol ol, .main-content ol ul { margin-top: 0; } .main-content ol ol { padding-left: 1.5em; list-style: upper-alpha; } .main-content ol ol ol { list-style: lower-roman; } .main-content ol ol ol ol { list-style: lower-alpha; } .main-content blockquote { position: relative; margin: 1.28571em 0 1.28571em 1.90476em; font-size: 1.3125em; line-height: 1.33381; color: #717c8e; } .-color-inverted .main-content blockquote { color: #b2b9c4; } @media screen and (max-width: 1000px) { .main-content blockquote { margin-left: 12.5%; } } .main-content blockquote small, .main-content blockquote i, .main-content blockquote em { font-size: 0.7619em; line-height: 1.5625; font-style: normal; } .main-content blockquote:before { content: "\201c"; position: absolute; top: 0; left: -0.47619em; margin: 0.47619em 0 0 -0.08333em; font-size: 4em; font-weight: bold; line-height: 0; opacity: 0.5; } @media screen and (max-width: 1000px) { .main-content blockquote:before { left: -12.5%; margin-left: -0.11905em; } } .main-content img { max-width: 100%; height: auto !important; } .main-content .gm-style img { max-width: none; } .main-content .rsts-main { /*margin: 24px 0; */ } .main-content .main-slider { margin: 0; } /* =========================================== * Forms * ======================================== */ form h1, form h2, form h3, form h4, form h5, form h6 { clear: both; } form .form-row { position: relative; clear: both; } form p b.error, form p.error { margin: 0; display: block; color: #df3763; } input, textarea { padding: 0.85714em 1.35714em; line-height: normal; border: 1px solid #b2b9c4; border-bottom-color: #a4acb9; border-radius: 3px; font-size: 0.875em; color: inherit; background: white; } .valid input, .valid textarea { border-color: #b5da44; } .invalid input, input.error, .invalid textarea, textarea.error { border-color: #df3763; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* multiple rules, because user agents are required to ignore a rule with an unknown selector */ color: #98a0ab; } input:-moz-placeholder, textarea:-moz-placeholder { color: #98a0ab; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #98a0ab; } input::placeholder, textarea::placeholder { color: #98a0ab; } input:hover, textarea:hover { border-color: #a4acb9 #a4acb9 #98a1b0; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } input:focus, textarea:focus { border-color: #8570a6; } .-color-inverted input, .-color-inverted textarea { background: #353d47; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"] { outline: none; } input[type="checkbox"], input[type="radio"], input[type="image"] { width: auto !important; height: auto !important; margin: 0; padding: 0; border: 0; box-shadow: none; } input[type="checkbox"] { vertical-align: middle; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } input[type="radio"] { vertical-align: middle; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; background: none; } input[type="file"] { height: auto; padding: 0; border: 0; /* IE8 and IE9 */ border: 1px solid #b2b9c4 \9; background: none; box-shadow: none; } button, input[type="submit"] { margin-top: 1.125em; } textarea { height: 200px; resize: vertical; line-height: 1.5; outline: none; } fieldset { margin: 1.125em 0; border: 1px solid #b2b9c4; } fieldset legend { padding: 0 0.3125em; } fieldset + br { /* Kill
that Contao injects */ display: none; } .main-content form .form-row { margin-top: 1.125em; margin-bottom: 1.125em; } .main-content label { display: block; margin-bottom: 0.35714em; font-size: 0.875em; color: #717c8e; } .-color-inverted .main-content label { color: #b2b9c4; } .main-content label .mandatory { margin-left: 0.14286em; color: #8570a6; } .main-content input[type="checkbox"] + label { display: inline; } .main-content fieldset p { margin: 0; } .main-content fieldset label { display: inline; margin: 0; } .main-content fieldset label:after { /* add line break after label */ content: "\A"; white-space: pre; } .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 75%; } @media screen and (max-width: 1000px) { .main-content input, .main-content textarea, .main-content select, .main-content fieldset { width: 100%; } } .main-content button, .main-content input[type="submit"] { width: auto; } @media screen and (max-width: 1000px) { .main-content button, .main-content input[type="submit"] { width: 100%; } } .explanation p, .captcha_text p { margin: 0; } .explanation { font-size: 0.875em; margin: -0.85714em 0 1.71429em; color: #717c8e; } .-color-inverted .explanation { color: #b2b9c4; } .captcha_text { display: block; } label .captcha_text { display: inline; } .sidebar form input, .sidebar form textarea, .sidebar form select, .sidebar form fieldset, .sidebar form button { width: 100%; } .sidebar form label { display: block; margin-bottom: 0.3125em; font-size: 1em; } .sidebar form input[type="checkbox"], .sidebar form input[type="radio"], .sidebar form input[type="image"] { width: auto; } /* =========================================== * Content elements * ======================================== */ .image_container { position: relative; display: inline-block; padding: 0.75em; border: 1px solid #b2b9c4; border-radius: 2px; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .image_container.no-border, .no-border .image_container { padding: 0; border: 0; box-shadow: none; background: none; } .image_container.float_above { margin-top: 1.5em; } .image_container.float_below { margin-bottom: 1.5em; } .image_container img { display: block; width: 100%; height: auto; } .image_container a { position: relative; display: block; overflow: hidden; /* Fixes IE bug */ text-decoration: none; } .image_container a:hover:before, .image_container a:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); } .image_container a:hover:after, .image_container a:focus:after { font: 1.5em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -0.5em; color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } .image_container a:hover img, .image_container a:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .image_container figcaption, .image_container .caption { /* overwrite elements style attribute */ width: 100% !important; padding: 0.42857em 0 0; font-size: 0.875em; color: #717c8e; } .image_container.float_right, .image_container.float_left { float: right; width: 37.5% !important; margin: 1.5em 0 1.125em 6.25%; } @media screen and (max-width: 1000px) { .image_container.float_right, .image_container.float_left { margin-left: 0; float: none !important; width: auto !important; width: auto !important; } } .tao-no-sidebar .image_container.float_right, .tao-no-sidebar .image_container.float_left { margin: 0.5em 0 1em 4%; width: 24% !important; } @media screen and (max-width: 1000px) { .tao-no-sidebar .image_container.float_right, .tao-no-sidebar .image_container.float_left { margin-left: 6.25%; width: 37.5% !important; } } @media screen and (max-width: 1000px) { .tao-no-sidebar .image_container.float_right, .tao-no-sidebar .image_container.float_left { margin-left: 0; width: auto !important; } } .no-resize .image_container.float_right, .tao-no-sidebar .no-resize .image_container.float_right, .image_container.float_right.no-resize, .tao-no-sidebar .image_container.float_right.no-resize, .no-resize .image_container.float_left, .tao-no-sidebar .no-resize .image_container.float_left, .image_container.float_left.no-resize, .tao-no-sidebar .image_container.float_left.no-resize { width: auto !important; } .image_container.float_left { float: left; margin: 0.5em 6.25% 1em 0; } @media screen and (max-width: 1000px) { .image_container.float_left { margin-right: 0; } } .tao-no-sidebar .image_container.float_left { margin: 0.5em 3.84615% 1em 0; } @media screen and (max-width: 1000px) { .tao-no-sidebar .image_container.float_left { margin-right: 6.25%; } } @media screen and (max-width: 1000px) { .tao-no-sidebar .image_container.float_left { margin-right: 0; } } .ce_youtube-wrapper { position: relative; margin: 1.5em 0; /* ratio 16 to 9 */ padding-bottom: 56.25%; height: 0; overflow: hidden; } .ce_youtube-wrapper iframe, .ce_youtube-wrapper object, .ce_youtube-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-video, .mejs-audio { margin: 1.25em 0; background: transparent; } .mejs-video button, .mejs-audio button { -webkit-appearance: button; -moz-appearance: button; appearance: button; border-radius: 0; box-shadow: none; } .ce_gallery > ul.cols_1 > li { width: 100%; } .ce_gallery > ul.cols_2 > li { width: 49.25%; } .ce_gallery > ul.cols_3 > li { width: 32.33333%; } .ce_gallery > ul.cols_4 > li { width: 23.875%; } .ce_gallery > ul.cols_5 > li { width: 18.8%; } .ce_gallery > ul.cols_6 > li { width: 15.41667%; } .ce_gallery > ul.cols_7 > li { width: 13%; } .ce_gallery > ul.cols_8 > li { width: 11.1875%; } .ce_gallery > ul.cols_9 > li { width: 9.77778%; } .ce_gallery > ul.cols_10 > li { width: 8.65%; } .ce_gallery > ul.cols_11 > li { width: 7.72727%; } .ce_gallery > ul.cols_12 > li { width: 6.95833%; } @media screen and (max-width: 1000px) { .ce_gallery.ce_gallery > ul > li { /* doubled class for specificity */ width: auto; } } .ce_gallery.no-resize > ul > li { width: auto; } .main-content .ce_gallery { margin: 1.5em 0; } .ce_gallery > ul { zoom: 1; margin: 0 !important; padding: 0 0 1.5% 0 !important; list-style: none !important; } .ce_gallery > ul:before { content: ""; display: table; } .ce_gallery > ul:after { content: ""; display: table; clear: both; } .ce_gallery > ul > li { float: left; width: 23.875%; margin: 1.5% 0 0 1.5%; } @media screen and (max-width: 1000px) { .ce_gallery > ul > li { margin-left: 0; margin-right: 1.5%; } } .ce_gallery > ul > li.col_first { clear: left; margin-left: 0; } @media screen and (max-width: 1000px) { .ce_gallery > ul > li.col_first { clear: none; } } .ce_gallery > ul > li.col_last { /* for rounding failures */ margin-right: -1%; } @media screen and (max-width: 1000px) { .ce_gallery > ul > li.col_last { margin-right: 1.5%; } } .ce_gallery > ul > li > .image_container { display: block; width: 100%; } .ce_gallery img { width: 100%; height: auto; } .enclosure, .sidebar .enclosure, .ce_downloads, .sidebar .ce_downloads { margin: 1.6875em 0; padding: 1.25em 1.875em; border: 1px solid #b2b9c4; border-radius: 3px; } .enclosure h1, .enclosure h2, .enclosure h3, .enclosure h4, .enclosure h5, .enclosure h6, .sidebar .enclosure h1, .sidebar .enclosure h2, .sidebar .enclosure h3, .sidebar .enclosure h4, .sidebar .enclosure h5, .sidebar .enclosure h6, .ce_downloads h1, .ce_downloads h2, .ce_downloads h3, .ce_downloads h4, .ce_downloads h5, .ce_downloads h6, .sidebar .ce_downloads h1, .sidebar .ce_downloads h2, .sidebar .ce_downloads h3, .sidebar .ce_downloads h4, .sidebar .ce_downloads h5, .sidebar .ce_downloads h6 { margin: -1.75em -2.58333em 1.66667em; padding: 0.66667em 1.66667em; border-radius: 3px 3px 0 0; font-size: 0.75em; font-weight: bold; letter-spacing: 0.08333em; color: white; text-transform: uppercase; background: #717c8e; } .enclosure h1:before, .enclosure h2:before, .enclosure h3:before, .enclosure h4:before, .enclosure h5:before, .enclosure h6:before, .sidebar .enclosure h1:before, .sidebar .enclosure h2:before, .sidebar .enclosure h3:before, .sidebar .enclosure h4:before, .sidebar .enclosure h5:before, .sidebar .enclosure h6:before, .ce_downloads h1:before, .ce_downloads h2:before, .ce_downloads h3:before, .ce_downloads h4:before, .ce_downloads h5:before, .ce_downloads h6:before, .sidebar .ce_downloads h1:before, .sidebar .ce_downloads h2:before, .sidebar .ce_downloads h3:before, .sidebar .ce_downloads h4:before, .sidebar .ce_downloads h5:before, .sidebar .ce_downloads h6:before { font: 1.16667em/1 "RockSolid Icons"; content: "\e06d"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: 0.07143em; float: right; } .enclosure ul, .enclosure p, .sidebar .enclosure ul, .sidebar .enclosure p, .ce_downloads ul, .ce_downloads p, .sidebar .ce_downloads ul, .sidebar .ce_downloads p { margin: 0; padding: 0; list-style: none; } .ce_accordion { color: #717c8e; } .ce_accordion[data-icon], .ce_accordion[class^="icon-"], .ce_accordion[class*=" icon-"] { position: relative; } .ce_accordion[data-icon]:before, .ce_accordion[class^="icon-"]:before, .ce_accordion[class*=" icon-"]:before { position: absolute; top: 1em; left: 1em; z-index: 1; font-size: 1em; } .ce_accordion[data-icon] .toggler, .ce_accordion[class^="icon-"] .toggler, .ce_accordion[class*=" icon-"] .toggler { padding-left: 3.125em; } .ce_accordion .toggler { position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.6875em 2.5em 0.8125em 1.25em; border: 1px solid #b2b9c4; border-radius: 3px; outline: none; font-weight: none; cursor: pointer; background: white; } .ce_accordion .toggler:after { font: 0.8125em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 1.38462em; right: 1.53846em; } .ce_accordion .toggler:hover { color: #1782c5; text-decoration: none; } .ce_accordion .toggler.ui-accordion-header-active:after { content: "\2212"; } .ce_accordion + .ce_accordion .toggler { border-radius: 0 0 3px 3px; } .ce_accordion .accordion { position: relative; /* collapse borders */ margin-bottom: -2px; padding: 0.0625em 1.25em; border: 1px solid #b2b9c4; border-top-color: #d8dce1; border-radius: 0 0 3px 3px; background: #e5e5e5; } .icon-boxes { zoom: 1; margin: 2.75em 0; } .icon-boxes:before { content: ""; display: table; } .icon-boxes:after { content: ""; display: table; clear: both; } .icon-boxes > h1, .icon-boxes > h2, .icon-boxes > h3, .icon-boxes > h4, .icon-boxes > h5, .icon-boxes > h6 { margin-top: 0; margin-bottom: 1em; } .icon-boxes-item { position: relative; display: block; font-size: 0.875em; color: #717c8e; text-align: center; text-decoration: none; } .icon-boxes-item.-align-left { text-align: left; } .icon-boxes-item.-align-right { text-align: right; } .icon-boxes-item.-color-inverted, .-color-inverted .icon-boxes-item { color: white; } .icon-boxes-item.-color-inverted:before, .icon-boxes-item.-color-inverted.-inverted-icon:before, .-color-inverted .icon-boxes-item:before, .-color-inverted .icon-boxes-item.-inverted-icon:before { border-color: white; color: white; background-color: transparent; } .icon-boxes-item.-color-inverted h2, .-color-inverted .icon-boxes-item h2 { color: white; } .icon-boxes-item.-boxed { top: 1.78571em; /* margin-top can not be used here because it's set by .rs-column */ margin-bottom: 1.78571em; /* padding: 0 1.42857em 1.42857em; */ padding: 0 0 1.42857em; border: 1px solid #b2b9c4; border-radius: 3px; } .icon-boxes-item.-boxed.-headline-icon { top: auto; margin-bottom: 0; padding-top: 1.42857em; } .icon-boxes-item.-boxed:before { top: -0.46875em; margin-top: -0.46875em; margin-bottom: 0.125em; } .icon-boxes-item.-background-color { padding: 1.42857em; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 3px; } .icon-boxes-item.-background-color:before { background-color: inherit; } .icon-boxes-item.-background-color:hover:before, .icon-boxes-item.-background-color:focus:before { background-color: inherit; } .icon-boxes-item.-boxed.-background-color { padding: 0 1.42857em 1.42857em; } .icon-boxes-item:hover, .icon-boxes-item:focus { text-decoration: none; } .icon-boxes-item:before { width: 1em; height: 1em; margin: 0 0 0.59375em; padding: 0.34375em; border: 0.09375em solid #8570a6; border-radius: 100%; font-size: 2.28571em; color: #8570a6; text-align: center; background: transparent; -webkit-transition-property: opacity, -webkit-transform, color, background; -moz-transition-property: opacity, -moz-transform, color, background; -o-transition-property: opacity, -o-transform, color, background; transition-property: opacity, transform, color, background; -webkit-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; -moz-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; -o-transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; transition-duration: 0.2s, 0.2s, 0.2s, 0.8s; } .not-in-view > .icon-boxes-item:before, .does-repeat.not-in-view > .icon-boxes-item:before, .does-repeat .not-in-view > .icon-boxes-item:before { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .does-repeat.in-view > .icon-boxes-item:before, .does-repeat .in-view > .icon-boxes-item:before, .has-shown > .icon-boxes-item:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .icon-boxes-item:nth-of-type(12n+1):before { -webkit-transition-delay: 0.1s, 0.1s, 0, 0; -moz-transition-delay: 0.1s, 0.1s, 0, 0; -o-transition-delay: 0.1s, 0.1s, 0, 0; transition-delay: 0.1s, 0.1s, 0, 0; } .icon-boxes-item:nth-of-type(12n+2):before { -webkit-transition-delay: 0.2s, 0.2s, 0, 0; -moz-transition-delay: 0.2s, 0.2s, 0, 0; -o-transition-delay: 0.2s, 0.2s, 0, 0; transition-delay: 0.2s, 0.2s, 0, 0; } .icon-boxes-item:nth-of-type(12n+3):before { -webkit-transition-delay: 0.3s, 0.3s, 0, 0; -moz-transition-delay: 0.3s, 0.3s, 0, 0; -o-transition-delay: 0.3s, 0.3s, 0, 0; transition-delay: 0.3s, 0.3s, 0, 0; } .icon-boxes-item:nth-of-type(12n+4):before { -webkit-transition-delay: 0.4s, 0.4s, 0, 0; -moz-transition-delay: 0.4s, 0.4s, 0, 0; -o-transition-delay: 0.4s, 0.4s, 0, 0; transition-delay: 0.4s, 0.4s, 0, 0; } .icon-boxes-item:nth-of-type(12n+5):before { -webkit-transition-delay: 0.5s, 0.5s, 0, 0; -moz-transition-delay: 0.5s, 0.5s, 0, 0; -o-transition-delay: 0.5s, 0.5s, 0, 0; transition-delay: 0.5s, 0.5s, 0, 0; } .icon-boxes-item:nth-of-type(12n+6):before { -webkit-transition-delay: 0.6s, 0.6s, 0, 0; -moz-transition-delay: 0.6s, 0.6s, 0, 0; -o-transition-delay: 0.6s, 0.6s, 0, 0; transition-delay: 0.6s, 0.6s, 0, 0; } .icon-boxes-item:nth-of-type(12n+7):before { -webkit-transition-delay: 0.7s, 0.7s, 0, 0; -moz-transition-delay: 0.7s, 0.7s, 0, 0; -o-transition-delay: 0.7s, 0.7s, 0, 0; transition-delay: 0.7s, 0.7s, 0, 0; } .icon-boxes-item:nth-of-type(12n+8):before { -webkit-transition-delay: 0.8s, 0.8s, 0, 0; -moz-transition-delay: 0.8s, 0.8s, 0, 0; -o-transition-delay: 0.8s, 0.8s, 0, 0; transition-delay: 0.8s, 0.8s, 0, 0; } .icon-boxes-item:nth-of-type(12n+9):before { -webkit-transition-delay: 0.9s, 0.9s, 0, 0; -moz-transition-delay: 0.9s, 0.9s, 0, 0; -o-transition-delay: 0.9s, 0.9s, 0, 0; transition-delay: 0.9s, 0.9s, 0, 0; } .icon-boxes-item:nth-of-type(12n+10):before { -webkit-transition-delay: 1s, 1s, 0, 0; -moz-transition-delay: 1s, 1s, 0, 0; -o-transition-delay: 1s, 1s, 0, 0; transition-delay: 1s, 1s, 0, 0; } .icon-boxes-item:nth-of-type(12n+11):before { -webkit-transition-delay: 1.1s, 1.1s, 0, 0; -moz-transition-delay: 1.1s, 1.1s, 0, 0; -o-transition-delay: 1.1s, 1.1s, 0, 0; transition-delay: 1.1s, 1.1s, 0, 0; } .icon-boxes-item:nth-of-type(12n+12):before { -webkit-transition-delay: 1.2s, 1.2s, 0, 0; -moz-transition-delay: 1.2s, 1.2s, 0, 0; -o-transition-delay: 1.2s, 1.2s, 0, 0; transition-delay: 1.2s, 1.2s, 0, 0; } .icon-boxes-item.-inverted-icon:before { border-color: #8570a6; color: white; background-color: #8570a6; } .icon-boxes-item.-large-icon:before { font-size: 2.71429em; /* IE9 - IE11 */ font-size: 2.375rem; } .icon-boxes-item.-headline-icon { text-align: left; } .icon-boxes-item.-headline-icon:before { float: left; top: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; } .icon-boxes-item.-headline-icon h2 { padding: 0.09524em 0 0 2.19048em; } .icon-boxes-item:hover:before, .icon-boxes-item:focus:before { color: #3262aa !important; background-color: #8570a6; } .icon-boxes-item:hover.-inverted-icon:before, .icon-boxes-item:focus.-inverted-icon:before { color: #8570a6; background-color: white; } .icon-boxes-item:hover.-headline-icon:before, .icon-boxes-item:focus.-headline-icon:before { color: #8570a6; background: none; } .icon-boxes-item h2 { margin: 0 0 0.66667em; font-family: Lato, sans-serif; font-style: normal; font-size: 1.5em; color: #242424; } .icon-boxes-item p { margin: 0.5em 0; } .icon-boxes-item-link.-link { color: #1782c5; } .icon-boxes-item:hover > .icon-boxes-item-link.-link, .icon-boxes-item:focus > .icon-boxes-item-link.-link { text-decoration: underline; } .-color-inverted .icon-boxes-item-link { color: white; } .rotating-boxes { zoom: 1; margin: 4% 0; } .rotating-boxes:before { content: ""; display: table; } .rotating-boxes:after { content: ""; display: table; clear: both; } .rotating-boxes-item { position: relative; color: #717c8e; text-decoration: none; -webkit-perspective: 750px; -moz-perspective: 750px; -ms-perspective: 750px; -o-perspective: 750px; perspective: 750px; } .rotating-boxes-item:hover, .rotating-boxes-item:focus, .rotating-boxes-item.hover { text-decoration: none; } .rotating-boxes-item:hover > .rotating-boxes-item-cover, .rotating-boxes-item:focus > .rotating-boxes-item-cover, .rotating-boxes-item.hover > .rotating-boxes-item-cover { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .rotating-boxes-item:hover > .rotating-boxes-item-content, .rotating-boxes-item:focus > .rotating-boxes-item-content, .rotating-boxes-item.hover > .rotating-boxes-item-content { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } .rotating-boxes-item-cover, .rotating-boxes-item-content { position: relative; border: 1px solid #b2b9c4; border-radius: 3px; background: white; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .rotating-boxes-item-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #8570a6; } .rotating-boxes-item-cover:before, .rotating-boxes-item-cover:after { position: absolute; top: 50%; left: 50%; } .rotating-boxes-item-cover:before { margin: -1em 0 0 -0.5em; font-size: 2.625em; } .rotating-boxes-item-cover:after { content: attr(data-headline); left: 0; width: 100%; margin: 0.35714em 0 0; font-size: 1.75em; text-align: center; } .rotating-boxes-item-content { overflow: hidden; margin: -1em; padding: 1em 3.14286em; font-size: 0.875em; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .rotating-boxes-item-content:before { position: absolute; top: 0; right: 0; margin: -0.3em; font-size: 14.28571em; color: #8570a6; opacity: 0.2; } .rotating-boxes-item-content h2 { position: relative; margin: 0.66667em 0; font-size: 1.5em; color: #8570a6; } .-color-inverted .rotating-boxes-item-content h2 { color: #8570a6; } .rotating-boxes-item-content p { position: relative; margin: 1em 0; } .rotating-boxes-item-content .rotating-boxes-item-link { margin-top: 0; } .teaser-boxes, .team-boxes { margin: 2.5em 0; zoom: 1; } .teaser-boxes:before, .team-boxes:before { content: ""; display: table; } .teaser-boxes:after, .team-boxes:after { content: ""; display: table; clear: both; } .teaser-boxes > h1, .team-boxes > h1, .teaser-boxes > h2, .team-boxes > h2, .teaser-boxes > h3, .team-boxes > h3, .teaser-boxes > h4, .team-boxes > h4, .teaser-boxes > h5, .team-boxes > h5, .teaser-boxes > h6, .team-boxes > h6 { margin-top: 0; margin-bottom: 1.5em; } .teaser-boxes-item, .team-boxes-item { font-size: 0.875em; text-decoration: none; color: inherit; outline: none; } .teaser-boxes-item.-align-center, .-align-center.team-boxes-item { text-align: center; } .teaser-boxes-item.-align-right, .-align-right.team-boxes-item { text-align: right; } .-color-inverted .teaser-boxes-item, .-color-inverted .team-boxes-item { color: #b2b9c4; } .-boxed > .teaser-boxes-item, .-boxed > .team-boxes-item { color: #717c8e; } .teaser-boxes-item .image-wrapper, .team-boxes-item .image-wrapper { position: relative; display: block; overflow: hidden; outline: none; } .teaser-boxes-item .image-wrapper.-image-circle, .team-boxes-item .image-wrapper.-image-circle { border-radius: 99em; overflow: hidden; /* Fixes hover in Chrome */ opacity: 0.99; } .teaser-boxes-item .image-wrapper.-image-circle img, .team-boxes-item .image-wrapper.-image-circle img { /* Fixes android bug with border-radius and overflow */ border-radius: 99em; } .teaser-boxes-item .image-wrapper, .team-boxes-item .image-wrapper, .teaser-boxes-item .no-image, .team-boxes-item .no-image { margin-bottom: 1.28571em; } .-boxed > .teaser-boxes-item .image-wrapper, .-boxed > .team-boxes-item .image-wrapper, .-boxed > .teaser-boxes-item .no-image, .-boxed > .team-boxes-item .no-image { margin: -1.42857em -1.42857em 1.28571em; } .-boxed > .teaser-boxes-item, .-boxed > .team-boxes-item { overflow: hidden; padding: 1.42857em; border: 1px solid #b2b9c4; border-radius: 3px; outline: none; background-color: white; } .teaser-boxes-item img, .team-boxes-item img { display: block; width: 100%; height: auto; } .teaser-boxes-item .no-image, .team-boxes-item .no-image { display: block; padding-top: 75%; background: #e5e8ee; } .teaser-boxes-item h1, .team-boxes-item h1 { margin: 0 0 0.33333em; font-size: 1.28571em; -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .-color-inverted .teaser-boxes-item h1, .-color-inverted .team-boxes-item h1 { color: white; } .-color-inverted .-boxed .teaser-boxes-item h1, .-color-inverted .-boxed .team-boxes-item h1 { color: #242424; } .teaser-boxes-item h2, .team-boxes-item h2 { margin: 0; font-size: 1em; font-weight: normal; } .teaser-boxes-item p, .team-boxes-item p { margin: 0.42857em 0; } .teaser-boxes-item a, .team-boxes-item a { margin-top: 0.57143em; } .-color-inverted .teaser-boxes-item a, .-color-inverted .team-boxes-item a { color: inherit; } .teaser-boxes-item .image-wrapper.-has-hover:hover, .team-boxes-item .image-wrapper.-has-hover:hover, .teaser-boxes-item .image-wrapper.-has-hover:focus, .team-boxes-item .image-wrapper.-has-hover:focus { outline: none; } .teaser-boxes-item .image-wrapper.-has-hover:hover:before, .team-boxes-item .image-wrapper.-has-hover:hover:before, .teaser-boxes-item .image-wrapper.-has-hover:focus:before, .team-boxes-item .image-wrapper.-has-hover:focus:before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); } .teaser-boxes-item .image-wrapper.-has-hover:hover img, .team-boxes-item .image-wrapper.-has-hover:hover img, .teaser-boxes-item .image-wrapper.-has-hover:focus img, .team-boxes-item .image-wrapper.-has-hover:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .teaser-boxes-item a.image-wrapper.-has-hover:hover, .team-boxes-item a.image-wrapper.-has-hover:hover, .teaser-boxes-item a.image-wrapper.-has-hover:focus, .team-boxes-item a.image-wrapper.-has-hover:focus { /* Fixes IE bug */ text-decoration: none; } .teaser-boxes-item a.image-wrapper.-has-hover:hover:after, .team-boxes-item a.image-wrapper.-has-hover:hover:after, .teaser-boxes-item a.image-wrapper.-has-hover:focus:after, .team-boxes-item a.image-wrapper.-has-hover:focus:after { font: 1.5em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -0.5em; color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } .team-boxes-item h1 { font-size: 1.14286em; } .team-boxes-item .hover-image { position: absolute; top: auto; bottom: -100%; left: 0; width: 100%; -webkit-transition: bottom 0.2s ease-out; -moz-transition: bottom 0.2s ease-out; -o-transition: bottom 0.2s ease-out; transition: bottom 0.2s ease-out; } .team-boxes-item:hover .hover-image { bottom: 0; } .team-boxes-item > ul { margin: 0.57143em 0; padding: 0; list-style-type: none; } .team-boxes-item > ul li { display: inline; } .team-boxes-item > ul a { display: inline-block; overflow: hidden; padding: 0.57143em 0.57143em 0 0.07143em; outline: none; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; text-indent: -99em; text-decoration: none; } .team-boxes-item > ul a:before { content: none; } .team-boxes-item > ul a:after { font: 1.28571em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; letter-spacing: 0; color: #aab0bb !important; } .team-boxes-item > ul a:hover:after, .team-boxes-item > ul a:focus:after { color: inherit !important; } .highlight-box { /* clearfix */ overflow: hidden; display: table; width: 100%; margin: 1.5em 0; padding: 1.11111em 1.11111em; border: 1px solid #b2b9c4; border-radius: 3px; font-size: 1.125em; line-height: 1.50056; color: #717c8e; } .highlight-box-inner { display: table-cell; vertical-align: middle; text-align: right; } @media screen and (max-width: 1000px) { .highlight-box-inner { display: block; margin-top: 1em; text-align: left; } } .highlight-box-inner:first-child { width: 65%; text-align: left; } @media screen and (max-width: 1000px) { .highlight-box-inner:first-child { width: auto; margin-top: 0; } } .highlight-box-inner h1:first-child, .highlight-box-inner h2:first-child, .highlight-box-inner h3:first-child, .highlight-box-inner h4:first-child, .highlight-box-inner p:first-child, .highlight-box-inner ul:first-child, .highlight-box-inner ol:first-child { margin: 0; } .highlight-box-inner p:last-child { margin-bottom: 0; } .highlight-box-link { font-size: 0.77778em; } .testimonial, .main-content .testimonial { margin: 1.5em 0; font-size: 1em; line-height: 1.56313; } .testimonial:before, .main-content .testimonial:before { content: none; } .-color-inverted .testimonial, .-color-inverted .main-content .testimonial { color: white; } .testimonial > p, .main-content .testimonial > p { position: relative; margin: 0; padding: 1.0625em 1.25em 1.125em; border: 1px solid #b2b9c4; border-radius: 3px; } .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: ""; position: absolute; top: 100%; left: 4.375em; width: 0; height: 0; border: solid transparent; border-top-color: #a4acb9; border-style: solid; border-width: 16px 16px 0 0; } @media screen and (max-width: 1000px) { .testimonial > p:before, .testimonial > p:after, .main-content .testimonial > p:before, .main-content .testimonial > p:after { content: none; } } .testimonial > p:after, .main-content .testimonial > p:after { margin-left: 1px; border-top-color: white; border-width: 14px 14px 0 0; } .testimonial.-large, .main-content .testimonial.-large { margin: 2em 0; font-size: 1.125em; text-align: center; } .testimonial.-large:before, .main-content .testimonial.-large:before { content: "\201c"; position: static; display: block; margin: 0 0 -0.05556em; line-height: 1; } .testimonial.-large > p, .main-content .testimonial.-large > p { padding: 0; border: 0; font-size: 1.33333em; font-weight: 300; } @media screen and (max-width: 1000px) { .testimonial.-large > p, .main-content .testimonial.-large > p { font-size: 1.11111em; } } .testimonial.-large > p:before, .testimonial.-large > p:after, .main-content .testimonial.-large > p:before, .main-content .testimonial.-large > p:after { content: none; } .testimonial-author, .testimonial .testimonial-author { /* clearfix */ overflow: hidden; padding: 1em 0 0 0; font-size: 1em; } .testimonial-author img, .testimonial .testimonial-author img { float: left; width: 3.25em; height: auto; margin-left: 1.3125em; border: 1px solid #e5e8ee; border: 1px solid rgba(113, 124, 142, 0.5); border-radius: 100%; } @media screen and (max-width: 1000px) { .testimonial-author img, .testimonial .testimonial-author img { margin-left: 0; } } .testimonial-author > small, .testimonial .testimonial-author > small { float: left; margin: 0.375em 0 0 1.25em; font-size: inherit; line-height: 1.2; } .testimonial-author > small b, .testimonial .testimonial-author > small b { display: block; font-size: 0.875em; font-weight: 300; } .testimonial-author > img + small, .testimonial-author > picture + small, .testimonial .testimonial-author > img + small, .testimonial .testimonial-author > picture + small { margin-left: 0.875em; } .testimonial.-large .testimonial-author { display: inline-block; min-height: 5.33333em; padding-top: 2em; text-align: left; } @media screen and (max-width: 1000px) { .testimonial.-large .testimonial-author { text-align: center; } } .testimonial.-large .testimonial-author > small { margin-left: 0; text-align: center; } .testimonial.-large .testimonial-author img { margin-left: 0; } @media screen and (max-width: 1000px) { .testimonial.-large .testimonial-author img { display: block; float: none; margin-right: auto; margin-left: auto; } } .testimonial.-large .testimonial-author > img + small, .testimonial.-large .testimonial-author > picture + small { margin-left: 0.875em; text-align: left; } @media screen and (max-width: 1000px) { .testimonial.-large .testimonial-author > img + small, .testimonial.-large .testimonial-author > picture + small { margin-left: 0; text-align: center; } } .pricing-table { zoom: 1; margin: 2.75em 0; } .pricing-table:before { content: ""; display: table; } .pricing-table:after { content: ""; display: table; clear: both; } .pricing-table > h1, .pricing-table > h2, .pricing-table > h3, .pricing-table > h4, .pricing-table > h5, .pricing-table > h6 { margin-top: 0; } .pricing-table-plan { position: relative; float: left; width: 33.33333%; margin: 0.875em -1px 0 0; border: 1px solid #b2b9c4; text-align: center; } @media screen and (max-width: 1000px) { .pricing-table-plan { float: none; width: auto !important; border-radius: 3px; margin-bottom: 1.6875em; } } .pricing-table-plan:first-of-type { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pricing-table-plan:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } @media screen and (max-width: 1000px) { .pricing-table-plan:last-of-type { margin-bottom: 0; } } .-columns-1 > .pricing-table-plan { width: 100%; } .-columns-1 > .pricing-table-plan.-highlighted { width: 103%; } .-columns-2 > .pricing-table-plan { width: 50%; } .-columns-2 > .pricing-table-plan.-highlighted { width: 53%; } .-columns-3 > .pricing-table-plan { width: 33.33333%; } .-columns-3 > .pricing-table-plan.-highlighted { width: 36.33333%; } .-columns-4 > .pricing-table-plan { width: 25%; } .-columns-4 > .pricing-table-plan.-highlighted { width: 28%; } .-columns-5 > .pricing-table-plan { width: 20%; } .-columns-5 > .pricing-table-plan.-highlighted { width: 23%; } .-columns-6 > .pricing-table-plan { width: 16.66667%; } .-columns-6 > .pricing-table-plan.-highlighted { width: 19.66667%; } .pricing-table-plan.-highlighted { z-index: 1; width: 36.33333%; margin-right: -1.5%; margin-left: -1.5%; padding-bottom: 1.25em; border-radius: 3px; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } .pricing-table-plan.-highlighted h1 { margin: -0.9375em -1px 0; padding-top: 1.8125em; border-radius: 3px 3px 0 0; color: white; background: #8570a6; } .pricing-table-plan h1 { margin: 0; padding: 0.875em 0; border-bottom: 1px solid #e5e8ee; font-size: inherit; color: inherit; } .pricing-table-plan p { margin: 0; padding: 0.375em 0; border-bottom: 1px solid #e5e8ee; font-size: 3em; line-height: 1; } .pricing-table-plan p b { display: inline-block; vertical-align: super; margin-left: -0.83333em; font-weight: normal; font-size: 0.5em; color: #717c8e; } .pricing-table-plan p i { display: block; font-style: normal; font-size: 0.29167em; color: #717c8e; } .pricing-table-plan ul { margin: 0 0 -1px 0; padding: 0; list-style: none; font-size: 0.875em; color: #717c8e; } .pricing-table-plan li { display: block; padding: 0.5em; border-bottom: 1px solid #e5e8ee; -webkit-transition: background-color 0.3s ease-in; -moz-transition: background-color 0.3s ease-in; -o-transition: background-color 0.3s ease-in; transition: background-color 0.3s ease-in; } .pricing-table-plan li:hover { background-color: #e5e8ee; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .pricing-table-plan a { font-size: 0.75em; margin: 1.5em 0; padding: 0.83333em 1.66667em 0.75em; } .info-table { overflow: auto; border: 0; } .info-table td, .info-table th { border-width: 0 0 1px; } .info-table .image-cell { padding: 20% 10%; text-align: center; } @media screen and (max-width: 1000px) { .info-table .image-cell { padding: 0 0 5%; } } .feature-box { zoom: 1; position: relative; overflow: hidden; } .feature-box:before { content: ""; display: table; } .feature-box:after { content: ""; display: table; clear: both; } .feature-box.-image-centered { text-align: center; } .feature-box.-vertical-centered { display: table; table-layout: fixed; /* Fixes IE bug */ width: 100%; } .feature-box.-small { min-height: 300px; } @media screen and (max-width: 1000px) { .feature-box.-small { min-height: 200px; } } .feature-box.-medium { min-height: 600px; } @media screen and (max-width: 1000px) { .feature-box.-medium { min-height: 400px; } } .feature-box.-large { min-height: 900px; } @media screen and (max-width: 1000px) { .feature-box.-large { min-height: 600px; } } .feature-box.-headline-dropshadow h1 { text-shadow: 0 0 3px rgba(0, 0, 0, 0.45); } .feature-box-text { margin: 6.25em 48% 6.25em 0; color: #717c8e; } @media screen and (max-width: 1000px) { .feature-box-text { margin-right: 37.5%; } } @media screen and (max-width: 1000px) { .feature-box-text { margin: 2.25em 0; } } .-image-left > .feature-box-text { margin-right: 0; margin-left: 48%; } @media screen and (max-width: 1000px) { .-image-left > .feature-box-text { margin-left: 37.5%; } } @media screen and (max-width: 1000px) { .-image-left > .feature-box-text { margin-left: 0; } } .-image-centered > .feature-box-text { margin-right: 16%; margin-left: 16%; } @media screen and (max-width: 1000px) { .-image-centered > .feature-box-text { margin-right: 0; margin-left: 0; } } .-image-centered > .feature-box-text + .feature-box-image { margin-top: -2.25em; } @media screen and (max-width: 1000px) { .-image-centered > .feature-box-text + .feature-box-image { margin-top: 0; } } .-vertical-centered > .feature-box-text { display: table-cell; vertical-align: middle; width: 56.0%; margin: 0; padding: 4.5em 4% 4.5em 0; } @media screen and (max-width: 1000px) { .-vertical-centered > .feature-box-text { width: 68.75%; } } @media screen and (max-width: 1000px) { .-vertical-centered > .feature-box-text { display: block; width: auto; padding-right: 0; } } .-vertical-centered.-image-left > .feature-box-text { padding-right: 0; padding-left: 4%; } @media screen and (max-width: 1000px) { .-vertical-centered.-image-left > .feature-box-text { padding-left: 0; } } .-vertical-centered.-image-centered > .feature-box-text { width: 100%; padding-right: 20%; padding-left: 20%; } @media screen and (max-width: 1000px) { .-vertical-centered.-image-centered > .feature-box-text { padding-right: 0; padding-left: 0; } } .-no-image > .feature-box-text { width: 100%; } .-color-inverted .feature-box-text { color: white; } .no-margin .feature-box-text { margin: 0; padding: 0; } .no-margin-top .feature-box-text { margin-top: 0; padding-top: 0; } .no-margin-bottom .feature-box-text { margin-bottom: 0; padding-bottom: 0; } .feature-box-text h1 { margin: 0; color: #242424; } @media screen and (max-width: 1000px) { .feature-box-text h1 { font-size: 1.57143em; } } .feature-box-text h1 + a { margin-top: 1.71429em; } .-color-inverted .feature-box-text h1 { color: white; } .feature-box-text h1.-small, .feature-box-text h2.-small, .feature-box-text h3.-small { font-size: 1.3125em; } .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 2.375em; } @media screen and (max-width: 1000px) { .feature-box-text h1.-medium, .feature-box-text h2.-medium, .feature-box-text h3.-medium { font-size: 1.875em; } } .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2.875em; } @media screen and (max-width: 1000px) { .feature-box-text h1.-large, .feature-box-text h2.-large, .feature-box-text h3.-large { font-size: 2em; } } .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 3.625em; } @media screen and (max-width: 1000px) { .feature-box-text h1.-super-size, .feature-box-text h2.-super-size, .feature-box-text h3.-super-size { font-size: 2.25em; } } .feature-box-text p { font-size: 1.125em; } .feature-box-image { display: block; float: right; width: 44%; margin: 3em 0 3em 4%; } @media screen and (max-width: 1000px) { .feature-box-image { width: 31.25%; } } @media screen and (max-width: 1000px) { .feature-box-image { width: 100%; } } .-image-left > .feature-box-image { float: left; margin-right: 4%; margin-left: 0; } @media screen and (max-width: 1000px) { .-image-left > .feature-box-image { float: none; margin-right: 0; } } .-image-centered > .feature-box-image { float: none; width: 64%; margin-right: auto; margin-left: auto; } @media screen and (max-width: 1000px) { .-image-centered > .feature-box-image { width: 100%; } } .-image-centered > .feature-box-image + .feature-box-text { margin-top: 3em; } .-image-top > .feature-box-image { margin-top: 0; } .-image-bottom > .feature-box-image { position: absolute; bottom: 0; right: 0; margin: 0; } @media screen and (max-width: 1000px) { .-image-bottom > .feature-box-image { position: static; margin-bottom: 3em; } } .-image-bottom.-image-left > .feature-box-image { right: auto; left: 0; } .-vertical-centered > .feature-box-image { display: table-cell; vertical-align: middle; float: none; margin: 0; padding: 3em 0; } @media screen and (max-width: 1000px) { .-vertical-centered > .feature-box-image { display: block; padding-top: 1.5em; padding-bottom: 1.5em; } } .-image-rounded > .feature-box-image img { border-radius: 99em; } .in-view > .feature-box-text, .rsts-slide.rsts-active .feature-box-text, .in-view > .feature-box-image, .rsts-slide.rsts-active .feature-box-image { -webkit-transition: opacity 0.6s linear, -webkit-transform 0.6s ease-out; -moz-transition: opacity 0.6s linear, -moz-transform 0.6s ease-out; -o-transition: opacity 0.6s linear, -o-transform 0.6s ease-out; transition: opacity 0.6s linear, transform 0.6s ease-out; } .rsts-slide.rsts-preactive .feature-box-text, .rsts-slide.rsts-inactive .feature-box-text, .rsts-slide.rsts-preactive .feature-box-image, .rsts-slide.rsts-inactive .feature-box-image { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .not-in-view > .feature-box-text.-fade, .rsts-slide.rsts-preactive .feature-box-text.-fade, .rsts-slide.rsts-inactive .feature-box-text.-fade, .not-in-view > .feature-box-image.-fade, .rsts-slide.rsts-preactive .feature-box-image.-fade, .rsts-slide.rsts-inactive .feature-box-image.-fade { opacity: 0; } .in-view > .feature-box-text.-fade, .rsts-slide.rsts-active .feature-box-text.-fade, .in-view > .feature-box-image.-fade, .rsts-slide.rsts-active .feature-box-image.-fade { opacity: 1; } .not-in-view > .feature-box-text.-move, .rsts-slide.rsts-preactive .feature-box-text.-move, .rsts-slide.rsts-inactive .feature-box-text.-move, .not-in-view > .feature-box-image.-move, .rsts-slide.rsts-preactive .feature-box-image.-move, .rsts-slide.rsts-inactive .feature-box-image.-move { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .not-in-view > .feature-box-text.-move-right, .rsts-slide.rsts-preactive .feature-box-text.-move-right, .rsts-slide.rsts-inactive .feature-box-text.-move-right, .not-in-view > .feature-box-image.-move-right, .rsts-slide.rsts-preactive .feature-box-image.-move-right, .rsts-slide.rsts-inactive .feature-box-image.-move-right { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .not-in-view > .feature-box-text.-move-top, .rsts-slide.rsts-preactive .feature-box-text.-move-top, .rsts-slide.rsts-inactive .feature-box-text.-move-top, .not-in-view > .feature-box-image.-move-top, .rsts-slide.rsts-preactive .feature-box-image.-move-top, .rsts-slide.rsts-inactive .feature-box-image.-move-top { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } .not-in-view > .feature-box-text.-move-bottom, .rsts-slide.rsts-preactive .feature-box-text.-move-bottom, .rsts-slide.rsts-inactive .feature-box-text.-move-bottom, .not-in-view > .feature-box-image.-move-bottom, .rsts-slide.rsts-preactive .feature-box-image.-move-bottom, .rsts-slide.rsts-inactive .feature-box-image.-move-bottom { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .in-view > .feature-box-text.-move, .rsts-slide.rsts-active .feature-box-text.-move, .in-view > .feature-box-image.-move, .rsts-slide.rsts-active .feature-box-image.-move { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .feature-box-text img, .feature-box-image img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .counter-boxes { zoom: 1; text-align: center; margin: 3.125em 0; } .counter-boxes:before { content: ""; display: table; } .counter-boxes:after { content: ""; display: table; clear: both; } .counter-boxes > h1 { margin: 0 0 1.1875em 0; font-size: 1.75em; color: inherit; } .-color-inverted .counter-boxes > h1 { color: white; } .counter-boxes > h2 { margin: 0 0 1.80952em 0; font-size: 1.3125em; color: #717c8e; } .-color-inverted .counter-boxes > h2 { color: #b2b9c4; } .-color-inverted.-highlight-color .counter-boxes > h2 { color: #3b304d; } .counter-boxes > h1 + h2 { margin-top: -1.33333em; } .counter-boxes-item { text-decoration: none; color: inherit; } .counter-boxes-item:link:hover, .counter-boxes-item:link:focus { text-decoration: none; } .counter-boxes-item:link:hover:before, .counter-boxes-item:link:focus:before { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .counter-boxes-item:before { margin: 0; font-size: 2.25em; color: #717c8e; } .-color-inverted .counter-boxes-item:before { color: #b2b9c4; } .-color-inverted.-highlight-color .counter-boxes-item:before { color: #3b304d; } .counter-boxes-item p { margin: 0.06944em -0.5em 0.16667em; font-size: 4.5em; line-height: 1; color: #8570a6; font-weight: 300; } @media screen and (max-width: 1000px) { .counter-boxes-item p { font-size: 2.875em; } } @media screen and (max-width: 1000px) { .counter-boxes-item p { font-size: 2.25em; } } .-color-inverted.-highlight-color .counter-boxes-item p { color: #3b304d; } .counter-boxes-item h1 { margin: 0; font-size: 1.5em; color: inherit; } @media screen and (max-width: 1000px) { .counter-boxes-item h1 { font-size: 1.25em; } } .counter-boxes-item h2 { margin: 0.28571em 0 0; font-size: 0.875em; color: #717c8e; } .-color-inverted .counter-boxes-item h2 { color: #b2b9c4; } .headline-box { margin: 2.25em 0; text-align: center; } .headline-box.-align-left { text-align: left; } .headline-box.-align-right { text-align: right; } .headline-box:before { display: block; width: 1.95455em; height: 1.95455em; margin: 0 auto 0.27273em auto; border-radius: 100%; font-size: 2.75em; font-weight: normal; line-height: 2.00023; text-align: center; background: white; background: rgba(255, 255, 255, 0.6); } .-color-inverted .headline-box:before { background: #353d47; background: rgba(53, 61, 71, 0.6); } .headline-box h1 { margin: 0; font-size: 1.5em; font-weight: normal; color: inherit; } @media screen and (max-width: 1000px) { .headline-box h1 { font-size: 1.3125em; } } .headline-box h1.-bold { font-weight: bold; } .headline-box h1.-small { font-size: 1.5em; } .headline-box h1.-medium { font-size: 2em; } @media screen and (max-width: 1000px) { .headline-box h1.-medium { font-size: 1.5em; } } .headline-box h1.-large { font-size: 2.25em; } @media screen and (max-width: 1000px) { .headline-box h1.-large { font-size: 1.75em; } } .headline-box h1.-super-size { font-size: 2.625em; } @media screen and (max-width: 1000px) { .headline-box h1.-super-size { font-size: 2em; } } .headline-box h2 { margin: 0.44444em 0 0; font-size: 1.125em; font-weight: normal; line-height: 1.5; color: #717c8e; } .-color-inverted.-highlight-color .headline-box h2 { color: #3b304d; } .-color-inverted .headline-box h2 { color: #b2b9c4; } .headline-box h2.-small { font-size: 1.125em; } .headline-box h2.-medium { font-size: 1.5em; } @media screen and (max-width: 1000px) { .headline-box h2.-medium { font-size: 1.3125em; } } .headline-box h2.-large { font-size: 1.75em; } @media screen and (max-width: 1000px) { .headline-box h2.-large { font-size: 1.5em; } } .headline-box h2.-super-size { font-size: 2.25em; } @media screen and (max-width: 1000px) { .headline-box h2.-super-size { font-size: 1.625em; } } .headline-box.-button-inline h1, .headline-box.-button-inline h2 { display: inline; } @media screen and (max-width: 1000px) { .headline-box.-button-inline h1, .headline-box.-button-inline h2 { display: block; } } h1 + .headline-box-link, h2 + .headline-box-link { margin-top: 1.92857em; } .headline-box-link.-quaternary { color: inherit; } .-align-left > .headline-box-link { float: right; margin: -0.14286em 0 0 3.14286em; } @media screen and (max-width: 1000px) { .-align-left > .headline-box-link { float: none; margin: 0 0 1em; } } .-align-right > .headline-box-link { float: left; margin: -0.14286em 3.14286em 0 0; } @media screen and (max-width: 1000px) { .-align-right > .headline-box-link { float: none; margin: 0 0 1em; } } .-button-inline > .headline-box-link { margin: 0 0 0 2.14286em; } @media screen and (max-width: 1000px) { .-button-inline > .headline-box-link { margin: 1em 0 0; } } .projects { zoom: 1; clear: both; } .projects:before { content: ""; display: table; } .projects:after { content: ""; display: table; clear: both; } .projects-item { position: relative; float: left; overflow: hidden; border-top: 5px solid #e5e8ee; color: inherit; } .projects-item:nth-of-type(even) { border-top-color: #b2b9c4; } .projects-item.-large-col-1-1 { width: 100%; } .projects-item.-large-col-2-1 { width: 50%; } .projects-item.-large-col-3-1 { width: 33.33333%; } .projects-item.-large-col-4-1 { width: 25%; } .projects-item.-large-col-5-1 { width: 20%; } .projects-item.-large-col-6-1 { width: 16.66667%; } .projects-item.-large-col-7-1 { width: 14.28571%; } .projects-item.-large-col-8-1 { width: 12.5%; } .projects-item.-large-col-9-1 { width: 11.11111%; } .projects-item.-large-col-10-1 { width: 10%; } @media screen and (min-width: 1188px) { .projects-item.-verylarge-col-1-1 { width: 100%; } .projects-item.-verylarge-col-2-1 { width: 50%; } .projects-item.-verylarge-col-3-1 { width: 33.33333%; } .projects-item.-verylarge-col-4-1 { width: 25%; } .projects-item.-verylarge-col-5-1 { width: 20%; } .projects-item.-verylarge-col-6-1 { width: 16.66667%; } .projects-item.-verylarge-col-7-1 { width: 14.28571%; } .projects-item.-verylarge-col-8-1 { width: 12.5%; } .projects-item.-verylarge-col-9-1 { width: 11.11111%; } .projects-item.-verylarge-col-10-1 { width: 10%; } } @media screen and (max-width: 1000px) { .projects-item.-medium-col-1-1 { width: 100%; } .projects-item.-medium-col-2-1 { width: 50%; } .projects-item.-medium-col-3-1 { width: 33.33333%; } .projects-item.-medium-col-4-1 { width: 25%; } .projects-item.-medium-col-5-1 { width: 20%; } .projects-item.-medium-col-6-1 { width: 16.66667%; } .projects-item.-medium-col-7-1 { width: 14.28571%; } .projects-item.-medium-col-8-1 { width: 12.5%; } .projects-item.-medium-col-9-1 { width: 11.11111%; } .projects-item.-medium-col-10-1 { width: 10%; } } @media screen and (max-width: 1000px) { .projects-item.-small-col-1-1 { width: 100%; } .projects-item.-small-col-2-1 { width: 50%; } .projects-item.-small-col-3-1 { width: 33.33333%; } .projects-item.-small-col-4-1 { width: 25%; } .projects-item.-small-col-5-1 { width: 20%; } .projects-item.-small-col-6-1 { width: 16.66667%; } .projects-item.-small-col-7-1 { width: 14.28571%; } .projects-item.-small-col-8-1 { width: 12.5%; } .projects-item.-small-col-9-1 { width: 11.11111%; } .projects-item.-small-col-10-1 { width: 10%; } } .projects-item h1 { position: absolute; bottom: -3.125em; left: 0; width: 100%; margin: 0; padding: 0.625em 0 0.6875em; font-size: 1em; color: inherit; text-align: center; background: white; background: rgba(255, 255, 255, 0.9); -webkit-transition: bottom 0.4s ease-out; -moz-transition: bottom 0.4s ease-out; -o-transition: bottom 0.4s ease-out; transition: bottom 0.4s ease-out; } .projects-item h1:before { content: ""; position: absolute; left: 50%; top: -8px; width: 0; height: 0; border: 8px solid transparent; border-color: rgba(255, 255, 255, 0); border-top: 0; border-bottom-color: white; border-bottom-color: rgba(255, 255, 255, 0.9); } .projects-item:hover h1, .projects-item:focus h1 { bottom: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .projects-item-image { position: relative; display: block; overflow: hidden; } .projects-item-image img { display: block; width: 100%; height: auto; } .projects-item-image-hover { position: absolute; top: -100%; left: 0; width: 100%; -webkit-transition: top 0.4s ease-out; -moz-transition: top 0.4s ease-out; -o-transition: top 0.4s ease-out; transition: top 0.4s ease-out; } .projects-item:hover .projects-item-image-hover, .projects-item:focus .projects-item-image-hover { top: 0; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .google-map { position: relative; padding-bottom: 56.25%; } .google-map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .info-map { position: relative; clear: both; } .info-map-gmap { height: 29.375em; } @media screen and (max-width: 1000px) { .info-map-gmap { height: 20em; /* Add area for touch scrolling */ margin-right: 5.55556%; margin-left: 5.55556%; } } .info-map-gmap:hover ~ .info-map-boxes { opacity: 0.2; } .info-map-gmap.-no-hover:hover ~ .info-map-boxes { opacity: 1; } .info-map-boxes { zoom: 1; position: relative; margin-top: -7.25em; margin-bottom: 2.75em; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .info-map-boxes:before { content: ""; display: table; } .info-map-boxes:after { content: ""; display: table; clear: both; } @media screen and (max-width: 1000px) { .info-map-boxes { margin-top: 1.375em; } } .info-map-boxes-item { padding: 0.71429em 1.42857em; border-radius: 3px; font-size: 0.875em; color: inherit; background: white; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 7px rgba(0, 0, 0, 0.15); } .info-map-boxes-item:before { float: right; margin: 0; padding: 0.15152em 0 0.45455em 0.30303em; font-size: 4.71429em; color: #8570a6; background: white; } .info-map-boxes-item:hover, .info-map-boxes-item:focus { text-decoration: none; } .info-map-boxes-item h1 { margin: 0.57143em 0; padding: 0 0 0.21429em; border-bottom: 1px solid #e5e8ee; color: #8570a6; font-size: 1em; font-weight: bold; text-transform: uppercase; } .info-map-boxes-item p { margin: 0.57143em 0; } .info-map-boxes-item-link { color: #1782c5; } .icon-buttons { text-align: center; margin: 2.25em 0; } .icon-buttons h3 { margin: 0; font-size: 1.125em; font-weight: normal; } .icon-buttons ul { margin: 1.25em 0; padding: 0; list-style: none; } .icon-buttons li { display: inline; } .icon-buttons a { display: inline-block; width: 2.5em; height: 2.5em; overflow: hidden; margin: 0 0.5em; border: 2px solid #242424; border-radius: 3px; color: inherit; text-indent: -99em; line-height: 0; } .icon-buttons a:before { content: none; } .icon-buttons a:after { font: 1.5em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; line-height: 1.58375; } .icon-buttons a:hover, .icon-buttons a:focus { text-decoration: none; background: #242424; background: rgba(36, 36, 36, 0.25); } .-color-inverted .icon-buttons a { border-color: white; } .-color-inverted .icon-buttons a:hover, .-color-inverted .icon-buttons a:focus { background: white; background: rgba(255, 255, 255, 0.25); } .icon-links li { padding-bottom: 0.4375em; } .icon-links a { text-decoration: none; } .icon-links a:hover span { text-decoration: underline; } .icon-links-label { color: #1782c5; } /* =========================================== * Modules (Search, FAQ, News, Events, Comments, Sitemap etc.) * ======================================== */ .mod_breadcrumb { font-size: 0.8125em; } .mod_breadcrumb ul, .mod_breadcrumb li { display: inline; margin: 0; padding: 0; } .mod_breadcrumb li:before { content: " \A0 / \A0 "; } .mod_breadcrumb li:first-child:before { content: none; } .mod_breadcrumb a { color: inherit; text-decoration: underline; } .mod_breadcrumb a:hover { text-decoration: none; } .back a:before, .previous a:before, .next a:after { font: 0.75em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: -0.16667em; margin-right: 0.5em; vertical-align: middle; } .next a:after { content: "\e019"; margin-right: 0; margin-left: 0.5em; } .pagination > p { text-align: center; } .pagination ul { list-style-type: none !important; text-align: center; } .pagination li { display: inline-block; } .pagination li a, .pagination li span { padding: 4px 12px; background-color: white; } .pagination li .current { border-bottom: 1px solid #e5e8ee; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); } .news-image-teaser { position: relative; margin: 2.25em 0; padding-left: 12.5%; } @media screen and (max-width: 1000px) { .news-image-teaser { padding-left: 0; } } .news-image-teaser a { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .news-image-teaser img { display: block; width: 100%; height: auto; margin: 0; } .news-image-teaser h1 { display: block; margin: 0.75em 0 0.25em; padding: 0 0 0.41667em; border-bottom: 1px solid #e5e8ee; font-size: 1.5em; color: inherit; } .news-image-teaser h1 a { color: inherit; } .news-image-teaser h1 a:hover { color: #1782c5; text-decoration: none; } .news-image-teaser p { margin: 0.625em 0; color: #717c8e; } .news-image-teaser .news-image-teaser-info { margin: 0 0 0.93333em; font-size: 0.9375em; color: #717c8e; } .news-image-teaser-meta { float: left; position: relative; left: -12.5%; width: 9.375%; margin-bottom: -6.25em; line-height: 1; text-align: center; border-right: 1px solid #e5e8ee; } @media screen and (max-width: 1000px) { .news-image-teaser-meta { position: absolute; top: 0; left: 0; width: 18.75%; border-right: 0; background: white; } .news-image-teaser-meta + h1 { padding-top: 3.75em; } } .news-image-teaser-meta time { font-size: 2.125em; font-weight: bold; } .news-image-teaser-meta b { display: block; margin: -0.05556em 0 0.44444em; font-size: 0.52941em; font-weight: inherit; color: #717c8e; text-transform: uppercase; } .news-image-teaser-meta .comment-count { display: block; padding: 0.25em 0; border-top: 1px solid #e5e8ee; color: #717c8e; } .news-image-teaser-meta .comment-count:before { font: 100%/1 "RockSolid Icons"; content: "\e053"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; bottom: 0.0625em; margin-right: 0.16667em; font-size: 0.75em; } .news-image-teaser-meta .comment-count:hover { color: #1782c5; text-decoration: none; } .news-list-boxed { zoom: 1; margin: 2.75em 0; } .news-list-boxed:before { content: ""; display: table; } .news-list-boxed:after { content: ""; display: table; clear: both; } .news-list-boxed-item { padding: 1.07143em; border: 1px solid #b2b9c4; border-radius: 3px; font-size: 0.875em; color: #717c8e; } .news-list-boxed-item h1 { margin: 0.38095em 0 0; font-size: 1.5em; font-weight: bold; line-height: 1.38143; color: #717c8e; } .news-list-boxed-item h1 a { color: inherit; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } .news-list-boxed-item h1 a:hover { color: #1782c5; text-decoration: none; } .news-list-boxed-item p { margin: 1em 0; } .news-list-boxed-item .news-list-boxed-item-info { margin-top: 0.66667em; padding-bottom: 0.5em; font-size: 0.85714em; border-bottom: 1px solid #e5e8ee; } .news-list-boxed-item-image { position: relative; display: block; overflow: hidden; } .news-list-boxed-item-image.-no-image { padding-bottom: 56.81818%; background: #717c8e; } .news-list-boxed-item-image:hover, .news-list-boxed-item-image:focus { opacity: 0.8; } .news-list-boxed-item-image:hover img, .news-list-boxed-item-image:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .news-list-boxed-item-image img { display: block; width: 100%; height: auto; } .news-list-boxed-item-image time { position: absolute; top: 50%; left: 0; width: 100%; margin: -0.77778em 0 0; font-size: 2.57143em; font-weight: bold; color: white; text-align: center; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .news-boxes { zoom: 1; margin: 2.75em 0; } .news-boxes:before { content: ""; display: table; } .news-boxes:after { content: ""; display: table; clear: both; } .news-boxes-item h1 { margin: 0; font-size: 1.125em; font-weight: bold; color: inherit; } .news-boxes-item h1 a { display: block; color: inherit; text-decoration: none; } .news-boxes-item h1 a:hover, .news-boxes-item h1 a:focus { color: #1782c5; } .news-boxes-item p { margin: 0.5em 0; } .news-boxes-item .news-boxes-item-more { position: relative; margin: -0.9375em 0 0 0; } .news-boxes-item .news-boxes-item-more a { position: relative; top: 0; display: block; height: 2.0625em; color: white; color: transparent; text-decoration: none; background: white; box-shadow: 0 -7px 10px -7px rgba(0, 0, 0, 0.2), 0 -8px 10px 7px rgba(255, 255, 255, 0.5); -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .news-boxes-item .news-boxes-item-more a:after { font: 1.5em/1 "RockSolid Icons"; content: "\e009"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 50%; width: 3.66667em; height: 100%; margin: 0 0 0 -1.83333em; padding: 0.20833em 0 0; border: 1px solid #e5e8ee; border-top: 0; border-radius: 0 0 1px 1px; color: #242424; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); } .news-boxes-item .news-boxes-item-more a:hover, .news-boxes-item .news-boxes-item-more a:focus { top: 1.25em; } .news-boxes-item .news-boxes-item-more a:hover:before, .news-boxes-item .news-boxes-item-more a:focus:before { content: ""; position: absolute; top: -1.25em; left: 0; height: 1.25em; width: 100%; } .news-boxes-item .news-boxes-item-more a:hover:after, .news-boxes-item .news-boxes-item-more a:focus:after { color: #1782c5; } .news-boxes-item-image { display: block; overflow: hidden; } .news-boxes-item-image.-no-image { padding-bottom: 56.81818%; background: #717c8e; } .news-boxes-item-image:hover, .news-boxes-item-image:focus { opacity: 0.8; } .news-boxes-item-image:hover img, .news-boxes-item-image:focus img { -webkit-filter: blur(2px); -moz-filter: blur(2px); filter: blur(2px); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .news-boxes-item-image img { display: block; width: 100%; height: auto; } .news-boxes-item-info { margin: 0; font-size: 0.875em; color: #717c8e; } .main-content .mod_calendar { margin: 1.5em 0; } .mod_calendar th.previous a:after, .mod_calendar th.previous a:before, .mod_calendar th.next a:after, .mod_calendar th.next a:before { display: none; } .mod_calendar th.current { border-right: 0; border-left: 0; text-align: center; } .mod_calendar th.current:before { font: 16px/1 "RockSolid Icons"; content: "\e037"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 6px; } .mod_calendar th.previous { border-right: 0; } .mod_calendar th.next { border-left: 0; text-align: right; } .mod_calendar th.label { font-size: 0.75em; text-align: center; text-transform: uppercase; letter-spacing: 0.07143em; } @media screen and (max-width: 1000px) { .mod_calendar th.label > span { display: none; } } .mod_calendar td { vertical-align: top; width: 14.28571%; } @media screen and (max-width: 1000px) { .mod_calendar td { text-align: center; } } .mod_calendar td.today { font-weight: bold; background-color: #b2b9c4; } .mod_calendar .event { font-size: 0.75em; } .mod_calendar .minicalendar td { padding: 0.1875em; text-align: center; } .mod_eventlist > .header { font-weight: bold; } .mod_eventlist .event > h2 { margin-top: 0; font-size: 1.5em; } .mod_faqlist ul { list-style: none; padding-left: 0; } .mod_faqlist li:before { font: 100%/1 "RockSolid Icons"; content: "\e0f7"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.5em; } .mod_faqpage section { margin: 2.25em 0; padding-left: 4.5em; } .mod_faqpage h3 { position: relative; margin: 1em 0; padding: 0.47619em 0 0.71429em; border-bottom: 1px solid #e5e8ee; font-size: 1.3125em; } .mod_faqpage h3:before, .mod_faqpage h3 + *:before { content: "Q"; position: absolute; top: 0; left: -2.57143em; width: 1em; padding: 0.35714em 0.39286em 0.42857em; border-radius: 100%; font-size: 1.33333em; line-height: 1; color: white; text-align: center; background: #8570a6; } .mod_faqpage h3 + * { position: relative; } .mod_faqpage h3 + *:before { content: "A"; left: -3.75em; font-size: 1em; } .mod_faqpage p { margin-top: 0.75em; margin-bottom: 0.75em; } .mod_faqpage .info { font-size: 0.8125em; color: #717c8e; } .mod_faqreader .info { font-size: 0.8125em; color: #717c8e; } .mod_login form p.error { float: none; width: auto; margin: 1.125em 0; } .mod_login input { width: 80%; } @media screen and (max-width: 1000px) { .mod_login input { width: 100%; } } .mod_login table { border: 0; box-shadow: none; } .mod_login table td { border: 0; padding: 0.375em 0; } .mod_search { margin: 1.6875em 0; } .mod_search form input { vertical-align: middle; } .mod_search form input[type="search"] { width: 74.375%; margin: 0; padding-top: 0.75em; padding-bottom: 0.75em; } .mod_search form input[type="submit"] { width: 25%; margin: 0 -2% 0 0; } @media screen and (max-width: 1000px) { .mod_search form input[type="submit"] { padding-right: 0; padding-left: 0; } } .mod_search .relevance { float: right; margin-top: 0.71429em; font-size: 0.58333em; } .mod_search .header { padding-bottom: 0.3125em; border-bottom: 1px solid #b2b9c4; color: #717c8e; } .mod_search .highlight { padding: 0 0.25em; font-weight: bold; background: #d0e6f3; } .mod_search .url { padding-bottom: 1.42857em; border-bottom: 1px dotted #b2b9c4; font-size: 0.875em; color: #717c8e; } .mod_search .url:before { font: 100%/1 "RockSolid Icons"; content: "\e0b5"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.35714em; } .mod_search .url .filesize { font-size: 0.85714em; } .comment_default { margin: 1.6875em 0; padding: 1.25em 6.25% 0; border: 1px solid #b2b9c4; border-radius: 3px; font-size: 1em; background: white; background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } .comment_default .info { margin-top: 0; border-bottom: 1px solid #b2b9c4; } .comment_default .reply { margin-left: 6.66667%; } .comment_default .reply .info { font-weight: bold; } .ce_comments .form { margin-top: 2.25em; } .ce_comments .form .widget { margin-top: 1.5em; } .ce_comments .form .widget:nth-of-type(-n+4) { float: left; width: 46.66667%; } @media screen and (max-width: 1000px) { .ce_comments .form .widget:nth-of-type(-n+4) { width: 100%; } } .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: -1%; margin-left: 6.66667%; } @media screen and (max-width: 1000px) { .ce_comments .form .widget:nth-of-type(-2n+4) { margin-right: 0; margin-left: 0; } } .ce_comments .form .widget:nth-of-type(5) { clear: both; padding-top: 1.5em; } .ce_comments .form .widget input { width: 100%; } .ce_comments .form .widget textarea { width: 100%; } .ce_comments .form .checkbox_container { margin: 0; border: 0; margin-top: -1.125em; padding: 0; } .ce_comments h2 + .form, .ce_comments h2 + .form > form { margin-top: 0; } .mod_sitemap ul { padding-left: 0; list-style-type: none; } .mod_sitemap ul li:before { content: none; } .mod_sitemap ul li li { padding: 0.1875em 0 0.1875em 1.75em; font-size: 1em; } .mod_sitemap ul li li.submenu ul { margin: 0; } .mod_sitemap > ul > li:before { font: 100%/1 "RockSolid Icons"; content: "\e083"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; margin-right: 0.625em; color: #1782c5; } .mod_sitemap a:before { margin-right: 0.5em; } .mod_subscribe { position: relative; } .mod_subscribe input[type=text], .mod_subscribe input[type=email] { width: 75%; } @media screen and (max-width: 1000px) { .mod_subscribe input[type=text], .mod_subscribe input[type=email] { display: block; margin: 0 auto 0.625em; } } .mod_subscribe .submit { vertical-align: top; overflow: hidden; width: 20%; margin-top: 0; padding: 0.875em 1.25em 0.625em; text-align: center; } .mod_subscribe.-centered { text-align: center; } .centered-wrapper .mod_subscribe input[type=text], .centered-wrapper .mod_subscribe input[type=email] { width: 30%; min-width: 16.25em; } .centered-wrapper .mod_subscribe .submit { width: auto; } .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { width: 75%; } @media screen and (max-width: 1000px) { .sidebar .mod_subscribe input[type=text], .sidebar .mod_subscribe input[type=email] { display: inline; margin: 0; } } .sidebar .mod_subscribe .submit { width: 20%; padding: 1em 0 0.78571em; text-indent: -99em; line-height: 0; } .sidebar .mod_subscribe .submit:after { font: 100%/1 "RockSolid Icons"; content: "\e0ce"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; left: 1px; display: block; font-size: 1.14286em; } /* =========================================== * Sidebar / Widgets * ======================================== */ .sidebar { position: relative; float: left; width: 22.22222%; margin: 2.5em 0 0 3.7037%; font-size: 0.875em; } @media screen and (max-width: 1000px) { .sidebar { float: none; clear: both; width: auto; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 1000px) { .sidebar { margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-sidebar-right .sidebar { float: right; margin-right: 3.7037%; margin-left: 0; } @media screen and (max-width: 1000px) { .tao-sidebar-right .sidebar { float: none; margin-right: 0; margin-left: 0; } } @media screen and (max-width: 1000px) { .tao-sidebar-right .sidebar { margin-right: 5.55556%; margin-left: 5.55556%; } } .tao-3-columns .sidebar { width: 18.51852%; } @media screen and (max-width: 1000px) { .tao-3-columns .sidebar { width: auto; } } .tao-3-columns .sidebar.-right { left: 51.85185%; margin-right: -18.51852%; } @media screen and (max-width: 1000px) { .tao-3-columns .sidebar.-right { left: auto; clear: none; margin-right: 0; } } @media screen and (max-width: 1000px) { .tao-3-columns .sidebar.-right { margin-right: 5.55556%; } } .sidebar h1, .sidebar h2, .sidebar h3 { margin: 2em 0 0.5em; padding: 0 0 0.42857em; font-size: 1em; font-weight: bold; color: #717c8e; } .sidebar p, .sidebar ul, .sidebar ol, .sidebar table, .sidebar blockquote, .sidebar fieldset, .sidebar form { margin: 1em 0; } .sidebar ul, .sidebar ol { padding: 0; list-style-type: none; } .sidebar > .block { margin: 1.25em 0; } @media screen and (max-width: 1000px) { .sidebar > .block { float: left; width: 41.66667%; margin-left: 5.55556%; } } @media screen and (max-width: 1000px) { .sidebar > .block { float: none; width: auto; margin-left: 0; } } .sidebar .ce_youtube-wrapper { margin: 0.75em 0; } .sidebar .image_container { margin: 0.75em 0 0; padding: 0.5em; } @media screen and (max-width: 1000px) { .sub-navigation { display: none; } } .sub-navigation > ul > li > a { color: #242424; } .sub-navigation ul { margin: 0; padding: 0; } .sub-navigation ul a, .sub-navigation ul span.trail, .sub-navigation ul span.active, .sub-navigation ul span.forward { position: relative; display: block; margin: 0 -0.28571em; padding: 0.28571em; color: #717c8e; -webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in; -moz-transition: background-color 0.6s ease-in, color 0.6s ease-in; -o-transition: background-color 0.6s ease-in, color 0.6s ease-in; transition: background-color 0.6s ease-in, color 0.6s ease-in; } .sub-navigation ul a:hover, .sub-navigation ul span.trail:hover, .sub-navigation ul span.active:hover, .sub-navigation ul span.forward:hover { border-radius: 3px; color: #242424; text-decoration: none; background-color: #e5e8ee; -webkit-transition-duration: 0.05s; -moz-transition-duration: 0.05s; -o-transition-duration: 0.05s; transition-duration: 0.05s; } .sub-navigation ul a:before, .sub-navigation ul span.trail:before, .sub-navigation ul span.active:before, .sub-navigation ul span.forward:before { margin-right: 0.42857em; } .sub-navigation ul a.active, .sub-navigation ul span.active { color: #126497; } .sub-navigation ul a.trail, .sub-navigation ul span.trail { color: #1782c5; } .sub-navigation ul ul { margin-left: 0.85714em; } .sub-navigation li { padding: 0.14286em 0.42857em; border-top: 1px solid #e5e8ee; } .sub-navigation li:before { content: none; } .sub-navigation li:first-child, .sub-navigation li li li { border: 0; } .sub-navigation li li { margin-right: -0.42857em; } /* =========================================== * Footer * ======================================== */ .footer-bar { padding: 1.71429em 0; font-size: 0.875em; color: #717c8e; } .footer-bar.-color-inverted { color: white; background: #353d47; } .footer-bar h1 { margin: 1em 0; padding-bottom: 0.21429em; border-bottom: 1px solid #b2b9c4; font-size: 1em; font-weight: bold; } .footer-bar ul { list-style: none; padding: 0; } .footer-bar .form-row { margin: 1em 0; } .footer-bar label { display: block; } .footer-bar input, .footer-bar textarea, .footer-bar select, .footer-bar fieldset { display: block; width: 100%; } .footer-bar input[type=submit], .footer-bar button { margin-top: 0.375em; } .footer-bar textarea { height: 6.25em; } .icon-text-block { position: relative; padding-left: 1.875em; } .icon-text-block:before { position: absolute; top: 0.21429em; left: 0; } .footer-news h1 { margin-bottom: 1.14286em; } .news-footer-item { margin: 0.57143em 0; min-height: 2.57143em; } .news-footer-item:hover time:before { top: 0.4em; } .news-footer-item:hover b { margin-top: 40px; } .news-footer-item time { position: relative; float: left; width: 3.6em; height: 3.6em; padding: 0.6em 0 0; overflow: hidden; font-size: 0.71429em; font-weight: bold; line-height: 1; color: white; text-transform: uppercase; text-align: center; background: #353d47; } .news-footer-item time:before { font: 2em/1 "RockSolid Icons"; content: "\e0dd"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: -1em; left: 0.4em; -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .news-footer-item time b { display: block; font-size: 1.4em; font-weight: inherit; -webkit-transition: margin 0.2s ease-out; -moz-transition: margin 0.2s ease-out; -o-transition: margin 0.2s ease-out; transition: margin 0.2s ease-out; } .-color-inverted .news-footer-item time { background: white; color: #242424; } .news-footer-item a { display: block; line-height: 1.28571em; } .news-footer-item time + a { padding-left: 3.1875em; } .footer-navigation { float: left; margin: 0; font-size: 0.875em; color: #717c8e; } @media screen and (max-width: 1000px) { .footer-navigation { float: none; padding: 0.5em 0; text-align: center; } } .footer-navigation ul, .footer-navigation li { display: inline; margin: 0; padding: 0; } .footer-navigation > ul > li:before { font-size: 0.75em; } .footer-navigation > ul > li a, .footer-navigation > ul > li span.trail, .footer-navigation > ul > li span.active, .footer-navigation > ul > li span.forward { position: relative; display: inline-block; padding: 2.14286em 0; margin-right: 3.14286em; color: inherit; } @media screen and (max-width: 1000px) { .footer-navigation > ul > li a, .footer-navigation > ul > li span.trail, .footer-navigation > ul > li span.active, .footer-navigation > ul > li span.forward { margin-right: 1.57143em; } } @media screen and (max-width: 1000px) { .footer-navigation > ul > li a, .footer-navigation > ul > li span.trail, .footer-navigation > ul > li span.active, .footer-navigation > ul > li span.forward { margin: 0 0.78571em; padding: 0.5em 0; } } .footer-navigation > ul > li a:before, .footer-navigation > ul > li span.trail:before, .footer-navigation > ul > li span.active:before, .footer-navigation > ul > li span.forward:before { content: none; } .footer-navigation > ul > li a:after, .footer-navigation > ul > li span.trail:after, .footer-navigation > ul > li span.active:after, .footer-navigation > ul > li span.forward:after { content: ""; position: absolute; top: auto; bottom: -1px; right: 50%; left: 50%; border-top: 2px solid #717c8e; -webkit-transition: right 0.4s ease-out, left 0.4s ease-out; -moz-transition: right 0.4s ease-out, left 0.4s ease-out; -o-transition: right 0.4s ease-out, left 0.4s ease-out; transition: right 0.4s ease-out, left 0.4s ease-out; } .footer-navigation > ul > li a:hover, .footer-navigation > ul > li span.trail:hover, .footer-navigation > ul > li span.active:hover, .footer-navigation > ul > li span.forward:hover { text-decoration: none; } .footer-navigation > ul > li a:hover:after, .footer-navigation > ul > li span.trail:hover:after, .footer-navigation > ul > li span.active:hover:after, .footer-navigation > ul > li span.forward:hover:after { right: 0; left: 0; -webkit-transition-duration: 0.1s, 0.1s; -moz-transition-duration: 0.1s, 0.1s; -o-transition-duration: 0.1s, 0.1s; transition-duration: 0.1s, 0.1s; } .footer-icon-links { float: right; margin: 0; padding: 0; border-right: 1px solid #b2b9c4; } @media screen and (max-width: 1000px) { .footer-icon-links { float: none; border-right: 0; text-align: center; } } .footer-icon-links li { display: inline; } .footer-icon-links a { float: left; position: relative; width: 2.75em; height: 5.0625em; overflow: hidden; border-left: 1px solid #b2b9c4; line-height: 0; /* Fixes Chrome bug */ letter-spacing: -1em; color: #717c8e; text-indent: -99em; text-decoration: none; } @media screen and (max-width: 1000px) { .footer-icon-links a { display: inline-block; float: none; height: 2.75em; border-left: 0; } } .footer-icon-links a:before, .footer-icon-links a:after { font: 1.375em/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding-top: 0.04545em; line-height: 3.68227; letter-spacing: 0; text-align: center; background: white; -webkit-transition: top 0.5s ease-out; -moz-transition: top 0.5s ease-out; -o-transition: top 0.5s ease-out; transition: top 0.5s ease-out; } @media screen and (max-width: 1000px) { .footer-icon-links a:before, .footer-icon-links a:after { line-height: 2.00045; } } .footer-icon-links a:after { top: 100%; color: white; background: transparent; } .footer-icon-links a:hover:before, .footer-icon-links a:hover:after, .footer-icon-links a:focus:before, .footer-icon-links a:focus:after { -webkit-transition: top 0.2s ease-out; -moz-transition: top 0.2s ease-out; -o-transition: top 0.2s ease-out; transition: top 0.2s ease-out; } .footer-icon-links a:hover:before, .footer-icon-links a:focus:before { top: -100%; } .footer-icon-links a:hover:after, .footer-icon-links a:focus:after { top: 0; } .footer-copyright { float: left; margin: 0; padding: 2.14286em 0; font-size: 0.875em; color: #717c8e; } .footer-copyright .rocksolid-copyright { color: inherit; opacity: 0.6; } @media screen and (max-width: 1000px) { .footer-copyright { float: none; padding-bottom: 1em; } } .footer-links { float: right; margin: 0; padding: 2.14286em 0; font-size: 0.875em; color: #717c8e; } @media screen and (max-width: 1000px) { .footer-links { float: none; padding-top: 0; } } .footer-links ul, .footer-links li { display: inline; margin: 0; padding: 0; } .footer-links li:before { content: ""; display: inline-block; width: 1px; height: 0.78571em; margin: 0 0.57143em 0 0.35714em; background: #717c8e; } .footer-links li:first-child:before { content: none; } .footer-links a, .footer-links span.trail, .footer-links span.active, .footer-links span.forward { color: inherit; } .footer-top-link { position: relative; display: block; width: 2.875em; height: 2.875em; margin: 0 auto; color: #242424; white-space: nowrap; } .footer-top-link:after { font: 1em/1 "RockSolid Icons"; content: "\e01a"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 0.9375em; border: 1px solid #b2b9c4; border-bottom: 0; border-radius: 1px 1px 0 0; text-align: center; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .footer-top-link > span { position: absolute; top: 0; right: 0; margin: 1em 0.71429em 0; font-size: 0.875em; color: #717c8e; opacity: 0; pointer-events: none; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .footer-top-link > span + span { right: auto; left: 0; } .footer-top-link:hover, .footer-top-link:focus { /* Fixes IE bug */ text-decoration: none; } .footer-top-link:hover > span, .footer-top-link:focus > span { right: 100%; opacity: 1; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .footer-top-link:hover > span + span, .footer-top-link:focus > span + span { right: auto; left: 100%; } /* =========================================== * Slider * ======================================== */ .main-slider { height: 600px; } @media screen and (max-width: 1000px) { .main-slider { height: auto; } .main-slider img { max-width: 100%; height: auto; } } .rsts-skin-testimonials .testimonial { margin: 0; } .rsts-skin-testimonials.rsts-main { position: relative; margin: 1.6875em 0; padding: 2em 0 0 0; } .rsts-skin-testimonials .rsts-header { margin-top: -2em; } .rsts-skin-testimonials .rsts-header h1, .rsts-skin-testimonials .rsts-header h2, .rsts-skin-testimonials .rsts-header h3, .rsts-skin-testimonials .rsts-header h4, .rsts-skin-testimonials .rsts-header h5, .rsts-skin-testimonials .rsts-header h6 { margin: 0 0 1em; padding: 0 5em; font-size: 0.875em; font-weight: bold; color: #717c8e; text-align: center; } .rsts-skin-testimonials .rsts-prev, .rsts-skin-testimonials .rsts-next { position: absolute; top: -2.375em; right: 1.375em; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-testimonials .rsts-prev:hover, .rsts-skin-testimonials .rsts-prev:focus, .rsts-skin-testimonials .rsts-next:hover, .rsts-skin-testimonials .rsts-next:focus { text-decoration: none; } .rsts-skin-testimonials .rsts-prev:after, .rsts-skin-testimonials .rsts-next:after { font: 0.875em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #b2b9c4; } .rsts-skin-testimonials .rsts-prev:hover:after, .rsts-skin-testimonials .rsts-prev:focus:after, .rsts-skin-testimonials .rsts-next:hover:after, .rsts-skin-testimonials .rsts-next:focus:after { color: #959fae; } .rsts-skin-testimonials .rsts-next { right: -0.5625em; } .rsts-skin-testimonials .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials .rsts-nav { position: absolute; left: -4px; top: 0; line-height: 0; } .rsts-skin-testimonials .rsts-nav ul { margin: 0; padding: 0; } .rsts-skin-testimonials .rsts-nav li { display: inline; } .rsts-skin-testimonials .rsts-nav a { float: left; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials .rsts-nav a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #b2b9c4; border-radius: 100%; background: #b2b9c4; background: rgba(178, 185, 196, 0.5); } .rsts-skin-testimonials .rsts-nav a:hover:after, .rsts-skin-testimonials .rsts-nav a.active:after { background-color: #b2b9c4; } .rsts-skin-testimonials .rsts-nav-prev, .rsts-skin-testimonials .rsts-nav-next { display: none !important; } .rsts-skin-tao.rsts-main { position: relative; } .rsts-skin-tao .rsts-caption { position: absolute; top: 1.25em; left: 1.25em; padding: 0.1875em 0.625em; color: white; border-radius: 3px; background-color: #8570a6; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .rsts-skin-tao .rsts-prev, .rsts-skin-tao .rsts-next, .rsts-skin-tao .rsts-video-play, .rsts-skin-tao .rsts-video-stop { position: absolute; top: 50%; left: 1.25em; margin-top: -1.375em; border-radius: 3px; overflow: hidden; text-indent: -99em; line-height: 0; background-color: #8570a6; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .rsts-skin-tao .rsts-prev:hover, .rsts-skin-tao .rsts-prev:focus, .rsts-skin-tao .rsts-next:hover, .rsts-skin-tao .rsts-next:focus, .rsts-skin-tao .rsts-video-play:hover, .rsts-skin-tao .rsts-video-play:focus, .rsts-skin-tao .rsts-video-stop:hover, .rsts-skin-tao .rsts-video-stop:focus { text-decoration: none; } .sidebar .rsts-skin-tao .rsts-prev, .sidebar .rsts-skin-tao .rsts-next, .sidebar .rsts-skin-tao .rsts-video-play, .sidebar .rsts-skin-tao .rsts-video-stop { bottom: 0.375em; } .rsts-skin-tao .rsts-prev:after, .rsts-skin-tao .rsts-next:after, .rsts-skin-tao .rsts-video-play:after, .rsts-skin-tao .rsts-video-stop:after { font: 0.875em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 1.07143em; color: white; } .rsts-skin-tao:hover .rsts-prev, .rsts-skin-tao:hover .rsts-next, .rsts-skin-tao:hover .rsts-nav, .rsts-skin-tao:hover .rsts-caption { opacity: 0.8; } .rsts-skin-tao:hover .rsts-prev:hover, .rsts-skin-tao:hover .rsts-next:hover, .rsts-skin-tao:hover .rsts-nav:hover, .rsts-skin-tao:hover .rsts-caption:hover { opacity: 1; } .rsts-skin-tao .rsts-next { left: auto; right: 1.25em; } .rsts-skin-tao .rsts-next:after { content: "\e019"; } .tao-fullwidth .tagline .rsts-skin-tao .rsts-prev { left: 0; border-radius: 0 3px 3px 0; } .tao-fullwidth .tagline .rsts-skin-tao .rsts-next { right: 0; border-radius: 3px 0 0 3px; } .rsts-skin-tao .rsts-nav { position: absolute; left: 0; bottom: 12%; width: 100%; opacity: 0; } @media screen and (max-width: 1000px) { .rsts-skin-tao .rsts-nav { bottom: 30px; } } .rsts-skin-tao .rsts-nav ul { /* Setting height to zero to fix click area */ height: 0; margin: 0; padding: 0; text-align: center; } .rsts-skin-tao .rsts-nav li { display: inline; } .rsts-skin-tao .rsts-nav a { display: inline-block; outline: none; margin: 3px; padding: 5px; } .rsts-skin-tao .rsts-nav-bullets a { overflow: hidden; width: 18px; height: 18px; padding: 6px; line-height: 0; text-indent: -99em; } .rsts-skin-tao .rsts-nav-bullets a:after { content: ""; display: block; width: 6px; height: 6px; border: 2px solid #8570a6; border-radius: 100%; background-color: white; } .rsts-skin-tao .rsts-nav-bullets a:hover:after, .rsts-skin-tao .rsts-nav-bullets a.active:after { background-color: #8570a6; } .rsts-skin-tao .rsts-nav-numbers a, .rsts-skin-tao .rsts-nav-tabs a { margin: 5px; border: 2px solid #8570a6; border-radius: 3px; font-size: 0.8125em; line-height: 0.61538em; color: #717c8e; background-color: white; } .rsts-skin-tao .rsts-nav-numbers a:hover, .rsts-skin-tao .rsts-nav-numbers a.active, .rsts-skin-tao .rsts-nav-tabs a:hover, .rsts-skin-tao .rsts-nav-tabs a.active { color: white; background-color: #8570a6; text-decoration: none; } .rsts-skin-tao .rsts-nav-prev, .rsts-skin-tao .rsts-nav-next { display: none !important; } .rsts-skin-tao .rsts-video-play, .rsts-skin-tao .rsts-video-stop { opacity: 1; } .rsts-skin-tao .rsts-video-play { top: 50%; right: auto; bottom: auto; left: 50%; width: 5.25em; height: 5.25em; margin: -2.625em 0 0 -2.625em; border: 3px solid #8570a6; border-radius: 100%; background-color: rgba(133, 112, 166, 0.6); -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -o-transition: background-color 0.3s; transition: background-color 0.3s; } .rsts-skin-tao .rsts-video-play:after { content: "\25b6"; padding: 0; margin-left: 0.21429em; font-size: 1.75em; line-height: 2.78571em; text-align: center; } .rsts-skin-tao .rsts-video-play:hover { background-color: #8570a6; } .rsts-skin-tao .rsts-video-stop { top: 20px; right: 20px; left: auto; margin-top: 0; border-radius: 3px; } .rsts-skin-tao .rsts-video-stop:after { content: "\d7"; color: white; padding: 0.78571em; } .rsts-skin-tao .rsts-video-youtube > .rsts-video-stop { top: 30px; right: 10px; background-color: #1b1b1b; } .rsts-skin-tao .rsts-video-youtube > .rsts-video-stop:hover { background-color: #cc181e; } .rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop { top: 10px; right: auto; left: 10px; background-color: #111a19; } .rsts-skin-tao .rsts-video-vimeo > .rsts-video-stop:hover { background-color: #00adef; } .rsts-skin-tao .rsts-video-ipad > .rsts-video-iframe { padding-top: 38px; background-color: black; } .rsts-skin-tao .rsts-video-ipad > .rsts-video-stop { top: 1px; right: 10px; left: auto; } .rsts-skin-tao.rsts-video-playing .rsts-nav, .rsts-skin-tao.rsts-video-playing .rsts-prev, .rsts-skin-tao.rsts-video-playing .rsts-next { display: none; } .rsts-skin-tao.rsts-touch .rsts-nav { opacity: 1; } .rsts-skin-tao .rsts-progress { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background-color: black; opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .rsts-skin-tao .rsts-progress div { height: 100%; background-color: white; } .rsts-skin-tao .rsts-progress.rsts-progress-active { opacity: 0.3; } .rsts-skin-testimonials-centered.rsts-main, .rsts-skin-partner.rsts-main, .rsts-skin-mega-dropdown.rsts-main { position: relative; margin: 2.25em 0; } .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view, .rsts-skin-mega-dropdown .rsts-view { padding: 0 3.75em; } @media screen and (max-width: 1000px) { .rsts-skin-testimonials-centered .rsts-view, .rsts-skin-partner .rsts-view, .rsts-skin-mega-dropdown .rsts-view { padding-right: 1.875em; padding-left: 1.875em; } } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul, .rsts-skin-mega-dropdown .rsts-nav ul { height: 0; margin: 0; } .rsts-skin-testimonials-centered .rsts-prev, .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-prev, .rsts-skin-partner .rsts-next, .rsts-skin-mega-dropdown .rsts-prev, .rsts-skin-mega-dropdown .rsts-next { position: absolute; top: 50%; left: 0; margin-top: -1em; border: 1px solid #e5e8ee; overflow: hidden; text-indent: -99em; line-height: 0; background-color: white; } .rsts-skin-testimonials-centered .rsts-prev:hover, .rsts-skin-testimonials-centered .rsts-prev:focus, .rsts-skin-testimonials-centered .rsts-next:hover, .rsts-skin-testimonials-centered .rsts-next:focus, .rsts-skin-partner .rsts-prev:hover, .rsts-skin-partner .rsts-prev:focus, .rsts-skin-partner .rsts-next:hover, .rsts-skin-partner .rsts-next:focus, .rsts-skin-mega-dropdown .rsts-prev:hover, .rsts-skin-mega-dropdown .rsts-prev:focus, .rsts-skin-mega-dropdown .rsts-next:hover, .rsts-skin-mega-dropdown .rsts-next:focus { text-decoration: none; } .sidebar .rsts-skin-testimonials-centered .rsts-prev, .sidebar .rsts-skin-testimonials-centered .rsts-next, .sidebar .rsts-skin-partner .rsts-prev, .sidebar .rsts-skin-partner .rsts-next, .sidebar .rsts-skin-mega-dropdown .rsts-prev, .sidebar .rsts-skin-mega-dropdown .rsts-next { bottom: 0.375em; } .rsts-skin-testimonials-centered .rsts-prev:after, .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-prev:after, .rsts-skin-partner .rsts-next:after, .rsts-skin-mega-dropdown .rsts-prev:after, .rsts-skin-mega-dropdown .rsts-next:after { font: 0.875em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.57143em; color: #717c8e; } .rsts-skin-testimonials-centered .rsts-prev:hover:after, .rsts-skin-testimonials-centered .rsts-prev:focus:after, .rsts-skin-testimonials-centered .rsts-next:hover:after, .rsts-skin-testimonials-centered .rsts-next:focus:after, .rsts-skin-partner .rsts-prev:hover:after, .rsts-skin-partner .rsts-prev:focus:after, .rsts-skin-partner .rsts-next:hover:after, .rsts-skin-partner .rsts-next:focus:after, .rsts-skin-mega-dropdown .rsts-prev:hover:after, .rsts-skin-mega-dropdown .rsts-prev:focus:after, .rsts-skin-mega-dropdown .rsts-next:hover:after, .rsts-skin-mega-dropdown .rsts-next:focus:after { color: #5a6372; } .rsts-skin-testimonials-centered .rsts-next, .rsts-skin-partner .rsts-next, .rsts-skin-mega-dropdown .rsts-next { left: auto; right: 0; } .rsts-skin-testimonials-centered .rsts-next:after, .rsts-skin-partner .rsts-next:after, .rsts-skin-mega-dropdown .rsts-next:after { content: "\e019"; } .rsts-skin-testimonials-centered .rsts-nav-prev, .rsts-skin-testimonials-centered .rsts-nav-next, .rsts-skin-partner .rsts-nav-prev, .rsts-skin-partner .rsts-nav-next, .rsts-skin-mega-dropdown .rsts-nav-prev, .rsts-skin-mega-dropdown .rsts-nav-next { display: none !important; } .rsts-skin-testimonials-centered .rsts-nav, .rsts-skin-partner .rsts-nav, .rsts-skin-mega-dropdown .rsts-nav, .rsts-skin-carousel .rsts-nav { line-height: 0; } .rsts-skin-testimonials-centered .rsts-nav ul, .rsts-skin-partner .rsts-nav ul, .rsts-skin-mega-dropdown .rsts-nav ul, .rsts-skin-carousel .rsts-nav ul { padding: 0; text-align: center; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item, .rsts-skin-partner .rsts-nav .rsts-nav-item, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item, .rsts-skin-carousel .rsts-nav .rsts-nav-item { display: inline; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a, .rsts-skin-partner .rsts-nav .rsts-nav-item a, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a, .rsts-skin-carousel .rsts-nav .rsts-nav-item a { display: inline-block; vertical-align: middle; width: 18px; height: 18px; overflow: hidden; outline: none; padding: 5px; text-indent: -99em; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:after { content: ""; display: block; width: 6px; height: 6px; border: 1px solid #b2b9c4; border-radius: 100%; background: #b2b9c4; background: rgba(178, 185, 196, 0.5); } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active { text-decoration: none; } .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-testimonials-centered .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-partner .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-mega-dropdown .rsts-nav .rsts-nav-item a.active:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a:hover:after, .rsts-skin-carousel .rsts-nav .rsts-nav-item a.active:after { background-color: #b2b9c4; } .rsts-skin-partner .rsts-nav { margin: 1.5em 0; } .rsts-skin-mega-dropdown.rsts-main { margin: 0; } .rsts-skin-mega-dropdown .rsts-view { padding: 0; } .rsts-skin-mega-dropdown .rsts-prev { left: -6%; right: auto; } .rsts-skin-mega-dropdown .rsts-next { left: auto; right: -6%; } .rsts-skin-mega-dropdown .rsts-nav { text-align: center; } .rsts-skin-carousel .rsts-nav ul { margin: 0.375em 0; } .rsts-skin-carousel .rsts-prev, .rsts-skin-carousel .rsts-next { display: none !important; } .rsts-skin-carousel .rsts-nav-prev, .rsts-skin-carousel .rsts-nav-next { display: inline; margin-right: 1.25em; } .rsts-skin-carousel .rsts-nav-prev a, .rsts-skin-carousel .rsts-nav-next a { display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -99em; line-height: 0; } .rsts-skin-carousel .rsts-nav-prev a:after, .rsts-skin-carousel .rsts-nav-next a:after { font: 1em/1 "RockSolid Icons"; content: "\e018"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; display: block; padding: 0.5em; color: #717c8e; } .rsts-skin-carousel .rsts-nav-prev a:hover, .rsts-skin-carousel .rsts-nav-prev a:focus, .rsts-skin-carousel .rsts-nav-next a:hover, .rsts-skin-carousel .rsts-nav-next a:focus { text-decoration: none; } .rsts-skin-carousel .rsts-nav-prev a:hover:after, .rsts-skin-carousel .rsts-nav-prev a:focus:after, .rsts-skin-carousel .rsts-nav-next a:hover:after, .rsts-skin-carousel .rsts-nav-next a:focus:after { color: #5a6372; } .rsts-skin-carousel .rsts-nav-next { margin-left: 1.25em; margin-right: 0; } .rsts-skin-carousel .rsts-nav-next a:after { content: "\e019"; } .rsts-skin-light .rsts-nav { position: absolute; bottom: 20px; margin: 0; width: 100%; } @media(min-width: 1024px) and (max-width: 1366px) { .subCatHolder { padding-top: 50px; } } .cookieconsent-popup h3 { font-weight: bold; } .cookieconsent-overlay { position:fixed; z-index:2000; } .cookieconsent-dialog { position: absolute; top: 0px; left: 0px; width: 100%; overflow:visible; z-index:2001; } .cookieconsent-dialog-content { padding:20px; margin:20px auto; width:700px; /*width:85%;*/ font-size:13px; position:relative; } .cookieconsent-dialog-close { position:absolute; top:5px; right:5px; } .cookieconsent-dialog-content h1 { font-size:23px; border-bottom:1px solid; border-color:inherit; margin:0 0 20px 0; line-height:1.6em; } .cookieconsent-dialog-content .cookieconsent-logo-link { position:absolute; bottom:3px; right:3px; background-color:#efefef; padding:0 5px; display:block; } .cookieconsent-button-wrap { margin:20px 0 5px; text-align:right; } .cookieconsent-button-wrap button { margin-left:3px; } .cookieconsent-level-changer { overflow:visible; margin:0 auto; text-align:center; } .cookieconsent-level-changer a { display:inline-block; height:150px; cursor:pointer; cursor:hand; position:relative; border:5px solid #b5b5b5; max-width:150px; text-decoration:none !important; } .cookieconsent-level-changer a:hover { filter: alpha(opacity=90); opacity:0.9; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 180, 50, 0.3); box-shadow: 0px 0px 5px 0px rgba(50, 180, 50, 0.3); } .cookieconsent-level-changer a span.cookieconsent-level-button-icon { display:block; position:absolute; top:11px; left:10%; right:13%; height:75px; } .cookieconsent-level-changer a span.cookieconsent-level-button-icon div { display:block; background-color:#d1e0e9; position:absolute; bottom:0px; border:1px solid #fff; } .cookieconsent-level-changer a span.cookieconsent-level-button-title { display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 45px; padding-top: 15px; background-color: #b5b5b5; color: #fff; font-size: 0.9em; } .cookieconsent-level-changer a.activated { border-color:#66a0c5; } .cookieconsent-level-changer a.activated span.cookieconsent-level-button-title { background-color:#66a0c5; } .cookieconsent-level-changer a.activated span.cookieconsent-level-button-icon div.activated { background-color:#66a0c5; } .cookieconsent-permission-panels { overflow:hidden; clear:both; margin-top:10px; border-top:1px solid #b5b5b5; padding-top:10px; } .cookieconsent-permission-panel-disallowed { float:left; width:49%; } .cookieconsent-permission-panel-allowed { float:right; width:49%; } .cookieconsent-permission-panel-title { font-size:16px; padding:10px 15px; font-weight:normal; text-align:center; } .cookieconsent-permission-panels ul { padding:15px; margin:0; list-style:circle; } .cookieconsent-permission-panels ul li { padding:0 0 4px 0; margin:0 0 0 20px; font-size:0.9em; } /* cookies warning */ .cookieconsent-popup { position:fixed; z-index:1999; right:50px; bottom:50px; width:400px; padding:15px 20px; font-size:13px; -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.4); } /* magic button */ .cookieconsent-toggle-magic-button { display:block; float:right; margin:5px 0 10px; text-decoration:underline; } .cookieconsent-toggle-magic-button .ui-icon { float:left; margin: 4px 2px 0 0; } .cookieconsent-magic-button-wrap { display:none; } .cookieconsent-magic-button-wrap .ui-state-highlight { margin:0 0 15px; padding:15px; } .cookieconsent-magic-button-wrap iframe { height:137px; width:100%; } /* policy links */ .cookieconsent-popup .cookieconsent-cookie-policy-link { display:block; float:right; clear:both; margin:5px 0 10px; text-decoration:underline; } .cookieconsent-edit-settings .cookieconsent-cookie-policy-link { } .ui-widget.ui-widget-content.ui-corner-top.cookieconsent-popup, .cookieconsent-dialog .ui-widget.ui-widget-content.ui-corner-all.cookieconsent-dialog-content.cookieconsent-edit-settings { font-size: 0.7em; } .cookieconsent-dialog .ui-widget.ui-widget-content.ui-corner-all.cookieconsent-dialog-content.cookieconsent-edit-settings .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary.cookieconsent-dialog-close { position: absolute; } .cookieconsent-dialog .ui-widget.ui-widget-content.ui-corner-all.cookieconsent-dialog-content.cookieconsent-edit-settings, .ui-widget.ui-widget-content.ui-corner-top.cookieconsent-popup { background: #f5f5f5; } .cookieconsent-permission-panels .ui-corner-all ul.ui-widget.ui-widget-content.ui-corner-bottom { background: #FFFFFF; } .cookieconsent-dialog .ui-widget.ui-widget-content.ui-corner-all.cookieconsent-dialog-content.cookieconsent-edit-settings .cookieconsent-level-changer-wrap p.ui-state-highlight { background: #FFFFFF; border: 1px solid #66a0c5; } .cookieconsent-dialog .cookieconsent-permission-panel-allowed .ui-corner-top.ui-widget-header.cookieconsent-permission-panel-title { background: #52a412; color:#FFFFFF; border:0; } .cookieconsent-dialog .cookieconsent-permission-panel-disallowed .ui-corner-top.ui-widget-header.cookieconsent-permission-panel-title { background: #e12727; color:#FFFFFF; border:0; } @media screen and (max-width: 1000px) { .nav-checkout-items { position: relative; float: none; padding-top: 5px; /* height: 3.125em;*/ margin-right: 0; /* padding-right: 1.5em; padding-left: 1.5em; */ } } .nav-checkout-items-left { float:left; padding-left:5px; /* margin-right: 5.55556%;*/ /* padding-right: 2.75em;*/ font: 0.85em/1.6625 Lato,sans-serif !important; } .nav-checkout-items-left #logged a, .nav-checkout-items-left #logged a:active, .nav-checkout-items-left #logged a:visited, .nav-checkout-items-left #logged a:hover { color: #ffffff; } .nav-checkout-items { float:right; /* margin-right: 5.55556%;*/ /* padding-right: 2.75em;*/ font: 0.80em/1.6625 Lato,sans-serif !important; } .nav-checkout-items #view-basket, .nav-checkout-items #checkout, .nav-checkout-items #items, .nav-checkout-items #account { float: left; padding-right: 30px; } .nav-checkout-items #account a, .nav-checkout-items #account a:active, .nav-checkout-items #account a:visited, .nav-checkout-items #account a:hover { color: #ffffff; } .nav-checkout-items #checkout a, .nav-checkout-items #checkout a:active, .nav-checkout-items #checkout a:visited, .nav-checkout-items #checkout a:hover { color: #ffffff; } .nav-checkout-items #view-basket a, .nav-checkout-items #view-basket a:active, .nav-checkout-items #view-basket a:visited, .nav-checkout-items #view-basket a:hover { color: #ffffff; } .nav-checkout-items #items a, .nav-checkout-items #items a:active, .nav-checkout-items #items a:visited, .nav-checkout-items #items a:hover { color: #ffffff; } .spacerimage img{ height:35px !important; } #footermfrlogo { float: left; display: inline-block; top: 15px; width: 312px; /* background: url("/files/peugeot-logo.jpg") no-repeat center;*/ cursor: pointer; } .footer-icon-links li #footermfrlogo a { width:312px; background: url("/files/peugeot-logo.jpg") no-repeat center; height:54px; } #footermfrlogo a::before, #footermfrlogo a::after { display:none; } .mod_sgpetchcustomtemplate.homepage-freewall { margin-top: -29px; } #detailbacklink { float:left; background: #BA162B none repeat scroll 0 0; border: 1px solid #ffffff; border-radius: 3px; margin-right:10px; font-size: 0.875em; outline: medium none; padding: 0.34286em 1em; } #detailbacklink a { color:#FFFFFF; } #reviews-widget { display: none; float: right; margin-left: 20px; margin-top: 3px; padding-right: 0px; position: relative; } /* slider button mod start */ .rsts-type-slide .rsts-view { cursor: pointer; } .sliderhrefbutton { display:none; } /* slider button mod stop */ .resp-tabs-container.hor_1.bluebg { background-color: #3262aa; } .resp-tabs-container.hor_1.bluebg .resp-tab-content { border: 0px; } #newdealtab .resp-accordion.hor_1 { color: #ffffff; font: 1.1em/1.6625 Lato,sans-serif; } #newdealtab .resp-tabs-list li { border-radius: 3px; color: #ffffff; cursor: pointer; display: inline-block; float: left; font: 1.1em/1.6625 Lato,sans-serif; list-style: outside none none; margin: 0 15px 0 0; padding: 14px 15px 13px; text-align: center; width: 50%; margin: 0; } #newdealtab .resp-tab-item { border: 0px !important; } .app-new-car-offertable.newdealwidth { padding-left:0px; padding-right:0px; } #newdeal-testdrive, #newdeal-quoterequest { padding-left:30px; padding-right:30px; } .highlight-box.ce_rsce_tao_highlight_box.newcard { background-color: #ffffff; border: 1px solid #e5e5e5; margin-bottom: 30px; } .newcard .highlight-box-inner ul li { color: #242424; font-size: 0.85em; } .newdardealbox-headline-nocaps { color:#242424; font: bold 0.9em/1.6625 Lato,sans-serif; } .highlight-box.ce_rsce_tao_highlight_box.newcard .highlight-box-inner p { color: #242424; font-size: 0.85em; padding-bottom: 10px; } .newcardeal { margin-top: 56px; } .newcardealterms { font-size: 0.75em !important; font-weight: normal !important; } #finance-application #DStatement.vacancy-application { margin-top: 50px; } #vacancy-application-UKResident div.choice, #vacancy-application-BusinessIsAgreementAddress div.choice, #vacancy-application-BusinessIsCurrentAddress div.choice, #vacancy-application-CurrentAccount div.choice, #vacancy-application-DepositAccount div.choice, #vacancy-application-MortgageAccount div.choice, #vacancy-application-DinersClub div.choice, #vacancy-application-Amex div.choice, #vacancy-application-ChequeCard div.choice, #vacancy-application-Visa div.choice, #vacancy-application-MasterCard div.choice, #vacancy-application-Other div.choice, #vacancy-application-ReplacementLoan div.choice, #vacancy-application-SustainabilityQuestion div.choice { float: left; font: 0.8em Lato,sans-serif; padding-bottom: 10px; padding-right: 10px; padding-top: 10px; } #vacancy-application-UKResident .choice input.choice_option, #vacancy-application-BusinessIsAgreementAddress .choice input.choice_option, #vacancy-application-BusinessIsCurrentAddress .choice input.choice_option, #vacancy-application-CurrentAccount .choice input.choice_option, #vacancy-application-DepositAccount .choice input.choice_option, #vacancy-application-MortgageAccount .choice input.choice_option, #vacancy-application-DinersClub .choice input.choice_option, #vacancy-application-Amex .choice input.choice_option, #vacancy-application-ChequeCard .choice input.choice_option, #vacancy-application-Visa .choice input.choice_option, #vacancy-application-MasterCard .choice input.choice_option, #vacancy-application-Other .choice input.choice_option, #vacancy-application-ReplacementLoan .choice input.choice_option, #vacancy-application-SustainabilityQuestion .choice input.choice_option { margin-left: 6px; margin-right: 6px; margin-top: -2px; } input#disclosureStatement-agree[type=checkbox] { zoom:1.5; transform:scale(1.5); -ms-transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); -moz-transform:scale(1.5); transform-origin:0 0; -ms-transform-origin:0 0; -webkit-transform-origin:0 0; -o-transform-origin:0 0; -moz-transform-origin:0 0; -webkit-transform-origin:0 0; cursor: pointer; } #vacancy-application-DisclosureStatement input#disclosureStatement-agree { float: left; margin-left: 10px; margin-top: 15px; } #vacancy-application-DisclosureStatement-agree { clear: both; color: #000; float: left; padding-bottom: 10px; padding-top: 10px; font-size: 1.1em; } #vacancy-application-DisclosureStatement { color: #5F5F5F; font-size: 0.9em; } #financeamounterror { color: #c31742; font-size: 1.1em; } #safetyfeatures-section #safetyfeatures-title { font: bold 0.8em Lato,sans-serif; margin-top: 20px; } #safetyfeatures-section #safetyfeatures-overall { text-align: center; transform: scale(2); } #safetyfeatures-section { display: block; margin-left: auto; margin-right: auto; margin-top: -15px; max-width: 570px; } #safetyfeatures-section #safetyfeatures-logo { float: left; margin-left: 10px; margin-right: 25px; margin-top: 5px; transform: scale(0.8); } #safetyfeatures-section .rating-section { display: inline; float: left; width: 260px; height: 55px; } #safetyfeatures-section .safetyfeatures-icon-column { } #safetyfeatures-section .safetyfeatures-rating { float: left; margin-left: -15px; margin-top: 34px; transform: scale(0.9); } #safetyfeatures-section .safetyfeatures-icon-column.first { float: left; margin-top: 10px; transform: scale(0.5); } #safetyfeatures-section .safetyfeatures-icon-column.second { float: left; margin-top: 10px; transform: scale(0.5); } #safetyfeatures-section .safetyfeatures-icon-column.third { float: left; margin-top: 10px; transform: scale(0.5); } #safetyfeatures-section .safetyfeatures-icon-column.fourth { float: left; margin-top: 10px; transform: scale(0.5); } .featurenumber { /* font: bold 1.6em/1.6625 Lato,sans-serif; */ font-size: 30px; color: #81B539; /* padding-left: 7px;*/ } .featuretxt { color: #242424; display: table-cell; line-height: 1.5em; text-align: center; vertical-align: middle; } .featurebg { background-color: #ffffff; display: inline; } .safetyfeatures-featurebg{ background-color: #ffffff; border-radius: 3px; display: inline-block; height: 22%; width: 100%; padding-bottom:50px; } #featuresection { margin-left: auto; margin-right: auto; max-width: 720px; display: block; } #featurerow { display: inline-block; margin-bottom: 10px; margin-top: 10px; transform: scale(0.95); } .featurecolumn { font: bold 0.9em Lato,sans-serif; background: #FFFFFF none repeat scroll 0 0; border-radius: 50%; float: left; height: 140px; margin-left: 20px; margin-right: 20px; width: 140px; text-align: center; border:1px solid #B2B9C4; -moz-border-radius:75px; -webkit-border-radius: 75px; display: table; padding:4px; } .offer-table-more-offers-button { font: bold 0.85em/1.6625 Lato,sans-serif; background-color: #ba162b; border: 1px solid #ffffff; border-radius: 3px; clear: both; color: #ffffff; margin-left: 0; outline: medium none; padding: 0.483em 0.52857em 0.483em 10px; text-align: -moz-left; text-transform: uppercase; width: 100%; margin-top:5px; } /* .offer-table-more-offers-button:hover { border-color: #ffffff #ffffff #ffffff; text-decoration: none; background: #9D1426; } */ .offer-table #manufacturerModeloffer-keyoverview { float:left; } .offer-table .rTableCell, .offer-table .rTableCellwrap, .offer-table .table-image { padding:0; } .offer-table .table-image .rtableoffer { box-shadow:none !important; margin-bottom:10px !important; } .applicationlogo { clear:both; /* float:left; */ } #applicationheader { background-image: url("//www.sgpetch.co.uk/files/blackhorse-logo-white.gif"); background-repeat: no-repeat; clear: both; height: 118px; background-color:#FFFFFF; /* max-width: 1760px; */ border: 1px solid #b2b9c4; border-radius: 3px; margin-bottom: 20px; outline: medium none; overflow: hidden; padding: 1em; } .qbold { background: #fff none repeat scroll 0 0; border: 2px solid #666; border-radius: 50%; color: #000000; font-family: Verdana; font-size: 1.3em; font-weight: bold; height: 36px; margin-right: 10px; } .finance-application-error { background-color: white; border: 1px solid #b2b9c4; border-radius: 3px; outline: medium none; overflow: hidden; padding: 1em; clear: both; width: 100%; } .finance-application-status { color: #242424; background-color: white; border: 1px solid #b2b9c4; border-radius: 3px; outline: medium none; overflow: hidden; padding: 1em; clear: both; width: 100%; background: url("/files/ajax-loader.gif") no-repeat center center; } .finance-application-apply { background-color: #39b54a; text-shadow: 0 -1px 0 #242424; color: #ffffff; cursor: pointer; float: left; font-size: 1em; font-weight: bold; letter-spacing: 0; margin-bottom: 0; margin-top: 0; padding: 15px; text-transform: uppercase; min-width: 330px; margin-bottom: 20px; border-bottom: 0.09375em solid #e3e3e3; font-family: Lato,sans-serif; text-align: center; /* margin-left: -5px;*/ width: 100%; /* margin-left: 10px; */ } .finance-application-apply:hover{ background-color: #2D923A !important; } .isRunning { background-color: #9f9f9f !important; cursor:default !important; } .isRunning:hover { background-color: #9f9f9f !important; } .finance-application #vehicledetails { /*float: left;*/ margin-right: 40px; min-width: 560px; padding-bottom: 0; } .finance-application #personaldetails { /*float: left;*/ margin-right: 40px; min-width: 560px; } .finance-application #addressdetails { /*float: left;*/ margin-right: 40px; min-width: 560px; } .finance-application #previousaddressdetails { /*float: left;*/ margin-right: 40px; min-width: 560px; } .finance-application #employmentdetails { /*float: left;*/ clear:both; margin-right: 40px; min-width: 560px; } .finance-application #bankdetails { /*float: left;*/ margin-right: 40px; min-width: 560px; } .vacancy-application-headline .bold { font: bold 1em/1.6625 Lato,sans-serif; } #vacancy-application-VehicleImage img#VehicleImage { clear: both; float: left; width: 260px; border: 5px solid #ffffff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); margin-bottom:20px; } .finance-application #vehicledetails input, .finance-application #vehicledetails input:hover { border: 0 none; margin-top:-8px;; } .finance-application #vehicledetails label { margin-top:0; min-width: 202px; } #vacancy-application-DOB .field-container.month { margin-right: -33px; } #vacancy-application-DOB .field-container.year { margin-right: -24px; } #vacancy-application-DOB .field-container.day { margin-right: -22px; } #vacancy-application-TimeWithBank .field-container.month, #vacancy-application-TimeAtBusinessAddress .field-container.month, #vacancy-application-TimeAtCustomerAddress .field-container.month, #vacancy-application-PreviousTimeAtCustomerAddress .field-container.month { margin-right: -40px; } #vacancy-application-TimeWithBank .field-container.year, #vacancy-application-TimeAtBusinessAddress .field-container.year, #vacancy-application-TimeAtCustomerAddress .field-container.year, #vacancy-application-PreviousTimeAtCustomerAddress .field-container.year { margin-right: -24px; } #RplacementLoan.vacancy-application, #SstainabilityQuestion.vacancy-application, #GAnnualIncome.vacancy-application, #MMortgageRent.vacancy-application, #OMonthlyExpenditure.vacancy-application, #DStatement.vacancy-application { clear: both; /* float: left;*/ } #vacancy-application-DOB, #vacancy-application-TimeWithBank, #vacancy-application-TimeAtBusinessAddress, #vacancy-application-TimeAtCustomerAddress, #vacancy-application-PreviousTimeAtCustomerAddress { clear: both; float: left; } .field-container { display: inline-block; } #vacancy-application-CardAccounts label { padding-top: 10px; } #vacancy-application-BusinessIsAgreementAddress label, #vacancy-application-BusinessIsCurrentAddress label { line-height: 1em; margin-top: 0.3em; max-width: 190px; } #vacancy-application-FinanceType select#FinanceType.choice, #vacancy-application-OtherMonthlyExpenditure input#OtherMonthlyExpenditure, #vacancy-application-MonthlyMortgageRent input#MonthlyMortgageRent, #vacancy-application-GrossAnnualIncome input#GrossAnnualIncome, #vacancy-application-SustainabilityQuestion select.choice, #vacancy-application-ReplacementLoan select.choice, #vacancy-application-TotalAmountPayable input#TotalAmountPayable, #vacancy-application-MonthyPaymentsOf input#MonthyPaymentsOf, #vacancy-application-PermittedAnnualMileage input#PermittedAnnualMileage, #vacancy-application-xsMileage5000 input#xsMileage5000, #vacancy-application-FirstPayment input#FirstPayment, #vacancy-application-OptionalFinalPayment input#OptionalFinalPayment, #vacancy-application-DurationofAgreement input#DurationofAgreement, #vacancy-application-TotalInterest input#TotalInterest, #vacancy-application-FinanceAmount input#FinanceAmount, #vacancy-application-NetDepositAmount input#NetDepositAmount, #vacancy-application-VehicleDescription input#VehicleDescription, #vacancy-application-RepresentativeAPRRate input#RepresentativeAPRRate, #vacancy-application-VehiclePrice input#VehiclePrice, #vacancy-application-VehicleRegno input#VehicleRegno, #vacancy-application-CustomerTelephoneSTD input#CustomerTelephoneSTD, #vacancy-application-CustomerTelephoneNumber input#CustomerTelephoneNumber, #vacancy-application-TimeAtCustomerAddress input#timeAtCustomerMonth, #vacancy-application-TimeAtCustomerAddress input#timeAtCustomerYear, #vacancy-application-CustomerPostTown input#CustomerPostTown, #vacancy-application-CustomerPostcode input#CustomerPostcode, #vacancy-application-CustomerStreet input#CustomerStreet, #vacancy-application-CustomerHouseNameNo input#CustomerHouseNameNo, #vacancy-application-CustomerIsCurrentAddress select.choice, #vacancy-application-PreviousCustomerTelephoneSTD input#PreviousCustomerTelephoneSTD, #vacancy-application-PreviousCustomerTelephoneNumber input#PreviousCustomerTelephoneNumber, #vacancy-application-PreviousTimeAtCustomerAddress input#previoustimeAtCustomerMonth, #vacancy-application-PreviousTimeAtCustomerAddress input#previoustimeAtCustomerYear, #vacancy-application-PreviousCustomerPostTown input#PreviousCustomerPostTown, #vacancy-application-PreviousCustomerPostcode input#PreviousCustomerPostcode, #vacancy-application-PreviousCustomerStreet input#PreviousCustomerStreet, #vacancy-application-PreviousCustomerHouseNameNo input#PreviousCustomerHouseNameNo, #vacancy-application-PreviousCustomerIsCurrentAddress select.choice, #vacancy-application-BusinessTelephoneSTD input#BusinessTelephoneSTD, #vacancy-application-BusinessTelephoneNumber input#BusinessTelephoneNumber, #vacancy-application-TimeAtBusinessAddress input#timeAtBusinessMonth, #vacancy-application-TimeAtBusinessAddress input#timeAtBusinessYear, #vacancy-application-BusinessPostTown input#BusinessPostTown, #vacancy-application-BusinessPostcode input#BusinessPostcode, #vacancy-application-BusinessStreet input#BusinessStreet, #vacancy-application-BusinessHouseNameNo input#BusinessHouseNameNo, #vacancy-application-BusinessIsCurrentAddress select.choice, #vacancy-application-BusinessIsAgreementAddress select.choice, #vacancy-application-TradingName input#TradingName, #vacancy-application-EmployerName input#EmployerName, #vacancy-application-Occupation input#Occupation, #vacancy-application-EmploymentType select.choice, #vacancy-application-EmploymentStatus select.choice, #vacancy-application-EmploymentTerms select.choice, #vacancy-application-SortCode input#SortCode, #vacancy-application-AccountNo input#AccountNo, #vacancy-application-Bank input#Bank, #vacancy-application-Branch input#Branch, #vacancy-application-Address1 input#Address1, #vacancy-application-Address2 input#Address2, #vacancy-application-Address3 input#Address3, #vacancy-application-Address4 input#Address4, #vacancy-application-BankPostcode input#BankPostcode, #vacancy-application-AccountName input#AccountName, #vacancy-application-TimeWithBank input#timewithbankMonth, #vacancy-application-TimeWithBank input#timewithbankYear, #vacancy-application-CurrentAccount select.choice, #vacancy-application-MasterCard select.choice, #vacancy-application-Visa select.choice, #vacancy-application-ChequeCard select.choice, #vacancy-application-Other select.choice, #vacancy-application-Amex select.choice, #vacancy-application-DinersClub select.choice, #vacancy-application-MortgageAccount select.choice, #vacancy-application-DepositAccount select.choice, #vacancy-application-PaymentMethod select.choice, #vacancy-application-MaritalStatus select.choice, #vacancy-application-ResidentialStatus select.choice, #vacancy-application-ResidenceType select.choice, #vacancy-application-DOB select.dobMonth, #vacancy-application-DOB select.dobDay, #vacancy-application-DOB select.dobYear, #vacancy-application-Nationality select#Nationalitychoice, #vacancy-application-UKResident select.choice, #vacancy-application-NoDependents input#NoDependents, #vacancy-application-FirstName input#FirstName, #vacancy-application-Initial input#Initial, #vacancy-application-EmailAddress input#EmailAddress, #vacancy-application-Surname input#Surname, #vacancy-application-Sex select.choice, #vacancy-application-Title select.choice, #vacancy-application-Transaction input#Transaction, #vacancy-application-OrderNumber input#OrderNumber, #vacancy-application-DealerNumber input#DealerNumber, #vacancy-application-DealerName input#DealerName { float: left; margin-right: 35px; max-width: 292px; font-size: 0.8em; } #vacancy-application-SortCode input#SortCode_pone, #vacancy-application-SortCode input#SortCode_ptwo, #vacancy-application-SortCode input#SortCode_pthree { float: left; font-size: 0.8em; margin-right: 5px; max-width: 57px; } #vacancy-application-TimeWithBank input#timewithbankMonth, #vacancy-application-TimeWithBank input#timewithbankYear, #vacancy-application-TimeAtBusinessAddress input#timeAtBusinessMonth, #vacancy-application-TimeAtBusinessAddress input#timeAtBusinessYear, #vacancy-application-TimeAtCustomerAddress input#timeAtCustomerMonth, #vacancy-application-TimeAtCustomerAddress input#timeAtCustomerYear, #vacancy-application-PreviousTimeAtCustomerAddress input#previoustimeAtCustomerMonth, #vacancy-application-PreviousTimeAtCustomerAddress input#previoustimeAtCustomerYear { max-width: 152px; } #vacancy-application-SustainabilityQuestion select.choice, #vacancy-application-ReplacementLoan select.choice, #vacancy-application-BusinessIsCurrentAddress select.choice, #vacancy-application-BusinessIsAgreementAddress select.choice, #vacancy-application-EmploymentType select.choice, #vacancy-application-EmploymentStatus select.choice, #vacancy-application-EmploymentTerms select.choice, #vacancy-application-CurrentAccount select.choice, #vacancy-application-MasterCard select.choice, #vacancy-application-Visa select.choice, #vacancy-application-ChequeCard select.choice, #vacancy-application-Other select.choice, #vacancy-application-Amex select.choice, #vacancy-application-DinersClub select.choice, #vacancy-application-MortgageAccount select.choice, #vacancy-application-DepositAccount select.choice, #vacancy-application-PaymentMethod select.choice, #vacancy-application-MaritalStatus select.choice, #vacancy-application-ResidentialStatus select.choice, #vacancy-application-ResidenceType select.choice, #vacancy-application-DOB select.dobMonth, #vacancy-application-DOB select.dobDay, #vacancy-application-DOB select.dobYear, #vacancy-application-Nationality select#Nationalitychoice, #vacancy-application-UKResident select.choice, #vacancy-application-Title select.choice, #vacancy-application-Sex select.choice { padding: 10px; } .optional-financeinput { display:none; } #vacancy-application-VehicleDescription input#VehicleDescription { max-width:330px !important; margin-right: 0 !important; } #flexed #offertab.resp-easy-accordion.hor_1 { padding-top:10px; padding-bottom:10px; } .preregSearchResultBox-text, .preregSearchResultBox-title { color: #242424; font-size: 1em; line-height: 1.3; } .manufacturerPickupBox select.value-branchlocator.whitebg.prereglocator { font-size: 0.85em !important; max-width: 95% !important; } .dotted.prereg-section { } #newCarSearchResultsUpdateBlock .manufacturerPickupRow.variant.motability.preregrow { min-height: 240px; } .manufacturerPickupBox-image.disable-select.border.prereg { display: inline; } .prereg-description{ clear: both; color: #444444; font-size: 0.8em; padding-left: 1em; padding-right: 1em; text-align: left; } img.prereg-img { border: 0 !important; display: block !important; } #specificDetail { display: inline; float: right; left: 355px; position: absolute; top: 55px; text-align: center; } #specificDetail a.detailLink img { width:80px; } #specificDetail h2 { font: bold 1em/1.6625 Lato,sans-serif; margin-top: -8px; color:#242424; } #specificDetail a.detailLink p.icon-boxes-item-link.-link { color: #666666; font: normal 0.75em/1.3em Lato,sans-serif; margin-top: -8px; text-decoration: none !important; text-transform: uppercase; } #finance-application #vacancy-application-section { text-align: center; margin-left: auto; margin-right: auto; max-width: 260px; clear:both; } #finance-application #vacancy-application-section .vacancy-application-apply { background-color: #39b54a; text-shadow: 0 -1px 0 #242424; color: #ffffff; cursor: pointer; float: left; font-size: 0.85em; font-weight: bold; letter-spacing: 0; margin-bottom: 0; margin-top: 0; padding: 6px; text-transform: uppercase; min-width: 330px; margin-bottom: 20px; } #finance-application #vacancy-application-section .vacancy-application-apply { border-bottom: 0.09375em solid #e3e3e3; font-family: Lato,sans-serif; font-size: 14px; text-align: center; /* margin-left: -5px;*/ width: 100%; margin-left: 10px; } #finance-application #vacancy-application-section .vacancy-application-apply:hover{ background-color: #2D923A !important; } .finance .mejs-video { margin-left: auto; margin-right: auto; } #hire-purchase-conditional-sale, #personal-contract-purchase, #lease-purchase { display:none; } #newCarResultsFinanceTerms { font-size: 0.85em; } #newCarResultsFinanceResult { font-size: 1em; } #newCarResultsFinanceTitle { font-size: 1.1em; } #newCarResultsFinanceTitle h4 { font-weight: bold; } #newcarssearch #evolfinacecalc-chosenBorrow, #newcarssearch #evolfinacecalc-chosenTerm, #newcarssearch #evolfinacecalc-chosenCashdeposit, #newcarssearch #evolfinacecalc-chosenPartex { width: 69%; border-width: 0; } #newcarssearch #evolfinacecalc-chosenBorrow input, #newcarssearch #evolfinacecalc-chosenTerm select, #newcarssearch #evolfinacecalc-chosenCashdeposit input, #newcarssearch #evolfinacecalc-chosenPartex input { background-color: #ffffff; font-size: 0.85em; height: 33px; padding-left: 8px; padding-bottom: 0; padding-top: 0; } #newcarssearch label#evolfinacecalc-chosenTerm { padding-top: 0.45em; } #evolfinacecalc-chosenTerm, #evolfinacecalc-chosenCashdeposit, #evolfinacecalc-chosenPartex { clear: both; } #newcarssearch #evolfinacecalc-chosenBorrow input#borrow.value-chosenBorrow, #newcarssearch #evolfinacecalc-chosenTerm select#term.value-chosenTerm, #newcarssearch #evolfinacecalc-chosenCashdeposit input#cashdeposit.value-chosenCashdeposit, #newcarssearch #evolfinacecalc-chosenPartex input#partex.value-chosenPartex { max-width: 80%; width: 80%; } .headline-hr.ce_rsce_tao_separator.-centered { font: bold 1.25em/1.6625 Lato,sans-serif; color: #242424; } #homepage-section .brand-header, #homepage-section .homepage-header, #homepage-section-two .homepage-header { font: bold 1.15em/1.6625 Lato,sans-serif; } #homepage-section-two .homepage-header{ margin-top: 3px; } #blackfriday .vacancy-application #vacancy-application-howhere { clear:both; } #blackfriday .red { color: #BA162B; font-weight: bold; } #motabilityspecialisttab.motabilitytab .resp-tab-content { border: 1px solid #e5e5e5 !important; } #motabilityspecialisttab.motabilitytab #manufacturerModeloffer-center .rTableCell { display: inline-block; } #motabilityspecialisttab.motabilitytab .businesscenter { font-weight: normal; font-size: 1.1em; margin-top: 10px; margin-bottom: 10px; } #motabilityspecialisttab.motabilitytab .manufacturerModelRow.modeloffer.-boxed { border: 0 solid #ffffff !important; border-radius: 0px !important; box-shadow: 0 0 2px rgba(0, 0, 0, 0) !important; } #motabilityspecialisttab.motabilitytab .manufacturerModelBox-title { font-weight: bold; /*font-family: "Segoe UI" !important; */ color: #3262AA; } #motabilityspecialisttab.motabilitytab .manufacturerModelBox-title span { font-size: 0.90em; font-weight: normal; color: #242424; } #motabilityspecialisttab.motabilitytab .manufacturerModelRow { background-color: rgba(85, 85, 85, 0); } #motabilityspecialisttab.motabilitytab .manufacturerModeloffer-keyfeaturestitle img { background-color: #fff; border: 6px solid #fff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } h3#motabilityspecialists{ padding-bottom:20px; } #motabilityspecialisttab.motabilitytab ul.resp-tabs-list img { display: table-caption; margin-top: 0; padding-right: 0; vertical-align: text-top; width: 40px; border: 1px solid #ffffff !important; border-radius: 3px !important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } #motabilityspecialisttab.motabilitytab .resp-accordion img { display: inline; margin-top: 0; padding-right: 0; vertical-align: text-top; width: 40px; border: 1px solid #ffffff !important; border-radius: 3px !important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } #motabilityspecialisttab.motabilitytab .motabilitytitle { position: relative; top: 4px; font-weight: normal; } #motabilityspecialisttab.motabilitytab .resp-accordion span.motabilitytitle { position: relative; left: 10px; top: 7px; font-weight: normal; color:#242424; } .slide-manufacturer-model-video, .slider-manufacturer-model-video .rsts-active, .slider-manufacturer-model-video .rsts-active a, .slider-manufacturer-model-video .slide-manufacturer-model-video, .slide-manufacturer-model-video .playbutton { cursor:pointer; } .slider-manufacturer-model-video .video-title { background-color: #07216c; color: #ffffff; display: inline; font-size: 0.90em; padding: 3px; position: absolute; z-index: 99999; width: 100%; text-align: center; } .slider-manufacturer-model-video .playbutton { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: url("/files/YouTube-icon-full_color.png") no-repeat center center; background-size: 80px 60px; } .motabilityoffers-root .slider-manufacturer-model-video h3 { margin-bottom: 20px; } .thebigone h3 { margin-bottom: -24px; padding-top: 10px; text-align: center; } .videoopacity { opacity: 0; z-index:-1 !important;; } a.rsts-video-stop { opacity: 0; color:#FFFFFF; } .motabilityoffers-root .slide-manufacturer-model-video { background-color:#242424; } .motabilityoffers-root .rsts-video-iframe { height: 94%; left: 0; position: absolute; top: -1px; width: 100%; } .team-description p a { background-color: #e1e1e1; border-radius: 3px; box-shadow: 0 0 0 2px #ffffff inset; color: #242424; cursor: pointer; font-size: 0.85em !important; margin-top: -30px; outline: medium none; padding: 1.2em; text-align: center; } .highlight-box.ce_rsce_tao_highlight_box.business { background-color: #ffffff; border: 1px solid #E5E5E5; margin-bottom: 30px; } .highlight-box.ce_rsce_tao_highlight_box.business .highlight-box-inner p { font-size: 0.85em; color: #242424; padding-bottom: 10px; } .highlight-box.ce_rsce_tao_highlight_box.business .highlight-box-inner { float: left; width: 100%; } .highlight-box.ce_rsce_tao_highlight_box.business .businesscenter { clear: both; text-align: center; } .businesscenter .callbranchbutton.button { padding: 0.84286em 2.2em; box-shadow: 0 0 0 2px #b2b9c4; } #model-options #routesixsix { display: inline; width: 120px; height: 120px; } h3#businessoffers.headline-hr.ce_rsce_tao_separator.-centered { margin-top: 20px; } .manufacturerlocatorpanel { margin-top: -40px; position: fixed; right: 54px; z-index: 9998; } .manufacturer-terms { font-size: 0.7em; padding-left: 5px; padding-right: 5px; margin-top: -15px; } #usedcar-detail-campaign #offertab ul.resp-tabs-list.hor_1 { margin-top: -80px; } .disable-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .campaigncircle { background: #3768b7 none repeat scroll 0 0; border-radius: 50%; border: 1px solid #ffffff; cursor: pointer; float: left; height: 45px; position: absolute; left: 4px; top: 164px; width: 45px; text-align: center; z-index: 19; font-family: sans-serif; } .genericoverlay { color: #ffffff; font-size: 1.35em; font-weight: bold; letter-spacing: 1px; line-height: 2.2; -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); } .campaignoverlaysection { background: #3768b7 none repeat scroll 0 0; border-radius: 50%; border: 1px solid #ffffff; cursor: pointer; float: left; height: 45px; position: relative; width: 45px; text-align: center; z-index: 19; font-family: sans-serif; left: 30px; top: 50px; } .campaigncirclelarge { background: #3768b7 none repeat scroll 0 0; box-shadow: 0px 0px 0px 2px #ffffff inset; border-radius: 50%; cursor: pointer; text-align: center; height: 75px; left: 10px; position: relative; width: 75px; z-index: 1; top: 55px; font-family: sans-serif; } .genericoverlaylarge { color: #ffffff; font-size: 1.85em !important; font-weight: bold !important; letter-spacing: 1px; line-height: 2.2; -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); } .campaignoverlayoffset { margin-top: -45px; } .callbranch { margin: -42px 0 0; padding: 0; text-align: center; font-size: 1.3em; } .callbranchbutton { background-color: #39b54a; box-shadow: 0px 0px 0px 2px #ffffff inset; border-radius: 3px; cursor: pointer; font-size: 0.755em !important; margin-top: 2px; outline: medium none; padding: 0.54286em 2.2em; text-align: center; } #campaign-wrapper { background-color: #f5f5f5; background-position: center top; background-repeat: no-repeat; background-size: cover; display: block; left: 0; /*padding: 2%;*/ position: relative; top: 0px; width: 100%; } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide .rsts-slidesafford { display: flex; } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide { /* width: 680px; */ } .campaignoverlayslide img { height: 70px; margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 0; position: relative; width: 70px; } /* .campaignoverlaysection img { height: 45px; margin-left: 95px; margin-top: 15px; position: absolute; width: 45px; z-index:9999; } */ .campaignoverlay img { height: 45px; margin-left: -89px; margin-top: 198px; position: absolute; width: 45px; } #usedcar-detail-campaign.mod_sgpetchdatabridge .resp-tabs-list { margin: 0; padding: 0; } #usedcar-detail-campaign.mod_sgpetchdatabridge .resp-tabs-list.hor_1 li { cursor: default; display: table; float: none; font-size: 0.8em; font-weight: 600; list-style: outside none none; margin: 0 15px 0 0; } #offer-campaign .offer-table-smallprint-top { margin-left: 85px; } #offer-campaign-default .offer-table-smallprint-top { margin-left: 10px; } #usedcar-detail-campaign.mod_sgpetchdatabridge #offertab ul.resp-tabs-list { display: block !important; } #campaign.resp-tab-item.hor_1.campaign { padding: 5px; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; } #campaign.resp-tab-item.hor_1.campaign img { width: 85px; height: 85px; margin-top: -41px; position: absolute; } .manufacturerModelRow.campaign:hover { background-color: #EEEEEE; cursor: pointer; } .campaign-deposit { background-color: #ba162b; color: #ffffff; padding: 5px; font-weight: bold; } .campaign-monthly { background-color: #ffffff; color: #ba162b; padding: 5px; margin-bottom: 5px; font-weight: bold; } .manufacturerModelImage-campaign .manufacturerModelBox-title { padding-top: 0px; width: 100%; } .icon-boxes-item.low-deposit:before, .icon-boxes-item.low-deposit:hover:before, .icon-boxes-item.low-deposit:focus:before { color: #39B54A !important; border: 0.09375em solid #39B54A; } .icon-boxes-item.low-payments:before, .icon-boxes-item.low-payments:hover:before, .icon-boxes-item.low-payments:focus:before { color: #ba162b !important; border: 0.09375em solid #ba162b; } .icon-boxes-item.warranty:before, .icon-boxes-item.warranty:hover:before, .icon-boxes-item.warranty:focus:before { color: #A5785B !important; border: 0.09375em solid #A5785B; } .icon-boxes-item.service-mot:before, .icon-boxes-item.service-mot:hover:before, .icon-boxes-item.service-mot:focus:before { color: #3262AA !important; border: 0.09375em solid #3262AA; } .icon-boxes-item.zero-percent:before, .icon-boxes-item.zero-percent:hover:before, .icon-boxes-item.zero-percent:focus:before { color: #ba162b !important; border: 0.09375em solid #ba162b; } .icon-boxes-item.blackfriday:before, .icon-boxes-item.blackfriday:hover:before, .icon-boxes-item.blackfriday:focus:before { color: #B51D15 !important; border: 0.09375em solid #ba162b; } .icon-boxes .black-friday[data-icon]::before { color: #B51D15 !important; border: 0.09375em solid #ba162b; font-family: Arial, sans-serif; font-weight: bold; } .icon-boxes-item.one-thousand:before, .icon-boxes-item.one-thousand:hover:before, .icon-boxes-item.one-thousand:focus:before, .icon-boxes-item.two-year:before, .icon-boxes-item.two-year:hover:before, .icon-boxes-item.two-year:focus:before, .icon-boxes-item.three-year:before, .icon-boxes-item.three-year:hover:before, .icon-boxes-item.three-year:focus:before { color: #3262AA !important; border: 0.09375em solid #3262AA; } .icon-boxes-item.icon-zero:before, .icon-boxes-item.icon-zero:hover:before, .icon-boxes-item.icon-zero:focus:before { background: transparent url("/files/icon-zero.png") no-repeat scroll 50% 50%; background-size: 80px 80px; border: 0.09375em none #b2b9c4; padding: 0.6em; } .icon-boxes-item.icon-one:before, .icon-boxes-item.icon-one:hover:before, .icon-boxes-item.icon-one:focus:before { background: transparent url("/files/icon-one.png") no-repeat scroll 50% 50%; background-size: 80px 80px; border: 0.09375em none #b2b9c4; padding: 0.6em; } .icon-boxes-item.icon-two:before, .icon-boxes-item.icon-two:hover:before, .icon-boxes-item.icon-two:focus:before { background: transparent url("/files/icon-two.png") no-repeat scroll 50% 50%; background-size: 80px 80px; border: 0.09375em none #b2b9c4; padding: 0.6em; } .icon-boxes-item.icon-three:before, .icon-boxes-item.icon-three:hover:before, .icon-boxes-item.icon-three:focus:before { background: transparent url("/files/icon-three.png") no-repeat scroll 50% 50%; background-size: 80px 80px; border: 0.09375em none #b2b9c4; padding: 0.6em; } .icon-boxes-item.save-pounds:before, .icon-boxes-item.save-pounds:hover:before, .icon-boxes-item.save-pounds:focus:before { color: #ba162b !important; border: 0.09375em solid #ba162b; background: transparent url("/files/pound-icon.png") no-repeat scroll 50% 50%; background-size: 80px 80px; } .icon-boxes-item.three-years:before, .icon-boxes-item.three-years:hover:before, .icon-boxes-item.three-years:focus:before { color: #3262AA !important; border: 0.09375em solid #3262AA; background: transparent url("/files/tax-icon.png") no-repeat scroll 50% 50%; background-size: 80px 80px; } .icon-boxes-item.low-rate:before, .icon-boxes-item.low-rater:hover:before, .icon-boxes-item.low-rate:focus:before { color: #ba162b !important; border: 0.09375em solid #ba162b; background: transparent url("/files/low-finance-icon.png") no-repeat scroll 50% 50%; background-size: 80px 80px; } .icon-boxes-item.stocks-last:before, .icon-boxes-item.stocks-last:hover:before, .icon-boxes-item.stocks-last:focus:before { color: #3262AA !important; border: 0.09375em solid #3262AA; background: transparent url("/files/stocks-icon.png") no-repeat scroll 50% 50%; background-size: 80px 80px; } .icon-boxes .three-years[data-icon]::before, .icon-boxes .low-rate[data-icon]::before, .icon-boxes .save-pounds[data-icon]::before, .icon-boxes .stocks-last[data-icon]::before { font-family: Lato, sans-serif; font-weight: bold; } .icon-boxes .zero-percent[data-icon]::before, .icon-boxes .one-thousand[data-icon]::before, .icon-boxes .two-year[data-icon]::before, .icon-boxes .three-year[data-icon]::before { font-family: Lato, sans-serif; font-weight: bold; } .variantOfferDetail .main-offer-strap { margin: -15px auto 30px; max-width: 1080px; text-align: center; display: table; } #variant-detail-center #branchlocatorpanelembedded { margin-left: auto; margin-right: auto; max-width: 400px; padding-top: 0; } #variant-detail-center #branchlocatorpanelembedded select#branchlocator { text-align: center; margin-bottom: 10px; font-size: 0.9em; background-color: #3262aa; color: #ffffff; } select#variantoffers { background-color: #3262aa; color: #ffffff !important; } .variantOfferDetail .main-offer-title { margin-bottom: 18px; text-align: center; } #variant-detail-center #variant-detail-overview { width: 60%; } #rs_container { color: #717c8e; float: none; font-size: 0.875em; margin: 0; padding-top: 10px; } p#ruk_main { margin: 0; display: none !important; } #ruk_rs_widget { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; } .main-navigation-mobile.is-enabled.is-active .main-navigation-mobile-icons { height: 40px; } .main-navigation-mobile-icons.main-navigation-mobile-icons li { display: none; } #usedcaralloffers { display: flex; } #usedcaralloffers .icon-boxes-item.rs-column { margin-right: 0px; } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch { margin: 0 auto; /* width: 670px;*/ } #branch-mfr-review { margin-top: -25px; } .team-description { font-size: 0.9em; /* background-color: rgba(255, 255, 255, 0.5); border: 5px solid rgba(255, 255, 255, 0) !important; border-radius: 3px !important; float: left; margin-top: 40px; min-width: 100%; */ } .branch-team-slider-items { margin-top: 0px !important; } .branch-team-slider-items .-image-circle {} .branch-team-slider-items .teaser-boxes-item img { width: 20%; } .branch-team-slider-items .teaser-boxes-item .image-wrapper, .branch-team-slider-items .teaser-boxes-item .no-image { margin: -1.42857em -1.42857em 1.28571em; } .branch-team-slider-items .teaser-boxes-item { background-color: white; border: 1px solid #b2b9c4; border-radius: 3px; outline: medium none; overflow: hidden; padding: 1.42857em; min-height: 130px; } .variant-gallery-slider-items .gallery_container img, .manufacturer-model-gallery-slider-items .gallery_container img { border: 5px solid #ffffff !important; border-radius: 3px !important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .variant-gallery-slider-items .gallery_container, .manufacturer-model-gallery-slider-items .gallery_container { padding-top: 1.5em !important; } .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .labelImageTitle { font-size: 0.65em !important; } .nanogallery_theme_default .nanoGalleryContainerParent { margin-left: auto; margin-right: auto; max-width: 1150px; } .nanogallery_theme_default .nanoGalleryBreadcrumb .folder, .nanogallery_theme_default .nanoGalleryBreadcrumb .folderHome { color: #3262AA; } .nanogallery_theme_default .nanoGalleryBreadcrumb .folder:hover, .nanogallery_theme_default .nanoGalleryBreadcrumb .folderHome:hover { color: #3262AA !important; } .nanogallery_theme_default .nanoGalleryNavigationbar { border-bottom: 0px solid #b2b9c4 !important; border-top: 0px solid #b2b9c4 !important; } .nanogallery_theme_default .nanoGalleryBreadcrumb .separator { color: #3262AA !important; } .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer { background-color: #fff !important; border: 1px solid #ffffff !important; border-radius: 3px !important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .imgContainer { background: #ffffff none repeat scroll 0 0 !important; } .nanogallery_theme_default .nanoGalleryContainer .nanoGalleryThumbnailContainer .subcontainer { border: 0 solid #3262AA !important; } .footer-headline a, .footer-headline a:active, .footer-headline a:visited, .footer-headline a:hover { color: #717c8e; float: left; } .footer-headline-divide { margin-left: 5px; margin-right: 5px; float: left; } .footer-headline-end a, .footer-headline-end a:active, .footer-headline-end a:visited, .footer-headline-end a:hover { color: #717c8e; } .compliancesection { margin-top: 20px; margin-bottom: 20px; } .disclaimersection h4 { color: #3262AA; } #model-options.icon-boxes { margin-top: 30px; } h1#variantoffers.headline-hr.ce_rsce_tao_separator.-centered { margin-top: 15px; margin-bottom: 15px; } h1#variantinfo.headline-hr.ce_rsce_tao_separator.-centered { margin-bottom: 15px; } h3#team.headline-hr.ce_rsce_tao_separator.-centered { margin-top: 15px; } #overview-detail #variantinfooffer, #overview-detail #variantinfoprice { float: left; } #overview-detail #variantinfooffer { margin-left: 5px; } .hidden { display: none; } #circle { background: #fff none repeat scroll 0 0; border-radius: 50%; float: right; height: 30px; /* position: relative; right: 83px; top: 6px; */ position: fixed; right: 15px; top: 82px; width: 30px; z-index: 9998; cursor: pointer; } .manufacturer-mdl-range .motabilitymdlImage img { width: 125px !important; height: 75px !important; } .newcar-search-container { width: 230px; padding-left: 10px; position: absolute; top: 85px; } .newcar-search-column-left-one { float: left; vertical-align: top; width: 57px; } .newcar-search-column-left-two { float: left; vertical-align: top; width: 43px; } .newcar-search-column-center { display: inline-block; vertical-align: top; width: 70px; } .newcar-search-column-right { float: right; vertical-align: top; width: 50px; } .newcar-search-column-left { float: left; vertical-align: top; width: 80px; } .newcar-search-spacer { background-color: #cccccc; border: 0 none; color: #e0e0e0; height: 1px; margin-bottom: 7px; margin-top: 7px; width: 118%; } .newcar-search-column-left-one a img#abarth { transform: scale(0.8); vertical-align: text-top; } .newcar-search-column-left-two a img#alfa { margin-left: 15px; margin-top: 7px; transform: scale(1.2); vertical-align: text-top; } .newcar-search-column-center a img#fiat { margin-left: 30px; margin-top: -2px; transform: scale(0.8); vertical-align: text-top; } .newcar-search-column-right a img#jeep { margin-left: 32px; margin-top: 10px; transform: scale(1.2); vertical-align: text-top; } .newcar-search-column-left-one a img#hyundai { margin-left: 0; margin-top: 8px; transform: scale(1); vertical-align: text-top; } .newcar-search-column-left-two a img#kia { margin-left: 25px; margin-top: 9px; transform: scale(1.75); vertical-align: text-top; } .newcar-search-column-center a img#mazda { margin-left: 34px; margin-top: -13px; transform: scale(0.65); vertical-align: text-top; } .newcar-search-column-right a img#nissan { margin-left: 35px; margin-top: 2px; transform: scale(1); vertical-align: text-top; } .newcar-search-column-left-one a img#peugeot { margin-left: 0; margin-top: -3px; transform: scale(1); vertical-align: text-top; } .newcar-search-column-left-two a img#seat { margin-left: 12px; margin-top: 1px; transform: scale(1.1); vertical-align: text-top; } .newcar-search-column-center a img#subaru { margin-left: 21px; margin-top: -2px; transform: scale(0.85); vertical-align: text-top; } .newcar-search-column-right a img#isuzu { margin-left: 32px; margin-top: 8px; transform: scale(1.2); vertical-align: text-top; } #badge-144 { left: 0px; top: 10px; display: table; float: none; position: absolute; transform: scale(1); margin-left: auto; margin-right: auto; max-width: 170px !important; } #homepage-small-section.s-community { background-color: #E3E3E3; border: 0 solid rgba(255, 255, 255, 0.1); border-radius: 0; min-width: 92%; } .nearlynewcars-slider-items .rsts-caption, .branch-usedcars-slider-items .rsts-caption, .manufacturer-nearlynewcars-slider-items .rsts-caption, .manufacturer-usedcars-slider-items .rsts-caption, .model-nearlynewcars-slider-items .rsts-caption, .usedcars-slider-items .rsts-caption, .branch-nearlynewcars-slider-items .rsts-caption { line-height: 1.4em; margin-left: auto; margin-right: auto; max-width: 170px; padding-top: 5px; color: #242424; } .nearlynewcars-slider-items p.icon-boxes-item-link.-link, .branch-usedcars-slider-items p.icon-boxes-item-link.-link, .manufacturer-nearlynewcars-slider-items p.icon-boxes-item-link.-link, .manufacturer-usedcars-slider-items p.icon-boxes-item-link.-link, .model-nearlynewcars-slider-items p.icon-boxes-item-link.-link, .usedcars-slider-items p.icon-boxes-item-link.-link, .branch-nearlynewcars-slider-items p.icon-boxes-item-link.-link { padding-top: 5px; line-height: 1.4em; color: #666666; } #autotrader { display: none; } .rTable { display: table; width: 100%; } .rTableRow { display: table-row; } .rTableHeading { display: table-header-group; } .rTableBody { display: table-row-group; } .rTableFoot { display: table-footer-group; } .rTableCellwrap, .rTableCell, .rTableHead { /* display: table-cell; */ display: inline-block; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; border: 0px solid #999999; vertical-align: middle; } .rTableCell { white-space: nowrap; } .rTableCellwrap { text-align: justify; font-size: 0.90em; } .modeloffer #manufacturerModeloffer-keyoverview { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: white none repeat scroll 0 0; border-bottom: 0 solid #b2b9c4; border-collapse: separate; border-image: none; border-left: 1px solid #b2b9c4 !important; border-radius: 0; border-right: 1px solid #b2b9c4 !important; border-spacing: 0; border-top: 0 solid #b2b9c4; margin-top: 0; padding-left: 20px; padding-right: 30px; padding-top: 0; width: 100%; } .motabilityImage, .motabilitymdlImage { background-color: #ffffff; border: 1px solid #f5f5f5; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); cursor: pointer; padding: 11px; } .motabilityImage img { height: 59px !important; width: 85px !important; } .large { font-size: 1.2em; line-height: 1em; } .larger { font-size: 1.3em; line-height: 1em; } .boldit { font-size: 1.2em; font-weight: bold; } .newline { clear: both; } .blue { color: #3262AA; } .offerblue { float: left; color: #3262AA; } .offerblack { float: left; color: #242424; } h1#enquire.headline-hr.ce_rsce_tao_separator.-centered, h1#vehicle.headline-hr.ce_rsce_tao_separator.-centered, h1#welcome.headline-hr.ce_rsce_tao_separator.-centered, h1#book.headline-hr.ce_rsce_tao_separator.-centered, h1#new-car-offers.headline-hr.ce_rsce_tao_separator.-centered, h1#variantoffers.headline-hr.ce_rsce_tao_separator.-centered, h1#modeltitle.headline-hr.ce_rsce_tao_separator.model.-centered, h1#contactus.headline-hr.ce_rsce_tao_separator.-centered, h1#home.headline-hr.ce_rsce_tao_separator.-centered, h1#vacancy-application-header.headline-hr.ce_rsce_tao_separator.-centered, h1#motability.headline-hr.ce_rsce_tao_separator.-centered, h1#newbusiness.headline-hr.ce_rsce_tao_separator.-centered, h1#gallery.headline-hr.ce_rsce_tao_separator, h1#variantinfo.headline-hr.ce_rsce_tao_separator.-centered, h1#headline.headline-hr.ce_rsce_tao_separator.-centered, h1#compliance.headline-hr.ce_rsce_tao_separator.-centered, h1#disclaimer.headline-hr.ce_rsce_tao_separator.-centered, h1#search.headline-hr.ce_rsce_tao_separator.-centered { padding-bottom: 5px; } .homepage.-image-centered.-image-after-text.in-view.has-shown .feature-box-text.-fade p { text-shadow: 0 -1px 0 #242424; } .opening-telephone a, .opening-telephone a:visited, .opening-telephone a:active, .opening-telephone a:hover, #opening-address a, #opening-address a:visited, #opening-address a:active, #opening-address a:hover { color: #FFFFFF; text-decoration: none; } .hoverbutton-address { position: absolute; left: 57px; top: 74px; z-index: 0; } #opening-address { color: #FFFFFF; font-size: 0.90em; line-height: 1.4em; } .hoverbutton-telephone { position: absolute; left: 15px; top: 78px; z-index: 0; } .opening-telephone { color: #FFFFFF; font-size: 0.90em; line-height: 1.5em; float: left; padding-right: 15px; padding-left: 2px; } .hoverbutton-opening-hours { position: absolute; right: 55px; top: 78px; z-index: 0; } #opening-hours { -moz-appearance: none; background: #000000 none repeat scroll 0 0; border: 0px solid #ffffff; border-radius: 3px; color: white; cursor: pointer; display: inline-block; float: right; font-size: 0.875em; line-height: 1.42929; outline: medium none; padding: 0.58em 1.22857em; position: relative; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 #242424; text-transform: uppercase; } #opening-hours:hover, #opening-hours:active { background: #BA162B; } #badge-140 { display: table; float: none; left: -12px; position: absolute; top: 110px; transform: scale(0.75); z-index: 1; } #manufacturer-slider-logo #badge-140 { float: left; } .-martop { margin-top: 20px !important; } .mod_rocksolid_slider.branch-manufacturer-slider-items { margin-bottom: 0; margin-top: 8px; } h3#book.headline-hr, h1#book.headline-hr { margin-bottom: 20px; margin-top: 20px; } h1#modeltitle.headline-hr.ce_rsce_tao_separator.model { margin-bottom: 15px; } .icon-boxes-item.offers:before, .icon-boxes-item.offers:hover:before, .icon-boxes-item.offers:focus:before { color: #39B54A !important; border: 0.09375em solid #39B54A; } .icon-boxes-item.technical:before, .icon-boxes-item.technical:hover:before, .icon-boxes-item.technical:focus:before { color: #A5785B !important; border: 0.09375em solid #A5785B; } .icon-boxes-item.download:before, .icon-boxes-item.download:hover:before, .icon-boxes-item.download:focus:before { color: #ba162b !important; border: 0.09375em solid #ba162b; } .icon-boxes-item.enquire:before, .icon-boxes-item.enquire:hover:before, .icon-boxes-item.enquire:focus:before { color: #242424 !important; border: 0.09375em solid #242424; } .icon-boxes-item.book:before, .icon-boxes-item.book:hover:before, .icon-boxes-item.book:focus:before { color: #3262AA !important; border: 0.09375em solid #3262AA; } .alignthree { margin-left: 5.5%; margin-right: 5.5%; } .aligntwo { margin-left: 17%; } .alignone { margin-left: 39%; } .alignthree-six { margin-left: 10.5%; } #model-options #book, #model-options #enquire { cursor: pointer; } #textjusify { /* text-align:center; */ } .manufacturer-branches-slider-items { margin-top: -12px !important; margin-bottom: 10px !important; } #model-options.icon-boxes h2, #manufacturer-aftersales.icon-boxes h2, #branch-booking.icon-boxes h2, .branch-usedcars-slider-items h2, .branch-nearlynewcars-slider-items h2 { font-weight: normal !important; font-size: 1.3em; } #newcarssearch h1, #newcarssearch h3 { font: bold 1.15em/1.6625 Lato,sans-serif; margin-top: 0em; } .content-wrapper { background: #F5F5F5; } .nav-container { display: none; } .mobile-toggle { cursor: pointer; float: right; font-size: 20px; /* position: relative; right: 56px; top: 15px; */ position: fixed; right: 18px; top: 91px; width: 20px; z-index: 9999; -webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; } .mobile-toggle span { background: #242424; border-radius: 1000px; display: block; height: 2px; margin-bottom: 3px; width: 16px; } .footer-headline { font-size: 1em; } .footer-navigation.branch .level_1 {} .footer-navigation.branch > ul > li a, .footer-navigation.branch > ul > li span.trail, .footer-navigation.branch > ul > li span.active, .footer-navigation.branch > ul > li span.forward { margin-right: 5px; padding-top: 0; } .footer-navigation.branch { float: left; text-align: left; margin-top: 2px; } #loginnotice { text-align: left; } #contactnotice, #servicenotice, #motnotice { text-align: center; } #homepage-section.s-news { margin-bottom: 35px; } #freewall .newsitem { background-color: rgba(255, 255, 255, 0.25); border: 5px solid rgba(255, 255, 255, 0) !important; margin-top: -20px; padding-top: 110px; position: inherit; } #freewall .hnews h2 { clear: both; /* color: #1782c5; */ color: #242424; float: left; font-size: 0.75em; margin-left: 10px; margin-top: 6px; text-align: left; } #freewall .newfeed { clear: both; font-size: 0.75em; line-height: 1.2em; padding-left: 10px; text-align: left; } #freewall .newposted { clear: both; font-size: 0.90em; line-height: 1.2em; padding-left: 0px; text-align: left; padding-top: 5px; } #freewall .newsimage img { clear: both; float: left; margin-bottom: 5px; margin-left: 10px; width: 125px; border: 0px; /* border: 1px solid #d4d4d4 !important; */ border-radius: 1px !important; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3) !important; } /* .hmfr-column-abarth { float: left; padding-left: 9px; vertical-align: top; width: 56px; } .hmfr-column-alfa { float: left; padding-left: 4px; vertical-align: top; width: 53px; } .hmfr-column-fiat { float: left; margin-top: 0; padding-left: 5px; padding-right: 5px; vertical-align: top; width: 57px; } .hmfr-column-jeep { float: left; margin-top: 15px; padding-left: 5px; vertical-align: top; width: 57px; } .hmfr-column-kia { float: left; margin-top: 10px; padding-left: 9px; padding-right: 0; vertical-align: top; width: 70px; } .hmfr-column-mazda { clear: both; float: left; margin-top: -1px; padding-left: 9px; vertical-align: top; width: 60px; } .hmfr-column-nissan { float: left; padding-left: 8px; vertical-align: top; width: 58px; } .hmfr-column-peugeot { float: left; margin-top: 5px; padding-left: 7px; vertical-align: top; width: 58px; } .hmfr-column-seat { float: left; margin-top: 5px; padding-left: 7px; vertical-align: top; width: 52px; } .hmfr-column-subaru { float: left; margin-top: 5px; padding-left: 7px; vertical-align: top; width: 70px; } .hmfr-column-greatwall { clear: both; float: left; margin-top: 3px; padding-left: 9px; vertical-align: top; width: 70px; } .hmfr-column-isuzu { float: left; padding-left: 12px; padding-top: 10px; vertical-align: top; width: 83px; } .hmfr-column-hyundai { float: left; padding-left: 15px; padding-top: 7px; vertical-align: top; width: 73px; } */ .hompage-slider-items .rsts-caption { color: #242424; font-size: 1.2em; margin-left: 19px; margin-top: -130px; position: fixed; z-index: 999999; } .hompage-slider-items .white { color: #FFFFFF !important; } .hompage-slider-items .wrap { width: 60px; line-height: 1em; margin-top: -126px } .mod_rocksolid_slider.hompage-slider-items, .mod_rocksolid_slider.group-manufacturer-slider-items { margin-top: 0em; } #manufacturer-aftersales.icon-boxes h2 { font-size: 1.3em; } .services .icon-boxes-item h2 { clear: both; font-size: 1.2em; padding-left: 0px !important; padding-top: 5px; } .services .icon-boxes-item p { clear: both; font-size: 0.90em; margin-top: -8px; line-height: 12px; } .feature-box#branchmanufacturer-slider { margin: 5px auto 0px; text-align: center; margin-left: auto; margin-right: auto; max-width: 500px; } .manufacturer-branches-slider-items .rsts-caption { margin-left: auto; margin-right: auto; max-width: 260px; padding-top: 5px; text-align: center; color: #666666; } a.rsts-video-play:first-letter, a.rsts-video-stop:first-letter { text-transform: uppercase; } .slider-manufacturer-model-video a.rsts-prev, .manufacturer-model-gallery-slider-items a.rsts-prev { left: -10px; } .slider-manufacturer-model-video a.rsts-next, .manufacturer-model-gallery-slider-items a.rsts-next { right: -10px; } .slider-manufacturer-model-video .rsts-caption { margin-top: -34px; font-size: 0.75em !important; color: #FFFFFF; display: block; margin-left: auto; margin-right: auto; } .slide-manufacturer-model-video img { min-width: 100%; } /* .slider-manufacturer-model-video img { margin-left: auto; margin-right: auto; max-width: 100%; border: 1px solid #b2b9c4; border-radius: 3px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } .rsts-video-iframe { height: 83.6%; width: 84.1%; left: 45px; position: absolute; top: 2px; } .slider-manufacturer-model-video.rsts-no-touch { margin-bottom:0px; } .slider-manufacturer-model-video.rsts-no-touch .rsts-view a.rsts-prev, .slider-manufacturer-model-video.rsts-no-touch .rsts-view a.rsts-next { top: 6em; } .slider-manufacturer-model-video a.rsts-video-play { background-color: #39b54a; border: 1px solid #ffffff; border-radius: 3px; color: #ffffff; cursor: pointer; font-size: 0.875em; margin-left: 10px; outline: medium none; padding: 0 0.02857em 0.283em; text-align: center; width: 55px; margin-top: 15px !important; } .slider-manufacturer-model-video a.rsts-video-stop { background-color: #39b54a; border: 1px solid #ffffff; border-radius: 3px; color: #ffffff; cursor: pointer; font-size: 0.875em; padding: 0 0.02857em 0.283em; outline: medium none; text-align: center; width: 55px; display: block !important; margin-left: auto !important; margin-right: auto !important; margin-top: 15px !important; text-align: center !important; } .manufacturer-model-video-slider-items .rsts-view { } .slider-manufacturer-model-video.rsts-no-touch .rsts-view .rsts-crop, { .slider-manufacturer-model-video.rsts-no-touch .rsts-view width:450px !important; } .slider-manufacturer-model-video.rsts-no-touch .rsts-view .rsts-crop { height: 440px !important; } .slider-manufacturer-model-video.rsts-no-touch a.rsts-video-play:hover, .slider-manufacturer-model-video.rsts-no-touch a.rsts-video-stop:hover { background-color:#33A343 !important; } .slider-manufacturer-model-video.rsts-no-touch a.rsts-video-play:active, .slider-manufacturer-model-video.rsts-no-touch a.rsts-video-stop:active { background-color:#E5514F !important; } .slider-manufacturer-model-video a.rsts-video-play { text-align:center; margin-left:0; display:block; margin-top:0px; display: block; margin-left: auto; margin-right: auto; } .slide-manufacturer-model-video { display: block; margin-left: auto; margin-right: auto; width: 480px; } .slider-manufacturer-model-video.rsts-no-touch.rsts-video-playing .rsts-view .rsts-crop .rsts-slides a.rsts-video-stop { text-align:center; margin-left:0; display:block !important; margin-top:-26px; } */ .offer-table-col-blue-even, .offer-table-col-blue-odd { text-align: center; } #manufacturerModeloffer-center .newCarSearchModelOffersButton { width: 195px; } .usedCarSearchModelOffer.nearlynew { display: block; font-weight: bold; padding-top: 0px; } .usedCarSearchModelOfferNew.nearlynew, .usedCarSearchModelOfferNew.strike.nearlynew { float: left; color: #242424; } .usedCarSearchModelOfferNew.strike.nearlynew { padding-left: 3px; } .usedCarSearchSaving.nearlynew { margin-left: auto; margin-right: auto; max-width: 200px; } newCarSearchButtons { margin-left: auto; margin-right: auto; max-width: 400px; } #variant-detail-offers select#variantoffers.value-variantoffers.whitebg option.strong { margin-left: 0px; } #branchinfo { background-color: #efefef; border: 10px solid #ffffff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); max-width: 515px; min-width: 309px; opacity: 0.9; outline: medium none; overflow: hidden; padding: 1.12857em; margin-left: 1em; } #branchinfo h1 { margin-bottom: 0.7px; margin-top: 0.7px; } #branchinfo .branchinfo-address { font-size: 0.80em; margin-bottom: 0.7px; margin-top: 0.7px; } #branchinfo .branchinfo-tel { border: 1px solid #ffffff; border-radius: 3px; } #branchinfo .branchinfo-call { background-color: #ffffff; padding: 0.375em 0.625em; float: left; } #branchinfo .branchinfo-phone { cursor: pointer; font-weight: bold; text-align: center; background-color: #3262aa; padding: 0.375em 0.625em; } #branchinfo .branchinfo-phone a { color: #ffffff; text-shadow: 0 -1px 0 #242424; } #branchinfo .branchinfo-phone:hover { background-color: #2D5899; } #branchinfo .branchinfo-phone:active { background-color: #E5514F; } #ui-datepicker-div { font-size: 0.75em; } #vacancy-application-submit .submit { background: #39b54a; } #vacancy-application-submit .submit:hover { background: #33A343; } #vacancy-application-submit .submit:active { background: #E5514F; } .newcarsmodelpanel-href.book, .newcarsmodelpanel-href.enquire { text-decoration: none !important; color: #1782c5; font-size: 0.9em; cursor: pointer; } .ce_rsce_tao_button.enquire { cursor: pointer; } #vacancy-application-submit input.submit { float: right; } #loginForm span.red, #applicationForm span.red, .error { color: #BA162B; } #loginForm span.red, #applicationForm span.red { font-size: 1.1em; font-weight: bold; } #vacancy-application-captcha img#refresh { cursor: pointer; } #vacancy-application-captcha label { float: left; margin-top: 10px; } #vacancy-application-captcha input#code { max-width: 200px; } #vacancy-application-captcha img#captcha { margin-right: 5px; margin-top: -6px; } #vacancy-application-captcha img { vertical-align: middle; } .vacancy-application { background-color: white; border: 1px solid #b2b9c4; border-radius: 3px; outline: medium none; overflow: hidden; padding: 1em; margin-bottom: 20px; } .vacancy-application-headline { margin-top: -20px; margin-bottom: 15px; } .vacancy-application input, .vacancy-application select, .vacancy-application textarea { font-family: Lato, sans-serif; } #vacancy-application-confPass label, #vacancy-application-newPass label, #vacancy-application-curPass label, #vacancy-application-title label, #vacancy-application-cname label { float: left; /*max-width: 70px;*/ padding-bottom: 9px; padding-right: 115px; } #vacancy-application-confPass select, #vacancy-application-newPass select, #vacancy-application-curPass select, #vacancy-application-title select, #vacancy-application-cname select { float: left; margin-right: 8px; max-width: 65px; font-size: 0.8em; } .vacancy-applicatione label { float: left; font-size: 0.9em; padding-bottom: 10px; padding-right: 83px; } #vacancy-application-howhere label, #vacancy-application-howheretd label { width: 185px; } #blackfriday #vacancy-application-howhere label { width: 205px; } #vacancy-application-howhere select, #vacancy-application-howheretd select { float: left; font-size: 0.8em; margin-right: 30px; width: 185px; } #vacancy-application-enablecallback { float: left; } #vacancy-application-enablecallback label { float: left; padding-right: 5px; padding-top: 3px; } #vacancy-application-enablecallback input#enablecallback { margin-right: 15px; } #vacancy-application-prefcallback { float: left; margin-top: -30px; } #vacancy-application-prefcallback label { width: 175px; } #vacancy-application-department select { float: left; font-size: 0.8em; margin-right: 30px; width: 175px; } #vacancy-application-prefcallback select { float: left; font-size: 0.8em; margin-right: 30px; width: 175px; } #vacancy-application-optin { clear: both; padding-top: 15px; } #vacancy-application-optin input#optin { float: left; margin-top: 6px; } #vacancy-application-optin label { float: left; margin-right: 8px; } #vacancy-application-optin-text label, #vacancy-application-optin-phone label, #vacancy-application-optin-email label, #vacancy-application-optin-post label { clear:both; margin-bottom: 0em; top: -26px; display: inline-block; position: relative; left: 22px; } #vacancy-application-optin-text input#optin-text, #vacancy-application-optin-phone input#optin-phone, #vacancy-application-optin-email input#optin-email, #vacancy-application-optin-post input#optin-post { margin-right: 5px; margin-top: -25px; } #vacancy-application-notes { float: left; } #booking-application-notes { float: left; } #vacancy-application-notes label { float: left; font-size: 0.9em; margin-top: -30px; } #booking-application-notes label { float: left; font-size: 0.9em; margin-top: 0px; } #booking-application-notes textarea { font-size: 0.8em; width: 100%; min-width: 400px; } #vacancy-application-notes textarea { font-size: 0.8em; width: 100%; min-width: 400px; } #vacancy-application-prefDate label { clear: both; float: left; font-size: 0.9em; padding-right: 50px; margin-top: 8px; padding-bottom: 14px; } #vacancy-application-confPass label, #vacancy-application-newPass label, #vacancy-application-curPass label, #vacancy-application-title label, #vacancy-application-cname label, #vacancy-application-fnametd label, #vacancy-application-fname label, #vacancy-application-address1 label, #vacancy-application-city label, #vacancy-application-teltd label, #vacancy-application-tel label, #vacancy-application-makeModel label, #vacancy-application-make label, #vacancy-application-mobile label { clear: both; float: left; font-size: 0.9em; padding-right: 35px; margin-top: 8px; padding-bottom: 14px; } #vacancy-application-mobile label { padding-right: 53px; } #vacancy-application-confPass input#confPass, #vacancy-application-newPass input#newPass, #vacancy-application-curPass input#curPass, #vacancy-application-fnametd input#fnametd, #vacancy-application-fname input#fname, #vacancy-application-address1 input#address1, #vacancy-application-teltd input#teltd, #vacancy-application-tel input#tel, #vacancy-application-title input#title, #vacancy-application-cname input#cname, #vacancy-application-city input#town, #vacancy-application-make select#make, #vacancy-application-makeModel input#makeModel, #vacancy-application-prefDate input#prefDate, #vacancy-application-mobile input#mobile { float: left; margin-right: 35px; max-width: 225px; font-size: 0.8em; } #vacancy-application-add1_no_name input#add1_no_name, #vacancy-application-add2_no_name input#add2_no_name { float: left; margin-right: 35px; max-width: 325px; font-size: 0.8em; } #vacancy-application-add1_no_name label, #vacancy-application-add2_no_name label { float: left; font-size: 0.9em; margin-top: 8px; padding-bottom: 14px; padding-right: 25px; } #vacancy-application-add1_street input#add1_street, #vacancy-application-add2_street input#add2_street { float: left; margin-right: 35px; max-width: 325px; font-size: 0.8em; } #vacancy-application-add1_street label, #vacancy-application-add2_street label { float: left; font-size: 0.9em; margin-top: 8px; padding-bottom: 14px; padding-right: 25px; } #vacancy-application-add1_town input#add1_town, #vacancy-application-add2_town input#add2_town, #vacancy-application-add1_postcode input#add1_postcode, #vacancy-application-add2_postcode input#add2_postcode { float: left; margin-right: 35px; max-width: 325px; font-size: 0.8em; } #vacancy-application-add1_years input#add1_years, #vacancy-application-add2_years input#add2_years, #vacancy-application-add1_months input#add1_months, #vacancy-application-add2_months input#add2_months { float: left; margin-right: 35px; max-width: 60px; font-size: 0.8em; } #vacancy-application-add1_years, #vacancy-application-add2_years { clear:both; padding-top: 16px; } #vacancy-application-add1_months, #vacancy-application-add2_months { float: left; } #vacancy-application-add1_months label, #vacancy-application-add2_months label, #vacancy-application-add1_years label, #vacancy-application-add2_years label, #vacancy-application-add1_postcode label, #vacancy-application-add2_postcode label, #vacancy-application-oname label, #vacancy-application-add1_town label, #vacancy-application-add2_town label, #vacancy-application-add1_street label, #vacancy-application-add2_street label, #vacancy-application-lname label, #vacancy-application-dateofbirth label, #vacancy-application-address2 label, #vacancy-application-email label, #vacancy-application-emailtd label, #vacancy-application-address3 label, #vacancy-application-postcode label, #vacancy-application-regemail label, #vacancy-application-regpassword label, #vacancy-application-regconfpassword label, #vacancy-application-county label, #vacancy-application-reg label, #vacancy-application-courtesy label, #vacancy-application-interest label { float: left; font-size: 0.9em; margin-top: 8px; padding-bottom: 14px; padding-right: 45px; } #vacancy-application-add1_town label, #vacancy-application-add2_town label, #vacancy-application-add1_years label, #vacancy-application-add2_years label { clear:both; } #blackfriday #vacancy-application-fname label, #blackfriday #vacancy-application-email label, #blackfriday #vacancy-application-howhere label, #blackfriday #vacancy-application-interest label { color:#242424; font: normal 0.95em/1.6625 Lato,sans-serif; } #black-friday.headline-hr.ce_rsce_tao_separator.-centered { font: bold 1.3em/1.6625 Lato,sans-serif; } #blackfriday .vacancy-application-headline h4 { font-weight: bold; font: bold 1em/1.6625 Lato,sans-serif; } #vacancy-application-department label { float: left; font-size: 0.9em; padding-bottom: 14px; padding-right: 35px; } #vacancy-application-postcode label { padding-right: 42px; } #vacancy-application-regemail label { padding-right: 42px; } #vacancy-application-regpassword label { padding-right: 42px; } #vacancy-application-regconfpassword label { padding-right: 42px; } #vacancy-application-oname input#oname, #vacancy-application-lname input#lname, #vacancy-application-dateofbirth input#dateofbirth, #vacancy-application-address2 input#address2, #vacancy-application-emailtd input#emailtd, #vacancy-application-email input#email, #vacancy-application-mobile input#mobile, #vacancy-application-address3 input#address3, #vacancy-application-postcode input#postcode, #vacancy-application-regemail input#regemail, #vacancy-application-regpassword input#regpassword, #vacancy-application-regconfpassword input#regconfpassword, #vacancy-application-county input#county, #vacancy-application-reg input#reg { float: left; max-width: 225px; font-size: 0.8em; margin-right: 35px; } #vacancy-application-courtesy input#courtesy { float: left; margin-top: 15px; } #vacancy-application-interest label { margin-right: -20px; } #vacancy-application-courtesy input#interest { float: left; margin-top: 15px; } #vacancy-application-interest label.trim { margin-left: 5px; margin-right: -27px; } #vacancy-application-interest input#newcars { float:left; margin-right: 10px; margin-top: 15px; } #vacancy-application-interest input#usedcars { float:left; margin-right: 10px; margin-top: 15px; } #vacancy-application-interest { clear: both; float: left; margin-top: 10px; } .careersDetailBlock .careersDetailBlockLeft { float: left; margin-right: 2em; } .careersDetailBlock .careersDetailBlockRight { float: left; margin-top: -45px; } .careersDetailBlock .careersDetailButtonsLeft { float: left; } .careersDetailBlock .careersDetailButtonsRight { float: left; } .careersDetailBlock .careerContact { margin-top: 10px; } .careersDetailBlock ul { list-style: outside none none; margin-bottom: 0 !important; margin-left: -10px !important; margin-top: 0 !important; } #careers-pagebody .careersDetailBlock span { font-weight: bold; } #careers-pagebody .careersDetailBlock { padding-left: 0px; color: #242424; font-weight: normal; /*margin-bottom: 20px; jumps! */ } .careers-record, .careers-status { display: none; clear: both; color: #ba162b; font-weight: bold; } #overview-careerslist h4 a { cursor: pointer; } #careers-pagebody #sortCareersResults select#sortmenu { max-width: 70%; } #careersSearchResultsUpdateBlock { display: inline-table; margin-top: 20px; } #listStatus { margin-bottom: -20px; padding-top: 5px; clear: both; height: 30px; } #careerslistStatus { display: none; clear: both; color: #ba162b; font-weight: bold; text-align: center; } #overview-careerslist .co-variant ul li span { /* font-weight: bold; */ } #overview-careerslist .co-value-registered.head { text-align: center; } #overview-careerslist .eng-variant, #overview-careerslist .ins-variant { padding-top: 1.16em; vertical-align: top; text-align: center; } table#overview-careerslist { font-size: 0.90em; } table#overview-careerslist .head { background-color: #D2D2D2; } .overview-date.odd { background-color: #EFEFEF; } table#overview-careerslist .ins-value-registered head { padding-left: 2%; } #careers-pagebody #sortCareersResultslabel, #careersSearchResultsUpdateBlock #sortCareersResults label { float: left; } #careers-pagebody #sortCareersResults { float: right; min-width: 200px; margin-top: 0; padding-bottom: 10px; } #careers-pagebody select#sortmenu { margin-top: -3px; } #careers-pagebody #careersSearchHolder {} #careers-pagebody #careersSearchHolder #careersSearchTotal { float: left; font-size: 0.9em; color: #717c8e; } #careers-moreinfo-button { background-color: #39b54a; border: 1px solid #ffffff; border-radius: 3px; clear: both; color: #ffffff; cursor: pointer; font-size: 0.875em; margin-left: 0; outline: medium none; padding: 0.383em 0.22857em; text-align: center; width: 198px; } #careersbutton { margin-left: auto; margin-right: auto; max-width: 178px; display: none; } #overview-careerslist p { margin-bottom: 10px; } #overview-careerslist ul { margin-top: 10px; margin-bottom: 5px; } #careers-moreinfo-button.button { margin-top: 0px; margin-bottom: 10px; } #careers-apply-button { background-color: #39b54a; border: 1px solid #ffffff; border-radius: 3px; clear: both; color: #ffffff; cursor: pointer; font-size: 0.875em; margin-left: 0; outline: medium none; padding: 0.383em 0.22857em; text-align: center; width: 100px; } #careers-print-button { background-color: #666666; border: 1px solid #ffffff; border-radius: 3px; clear: both; color: #ffffff; cursor: pointer; font-size: 0.875em; margin-left: 0; outline: medium none; padding: 0.383em 0.22857em; text-align: center; width: 100px; } #careers-search-button { background-color: #39b54a; border: 1px solid #ffffff; border-radius: 3px; clear: both; color: #ffffff; cursor: pointer; font-size: 0.875em; margin-left: 0; outline: medium none; padding: 0.383em 0.22857em; text-align: center; width: 180px; } #careers-search-button:hover, #careers-moreinfo-button:hover, #careers-apply-button:hover { border-color: #ffffff #ffffff #ffffff; text-decoration: none; background: #33A343; } #careers-search-button:active, #careers-moreinfo-button:active, #careers-apply-button:active { background: #E5514F; } #careers-pagebody select { font-size: 0.90em; display: block; margin: 0 auto; } #careers-pagebody .menucontainer { margin-left: auto; margin-right: auto; max-width: 1100px; } #careers-pagebody select#categoryid, #careers-pagebody select#branchid, #careers-pagebody select#mfrid { margin-right: 8px; float: left; max-width: 32%; } #careers-pagebody h1#careerssearch.headline-hr, #careers-pagebody h3#careerssearch.headline-hr { margin-top: -0.8em; } #careers-pagebody .sgp_centerblock { margin-bottom: 0.5em; } #careers-pagebody.mod_sgpetchdatabridge p br { display: block; line-height: 22px; margin: 2px; } #careers-pagebody #careersbutton { clear: both; } #variant-detail-branch {} #newCarSearched span#newCarSearchedSpan, #newCarSearchedper span#newCarSearchedSpanper { color: #ffffff; text-shadow: 0.5px 0.5px 0.5px #242424; font: bold 0.95em/1.6625 Lato,sans-serif; text-transform: uppercase; text-decoration: none !important; } #offertab h2.resp-accordion.hor_1 { background-color: #3262AA !important; color: #FFFFFF; } #offertab h2.resp-accordion { border-top: 1px solid #FFFFFF !important; } #offertab h2.resp-accordion:first-child { border-top: 1px solid #FFFFFF !important; } #sortBy.motability-sort, #sortBy.business-sort, #sortByper.business-sort { min-width: 200px; } .icon-arrow-2-down { cursor: pointer; } .motabilitySearchResultBox-title, .businessSearchResultBox-title { float: none; margin-bottom: 5px; padding-left: 0px; padding-top: 8px; } .motabilitySearchResultBox-text, .motabilitySearchResultBox-title, .businessSearchResultBox-text, .businessSearchResultBox-title { clear: both; font-size: 1em; line-height: 1.3; color: #242424; } .main-content .branchlocatorpanelembedded select { width: 100%; } .branchlocatorpanelembedded label.key-branchlocator { margin-bottom: -0.2em; } .branchlocatorpanelembedded select { max-width: 90% !important; } .branchlocatorpanelembedded-button { background-color: #39b54a; border: 1px solid #ffffff; border-radius: 3px; color: #ffffff; float: left; font-size: 0.875em; margin-left: 10px; outline: medium none; padding: 0.183em 0.22857em; text-align: center; width: 55px; cursor: pointer; } .branchlocatorpanelembedded-button { margin-top: 3px; } .branchlocatorpanelembedded select.branchlocator { float: left; margin-top: 5px; max-width: 234px; } .branchlocatorpanelembedded-button:hover { border-color: #ffffff #ffffff #ffffff; text-decoration: none; background: #33A343; } .branchlocatorpanelembedded-button:active { background: #E5514F; } select.value-branchlocator { clear: both; color: #3162a9; font-size: 0.85em; } /**/ #motability-offer { float: left; } #motability-offer .motability-pagebody p br { display: block; line-height: 22px; margin: 2px; } #motability-offer .motability-offerimage { float: left; margin-top: 1em; min-height: 8em; } #motability-offer .motability-pagebody { font-size: 0.85em; margin-left: 10px; margin-right: 10px; } #motability-offer .motability-offerimage img {} #motability-detail-overview { float: left; margin-left: 20px; margin-right: 20px; margin-top: 20px; width: 36%; } #motability-detail-overview table#overview-detail { border-left: 1px solid #b2b9c4 !important; border-right: 1px solid #b2b9c4 !important; background: white none repeat scroll 0 0; border: 0px solid #b2b9c4; border-collapse: separate; border-radius: 0px; border-spacing: 0; width: 100%; margin-top: 0; padding-left: 20px; padding-right: 30px; padding-top: 0; } #motability-offer #newcarsmodelpanel-links { padding-top: 20px; } #motability-offer #offer-motabilityoffers.hor_1.resp-tab-content-active { margin-top: 180px; } #motability-offer #branchlocatorpanelembedded { float: left; padding-top: 25px; } /**/ #newcarssearch #newcarssearch-chosenAllow, #newcarssearch #newcarssearch-chosenDeal { margin-top: 15px; } #newcarssearch #newcarssearch-chosenAllow input, #newcarssearch #newcarssearch-chosenDeal input { float: left; margin-right: 10px; margin-top: 14px; } #newcarssearch #newcarssearch-chosenAllow label, #newcarssearch #newcarssearch-chosenDeal label { width: 350px; font-size: 0.85em; color: #3162a9; } #newcarssearch #newcarssearch-chosenAllow.key-chosenAllow, #newcarssearch #newcarssearch-chosenAllow.key-chosenDeal { font-size: 1em; color: #242424; } #newcarssearch-sliderprice .center-sliderprice.sliderprice-motability, #newcarssearch-sliderterm .center-sliderterm.sliderterm-business { margin-left: 125px; margin-top: -29px; } #newcarssearch span.motability h1, #newcarssearch span.motability h3, #newcarssearch span.motability h5, #newcarssearch span.business h1, #newcarssearch span.business h3, #newcarssearch span.business h5 { font: bold 1.05em/1.6625 Lato,sans-serif; margin-top: 0; margin-bottom: 0; } .mod_sgpetchrangepricelist.block h1#model-used-cars.headline-hr.ce_rsce_tao_separator.-centered, .mod_sgpetchrangepricelist.block h3#model-used-cars.headline-hr.ce_rsce_tao_separator.-centered { margin-top: -10px; } .modelbranchlocatorpanel { margin-top: 10px; position: absolute; right: 25px; } #variant-detail-offers select, #branchlocatorpanelembedded select { max-width: 75% !important; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures p.cash { clear: both; } .variantOfferDetail-red { color: #BA162B; font-size: 1em; float: left; } .modelleft { float: left; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures p.custsaving { margin-bottom: 0.5em; margin-top: 0em; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-black { float: inherit; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-blue { float: left; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-per-clear { clear: both; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-per, #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .main-offer-title, #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-mob { float: left; } #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .petchprice { float: left; line-height: 0.65em; margin-bottom: 0; margin-top: 0; margin-left: 5px !important; } #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures p.cash-rep { float: left; line-height: 1em; margin-bottom: 0; margin-top: 0; } #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures p.finance-rep { float: left; margin-bottom: 0; margin-top: 0; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures p.pcp, #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures p.cash, #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures p.finance, #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures p.finance-rep { margin-bottom: 0.5em; margin-top: 0em; } #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-blue { line-height: 1.30em; } #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-mob.strong span.offer-blue.strong { line-height: 1.35em; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeaturesblue, #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-mob.strong span.offer-blue, #manufacturerModeloffer-innerframe #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-blue { color: #3262aa; font-size: 1.2em; font-weight: bold; } #manufacturerModeloffer-center { background-color: #fff; margin: 8px; /* max-width: 1280px; */ } #manufacturerModeloffer-image { float: left; } #manufacturerModeloffer-overview { float: left; max-width: 440px; } #manufacturerModeloffer-innerframe { padding: 8px; margin-left: 8px; margin-right: 8px; } #manufacturerModeloffer-image, #manufacturerModeloffer-overview, #manufacturerModeloffer-innerframe { background-color: #FFFFFF; display: inline-block; } #manufacturerModeloffer-image img { margin: 5px auto auto; } #manufacturerModeloffer-innerframe .manufacturerModelBox-title.verticalc { clear: both; } #manufacturerModeloffer-innerframe p.pcp-terms, #manufacturerModeloffer-innerframe p.fin-terms { clear: both; margin-left: 0px; } .manufacturerModelRow.modeloffer.-boxed { float: left; margin-right: 2%; width: 100%; } .offer-table-more-motability-button, .offer-table-more-business-button { background-color: #39b54a; border: 1px solid #ffffff; border-radius: 3px; color: #ffffff; font-size: 0.875em; margin-left: 0px; outline: medium none; padding: 0.183em 0.22857em; text-align: center; width: 340px; cursor: pointer; clear: both; } .offer-table-more-business-button { width: 340px; } .offer-table-cash, .offer-table-bus { font-size: 1em; padding: 5px; } .variantOfferDetail .offer-mob, .variantOfferDetail .offer-fin, .variantOfferDetail .offer-per { clear: both; } .variantOfferDetail { margin-top: 0px; } .variantOfferDetail .pcp .aprpercent { line-height: 1.6em; } .variantOfferDetail .offer-blue { color: #3262AA; float: left; font-size: 1.6em; line-height: 1em; } .variantOfferDetail .offer-black { font-size: 1em; float: left; } .variantOfferDetail .main-offer-title-cash { clear: both; } .variantOfferDetail .main-offer-title { font-size: 1.2em; clear: both; } .variantOfferDetail .offer-pcp { float: left; } .variantOfferDetail .offer-pcp-terms { clear: both; /*float:left;*/ font-size: 0.75em; } .variantslider-skin #branchlocatorpanel { float: right; margin-top: 30px; margin-right: 30px; } .variant-offer hr { border-color: #F5F5F5; margin: 1.25em 0; } .offer-table-terms-title { font-size: 0.80em; padding-left: 5px; padding-right: 5px; } .offer-table-terms { font-size: 0.70em; padding-left: 5px; padding-right: 5px; } .offer-table-deal { font-size: 0.90em; padding-left: 20px; padding-right: 5px; } .offer-table-label { font-size: 0.85em; } .offer-table-smallprint-top { text-align: left; color: #FFFFFF; font-size: 0.80em; line-height: 1.5em; } .offer-table-smallprint-top-black{ text-align: left; color: #000000; line-height: 1.5em; font: bold 0.95em/1.6625 Lato,sans-serif; } .offer-table-smallprint-top-blue{ text-align: left; color: #3262aa; line-height: 1.5em; font: bold 0.95em/1.6625 Lato,sans-serif; } .offer-table-smallprint-bottom { color: #FFFFFF; font-size: 0.70em; line-height: 1.4em; } .offer-table-name { text-align: center; color: #FFFFFF; font-size: 1em; vertical-align: top; } .offer-lightblue { background-color: #19589C; } .offer-midblue { background-color: #14467D; } .offer-darkblue { background-color: #0F355E; } .offer-grey{ background-color: #f5f5f5; } .offer-white { background-color: #FFFFFF; } .offer-table-odd { background-color: #EFEFEF; padding-left: 20px; } .offer-table-even { background-color: #FFFFFF; padding-left: 20px; border-left: 1px solid #E5E8EE !important; border-right: 1px solid #E5E8EE !important; } .offer-table-col-blue-odd { background-color: #85C2FF; font-size: 0.85em; padding-left: 20px; border-left: 1px solid #E5E8EE !important; border-right: 1px solid #E5E8EE !important; } .offer-table-col-blue-even { background-color: #ADD6FF; font-size: 0.85em; padding-left: 20px; } .offer-table { /* border: 1px solid black; */ margin-bottom: 0.5em !important; border: 0 solid #b2b9c4 } #offer-table-headline { clear: both; color: #242424; font-size: 0.75em; font-weight: normal; } #variant-detail-panel-right { float: left; margin-top: 30px; } #offertab-title { color: #3262AA; font-size: 1em; margin-bottom: 10px; margin-left: 5px; font-weight: bold; } #variant-detail-branch .strong { /* color:#3262AA; */ font-size: 0.85em; font-weight: bold; margin-bottom: 5px; margin-top: 5px; } #variant-detail-offers .strong { font-size: 1em; margin-left: 20px; } #variant-detail-offers select { margin-left: 20px; } #variant-detail-center { margin-left: auto; margin-right: auto; max-width: 1200px; margin-top: 15px; } section.variant-offer .mod_rs_column_start.rs-column.-large-col-2-1.-large-last.-large-first-row.-medium-col-2-1.-medium-last.-medium-first-row.-small-col-1-1.-small-first.-small-last.variant-offers { width: 100%; margin-bottom: -10px; margin-top: -35px; } select#variantoffers { float: left; } #variant-detail-image img { padding-top: 20px; } #overview-detail tbody tr.overview-features td.key-features { display: list-item; margin-left: 20px; padding: 1px; } #variant-detail-overview, #variant-detail-image, #variant-detail-offers { float: left; margin-top: 20px; margin-right: 20px; width: 30%; } #variant-detail-overview table#overview-detail { border-left: 1px solid #b2b9c4 !important; border-right: 1px solid #b2b9c4 !important; background: white none repeat scroll 0 0; border: 0px solid #b2b9c4; border-collapse: separate; border-radius: 0px; border-spacing: 0; width: 100%; margin-top: 0; padding-left: 20px; padding-right: 30px; padding-top: 0; } .variant-offer { background-color: white; border: 1px solid #b2b9c4; border-radius: 3px; outline: medium none; overflow: hidden; padding: 1em; } .mod_sgpetchrangepricelist #pluginterms, .variant-offer #pluginterms { font-size: 0.8em; } .mod_sgpetchrangepricelist #pluginterms { margin-top: -15px; } .variant-offer hr { margin: 0em; } #variantoffers.headline-hr.ce_rsce_tao_separator.-centered { margin-top: 0; padding-top: 5px !important; padding-bottom: 10px; } .variantslider-skin #branchlocatorpanel { margin-right: 1.5em; margin-top: 1.5em; float: right; } #targetDiv #findus-isopen-0 { clear: both; font-size: 1.3em; padding-top: 0; } #targetDiv { margin-left: -410px !important; } #targetDiv .info-map-boxes { background-color: #efefef; border: 10px solid #ffffff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); max-width: 560px !important; min-width: 309px; opacity: 0.9; outline: medium none; overflow: hidden; padding: 1.42857em; margin-top: -11.25em !important; } #targetDiv .info-map-boxes-item { background: none; border-radius: 0px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0); color: inherit; font-size: 0.7em; padding: 0; } #targetDiv [data-icon]::before { display: none !important; } #cboxPrevious, #cboxNext { display: none !important; } .manufacturerslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop { /*margin-top:-37px !important;*/ } .branchslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop { /* margin-top:-37px !important;*/ } .tao-fullwidth .main-content { margin: -2px 0 0; } #manufacturer-usedcars-search.mod_sgpetchfloatingmenu.manufacturer-usedcars-search { margin-top: -2px; } #usedcarssearch-checkboxOffers { font: bold 0.9em/1.6em Lato,sans-serif; margin-left: 0; margin-top: 10px; float:left; margin-right: 15px; } #usedcarssearch-checkboxFinanceOffers { font: bold 0.9em/1.6em Lato,sans-serif; margin-left: 0; margin-top: 10px; } #usedcarssearch-checkboxOffers input#onlyoffers { margin-top: 15px; } #usedcarssearch-checkboxFinanceOffers input#financeoffers { margin-top: 15px; } .manufacturerModelImage .manufacturerModelOfferDetail p.custsaving { margin-bottom: 11px; } .manufacturerModelImage p.deposit.custnav { margin-top: -112px; } .manufacturerModelImage .manufacturerModelOfferDetail .offer-blue.strong.offerc { padding-right: 80px; padding-top: 20px; } .manufacturerModelImage .manufacturerModelBox-title { margin-bottom: 13px; margin-top: -22px; } .manufacturerModelOfferDetail { float: right; margin-top: -95px; /* padding-right: 90px; */ } .manufacturerModelOfferDetail p.cash { margin-bottom: 0; margin-top: 0; min-width: 180px; } .manufacturerModelOfferDetail p.pcp { margin-bottom: 0; margin-top: 10px; min-width: 180px; margin-left: -15px; } .modeloffer p.pcp-terms, .modeloffer p.fin-terms { color: #747474; font-size: 0.75em; line-height: 1em; margin-bottom: 0; margin-top: -4px; padding-left: 20px; } .petchprice { color: #3262AA; font-size: 1.3em; line-height: 0.9em; margin-left: 20px !important; } .manufacturerModelOfferDetail p.finance-rep .aprpercent { clear: both; float: left; line-height: 0.5em; } .manufacturerModelOfferDetail p.finance-rep .aprpercentbluesmall { clear: both; float: left; } .manufacturerModelOfferDetail p.finance { margin-bottom: 0; margin-top: 0; } .manufacturerModelImage p.deposit-initial { color: #242424; float: right; font-size: 0.85em; margin-bottom: 0; margin-top: -105px; } .manufacturerModelImage p.deposit-initial span.aprpercentbluesmall { color: #3262AA; font-size: 0.95em; } .manufacturerModelImage p.deposit-monthly { color: #242424; float: right; font-size: 0.85em; margin-bottom: 0; margin-top: -85px; } .manufacturerModelImage p.deposit-monthly span.aprpercentbluesmall { color: #3262AA; font-size: 0.95em; } .manufacturerModelImage p.deposit { color: #242424; float: right; font-size: 0.85em; margin-bottom: 0; margin-top: -105px; } .manufacturerModelImage p.deposit span.aprpercentbluesmall { color: #3262AA; font-size: 0.95em; } .manufacturerModelOfferDetail p.finance-rep { margin-bottom: 0; margin-left: 15px; margin-top: 3px; } .manufacturerModelOfferDetail p.cash-rep { margin-bottom: 0; margin-left: 20px; margin-top: 3px; } .manufacturer-model-offers-slider-items .newCarSearchModelOffersButton { margin-right: 10px; margin-top: -3px; } .manufacturerModelOfferDetail .offer-blue-seven { padding-left: 60px; padding-top: 5px; } .manufacturerModelOfferDetail .offer-black-seven { padding-top: 60px; } .manufacturerModelOfferDetail .offer-black-seven { color: #242424; font-size: 0.9em; line-height: 0.25em; } .manufacturerModelOfferDetail .offer-blue, .manufacturerModelOfferDetail .offer-blue-seven { color: #3262AA; font-size: 1.3em; clear: both; } .manufacturerModelOfferDetail .offer-black { color: #242424; font-size: 1em; line-height: 0.25em; } .manufacturerModelOfferDetail .offer-blue-small { color: #3262AA; font-size: 1em; line-height: 0.25em; } .manufacturerModelOfferDetail p span.aprpercent { color: #242424; font-size: 1em; } .manufacturerModelOfferDetail p span.aprpercentbluesmall { color: #3262AA; font-size: 1.3em; margin-left: 5px; } .manufacturerModelOfferType { line-height: 0.80em; font-size: 0.90em; clear: both; float: left; padding-bottom: 15px; } .manufacturer-model-offers-slider-items .newCarSearchModelOffersButton a { font-size: 0.9em; } .manufacturer-model-offers-slider-items .manufacturerModelImage img { clear: both; max-width: 133px; } .manufacturer-model-offers-slider-items .manufacturerModelBox-title { font-size: 1.1em; clear: both; float: left; } .manufacturer-model-offers-slider-items .rsts-caption { display: none; } .manufacturer-model-offers-slider-items .manufacturerModelImage { margin-left: auto; margin-right: auto; /* margin-top: 5px; */ height: 180px; margin: 5px auto auto; padding-top: 25px } .manufacturer-model-offers-slider-items .manufacturerModelBox-title.verticalc { padding-top: 5px; } .manufacturer-model-offers-slider-items .manufacturerModelRow { min-height: 231px; } .manufacturer-model-offers-slider-items.block.rsts-main.rsts-direction-x.rsts-type-slide.rsts-skin-partner.rsts-no-touch div.rsts-view div.rsts-crop div.rsts-slides div.rsts-slide.rsts-slide-default.rsts-active div { max-width: 360px; margin-left: auto; margin-right: auto; } h1#offers.headline-hr.ce_rsce_tao_separator.-centered, h3#offers.headline-hr.ce_rsce_tao_separator.-centered { margin-top: -20px; } /* .rsts-video-iframe { border: 1px solid #b2b9c4; border-radius: 3px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); } */ #newcarsmodelpanel h1 { margin-top: 0; } .gallery-top { margin-bottom: -50px; } .gallery-bottom { margin-top: -30px; } .gallery_container a:hover:after, .gallery_container a:focus:after { font: 1.5em/1 "RockSolid Icons"; content: "\2b"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; top: 50%; left: 50%; z-index: 2; margin: -0.5em; color: white; text-shadow: 0 0 2px rgba(0, 0, 0, 0.35); } .gallery_container a:hover img, .gallery_container a:focus img { -webkit-filter: blur(1.5px); -moz-filter: blur(1.5px); filter: blur(1.5px); } .newcarsmodelpanel-icon.blue[data-icon]::before, .newcarsmodelpanel-icon.blue[class^="icon-"]::before, .newcarsmodelpanel-icon.blue[class*=" icon-"]::before { color: #3262aa; } .newcarsmodelpanel-icon.green[data-icon]::before, .newcarsmodelpanel-icon.green[class^="icon-"]::before, .newcarsmodelpanel-icon.green[class*=" icon-"]::before { color: #39B54A; } .newcarsmodelpanel-icon.red[data-icon]::before, .newcarsmodelpanel-icon.red[class^="icon-"]::before, .newcarsmodelpanel-icon.red[class*=" icon-"]::before { color: #BA162B; } .newcarsmodelpanel-icon.black[data-icon]::before, .newcarsmodelpanel-icon.black[class^="icon-"]::before, .newcarsmodelpanel-icon.black[class*=" icon-"]::before { color: #242424; } #newcarsmodelpanel h1, #newcarsmodelpanel h3 { margin-top: 0; } #newcarsmodelpanel-links {} .newcarsmodelpanel-href { float: right; padding-left: 5px; width: 145px; } #newcarsmodelpanel-left { float: left; clear: both; } #newcarsmodelpanel-right { float: left; padding-top: 2em; } #newcarsmodelpanel-manufacturerlogo { padding-top: 1em; } .newcarsmodelpanel-icon { margin-left: 15px; } .newcarsmodelpanel-icon a { font-size: 0.90em; } label#newcarsmodelpanel-variantoffers { /* background-color: #3262AA; */ /* background-color: #ba162b; */ /* border: 1px solid #ba162b; */ border: 1px solid #A1A1A0; border-radius: 3px; font-size: 0.875em; margin-top: -40px; outline: medium none; width: 160px; } #newcarsmodelpanel label { background-color: #ba162b; color: #fff; /* color: #ba162b; font-weight: bold;*/ font-size: 1em; padding-bottom: 0.1em; padding-top: 0em; text-align: center; width: 198px; } #newcarsmodelpanel-button, #branchlocatorpanelembedded-button { background-color: #39b54a; border: 1px solid #ffffff; border-radius: 3px; color: #ffffff; float: left; font-size: 0.875em; margin-left: 10px; outline: medium none; padding: 0.183em 0.22857em; text-align: center; width: 55px; cursor: pointer; } #branchlocatorpanelembedded-button { margin-top: 3px; } #newcarsmodelpanel-variantoffers select#variantoffers { float: left; margin-top: 1px; max-width: 270px; } #branchlocatorpanelembedded select#branchlocator { float: left; margin-top: 5px; max-width: 234px; } #newcarsmodelpanel-variantoffers { padding-top: 2em; } #homepage-section select#homepagesearch, #homepage-section select#homepagebranch { float: left; margin-bottom: 16px; margin-left: 8px; max-width: 85%; } #newcarsmodelpanel select, select#homepagesearch, select#homepagebranch, select#variantoffers, select#branchlocator { clear: both; color: #3162a9; font-size: 0.85em; } #offer-personalcontractpurchase.resp-tab-content .offer-table .offer-table-name.offer-midblue { width: 50%; } .offer-table-name.offer-midblue { vertical-align: middle; } #branchmanufacturer-slider.feature-box #targetDiv .info-map-boxes { background-color: #efefef; border: 10px solid #ffffff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); font-size: 0.95em; left: -25px; max-width: 515px; min-width: 309px; opacity: 0.9; outline: medium none; overflow: hidden; padding: 1.42857em; top: -66px; } #branchmanufacturer-slider.feature-box { margin: 5px auto 0px; text-align: -moz-center; } #branchmanufacturerinfo { background-color: #efefef; border: 5px solid #ffffff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); margin-left: 1em; max-width: 520px; min-width: 280px; opacity: 0.9; outline: medium none; overflow: hidden; padding: 0.65em; } #branchmanufacturerinfo h1 { margin-bottom: 0.7px; margin-top: 0.7px; } #branchmanufacturerinfo .branchinfo-address { font-size: 0.80em; margin-bottom: 0.7px; margin-top: -8.3px; } #branchmanufacturerinfo .branchinfo-tel { border: 1px solid #ffffff; border-radius: 3px; } #branchmanufacturerinfo .branchinfo-call { background-color: #ffffff; padding: 0.375em 0.625em; float: left; } #branchmanufacturerinfo .branchinfo-phone { cursor: pointer; font-weight: bold; text-align: center; background-color: #3262aa; padding: 0.375em 0.625em; } #branchmanufacturerinfo .branchinfo-phone a { color: #ffffff; text-shadow: 0 -1px 0 #242424; } #branchmanufacturerinfo .branchinfo-phone:hover { background-color: #2D5899; } #branchmanufacturerinfo .branchinfo-phone:active { background-color: #E5514F; } #branch-slider.feature-box #targetDiv .info-map-boxes { background-color: #efefef; border: 10px solid #ffffff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); font-size: 0.95em; left: -25px; max-width: 515px; min-width: 309px; opacity: 0.9; outline: medium none; overflow: hidden; padding: 1.42857em; top: -66px; } #newcarsmodelpanel-wrapper { background-color: #000000; background-position: right center; background-repeat: no-repeat; background-size: cover; display: block; left: 0; padding: 2% 2% 8px; position: relative; top: 0px; width: 100%; min-height: 450px; } #newcarsmodelpanel { background-color: #efefef; border: 10px solid #ffffff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); outline: medium none; overflow: hidden; min-width: 309px; padding: 1.12857em; max-width: 515px; opacity: 0.90; filter: alpha(opacity=90); } .panel-pagebody { font-size: 0.80em; } #branchlocatorpanel-button { background-color: #39b54a; border: 1px solid #ffffff; border-radius: 3px; color: #ffffff; cursor: pointer; float: right; font-size: 0.875em; outline: medium none; padding: 0.183em 0.22857em; text-align: center; width: 55px; } #branchlocatorpanel { background-color: #ffffff; border: 1px solid #ffffff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); float: right; max-width: 270px; opacity: 0.9; margin-bottom: 6px; outline: medium none; overflow: hidden; padding-left: 2px; opacity: 0.90; filter: alpha(opacity=90); } #branchlocatorpanel-branchlocator.key-branchlocator { color: #242424; text-align: center; width: 308px; margin-top: 0px; margin-bottom: 0px; } #branchlocatorpanel select#branchlocator.value-branchlocator { min-width: 265px; padding-top: 1px; color: #3162a9; font-size: 0.85em; border-color: #ffffff; } .logo img { height: 62px; } .header-navigation-inner { height: 74px; } .info-map.ce_rsce_tao_sgpetch_googlemap div.info-map-boxes { display: none; } #branch-slider.feature-box { bottom: 0; left: 0; padding-left: 19px; position: absolute; width: 80%; overflow: visible; top: 25px; } #targetDiv div.info-map-boxes { max-width: 1100px; margin-right: auto; margin-left: auto; z-index: 1; opacity: 0.95; filter: alpha(opacity=95); display: block; } #targetDiv { margin-bottom: 155px; /* margin-left: 50px;*/ z-index: 1; font-size: 16px; } #targetDiv img { width: 50px; } #usedcar-detail.mod_sgpetchfloatingmenu.usedcar-detail.block .nav-container, #nearlynewcar-detail.mod_sgpetchfloatingmenu.nearlynewcar-detail.block .nav-container { margin-top: -2px; } #manufacturer-usedcars-search .nav-container .nav ul { /*display:none;*/ } #newcarssearch-chosenMileage select, #newcarssearch-chosenMileage #chosenMileage.isSet, #newcarssearch-chosenAge select, #newcarssearch-chosenAge #chosenAge.isSet, #newcarssearch-chosenDoors select, #newcarssearch-chosenDoors #chosenDoors.isSet { min-width: 200px; margin-right: 15px; } #newcarssearch-checkboxOffers { float: left; margin-top: 10px; } #newcarssearch-checkboxFinanceOffers { float: left; margin-top: 10px; } #newcarssearch-chosenMileage, #newcarssearch-chosenAge, #newcarssearch-chosenDoors { /* float: left*/ } #nearlynewcarssearch-floatingDiv { float: right; margin-right: -169px; margin-top: -144px; min-width: 438px; } #usedcarsearch-chosenBody { /* margin-top: 48px;*/ } #newcarssearch-floatingDiv { float: right; margin-right: -169px; margin-top: -150px; min-width: 438px; } #usedcarssearch-floatingDiv { /* float: right;*/ /* margin-right: -169px;*/ /* margin-top: -150px; */ /* margin-top: -95px;*/ /* min-width: 438px;*/ } #newcarssearch-chosenDoors { margin-top: 4px; } #newcarssearch-moreOptions { float: right; margin-right: 38px; margin-top: 10px; padding-bottom: 0; } #extraUsedCarOptions { clear: both; margin-bottom: 18px; } .searchRow { clear: both; float: left; width: 100%; } .refineLink { clear: both; float: left; margin-top: 10px; } #strong { font-weight: bold; } .light { font-weight: normal; } .strong { font-weight: bold; } .footer-links { color: #717c8e; font-size: 0.875em; margin: 0; padding-top: 1em; float: none; padding-bottom: 0; } .footer-copyright { color: #717c8e; font-size: 0.875em; margin: 0; padding-top: 10px; float: none; } .centered-wrapper.-border-bottom { border-bottom: 0px solid #b2b9c4; } #chosenMakeLogo { left: 77%; margin-bottom: -75px; max-width: 25%; position: relative; top: -96px; display: none; } span#newCarResultsFilterListper #chosenFilterMakeper a#linkFilterMakeper.changeLink, span#newCarResultsFilterListper #chosenFilterModelper a#linkFilterModelper.changeLink, span#newCarResultsFilterListper #chosenFilterBodyper a#linkFilterBodyper.changeLink, span#newCarResultsFilterListper #chosenFilterFuelper a#linkFilterFuelper.changeLink, span#newCarResultsFilterListper #chosenFilterTranper a#linkFilterTranper.changeLink, span#newCarResultsFilterListper #chosenFilterBranchper a#linkFilterBranchper.changeLink, span#newCarResultsFilterListper #chosenFilterOfferper a#linkFilterOfferper.changeLink, span#newCarResultsFilterListper #chosenFilterMileageper a#linkFilterMileageper.changeLink, span#newCarResultsFilterListper #chosenFilterAgeper a#linkFilterAgeper.changeLink, span#newCarResultsFilterListper #chosenFilterDoorsper a#linkFilterDoorsper.changeLink, span#newCarResultsFilterListper #chosenFilterSliderPriceper a#linkFilterSliderPriceper.changeLink, span#newCarResultsFilterListper #chosenFilterSliderTermper a#linkFilterSliderTermper.changeLink, span#newCarResultsFilterList #chosenFilterMake a#linkFilterMake.changeLink, span#newCarResultsFilterList #chosenFilterModel a#linkFilterModel.changeLink, span#newCarResultsFilterList #chosenFilterBody a#linkFilterBody.changeLink, span#newCarResultsFilterList #chosenFilterFuel a#linkFilterFuel.changeLink, span#newCarResultsFilterList #chosenFilterTran a#linkFilterTran.changeLink, span#newCarResultsFilterList #chosenFilterBranch a#linkFilterBranch.changeLink, span#newCarResultsFilterList #chosenFilterOffer a#linkFilterOffer.changeLink, span#newCarResultsFilterList #chosenFilterMileage a#linkFilterMileage.changeLink, span#newCarResultsFilterList #chosenFilterAge a#linkFilterAge.changeLink, span#newCarResultsFilterList #chosenFilterDoors a#linkFilterDoors.changeLink, span#newCarResultsFilterList #chosenFilterSliderPrice a#linkFilterSliderPrice.changeLink, span#newCarResultsFilterList #chosenFilterSliderTerm a#linkFilterSliderTerm.changeLink, span#newCarResultsFilterList #chosenFilterFinanceOffer a#linkFilterFinanceOffer.changeLink { color: #ffffff; text-shadow: 0 -1px 0 #242424; text-transform: uppercase; font: bold 1em/1.6625 Lato,sans-serif; } h1#vehicle, h3#vehicle { clear: both; } .detailbackButton { background-color: #d2d2d2; border: 1px solid #ffffff; border-radius: 3px; color: #ffffff; cursor: pointer; display: block; float: left; font-size: 0.955em !important; margin-left: 19px; margin-top: 0; outline: medium none; padding: 0.46286em 1.2857em; text-align: center; text-transform: uppercase; } span#newCarResultsFilterListper #chosenFilterMakeper, span#newCarResultsFilterListper #chosenFilterModelper, span#newCarResultsFilterListper #chosenFilterBodyper, span#newCarResultsFilterListper #chosenFilterFuelper, span#newCarResultsFilterListper #chosenFilterTranper, span#newCarResultsFilterListper #chosenFilterBranchper, span#newCarResultsFilterListper #chosenFilterOfferper, span#newCarResultsFilterListper #chosenFilterMileageper, span#newCarResultsFilterListper #chosenFilterAgeper, span#newCarResultsFilterListper #chosenFilterDoorsper, span#newCarResultsFilterListper #chosenFilterSliderPriceper, span#newCarResultsFilterListper #chosenFilterSliderTermper, span#newCarResultsFilterList #chosenFilterMake, span#newCarResultsFilterList #chosenFilterModel, span#newCarResultsFilterList #chosenFilterBody, span#newCarResultsFilterList #chosenFilterFuel, span#newCarResultsFilterList #chosenFilterTran, span#newCarResultsFilterList #chosenFilterBranch, span#newCarResultsFilterList #chosenFilterOffer, span#newCarResultsFilterList #chosenFilterMileage, span#newCarResultsFilterList #chosenFilterAge, span#newCarResultsFilterList #chosenFilterDoors, span#newCarResultsFilterList #chosenFilterSliderPrice, span#newCarResultsFilterList #chosenFilterSliderTerm, span#newCarResultsFilterList #chosenFilterFinanceOffer { background-color: #3262AA; border: 1px solid #ffffff; border-radius: 3px; cursor: pointer; float: left; font-size: 0.955em !important; margin-top: 1px; outline: medium none; padding: 0.54286em 0.42857em; text-align: center; display: none; } #newCarQueryStatus, #newCarQueryStatusper { display: none; color: #ba162b; font: bold 0.95em/1.6625 Lato,sans-serif; float: left; font-weight: bold; margin-top: 10px; } #offertab #offer-personal #newCarQueryStatus, #offertab #offer-business #newCarQueryStatusper { display: block; } #newcarssearch-chosenOffers { float: left; } #newcarssearch-checkboxOffers input#onlyoffers { margin-top: 15px; } #newcarssearch-chosenFinanceOffers { float: left; } #newcarssearch-checkboxFinanceOffers input#financeoffers { margin-top: 15px; } label#perPage, label#perPageper { color: #242424; display: inline; font-size: 1em; margin-bottom: 0; margin-left: 10px; } select#perpage, select#perpageper { color: #3162a9; font-size: 0.85em; width: 155px; margin-right: 20px; } .newCarPagin { clear: both; font: bold 0.85em/1.6625 Lato,sans-serif; margin-bottom: 25px; } .pageNum, .pageNumper { float: left; margin-left: 0px; line-height: 1.5em; } .searchPageLinks, .searchPageLinksper { font-size: 0.90em; float: right; margin-right: 0px; } .usedCarSearchSaving { margin-left: auto; margin-right: auto; max-width: 190px; } .usedCarSearchModelOfferPrice { float: left; padding-right: 5px; } .usedCarSearchModelOffer { float: left; } .usedCarSearchModelOfferSave { color: #242424; float: left; font-weight: bold; padding-left: 10px; padding-top: 0.5px; } .usedCarSearchModelOfferNew, .usedCarSearchModelOfferUsed, .usedCarSearchModelOfferPrice, .usedCarSearchModelOfferSave { font-size: 0.8em; text-transform: uppercase; } .newCarSearchResultPriceRange { font-size: 0.9em; color: #242424; } .newCarSearchResultPriceFrom { font-size: 0.85em; } .newCarSearchVariantTechButton { background-color: #3262aa; border: 1px solid #ffffff; border-radius: 3px; cursor: pointer; float: left; font-size: 0.755em !important; margin-top: 2px; outline: medium none; padding: 0.54286em 0.42857em; text-align: center; } .newCarSearchModelOffersButton, .newCarSearchModelInfoButton, .newCarSearchVariantTechButton { width: 100%; } .newCarSearchModelOffersButton { background-color: #39b54a; border: 1px solid #ffffff; border-radius: 3px; cursor: pointer; float: left; font-size: 0.755em !important; margin-top: 2px; outline: medium none; padding: 0.54286em 0.42857em; text-align: center; } .newCarSearchModelInfoButton { background-color: #666666; border: 1px solid #ffffff; border-radius: 3px; cursor: pointer; float: left; font-size: 0.755em !important; margin-top: 2px; margin-bottom: 4px; outline: medium none; padding: 0.54286em 0.42857em; text-align: center; margin-right: 10px; } .newCarSearchResultImage, .manufacturerModelImage { background-color: #ffffff; border: 1px solid #F5F5F5; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); padding: 11px; cursor: pointer; } .manufacturer-mdl-range img { width: 250px; height: 130px; } .ce_rsce_tao_sgpetch_icon_boxes.manufacturer-mdl-range { margin-bottom: 35px; margin-top: -10px; } .manufacturerModelRow.icon-boxes-item.-boxed { padding: 0 0 0; } .newCarSearchResultBox img, .manufacturerModelBox img { width: 150px; height: 80px; margin-top: 0px; vertical-align: text-top; padding-right: 0px; } .newCarSearchResultVariantBox img { width: 150px; height: 80px; margin-top: 5px; vertical-align: text-top; float: none; margin-left: 10px; } .newCarSearchResultBox-title, .manufacturerModelBox-title { float: left; margin-bottom: 5px; padding-left: 0px; padding-top: 8px; } .newCarSearchResultBox-text, .newCarSearchResultBox-title, .newCarSearchResultVariantBox-title, .manufacturerModelBox-title { clear: none; font-size: 1em; line-height: 1.3; color: #242424; } .newCarSearchResultVariantBox-title { /* float: left; */ margin-bottom: 5px; padding-left: 0px; padding-top: 8px; } .newCarSearchResultVariantBox-text { clear: both; float: left; width: 100%; margin-top: 10px; color: #666666; } .newCarSearchResultVariantBox-text span { clear: none; font-size: 0.755em; line-height: 1.3; margin-right: 5%; } h1#search, h3#search { margin-bottom: 20px; } #search-wrapper { background-color: #F5F5F5; background-size: cover; background-position: center top; background-repeat: no-repeat; display: block; left: 0; position: relative; top: -30px; width: 100%; padding: 2%; } .ui-widget-content { border: 1px solid #B2B9C4 !important; } #newCarSearched, #newCarSearchedper { float: right; margin-top: -43px; border: 1px solid #ffffff; border-radius: 3px; text-align: center; background-color: #39b54a; width: 160px; font-size: 0.875em; outline: medium none; padding: 0.54286em 0.42857em; cursor: pointer; } #newCarSearched-evolfinacecalc { float: right; margin-top: -43px; border: 1px solid #ffffff; border-radius: 3px; text-align: center; background-color: #3090dd; width: 160px; font-size: 0.875em; outline: medium none; padding: 0.54286em 0.42857em; cursor: pointer; } #newCarClear, #newCarClearper { float: none; margin-top: 20px; border: 1px solid #ffffff; border-radius: 3px; text-align: center; background-color: #666666; width: 85px; font-size: 0.875em; outline: medium none; padding: 0.54286em 0.42857em; cursor: pointer; clear: both; } #newCarClear a, #newCarClearper a, #newCarSearched a, #newCarSearched-evolfinacecalc a, #newCarSearched-newCarSearchedper a, .newCarSearchModelInfoButton a, .newCarSearchModelOffersButton a, .newCarSearchVariantTechButton a, .callbranchbutton a { color: #ffffff; text-shadow: 0.5px 0.5px 0.5px #242424; text-transform: uppercase; font: bold 0.95em/1.6625 Lato,sans-serif; } .detailbackButton a { color: #141414; text-shadow: 0 -1px 0 #eeeeee; text-transform: uppercase; } #newcarssearch div.isSet { background-color: #3262aa; border: 1px solid #b2b9c4; border-radius: 3px; clear: both; color: #3162a9; float: left; margin-left: 0; margin-top: -34px; position: relative; width: 55%; height: 34px; } #newcarssearch .isSet a.changeLink { background: transparent url("/files/clear_search.png") no-repeat scroll 97% 62%; color: #FFFFFF; cursor: pointer; display: block; overflow: hidden; padding-left: 4px; padding-top: 3px; text-decoration: none; } #newCarResultsalignright, #newCarResultsalignrightper { float: right; margin-top: 10px; margin-right: -18px; } span#newCarResultsFilterListTitle, span#newCarResultsFilterListTitleper { float: left; font: bold 0.95em/1.6625 Lato,sans-serif; margin-right: 10px; margin-top: 3px; } span#newCarResultsFilterList, span#newCarResultsFilterListper { float: left; font-size: 0.8em; margin-top: -5px; display: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } span#newCarResultsSpan, span#newCarResultsSpanper { margin-top: 10px; float: left } select#sortBy, select#sortByper { color: #3162a9; font-size: 0.85em; width: 155px; } label#sort { color: #242424; display: inline; font-size: 1em; margin-bottom: 0; } #newCarResults, #newCarResultsper { clear: both; font: bold 0.8em/1.6625 Lato,sans-serif } span#sortBy, span#sortByper { display: block; } #newcarssearch label#newcarssearch-sliderprice.key-sliderprice, #newcarssearch label#newcarssearch-sliderterm.key-sliderterm { padding-top: 0.7em; } #newcarssearch label#newcarssearch-chosenModel { padding-top: 0.7em; } #newcarssearch label { color: #3162A9; font-size: 1em; padding-top: 0.5em; padding-bottom: 0.1em; width: 145px; } #newcarssearch input { color: #3162a9; font-size: 0.85em; background-color: #efefef; } a.paginationLinks.activeSearch, a.paginationLinksper.activeSearch { text-decoration: none; } .searchPageLinks a, .searchPageLinksper a, span.nullPaginLink { margin-left: 3px; } .newCarSearchResultsRow, .manufacturerModelRow { background-color: #E3E3E3; } .newCarSearchResultBox, .newCarSearchResultVariantBox, .manufacturerModelBox { display: block; margin-left: auto; margin-right: auto; width: 97%; } .newCarSearchResultsRow:hover, .manufacturerModelRow:hover { background-color: #CCCCCC; } .newCarSearchResultsRow, .manufacturerModelRow { /* border-top: 1px solid #e0e0e0; */ border: 5px solid #ffffff !important; border-radius: 3px !important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3) !important; margin-bottom: 10px !important; margin-top: 10px !important; display: block !important; } .newCarSearchResultsRow.even:hover, .manufacturerModelRow.even:hover { background-color: #E3E3E3; border: 5px solid #ffffff; /* cursor:pointer; */ } .newCarSearchResultsRow.odd:hover, .manufacturerModelRow.odd:hover { background-color: #E3E3E3; border: 5px solid #ffffff; /* cursor:pointer; */ } .column, .columns { display: inline; float: left; margin-left: 10px; margin-right: 10px; } .dash-sliderprice, .dash-sliderterm { float: left; line-height: 1; text-align: center; } .center-sliderprice, .center-sliderterm { float: left; margin-left: 95px; margin-top: -30px; width: 100%; } #amount-begin, #amount-end { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: white none repeat scroll 0 0; border-style: none; border-width: 0px; color: inherit; font-size: 0.875em; line-height: normal; padding: 0; text-align: center; float: left; width: 75px; } input[type="select"] { outline: medium none; } #slider-range, /*#newCarResults, */ #newcarssearch select { max-width: 55%; } #newcarssearch-chosenModel { clear: both; } select { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #fff none repeat scroll 0 0; border-color: #b2b9c4 #b2b9c4 #a4acb9; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px; color: inherit; font-size: 0.575em; font-family: Lato, sans-serif; line-height: normal; padding: 0.3em 0.3em; /* padding: 0.85714em 1.35714em; */ max-width: 65%; } #newcarssearch select { clear: both; color: #3162a9; font-size: 0.85em; } #newcarssearch a.changeLink { display: none; font-size: 0.85em; padding: 0.15em; margin-left: 4px; } #newcarssearch a.changeLink em { float: right; font-style: normal; line-height: 1.5; margin-right: 35px; padding-top: 1px; } #newcarssearch { background-color: #EFEFEF; /* border: 10px solid #ffffff; */ border: 3px solid #666666; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); max-width: 760px; /* opacity: 0.90; */ filter: alpha(opacity=90); outline: medium none; overflow: hidden; padding: 1.42857em; } #newcarssearch .newcarssearch-chosenMake .key-chosenMake {} #newcarssearch .newcarssearch-sliderprice .value-sliderprice.darkgreybg, #newcarssearch .newcarssearch-sliderterm .value-sliderterm.darkgreybg { width: 50%; border-width: 0; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: local('Lato Light'), local('Lato-Light'), url("../../files/fonts/latin-ext-Lato-Light.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: local('Lato Light'), local('Lato-Light'), url("../../files/fonts/latin-Lato-Light.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: local('Lato Regular'), local('Lato-Regular'), url("../../files/fonts/latin-ext-Lato-Regular.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: local('Lato Regular'), local('Lato-Regular'), url("../../files/fonts/latin-Lato-Regular.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: local('Lato Bold'), local('Lato-Bold'), url("../../files/fonts/latin-ext-Lato-Bold.woff2") format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: local('Lato Bold'), local('Lato-Bold'), url("../../files/fonts/latin-Lato-Bold.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Humanist777BT-LightB'; src: url("../../files/fonts/Humanist777BT-LightB.eot"); src: url("../../files/fonts/Humanist777BT-LightB.woff2") format('woff2'), url("../../files/fonts/Humanist777BT-LightB.woff") format('woff'), url("../../files/fonts/Humanist777BT-LightB.ttf") format('truetype'), url("../../files/fonts/Humanist777BT-LightB.svg#Humanist777BT-LightB") format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'InterstateMazda-Bold'; src: url("../../files/fonts/InterstateMazda-Bold.eot"); src: url("../../files/fonts/InterstateMazda-Bold.woff2") format('woff2'), url("../../files/fonts/InterstateMazda-Bold.woff") format('woff'), url("../../files/fonts/InterstateMazda-Bold.ttf") format('truetype'), url("../../files/fonts/InterstateMazda-Bold.svg#InterstateMazda-Bold") format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'InterstateMazda-Regular'; src: url("../../files/fonts/InterstateMazda-Regular.eot"); src: url("../../files/fonts/InterstateMazda-Regular.woff2") format('woff2'), url("../../files/fonts/InterstateMazda-Regular.woff") format('woff'), url("../../files/fonts/InterstateMazda-Regular.ttf") format('truetype'), url("../../files/fonts/InterstateMazda-Regular.svg#InterstateMazda-Regular") format('svg'); font-weight: normal; font-style: normal; font-display: swap; } .main-content h1 { color: #242424; font-size: 1.3em; font-weight: normal; line-height: 1; } body { font: 17px/1.6625 Humanist777BT-LightB, Lato, sans-serif !important; } a { text-decoration: none !important; } .header-navigation, .header-bar { /* background: #3262aa !important; border-bottom: 1px solid #3262AA !important; margin-bottom: -1px; */ background: #1f385b !important; border-bottom: 1px solid #1f385b !important; margin-bottom: -1px; } /* and this one! */ .centered-wrapper.ce_rsce_tao_centered_wrapper_start.homecookietrail.first.-background-mousemove.-color-inverted { background-color: #1f385b !important; } .centered-wrapper.ce_rsce_tao_centered_wrapper_start.basketart.first.-background-mousemove.-color-inverted { background-color: #1f385b !important; } .main-navigation ul.level_1 li.company[data-icon]:before, .main-navigation ul.level_1 li.company[class^="icon-"]:before, .main-navigation ul.level_1 li.company[class*=" icon-"]:before { color: #ffffff; margin-left: 29px; font-size: 1.1em; margin-top: 10px; } .main-navigation ul.level_1 li.vans[data-icon]:before, .main-navigation ul.level_1 li.vans[class^="icon-"]:before, .main-navigation ul.level_1 li.vans[class*=" icon-"]:before { color: #ffffff; margin-left: 15px; font-size: 1.1em; margin-top: 10px; } .main-navigation ul.level_1 li.finance[data-icon]:before, .main-navigation ul.level_1 li.finance[class^="icon-"]:before, .main-navigation ul.level_1 li.finance[class*=" icon-"]:before { color: #ffffff; margin-left: 38px; font-size: 1.1em; margin-top: 10px; } .main-navigation ul.level_1 li.service[data-icon]:before, .main-navigation ul.level_1 li.service[class^="icon-"]:before, .main-navigation ul.level_1 li.service[class*=" icon-"]:before { color: #ffffff; font-size: 1.1em; margin-left: 22px; margin-top: 10px; } .main-navigation ul.level_1 li.brands[data-icon]:before, .main-navigation ul.level_1 li.brands[class^="icon-"]:before, .main-navigation ul.level_1 li.brands[class*=" icon-"]:before { color: #ffffff; font-size: 1.1em; margin-left: 21px; margin-top: 10px; } .main-navigation ul.level_1 li.branches[data-icon]:before, .main-navigation ul.level_1 li.branches[class^="icon-"]:before, .main-navigation ul.level_1 li.branches[class*=" icon-"]:before { color: #ffffff; font-size: 1.1em; margin-left: 28px; margin-top: 10px; } .main-navigation ul.level_1 li.cars[data-icon]:before, .main-navigation ul.level_1 li.cars[class^="icon-"]:before, .main-navigation ul.level_1 li.cars[class*=" icon-"]:before { color: #ffffff; font-size: 1.1em; margin-left: 15px; margin-top: 10px; } .main-navigation ul.level_2 li[data-icon]:before, .main-navigation ul.level_2 li[class^="icon-"]:before, .main-navigation ul.level_2 li[class*=" icon-"]:before { color: #3262aa; margin-left: 0px; } .overview-financepartex [data-icon]:before, .overview-financepartex[class^="icon-"]:before, .overview-financepartex[class*=" icon-"]:before { color: #3262aa; margin-left: 0px; } .icon-info-2 [data-icon]:before, .icon-info-2[class^="icon-"]:before, .icon-info-2[class*=" icon-"]:before { color: #3262aa; margin-left: 0px; } .footer-navigation .icon-pin [data-icon]:before, .footer-navigation .icon-pin[class^="icon-"]:before, .footer-navigation .icon-pin[class*=" icon-"]:before { color: #3262aa; margin-left: 0px; } /* .icon-pin [data-icon]:before, .icon-pin[class^="icon-"]:before, .icon-pin[class*=" icon-"]:before { color: #3262aa; margin-left: 0px; } */ .info-map-boxes [data-icon]:before, .info-map-boxes[class^="icon-"]:before, .info-map-boxes[class*=" icon-"]:before { color: #3262aa; margin-left: 0px; } [data-icon]:before, [class^="icon-"]:before, [class*=" icon-"]:before { /* color: #3262aa; */ margin-left: 0px; } .icon-boxes-item[data-icon]:before, .icon-boxes-item[class^="icon-"]:before, .icon-boxes-item[class*=" icon-"]:before { color: #3262aa; margin-left: 0px; } .icon-boxes-item[data-icon]:hover:before, .icon-boxes-item[class^="icon-"]:hover:before, .icon-boxes-item[class*=" icon-"]:hover:before { color: #3262aa; margin-left: 0px; } .main-navigation > ul > li > a:after, .main-navigation > ul > li > span.active:after, .main-navigation > ul > li > span.trail:after, .main-navigation > ul > li > span.forward:after { border-top: 2px solid #bb162b !important; } .main-navigation > ul > li > a.active, .main-navigation > ul > li > a.trail, .main-navigation > ul > li > a.forward, .main-navigation > ul > li span.active, .main-navigation > ul > li span.trail, .main-navigation > ul > li span.forward { color: #ffffff !important; } .main-navigation > ul > li > a { color: #ffffff !important; } .main-navigation > ul > li > ul a { color: #3262aa !important; } .main-navigation > ul > li > ul span.active, .main-navigation > ul > li > ul span.trail, .main-navigation > ul > li > ul span.forward { color: #98b1d3 !important; } .main-navigation-mobile-open:after { background: none repeat scroll 0 0 #ffffff !important; box-shadow: 0 7px #ffffff, 0 14px #ffffff !important; } .main-navigation > ul > li > a, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { font-size: 0.82em; } .icon-links a:hover span { text-decoration: none !important; } /* START HEADER LINKS */ /* social network icons background */ .header-links.-secondary a:before, .header-links.-secondary a:after { background: none repeat scroll 0 0 #3262aa !important; } .header-links li a { color: #98b1d3 !important; } .header-links li a:hover, .header-links li a:focus { color: #ffffff !important; } .header-links li a:active { color: #98b1d3 !important; } /* END HEADER LINKS */ .rotating-boxes-item-cover img { display: block; margin-left: auto; margin-right: auto; /* margin-top:2.5em; margin-top:2em;*/ margin-top: 0.5em; } .rotating-boxes-item-content h2 { margin: -14px; padding-left: 0.65em; } .rotating-boxes-item-cover:before, .rotating-boxes-item-cover:after { top: 83%; } .rotating-boxes-item-content img { /* left: 55%; top: -0.5em; */ left: 57%; max-width: 85%; position: relative; top: 25px; } .rotating-boxes-item-cover:after { font-size: 11px !important; } .rotating-boxes-item-content p { /* margin-bottom: 1em; margin-top: -1em; */ font-size: 0.85em; /* margin-bottom: 1em; */ margin-bottom: -2em; margin-left: -1.9em; margin-top: -1em; } .rotating-boxes-item-content p a { /*font-size: 1.15em;*/ } .rotating-boxes-item-content .rotating-boxes-item-link { float: left; margin-bottom: -30px; margin-right: 0; margin-top: 29px; visibility: hidden; } .rotating-boxes-item-content { min-height: 150px; } .rotating-boxes-item-content p span.greatwall {} .hometagline.first.-background-mousemove.-color-inverted div.centered-wrapper-inner { height: 47px; position: relative; } .homecookietrail.first.-background-mousemove.-color-inverted div.centered-wrapper-inner { height: 20px; position: relative; margin-right: 10px; } .basketart.first.-background-mousemove.-color-inverted div.centered-wrapper-inner { height: 20px; position: relative; margin-right: 10px; } .mod_rocksolid_slider.block.rsts-main.rsts-direction-x.rsts-type-slide.rsts-skin-tao.rsts-no-touch { margin: 0px; } .homepage-featurebox { margin-top: -47px !important; } .main-content .rsts-main {} .rotating-boxes:before { margin-top: -10px; } .rsts-skin-light .rsts-nav { bottom: 10px; } .feature-box-image { width: 100%; padding-bottom: 0em !important; } .feature-box-image img { /* border: 1px solid #b2b9c4; border-radius: 3px; box-shadow: 0 0 7px rgba(0, 0, 0, 0.15); */ border: 5px solid #ffffff !important; border-radius: 3px !important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .main-navigation { margin-right: 0 !important; } .feature-box-text.-fade { margin: 0; } .homepage.-image-centered.-image-after-text.in-view.has-shown { display: inline-block; vertical-align: middle; width: 100%; } .-image-centered > .feature-box-image { width: 90%; } .-vertical-centered > .feature-box-text { width: 100%; } .feature-box-image, .homepage-welcome .feature-box-image { vertical-align: top; padding: 1em 0; } .homepage-welcome.block p { font-size: 0.95em; margin-bottom: 0em; } .feature-box-text, .homepage-welcome .feature-box-text { padding: 0 3% 0em 0; } .feature-box-image, .homepage-servicesbox .feature-box-image { padding-top: 1.5em !important; padding-bottom: 1.5em !important; } .main-navigation-mobile-open { left: 90%; top: 31px; } .rsts-caption { font-size: 0.8em; margin-left: 0; margin-top: -25px; text-align: center; } .main-navigation > ul > li > ul, .mega-dropdown { border: 2px solid #b2b9c4; border-radius: 3px; } .centered-wrapper-inner { max-width: 95% !important; font: 1em/1.75 Lato,sans-serif; } .header-bar-inner, .header-navigation-inner, .content-wrapper { max-width: 100% !important; } .main-navigation { margin-right: -277px !important; padding-right: 23%; } .nav-checkout-items { margin-right: -277px !important; padding-right: 23%; } p.sgp_centerblock { text-align: center; } p.sgp_padding { text-align: center; /*padding-bottom:300px;*/ } .sgp_pagetitle_block_right { display: block; float: left; font-size: 0.8em; margin-top: -32px; color: #e197a1; } .sgp_pagetitle_block_left { display: block; float: left; font-size: 0.8em; margin-top: -3px; color: #D6E0EE; } .sgp_pagetitle_block_right a { color: #e197a1; } .sgp_pagetitle_block_left a { color: #D6E0EE; } .sgp_pagetitle_block_left a:hover { color: #ffffff; } .modernizr-csstransforms3d .main-navigation-mobile.is-enabled { top: 3.7em; } .icon-boxes-item { /* padding-top:30px !important; */ padding-top: 5px !important; padding-bottom: 5px !important; } .icon-boxes-item p { color: #BA162B; } .nav-container { background-color: rgba(255, 255, 255, 0.9); border-top: 1px solid #b2b9c4; border-bottom: 1px solid #b2b9c4; z-index: 2 !important; } .f-nav { z-index: 1; position: fixed; top: 119px; left: 0px; max-width: 1100% !important; width: 100% } .nav { margin-top: -26px; /* margin-left: auto; margin-right: auto;*/ /* max-width: 1265px;*/ } .nav ul { list-style: none; } .nav ul li { float: left; margin-top: 0px; padding: 6px; padding-right: 0.85%; padding-left: 0.85%; border-right: 1px solid #717c8e; } .nav ul li:first-child { padding-left: 10px; border-left: 1px solid #717c8e; } .nav ul li a { font-size: 0.85em; color: #242424; } .nav ul li a:hover { text-decoration: none; } .centered-wrapper-inner-floating-menu .nav-container .nav ul { padding-left: 2.53em; } /* Floating menu transitions */ .nav > ul > li a:hover::after, .nav > ul > li span.trail:hover::after, .nav > ul > li span.active:hover::after, .nav > ul > li span.forward:hover::after { right: 0px; left: 0px; -webkit-transition-duration: 0.1s, 0.1s; -moz-transition-duration: 0.1s, 0.1s; -o-transition-duration: 0.1s, 0.1s; transition-duration: 0.1s, 0.1s; } .nav > ul > li a:hover, .nav > ul > li span.trail:hover, .nav > ul > li span.active:hover, .nav > ul > li span.forward:hover { text-decoration: none; } .nav > ul > li a::after, .nav > ul > li span.trail::after, .nav > ul > li span.active::after, .nav > ul > li span.forward::after { content: ""; position: absolute; top: auto; bottom: -8px; right: 50%; left: 50%; border-top: 2px solid #bb162b; -webkit-transition: right 0.4s ease-out, left 0.4s ease-out; -moz-transition: right 0.4s ease-out, left 0.4s ease-out; -o-transition: right 0.4s ease-out, left 0.4s ease-out; transition: right 0.4s ease-out, left 0.4s ease-out; } .nav > ul > li a::before, .nav > ul > li span.trail::before, .nav > ul > li span.active::before, .nav > ul > li span.forward::before { content: none; } .nav > ul > li a, .nav > ul > li span.trail, .nav > ul > li span.active, .nav > ul > li span.forward { position: relative; display: inline-block; padding: 0 0; margin-right: 0; color: inherit; } section#branch-booking.icon-boxes { margin-top: 0; margin-left: auto; margin-right: auto; max-width: 525px; } .icon-boxes-item::before { border: 0.09375em solid #b2b9c4; } .icon-boxes-item::before, .icon-boxes-item:hover:before, .icon-boxes-item:focus:before { color: white; background-color: #fff; } .ce_rsce_tao_testimonial p { background-color: #ffffff; margin-right: 1px !important; } .rateit, .testimonial .rateit { /* clearfix */ overflow: hidden; padding-top: 0px; } .testimonial-posted, .testimonial .testimonial-posted { /* clearfix */ overflow: hidden; font-size: 0.95em !important; padding-top: 0px; } .testimonial-posted small { float: left; font-size: inherit; line-height: 1.2; margin: 0 0 0 1.8em; } .teaser-boxes-item.rs-column p strong { color: #BA162B; font-size: 1.1em; font-weight: normal; } .teaser-boxes-item h1, .team-boxes-item h1 { color: #3262AA; font-weight: bold; /*font-family: "Segoe UI" !important;*/ } .teaser-boxes-item img, .team-boxes-item img { display: inline; width: 60%; margin-top: 15px; } .ce_rsce_tao_sgpetch_boxes.team { font-size: 0.8em; } .ce_rsce_tao_sgpetch_boxes.team h1 { margin: 0px; } .ce_rsce_tao_sgpetch_boxes.team p { line-height: 1em; } .ce_rsce_tao_sgpetch_boxes.team .teaser-boxes-item { min-height: 180px; } h1#find.headline-hr, h3#find.headline-hr { margin-bottom: 15px; } h1#manufacturers.headline-hr, h3#manufacturers.headline-hr { margin-bottom: 0px !important; } .ce_rsce_tao_sgpetch_icon_boxes { margin-bottom: 0px; margin-top: 0px; } h1#team.headline-hr, h3#team.headline-hr { margin-top: 0px; } .ce_rsce_tao_sgpetch_googlemap div.info-map-boxes, .ce_rsce_tao_sgpetch_icon_boxes, .ce_rsce_tao_sgpetch_boxes { margin-bottom: 0px; margin-top: 15px; } .rsts-slide.rsts-slide-default { color: #717C8E; font-size: 0.90em; } .branch-usedcars-slider-items .-large-icon, .branch-nearlynewcars-slider-items .-large-icon, .manufacturer-usedcars-slider-items .-large-icon { min-width: 270px; margin-top: 0px; } .branch-usedcars-slider-items .-large-icon h2, .branch-nearlynewcars-slider-items .-large-icon h2, .manufacturer-usedcars-slider-items .-large-icon h2, .manufacturer-nearlynewcars-slider-items .-large-icon h2 { font-size: 1.4em; margin-top: -15px; } .branch-usedcars-slider-items .-link, .branch-nearlynewcars-slider-items .-link, .manufacturer-usedcars-slider-items .-link, .manufacturer-nearlynewcars-slider-items .-link { margin-top: -15px; font-size: 0.95em; text-decoration: none !important; color: #717C8E; } #usedcar-detail.rsts-skin-partner .rsts-crop { background-color: #fff; border: 6px solid #fff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); z-index: 1; } .datawindow { border: solid 2px #BA162B; padding: 5px 10px 10px 10px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; font-size: 0.75em; color: #3262AA; margin-bottom: 20px; } .outputdata { margin-top: 0px; margin-bottom: 0px; font-size: 0.80em; } .review-readmore { width: 100%; text-align: center; font-size: 0.90em; } .ce_rsce_tao_testimonial div.rateit { margin-bottom: 10px; } /************************/ .info-map .btn { display: inline-block; padding: 0.5em 0.7em; background: #fff; color: #141414; text-decoration: none; font-size: 0.95em; z-index: 1 !important; border: 1px solid #D1CFCB; } sgp_pagetitle_block_left .info-map .map-canvas { box-sizing: border-box; position: relative; z-index: 1; width: 100%; height: 100%; border: 2px solid #ccc; } .info-map .map-toggle { position: absolute; top: 0; left: 0; margin-left: 100px; margin-top: 21px; z-index: 3; opacity: 0.7; /* border-bottom-left-radius: 0.5em;*/ } .info-map .map-disable { box-sizing: border-box; position: absolute; z-index: 0; left: 0; top: 0; width: 100%; height: 100%; background: white; border: 0px solid #242424; opacity: 0.25; } .info-map .map-disable.hide { z-index: -1; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .branchInfoPushRight a, .goggleAPIphone a { text-decoration: none; color: #242424; } #usedcar-detail.mod_rocksolid_slider { vertical-align: middle; } .mod_rocksolid_slider.branch-recommendation-slider-items { margin-bottom: 0px; margin-top: 0px; } .mod_sgpetch_contentdownloads, .sidebar .mod_sgpetch_contentdownloads { margin: 1.6875em 0; padding: 1.25em 1.875em; border: 1px solid #b2b9c4; border-radius: 3px; background-color: #ffffff; } .mod_sgpetch_contentdownloads h2 { margin: -1.75em -2.58333em 1.66667em; padding: 0.66667em 1.66667em; border-radius: 3px 3px 0 0; font-size: 0.75em; font-weight: bold; letter-spacing: 0.08333em; color: white; text-transform: uppercase; background: #717c8e; } .mod_sgpetch_contentdownloads h2:before { font: 1.16667em/1 "RockSolid Icons"; content: "\e06d"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: 0.07143em; float: right; } .mod_sgpetch_contentdownloads ul, .mod_sgpetch_contentdownloads p, .sidebar .mod_sgpetch_contentdownloads ul, .sidebar .mod_sgpetch_contentdownloads p { margin: 0; padding: 0; list-style: none; } #nearlynewcar-detail-pagination, #usedcar-detail-pagination { display: block; margin-top: 5px; margin-left: 0px; margin-bottom: 0px; /* font-size: 0.85em;*/ font: bold 0.85em/1.6625 Lato,sans-serif; /* margin-left: auto; margin-right: auto; max-width: 1155px; */ } .mfr-mdlrange-title {} .mfr-mdlrange-offers a { color: #ba162b; } /* .manufacturer-mdl-range .icon-boxes-item { background: #ffffff; border-color: #E5E5E5; } */ #manufacturer-slider-button { position: absolute; bottom: 0; right: 0; margin-right: 22px; margin-bottom: 20px; } #manufacturer-slider-logo.feature-box { bottom: 0; left: 0; margin-bottom: -95px; padding-bottom: 35px; padding-left: 19px; position: absolute; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 110%; } #manufacturer-slider-logo.feature-box { overflow: visible; } .rsts-skin-sgpetch .rsts-nav-bullets { left: 15%; width: 70%; } #variant-accordion.mod_sgpetchdatabridge.block table tbody tr, #usedcar-detail-accordion.mod_sgpetchdatabridge.block table tbody tr, #nearlynewcar-detail-accordion.mod_sgpetchdatabridge.block table tbody tr { font-size: 0.85em; color: #242424; } .ce_accordion .accordion { background: #ffffff none repeat scroll 0 0; border-color: #d8dce1 #b2b9c4 #b2b9c4; border-image: none; border-radius: 0 0 3px 3px; border-style: solid; border-width: 1px; margin-bottom: -15px; padding-left: 12px; padding-right: 12px; position: relative; } #variant-accordion.mod_sgpetchdatabridge.block table, #usedcar-detail-accordion.mod_sgpetchdatabridge.block table, #nearlynewcar-detail-accordion.mod_sgpetchdatabridge.block table { background: white none repeat scroll 0 0; border: 0px solid #b2b9c4; border-collapse: separate; border-radius: 0px; border-spacing: 0; width: 100%; } #variant-accordion.mod_sgpetchdatabridge.block table tbody .even, #usedcar-detail-accordion.mod_sgpetchdatabridge.block table tbody .even, #nearlynewcar-detail-accordion.mod_sgpetchdatabridge.block table tbody .even, #usedcar-detail-overview.mod_sgpetchdatabridge.block table tbody .even, #nearlynewcar-detail-overview.mod_sgpetchdatabridge.block table tbody .even { background-color: #efefef; } .sgpetchbluebg { background-color: #3262AA; } .sgpetchredbg { background-color: #BA162B; } .sgpetchred { color: #BA162B; } .sgpetchbluetext { color: #3262AA !important; } .sgpetchredtext { color: #BA162B !important; } .whitebg { background-color: #ffffff; } .defaultbg { background-color: #F5F5F5; } .greenbg { background-color: #39B54A; } .darkgreybg, .overview-prange.odd, .greybg { background-color: #EFEFEF; } table#overview-rangepricelist .newCarSearchModelInfoButton, table#overview-rangepricelist .newCarSearchModelOffersButton { margin-right: 0; margin-top: 0; } table#overview-rangepricelist .newCarSearchModelInfoButton, table#overview-rangepricelist .newCarSearchModelOffersButton { float: right; white-space: nowrap; } table#overview-rangepricelist .mdlbut-variant, table#overview-rangepricelist .specbut-variant { padding-bottom: 7px; margin-left: auto; margin-right: auto; } table#overview-rangepricelist .head { background-color: #D2D2D2; /* font-weight: bold; */ } table#overview-rangepricelist .key-registered.head, table#overview-rangepricelist .eng-variant, table#overview-rangepricelist .specbut-variant { padding-left: 2%; } table#overview-rangepricelist .co-value-registered.head, table#overview-rangepricelist .ins-value-registered.head, table#overview-rangepricelist .price-value-registered.head, table#overview-rangepricelist .mdlbut-value-registered.head, table#overview-rangepricelist .specbut-value-registered.head, table#overview-rangepricelist .co-variant, table#overview-rangepricelist .ins-variant, table#overview-rangepricelist .price-variant, table#overview-rangepricelist .mdlbut-variant, table#overview-rangepricelist .specbut-variant { text-align: center; } #pricelist-endtable { padding-bottom: 30px; } #usedcar-detail-overview.mod_sgpetchdatabridge.block table, #nearlynewcar-detail-overview.mod_sgpetchdatabridge.block table { background: white none repeat scroll 0 0; border: 0px solid #b2b9c4; } table#overview-call { width: 97%; } table#overview-detail, table#overview-rangepricelist { font-size: 0.85em; } .strike { text-decoration: line-through; } table#overview-price, table#overview-reducedprice { margin-bottom: 0; } table#overview-price tbody tr.overview-price td.key-price { max-width: 70px; } table#overview-price tbody tr.overview-price td.value-price { text-align: center; } table#overview-price tbody tr.overview-offer td.key-offer { max-width: 140px; } #nearlynewcar-detail.mod_rocksolid_slider.rsts-skin-sgpetch .rsts-nav.rsts-nav-bullets, #usedcar-detail.mod_rocksolid_slider.rsts-skin-sgpetch .rsts-nav.rsts-nav-bullets { margin-top: 35px; } #nearlynewcar-detail.mod_rocksolid_slider.rsts-skin-sgpetch .rsts-nav-bullets a, #usedcar-detail.mod_rocksolid_slider.rsts-skin-sgpetch .rsts-nav-bullets a { background-clip: padding-box; background-color: rgba(200, 200, 200, 1); border-radius: 100%; display: inline-block; height: 15px; margin: 8px 4px; outline: 0 none; overflow: hidden; text-indent: -999px; width: 15px; } #nearlynewcar-detail.mod_rocksolid_slider.rsts-skin-sgpetch .rsts-nav-bullets a.active, .rsts-skin-sgpetch .rsts-nav-bullets a:hover, #usedcar-detail.mod_rocksolid_slider.rsts-skin-sgpetch .rsts-nav-bullets a.active, .rsts-skin-sgpetch .rsts-nav-bullets a:hover { background-color: rgba(255, 0, 0, 0.5); border-radius: 100%; } #usedcar-detail-overview.mod_sgpetchdatabridge.block table tbody tr.overview-call td.value-call.sgpetchbluebg, #nearlynewcar-detail-overview.mod_sgpetchdatabridge.block table tbody tr.overview-call td.value-call.sgpetchbluebg { /*color:#ffffff;*/ font-weight: bold; text-align: center; border: 1px solid #ffffff; border-radius: 3px; cursor: pointer; } #usedcar-detail-overview.mod_sgpetchdatabridge.block table tbody tr.overview-call td.value-call.sgpetchbluebg:hover, #nearlynewcar-detail-overview.mod_sgpetchdatabridge.block table tbody tr.overview-call td.value-call.sgpetchbluebg:hover, .newCarSearchVariantTechButton:hover, .callbranchbutton:hover { background-color: #2D5899; } .detailbackButton:hover { background-color: #d9d9d9; } #usedcar-detail-overview.mod_sgpetchdatabridge.block table tbody tr.overview-call td.value-call.sgpetchbluebg:active, #nearlynewcar-detail-overview.mod_sgpetchdatabridge.block table tbody tr.overview-call td.value-call.sgpetchbluebg:active, #newCarClear:active, #newCarClearper:active, .newCarSearchVariantTechButton:active, .callbranchbutton:active, .detailbackButton:active { background-color: #E5514F; } #usedcar-detail-overview.mod_sgpetchdatabridge.block table tbody tr.overview-call td.value-call.sgpetchbluebg a, #nearlynewcar-detail-overview.mod_sgpetchdatabridge.block table tbody tr.overview-call td.value-call.sgpetchbluebg a { text-shadow: 0 -1px 0 #242424; color: #ffffff; } #usedcar-detail.mod_rocksolid_slider.block, #nearlynewcar-detail.mod_rocksolid_slider.block { margin-top: 13px; } #usedcar-detail-overview table, #nearlynewcar-detail-overview table { background: white none repeat scroll 0 0; border: 1px solid #b2b9c4; border-collapse: separate; border-radius: 3px; border-spacing: 0; width: 100%; } #usedcar-detail.rsts-skin-sgpetch .rsts-crop, #nearlynewcar-detail.rsts-skin-sgpetch .rsts-crop { background-color: #fff; border: 6px solid #fff; border-radius: 3px; box-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .usedcars-overview-button, .nearlynewcars-overview-button { display: block; } .usedcars-overview-call-key, .nearlynewcars-overview-call-key { float: left; } #usedcars-enquire-button, #nearlynewcars-enquire-button { margin-left: 20px; margin-top: 13px; -moz-appearance: none; background: #39B54A none repeat scroll 0 0; border: 1px solid #ffffff; border-radius: 3px; color: white; display: inline-block; font-size: 0.875em; line-height: 1.42929; outline: medium none; padding: 0.64286em 1.42857em; position: relative; text-align: center; text-decoration: none; text-shadow: 0 -1px 0 #242424; text-transform: uppercase; } #usedcars-enquire-button:hover, #nearlynewcars-enquire-button:hover, #newCarSearched:hover, #newCarSearchedper:hover, .newCarSearchModelOffersButton:hover, #newcarsmodelpanel-button:hover, .offer-table-more-motability-button:hover, .offer-table-more-business-button:hover, #branchlocatorpanelembedded-button:hover { border-color: #ffffff #ffffff #ffffff; text-decoration: none; background: #33A343; } #newCarSearched-evolfinacecalc:hover { border-color: #ffffff #ffffff #ffffff; text-decoration: none; background: #2573B3; } .usedCarSearchModelOffer[data-icon]:before, .usedCarSearchModelOffer[class^="icon-"]:before, .usedCarSearchModelOffer[class*=" icon-"]:before { color: #39B54A; font-size: 1.6em; padding-left: 8px; } .key-reducedprice[data-icon]:before, .key-reducedprice[class^="icon-"]:before, .key-reducedprice[class*=" icon-"]:before { color: #39B54A; font-size: 1.6em; } .usedCarSearchModelOffer { font-size: 0.75em; color: #242424; text-transform: uppercase; } .newCarSearchModelInfoButton:hover, #newCarClear:hover, #newCarClearper:hover, span#newCarResultsFilterListper #chosenFilterMakeper:hover, span#newCarResultsFilterListper #chosenFilterModelper:hover, span#newCarResultsFilterListper #chosenFilterBodyper:hover, span#newCarResultsFilterListper #chosenFilterFuelper:hover, span#newCarResultsFilterListper #chosenFilterTranper:hover, span#newCarResultsFilterListper #chosenFilterOfferper:hover, span#newCarResultsFilterListper #chosenFilterMileageper:hover, span#newCarResultsFilterListper #chosenFilterAgeper:hover, span#newCarResultsFilterListper #chosenFilterDoorsper:hover, span#newCarResultsFilterListper #chosenFilterSliderPriceper:hover, span#newCarResultsFilterListper #chosenFilterSliderTermper:hover, span#newCarResultsFilterList #chosenFilterMake:hover, span#newCarResultsFilterList #chosenFilterModel:hover, span#newCarResultsFilterList #chosenFilterBody:hover, span#newCarResultsFilterList #chosenFilterFuel:hover, span#newCarResultsFilterList #chosenFilterTran:hover, span#newCarResultsFilterList #chosenFilterOffer:hover, span#newCarResultsFilterList #chosenFilterMileage:hover, span#newCarResultsFilterList #chosenFilterAge:hover, span#newCarResultsFilterList #chosenFilterDoors:hover, span#newCarResultsFilterList #chosenFilterSliderPrice:hover, span#newCarResultsFilterList #chosenFilterSliderTerm:hover, #careers-print-button:hover { background: #2D5899; } #usedcars-enquire-button:active, #nearlynewcars-enquire-button:active, #newCarSearched:active, #newCarSearched-evolfinacecalc:active, #newCarSearchedper:active, .newCarSearchModelInfoButton:active, .newCarSearchVariantTechButton:active, .newCarSearchModelOffersButton:active, #newcarsmodelpanel-button:active, #branchlocatorpanelembedded-button:active, .offer-table-more-motability-button:active, .offer-table-more-business-button:active, .callbranchbutton:active, #careers-print-button:active { background: #E5514F; } #nearlynewcar-features { font-size: 0.85em; } /************************/ .findus-0 { clear: both; margin-left: -50px; padding-top: 7px; } .branchInfoPushRight { padding-left: 5px; } #findus-logo-0 { float: left; margin-right: 10px; display: none; } #findus-logo-1 { display: none; } #findus-isopen-0 { font-size: 1.3em; padding-top: 13px; } #findussec1-0, #findussec2-0 { display: block; float: left; padding-left: 55px; padding-top: 0; padding-bottom: 0px; } #findussec1-1, #findussec2-1 { padding-bottom: 2px; } #findus-salestitle-0 { font-size: 1.3em; margin-top: 0px; padding-left: 0px; border-bottom: 1px solid #e5e8ee; } #findus-servicetitle-0 { font-size: 1.3em; margin-top: 0px; padding-left: 0px; border-bottom: 1px solid #e5e8ee; } #findus-sales-0, #findus-service-0 { font-size: 1.3em; } #findus-sales-1 { font-size: 1.3em; } #findus-sales-0 ul { float: left; padding-left: 0; margin-top: 0; margin-bottom: 2px; } #findus-sales-0 ul li { margin-left: 10px; } #findus-service-0 ul { float: left; padding-left: 0; margin-top: 0; margin-bottom: 2px; } #findus-service-0 ul li { margin-left: 10px; } .mod_rocksolid_slider.branchslider-skin { margin-top: -1px !important; } .centered-wrapper.ce_rsce_tao_centered_wrapper_start.hometagline.first.-background-mousemove.-color-inverted { border-bottom: 1px solid #b2b9c4; } .centered-wrapper.ce_rsce_tao_centered_wrapper_start.homecookietrail.first.-background-mousemove.-color-inverted { border-bottom: 1px solid #b2b9c4; } .centered-wrapper.ce_rsce_tao_centered_wrapper_start.basketart.first.-background-mousemove.-color-inverted { /* border-bottom: 1px solid #b2b9c4;*/ } /*.anchor-usedcar-detail { padding-top: 144px; } */ /* .anchor-branch { padding-top: 144px; } */ /* #manufacturers.anchor-branch { padding-top: 144px; } */ .goggleAPIlogo { float: left; margin-right: 10px; margin-top: 0px; } .goggleAPIname, .goggleAPIaddress, .goggleAPIwebsite { line-height: 1.3em; } .goggleAPIphone, .goggleAPIopennow, .goggleAPIwebsite, #averagerating, .goggleAPIphotos, .goggleAPIreviews { float: left; clear: both; line-height: 1.45em; } .goggleAPIname, .goggleAPIaddress, .goggleAPIwebsite, .goggleAPIphone, .goggleAPIopennow, #averagerating { font-size: 0.85em; max-width: 315px; } .goggleAPIreviews { max-width: 350px; height: 0px; font-size: 0.75em; } .goggleAPIphotos img { padding: 2px; } .reviewText { padding-right: 15px; } .individualReview .rating-0.rateit, .individualReview .rating-1.rateit, .individualReview .rating-2.rateit, .individualReview .rating-3.rateit, .individualReview .rating-4.rateit, .individualReview .rating-5.rateit, .individualReview .rating-6.rateit, .individualReview .rating-7.rateit, .individualReview .rating-8.rateit, .individualReview .rating-9.rateit { margin-left: -5px; margin-top: 5px; } .individualReview { margin-top: 5px; margin-bottom: 5px; } .homepage-welcome .feature-box-text { font-size: 0.65em; } .rsts-skin-light .rsts-caption { font-size: 0.65em; margin-left: -30px; margin-top: 0px; line-height: 0.9em; } /*.homepage .feature-box-text p { font-size: 0.90em;letter-spacing: 4px;margin-top: 4px; white-space: nowrap;}*/ .homepage .feature-box-text { height: 40px; line-height: 40px; } .homepage .feature-box-text p { font-size: 0.90em; letter-spacing: 4px; margin-top: 2px; white-space: nowrap; } .rotating-boxes-item-content p { font-size: 0.80em; margin-bottom: -4em; margin-left: -0.9em; margin-top: -1em; text-align: center; } .rotating-boxes-item-content img { left: 9%; max-width: 71%; position: relative; top: 70px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .info-map-boxes-item { font-size: 0.65em; } /* 150 x 480 */ @media only screen and (min-width: 150px) and (max-width: 480px) and (orientation: portrait) { #gdpr-settings { margin-left: auto; margin-right: auto; max-width: 205px; display: block; } #footermfrlogo { float: initial; width: 303px; transform: scale(0.65); } .finance-application-apply { min-width: 250px; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 285px; } #applicationheader { background-size: 300px auto, auto auto; } .offer-table-smallprint-top-blue { font: bold 0.85em/1.6625 Lato,sans-serif; } .footer-navigation.branch { float: left; font-size: 0.5em; margin-top: 0; text-align: center; } .footer-headline { margin-left: auto; margin-right: auto; max-width: 150px; padding-bottom: 10px; padding-top: 10px; } .footer-headline-divide { margin-top: -10px; } .footer-headline-end { margin-top: -10px; float: left; } #footer-headline-frame { margin-left: auto; margin-right: auto; padding-bottom: 20px; } .footer-copyright { font-size: 0.775em; } .brand-header { margin-top: -5px; } .hmfr-column-jeep { margin-top: 12px; padding-left: 0; width: 40px; } .hmfr-column-kia { margin-top: 12px; padding-left: 7px; padding-right: 0; width: 58px; } .hmfr-column-peugeot { margin-top: 5px; padding-left: 2px; width: 48px; } .hmfr-column-seat { margin-top: 5px; padding-left: 4px; width: 45px; } .hmfr-column-subaru { margin-top: 8px; padding-left: 6px; width: 57px; } .sgp_pagetitle_block_left { font-size: 0.6em; } .feature-box-text { font-size: 0.85em; padding: 0px 3% 0em 0; } .logo img { display: inline; height: auto; max-height: 2.8em; margin-left: -25px; } .rsts-skin-light .rsts-caption { font-size: 0.65em; margin-left: -30px; margin-top: 0px; line-height: 0.9em; } .main-navigation { margin-right: 0 !important; padding-right: 2.75em; } .nav-checkout-items { /* margin-right: 0 !important;*/ padding-right: 2.75em; } .main-content h3, .main-content h1 { font-size: 0.90em; } .main-content h5 { font-size: 0.75em; } .sgp_centerblock { font-size: 0.85em !important; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .rsts-caption { font-size: 0.75em; } .rsts-skin-sgpetch .rsts-nav-bullets { top: -5px; } .rsts-skin-sgpetch .rsts-nav-bullets a { width: 8px; height: 8px; } .rsts-skin-sgpetch .rsts-next, .rsts-skin-sgpetch .rsts-prev { height: 25px; width: 25px; margin-top: -13px !important; } .rsts-skin-sgpetch .rsts-next::after, .rsts-skin-sgpetch .rsts-prev::after { font: normal 22px/1 Tahoma, sans-serif; left: 8px; top: 0px; } .nav { margin-top: -20px; } .nav ul li:first-child { border-left: 0; } .nav ul li { border-right: 0; display: inline; zoom: 1; width: 31%; text-align: center; padding: 0 0.85%; } .nav-container { font-size: 0.85em; background-color: rgba(255, 255, 255, 0.9); } .nav ul li a::after, .nav ul li span.trail::after, .nav ul li span.active::after, .nav ul li span.forward::after { bottom: -1px !important; } .f-nav { top: 0px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .goggleAPIname, .goggleAPIaddress, .goggleAPIwebsite, .goggleAPIphone, .goggleAPIopennow, #averagerating { font-size: 0.75em; } .goggleAPIwebsite { margin-top: 22px; } /* #findus-isopen-0{ font-size: 1.1em; padding-top: 0px;} */ .icon-boxes-item h2 { clear: both; font-size: 1.3em; padding-left: 0px !important; padding-top: 5px !important; } .icon-boxes-item p { clear: both; font-size: 0.75em; margin-top: -8px; line-height: 12px; } .branch-usedcars-slider-items .-large-icon, .branch-nearlynewcars-slider-items .-large-icon, .manufacturer-usedcars-slider-items .-large-icon, .manufacturer-nearlynewcars-slider-items .-large-icon { min-width: 200px; margin-top: 0px; } .branch-usedcars-slider-items .-link, .branch-nearlynewcars-slider-items .-link, .manufacturer-usedcars-slider-items .-link, .manufacturer-nearlynewcars-slider-items .-link { margin-top: -5px; font-size: 0.85em; text-decoration: none !important; color: #717C8E; } .nav-container, #sticky-wrapper, .mobile-toggle, #circle { display: none; } .info-map .btn { font-size: 0.80em; } #findussec1-0, #findussec2-0 { font-size: 0.85em; } #findus-sales-1 { font-size: 1.1em; } #manufacturer-slider-button { font-size: 0.65em !important; margin-bottom: 10px; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #search-wrapper { background-image: none; } label#perPage, label#perPageper { line-height: 35px; margin-left: 100px; } #newcarssearch-floatingDiv, #nearlynewcarssearch-floatingDiv { float: none; margin-right: 0px; margin-top: 0px; min-width: 0px; } #newcarssearch-moreOptions { float: left; } #newcarsmodelpanel-right { padding-top: 0; } #newcarsmodelpanel { opacity: 1; filter: alpha(opacity=1); } #newcarsmodelpanel-variantoffers select#variantoffers { max-width: 170px; } #branchlocatorpanel { max-width: 265px; float: left; max-width: 308px; } #branchlocatorpanel select#branchlocator.value-branchlocator { min-width: 265px; } #usedcarsearch-chosenBody { margin-top: 226px; } #usedcarssearch-floatingDiv { margin-right: -197px; margin-top: 10px; } .branchslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop, .manufacturerslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop { margin-top: 0px !important; } #newcarsmodelpanel-wrapper { background-size: cover; } .gallery-top, .gallery-bottom { font-size: 0.85em; } .manufacturer-model-offers-slider-items .manufacturerModelBox-title { font-size: 1em; } .manufacturerModelOfferType { padding-bottom: 25px; } .manufacturer-model-offers-slider-items .manufacturerModelImage img { max-width: 100px; } .manufacturerModelImage .manufacturerModelOfferDetail .offer-blue.strong.offerc { padding-right: 15px; padding-top: 0; } .manufacturerModelImage p.deposit { float: none; font-size: 0.85em; margin-bottom: 0; margin-top: 0px; } .manufacturerModelOfferDetail p.pcp { margin-bottom: 0; margin-left: -7px; margin-top: 19px; min-width: 180px; text-align: right; } .manufacturerModelOfferDetail .offer-blue { margin-top: 10px; float: right; } .manufacturerModelOfferDetail .offer-black { padding-left: 85px; padding-top: 46px; } .manufacturerModelBox-title p.pcp-terms, .manufacturerModelBox-title p.fin-terms { margin-top: 27px; margin-left: -35px; } .manufacturerModelOfferDetail p.finance { margin-top: 6px; } .manufacturerModelOfferDetail p.finance-rep { margin-left: 120px; } .manufacturerModelImage .manufacturerModelOfferDetail p.custsaving { margin-top: 30px; } .manufacturerModelOfferDetail p.cash-rep { margin-left: 80px; } .petchprice { margin-left: 77px !important; } .manufacturerModelOfferDetail p.cash { margin-top: 5px; text-align: right; } .manufacturer-model-offers-slider-items .manufacturerModelRow { min-height: 229px; } .manufacturer-model-offers-slider-items .manufacturerModelBox-title.verticalc { padding-left: 20%; } table#overview-rangepricelist { font-size: 0.75em; } table#overview-rangepricelist .co-value-registered.head, table#overview-rangepricelist .ins-value-registered.head, table#overview-rangepricelist .price-value-registered.head, table#overview-rangepricelist .co-variant, table#overview-rangepricelist .ins-variant, table#overview-rangepricelist .price-variant { display: none; } .variantslider-skin #branchlocatorpanel { margin-right: 0.3em; margin-top: 0.5em; } .manufacturerModelRow.modeloffer.-boxed { font-size: 0.90em; } h3#variantoffers, h1#variantoffers { font-size: 1em; text-align: center; } #variant-detail-image { float: none; width: 100%; } #variant-detail-overview { float: none; width: 100%; } #variant-detail-offers { float: none; width: 100%; } .offer-table-smallprint-top { line-height: 1.5em; } #variant-detail-panel-right { margin-top: 0px; } #variant-detail-offers select, #branchlocatorpanelembedded select { margin-bottom: 25px; } .variantOfferDetail .offer-cash, .variantOfferDetail .offer-pcp, .variantOfferDetail .offer-black { clear: both; } .modelbranchlocatorpanel { bottom: 1px; opacity: 0.9; right: -1px; } #careers-pagebody select#categoryid, #careers-pagebody select#branchid, #careers-pagebody select#mfrid { clear: both; margin-bottom: 8px; max-width: 98%; } #careersSearchResultsUpdateBlock .co-value-registered.head, #careersSearchResultsUpdateBlock .key-registered.head, #careersSearchResultsUpdateBlock .eng-variant, #careersSearchResultsUpdateBlock .ins-variant { display: none; } #careers-pagebody #sortCareersResults { float: left; margin-top: 5px; } .careersDetailBlock .careersDetailBlockRight { margin-top: 0; } #vacancy-application-title label { /* padding-right: 15px;*/ } #vacancy-application-oname label { padding-right: 26px; clear: both; padding-bottom: 0px; } #vacancy-application-confPass label, #vacancy-application-newPass label, #vacancy-application-curPass label, #vacancy-application-fnametd label, #vacancy-application-fname label, #vacancy-application-lname label, #vacancy-application-dateofbirth label, #vacancy-application-address1 label, #vacancy-application-address2 label, #vacancy-application-county label, #vacancy-application-address3 label, #vacancy-application-postcode label, #vacancy-application-regemail label, #vacancy-application-regpassword label, #vacancy-application-regconfpassword label, #vacancy-application-city label, #vacancy-application-teltd label, #vacancy-application-tel label, #vacancy-application-title label, #vacancy-application-cname label, #vacancy-application-emailtd label, #vacancy-application-email label, #vacancy-application-mobile label { padding-bottom: 0px; } #vacancy-application-notes label { margin-top: 7px; } #vacancy-application-notes textarea, #booking-application-notes textarea { min-width: 135px; } #vacancy-application-prefcallback { margin-top: 10px; } #vacancy-application-enablecallback { padding-top: 15px; } .modelbranchlocatorpanel #branchlocatorpanel { display: none; } .variantslider-skin .rsts-slide-image { height: 160px !important; background-color: #E3E3E3 !important; } .variantslider-skin .rsts-slide-image img { margin-top: 0px !important; height: 100% !important; width: 100% !important; } .manufacturerslider-skin .rsts-slide-image { height: 106px !important; background-color: #E3E3E3 !important; } .manufacturerslider-skin .rsts-slide-image img { margin-top: 0px !important; height: 100% !important; width: 100% !important; } .branchslider-skin .rsts-slide-image { height: 100px !important; background-color: #E3E3E3 !important; } .branchslider-skin .rsts-slide-image img { margin-top: 0px !important; height: 100% !important; width: 100% !important; } .homepageslider-skin .rsts-slide-image { height: 100px !important; background-color: #E3E3E3 !important; } .homepageslider-skin .rsts-slide-image img { margin-top: 0px !important; height: 100% !important; width: 100% !important; } #branch-slider.feature-box { padding-left: 5px; top: 5px; } #branchinfo .branchinfo-call { display: none; } #branchinfo { border: 2px solid #ffffff; border-radius: 1px; margin-left: 0em; } #branchmanufacturerinfo .branchinfo-call { display: none; } #branchmanufacturerinfo { border: 2px solid #ffffff; border-radius: 1px; margin-left: 0em; } #newcarssearch h1 { font-size: 1.1em; } .manufacturerslider-skin .rsts-slide.rsts-slide-image img { margin-left: 0px !important; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 38% !important; margin-left: -11px; margin-bottom: 7px; } #manufacturer-slider-button { bottom: -36px; right: -16px; } .variantslider-skin .rsts-slide-image, .manufacturerslider-skin .rsts-slide-image, .modelslider-skin .rsts-slide-image, .branchslider-skin .rsts-slide-image { display: table; overflow: visible; } .variantslider-skin #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image { margin-bottom: 0px !important; } .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #E0E0E0; height: 151px !important; } .mod_rocksolid_slider.variantslider-skin .rsts-prev, .mod_rocksolid_slider.variantslider-skin .rsts-next, .mod_rocksolid_slider.branchslider-skin .rsts-prev, .mod_rocksolid_slider.branchslider-skin .rsts-next, .mod_rocksolid_slider.modelslider-skin .rsts-prev, .mod_rocksolid_slider.modelslider-skin .rsts-next, .mod_rocksolid_slider.manufacturerslider-skin .rsts-prev, .mod_rocksolid_slider.manufacturerslider-skin .rsts-next { display: none; } .alignthree, .aligntwo, .alignone, .alignthree-six { margin-left: 25%; margin-right: 25%; } #model-options .alignthree-six { margin-bottom: 15%; } #badge-140 { left: -52px; top: 73px; transform: scale(0.25); z-index: 1; } .rsts-nav.rsts-nav-bullets { display: none; } .hoverbutton-opening-hours { display: none; } .hoverbutton-address { display: none; } .homepage.-image-centered .feature-box-text p { display: block !important; } .rTableCell { white-space: normal; } .rTableCellwrap, .rTableCell, .rTableHead { padding: 0; } .modeloffer #manufacturerModeloffer-innerframe { font-size: 0.8em; } #offertab .resp-tabs-list li { font-size: 0.75em; } .rTableCellwrap { text-align: left; } .rTableRow { text-align: center; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-black { float: inherit; } select#perpage, select#perpageper { width: 90px; } .detailbackButton { display: none; } #badge-144 { left: -6px; transform: scale(0.9); } .offer-table-more-motability-button, .offer-table-more-business-button { width: 340px; } .usedCarSearchSaving.nearlynew { max-width: 113px; } #variant-gallery-top.mod_sgpetchdatabridge .gallery-top, #variant-gallery-bottom.mod_sgpetchdatabridge .gallery-bottom, #model-gallery-top.mod_sgpetchdatabridge .gallery-top, #model-gallery-bottom.mod_sgpetchdatabridge .gallery-bottom { display: none; } .manufacturer-model-gallery-slider-items, .variant-gallery-slider-items { margin-top: -20px !important; } .manufacturer-model-gallery-slider-items .rsts-caption, .variant-gallery-slider-items .rsts-caption { margin-top: -0px; } .newcar-search-spacer { margin-bottom: 3px; margin-top: 3px; } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch { /* width: 540px;*/ } .eL-captcha.type-0 { width: 250px !important; } .footer-navigation .icon-pin [data-icon]::before, .footer-navigation .icon-pin[class^="icon-"]::before, .footer-navigation .icon-pin[class*=" icon-"]::before { margin-left: 20px; margin-right: 20px; } #variant-detail-center #variant-detail-overview { width: 100%; } #branchlocatorpanelembedded select#branchlocator { margin-left: 31px; } #variant-detail-center #branchlocatorpanelembedded select#branchlocator { font-size: 0.9em; } /*.campaignoverlay img { margin-left: -79px; } .campaignoverlaysection img { margin-left: 0px;}*/ #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide .rsts-slidesafford { display: block; } .footer-headline-end { margin-top: 10px; } .footer-headline-divide { margin-top: 10px; } #footer-headline-frame { display: inline-flex; } .footer-navigation li { display: block; } .campaigncircle { left: 0px; top: 0px; } .campaignoverlaysection { left: 8px; top: 50px; } .manufacturerlocatorpanel { display: none; } .motabilityoffers-root .slider-manufacturer-model-video .video-title { visibility:hidden; } #blackfriday .vacancy-application #vacancy-application-howhere { padding-top: 10px; } #blackfriday .vacancy-application #vacancy-application-interest label { padding-bottom: 0px; } #blackfriday .vacancy-application #vacancy-application-interest label.trim { margin-left: 0; } #newcarssearch #evolfinacecalc-chosenBorrow input#borrow.value-chosenBorrow, #newcarssearch #evolfinacecalc-chosenTerm select#term.value-chosenTerm, #newcarssearch #evolfinacecalc-chosenCashdeposit input#cashdeposit.value-chosenCashdeposit, #newcarssearch #evolfinacecalc-chosenPartex input#partex.value-chosenPartex { max-width: 135%; width: 135%; } .finance .mejs-video { max-height: 135px; max-width: 240px; } #specificDetail { display: none; } .cookieconsent-popup {right: 30px; width: 260px; } .cookieconsent-dialog-content { width: 270px;} } @media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) { #gdpr-settings { width: 410px; margin-left: -15px; } .offer-table-smallprint-top-blue { font: bold 0.85em/1.6625 Lato,sans-serif; } .finance .mejs-video { max-height: 214px; max-width: 382px; } .footer-navigation.branch { float: left; font-size: 0.70em; margin-top: 0; text-align: center; } .footer-headline { margin-left: auto; margin-right: auto; max-width: 150px; padding-bottom: 10px; padding-top: 10px; } #footer-headline-frame { margin-left: auto; margin-right: auto; padding-bottom: 20px; } .footer-copyright { font-size: 0.775em; } .hsearch .homepage-header { margin-top: -8px !important; } .hnews, .hmfrs { padding-top: 0 !important; } #homepage-section, #homepage-small-section { float: left; font-size: 0.8em !important; margin: 15px 2px !important; min-width: 98% !important; } #homepage-section.s-service { width: 98% !important; } .homepage-des, .homepage-small-des { font-size: 1em !important; line-height: 1.3em; } .hmfr-column-abarth, .hmfr-column-alfa, .hmfr-column-fiat { width: 40px; } .hmfr-column-jeep { margin-top: 3px; padding-left: 0; width: 32px; } .hmfr-column-kia { margin-top: 3px; padding-left: 7px; padding-right: 0; width: 43px; } .hmfr-column-mazda, .hmfr-column-nissan { width: 48px; } .hmfr-column-peugeot { margin-top: 5px; padding-left: 2px; width: 48px; } .hmfr-column-seat { margin-top: 5px; padding-left: 4px; width: 45px; } .hmfr-column-subaru { margin-top: 8px; padding-left: 6px; width: 57px; } .hmfr-column-greatwall, .hmfr-column-isuzu { width: 61px; } .hmfr-column-greatwall { clear: none; } .hmfr-column-isuzu { margin-top: 5px; } .hmfr-column-hyundai { clear: both; padding-left: 8px; width: 57px; } .sgp_pagetitle_block_left { font-size: 0.7em; } .rsts-skin-light .rsts-caption { font-size: 0.65em; margin-left: -30px; margin-top: 0px; line-height: 0.9em; } .main-navigation { margin-right: 0 !important; padding-right: 2.75em; } .nav-checkout-items { margin-right: 0 !important; padding-right: 2.75em; } .feature-box-text { font-size: 1.2em; padding: 2px 3% 0em 0; } .main-content h3, .main-content h1 { font-size: 1.2em; } .main-content h5 { font-size: 0.75em; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .rsts-caption { font-size: 0.75em; } .rsts-skin-sgpetch .rsts-nav-bullets { top: -5px; } .rsts-skin-sgpetch .rsts-nav-bullets a { width: 10px; height: 10px; } .rsts-skin-sgpetch .rsts-next, .rsts-skin-sgpetch .rsts-prev { height: 45px; width: 25px; margin-top: -23px !important; } .rsts-skin-sgpetch .rsts-next::after, .rsts-skin-sgpetch .rsts-prev::after { font: normal 32px/1 Tahoma, sans-serif; left: 6px; top: 5px; } .nav { margin-top: -23px; } .nav ul li:first-child { border-left: 0; } .nav ul li { border-right: 0; display: inline; zoom: 1; width: 31%; text-align: center; padding: 0 0.85%; } .nav-container { background-color: rgba(255, 255, 255, 0.9); } .nav ul li a::after, .nav ul li span.trail::after, .nav ul li span.active::after, .nav ul li span.forward::after { bottom: -1px !important; } .f-nav { top: 0px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .goggleAPIname, .goggleAPIaddress, .goggleAPIwebsite, .goggleAPIphone, .goggleAPIopennow, #averagerating { font-size: 0.75em; } .goggleAPIwebsite { margin-top: 22px; } .icon-boxes-item h2 { font-size: 1.2em; } .branch-usedcars-slider-items .-large-icon, .branch-nearlynewcars-slider-items .-large-icon, .manufacturer-usedcars-slider-items .-large-icon, .manufacturer-nearlynewcars-slider-items .-large-icon { min-width: 200px; margin-top: 0px; } .branch-usedcars-slider-items .-link, .branch-nearlynewcars-slider-items .-link, .manufacturer-usedcars-slider-items .-link, .manufacturer-nearlynewcars-slider-items .-link { margin-top: -5px; font-size: 0.95em; text-decoration: none !important; color: #717C8E; } .nav-container, #sticky-wrapper, .mobile-toggle, #circle { display: none; } .info-map .btn { font-size: 0.80em; } #findussec1-0, #findussec2-0 { font-size: 0.85em; } #findus-sales-1 { font-size: 1.1em; } #manufacturer-slider-button { font-size: 0.65em !important; margin-bottom: 10px; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 40% !important; margin-left: 0; margin-bottom: 14px !important; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #search-wrapper { background-image: none; } #newcarssearch-floatingDiv, #nearlynewcarssearch-floatingDiv { float: none; margin-right: 0px; margin-top: 0px; min-width: 0px; } #branchlocatorpanel { float: left; max-width: 480px; } #usedcarssearch-floatingDiv { float: left; margin-right: -208px !important; margin-top: 0 !important; } #usedcarsearch-chosenBody { margin-top: 225px !important; } .branchslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop, .manufacturerslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop { margin-top: 0px !important; } #newcarsmodelpanel-wrapper { background-size: cover; } table#overview-rangepricelist .co-value-registered.head, table#overview-rangepricelist .ins-value-registered.head, table#overview-rangepricelist .price-value-registered.head, table#overview-rangepricelist .co-variant, table#overview-rangepricelist .ins-variant, table#overview-rangepricelist .price-variant { display: none; } .variantslider-skin #branchlocatorpanel { margin-right: 0.3em; margin-top: 0.5em; } h3#variantoffers, h1#variantoffers { font-size: 1em; text-align: center; } #variant-detail-image { float: none; width: 100%; } #variant-detail-overview { float: none; width: 100%; } #variant-detail-offers { float: none; width: 100%; } .offer-table-smallprint-top { line-height: 1.5em; } #variant-detail-panel-right { margin-bottom: 0px !important; margin-top: 0px !important; } #variant-detail-offers select, #branchlocatorpanelembedded select { margin-bottom: 25px; } /* .variantOfferDetail .offer-cash,.variantOfferDetail .offer-pcp, .variantOfferDetail .offer-black {clear:both;} */ .modelbranchlocatorpanel { bottom: 2px !important; opacity: 0.9; right: 45px !important; } .modelbranchlocatorpanel #branchlocatorpanel { display: none; } #careers-pagebody select#categoryid, #careers-pagebody select#branchid, #careers-pagebody select#mfrid { clear: both; margin-bottom: 8px; max-width: 98%; } #careersSearchResultsUpdateBlock .key-registered.head, #careersSearchResultsUpdateBlock .eng-variant { display: none; } .careersDetailBlock .careersDetailBlockRight { margin-top: 0; } #vacancy-application-oname label { padding-right: 26px; clear: both; } #vacancy-application-lname label { padding-right: 40px; clear: both; } #vacancy-application-dateofbirth label { padding-right: 40px; clear: both; } #vacancy-application-address2 label, #vacancy-application-address3 label { padding-right: 35px; clear: both; } #vacancy-application-city label { padding-right: 36px; clear: both; } #vacancy-application-county label, #vacancy-application-emailtd label, #vacancy-application-email label, #vacancy-application-mobile label { clear: both; } #vacancy-application-postcode label { padding-right: 42px !important; clear: both; } #vacancy-application-regemail label { padding-right: 42px !important; clear: both; } #vacancy-application-regpassword label { padding-right: 42px !important; clear: both; } #vacancy-application-regconfpassword label { padding-right: 42px !important; clear: both; } #vacancy-application-notes label { margin-top: 7px; } #vacancy-application-notes textarea, #booking-application-notes textarea { min-width: 280px !important; } #vacancy-application-prefcallback { margin-top: 10px; } .variantslider-skin .rsts-slide-image { height: 210px !important; background-color: #E3E3E3 !important; } .variantslider-skin .rsts-slide-image img { margin-top: 0px !important; } .manufacturerslider-skin .rsts-slide-image { height: 210px !important; background-color: #E3E3E3 !important; } .manufacturerslider-skin .rsts-slide-image img { margin-top: 0px !important; } .homepageslider-skin .rsts-slide-image { height: 130px !important; background-color: #E3E3E3 !important; } .homepageslider-skin .rsts-slide-image img { margin-top: 0px !important; } #branch-slider.feature-box { padding-left: 5px; top: 10px; } #branchinfo .branchinfo-call { display: none; } #branchinfo { border: 5px solid #ffffff; border-radius: 1px; margin-left: 0em; min-width: 470px; } #branchmanufacturerinfo { border: 5px solid #ffffff; border-radius: 1px; margin-left: 0em; min-width: 380px; } .modelslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch div.rsts-view div.rsts-crop div.rsts-slides div.rsts-slide.rsts-slide-image.rsts-active div section#manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown div.feature-box-image.not-animated img { margin-left: -4px; width: 79%; } .manufacturerslider-skin #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image { margin-bottom: 50px !important; } .branchslider-skin.block.rsts-main.rsts-direction-x.rsts-type-slide.rsts-skin-sgpetch.rsts-no-touch div.rsts-view div.rsts-crop div.rsts-slides div.rsts-slide.rsts-slide-image #manufacturer-slider-button, .modelslider-skin.block.rsts-main.rsts-direction-x.rsts-type-slide.rsts-skin-sgpetch.rsts-no-touch div.rsts-view div.rsts-crop div.rsts-slides div.rsts-slide.rsts-slide-image #manufacturer-slider-button { margin-bottom: -15px; } .manufacturerslider-skin.block.rsts-main.rsts-direction-x.rsts-type-slide.rsts-skin-sgpetch.rsts-no-touch div.rsts-view div.rsts-crop div.rsts-slides div.rsts-slide.rsts-slide-image #manufacturer-slider-button { margin-bottom: 20px; } .variantslider-skin #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image { margin-bottom: 50px !important; } .variantslider-skin .rsts-slide-image, .modelslider-skin .rsts-slide-image, .branchslider-skin .rsts-slide-image, .manufacturerslider-skin .rsts-slide-image { display: table; overflow: visible; } .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .branchslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop { background-color: #E0E0E0; height: 200px !important; } .mod_rocksolid_slider.variantslider-skin .rsts-prev, .mod_rocksolid_slider.variantslider-skin .rsts-next, .mod_rocksolid_slider.branchslider-skin .rsts-prev, .mod_rocksolid_slider.branchslider-skin .rsts-next, .mod_rocksolid_slider.modelslider-skin .rsts-prev, .mod_rocksolid_slider.modelslider-skin .rsts-next, .mod_rocksolid_slider.manufacturerslider-skin .rsts-prev, .mod_rocksolid_slider.manufacturerslider-skin .rsts-next { display: none; } .alignthree, .aligntwo, .alignone, .alignthree-six { margin-left: 25%; margin-right: 25%; } #badge-140 { left: -45px !important; top: 80px !important; transform: scale(0.35) !important; z-index: 1; } .rsts-nav.rsts-nav-bullets { display: none; } .hoverbutton-opening-hours { display: none; } .hoverbutton-address { display: none; } .homepage.-image-centered .feature-box-text p { display: block !important; } .rTableCell { white-space: normal; } .rTableCellwrap, .rTableCell, .rTableHead { padding: 0; } .modeloffer #manufacturerModeloffer-innerframe { font-size: 0.8em; } #offertab .resp-tabs-list li { font-size: 0.75em; } .rTableCellwrap { text-align: left; } .rTableRow { text-align: center; } h1#vehicle.headline-hr { font-size: 0.75em; } .usedCarSearchSaving.nearlynew { max-width: 113px; } #variant-gallery-top.mod_sgpetchdatabridge .gallery-top, #variant-gallery-bottom.mod_sgpetchdatabridge .gallery-bottom, #model-gallery-top.mod_sgpetchdatabridge .gallery-top, #model-gallery-bottom.mod_sgpetchdatabridge .gallery-bottom { display: none; } .manufacturer-model-gallery-slider-items, .variant-gallery-slider-items { margin-top: -20px !important; } .manufacturer-model-gallery-slider-items .rsts-caption, .variant-gallery-slider-items .rsts-caption { margin-top: -0px; } .newcar-search-spacer { margin-bottom: 3px; margin-top: 3px; } .footer-navigation .icon-pin [data-icon]::before, .footer-navigation .icon-pin[class^="icon-"]::before, .footer-navigation .icon-pin[class*=" icon-"]::before { margin-left: 20px; margin-right: 20px; } #variant-detail-center #variant-detail-overview { width: 100%; } #branchlocatorpanelembedded select#branchlocator { margin-left: 0px; } #variant-detail-center #branchlocatorpanelembedded select#branchlocator { font-size: 0.9em; } /*.campaignoverlay img { margin-left: -83px !important; margin-top: 199px !important;} .campaignoverlaysection img { margin-left: 75px;}*/ .footer-headline-end { margin-top: 10px; } .footer-headline-divide { margin-top: 10px; } #footer-headline-frame { display: inline-flex; } .footer-navigation li { display: block; } .campaigncircle { left: 0px; top: 0px; } .campaignoverlaysection { left: 70px !important; top: 50px!important; } .variantOfferDetail .main-offer-strap { white-space: normal !important; max-width: 280px !important; } .manufacturerlocatorpanel { display: none; } #model-options .alignthree-six { margin-bottom: 15%; } .motabilityvideos-slider-items img { top: -42px; } #blackfriday .vacancy-application #vacancy-application-interest label { padding-bottom: 0px; } #blackfriday .vacancy-application #vacancy-application-interest label.trim { margin-left: 0; } #newcarssearch #evolfinacecalc-chosenBorrow input#borrow.value-chosenBorrow, #newcarssearch #evolfinacecalc-chosenTerm select#term.value-chosenTerm, #newcarssearch #evolfinacecalc-chosenCashdeposit input#cashdeposit.value-chosenCashdeposit, #newcarssearch #evolfinacecalc-chosenPartex input#partex.value-chosenPartex { max-width: 135%; width: 135%; } #vacancy-application-mobile label { padding-right: 54px !important; } #vacancy-application-dateofbirth label { clear: both; padding-right: 16px !important; } #specificDetail { display: inline; left: 283px !important; top: 36px !important; } } @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) { #footermfrlogo { float: initial; width: 303px; transform: scale(0.65); } .logo img { max-height: 2.8em; } } /* 360 x 640 */ @media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: portrait) { .cookieconsent-popup {right: 30px; width: 260px; } .cookieconsent-dialog-content { width: 270px;} .featurecolumn { height: 140px; margin-left: 60px; margin-right: 60px; width: 140px; margin-bottom: 20px; } .finance .mejs-video { max-height: 154px; max-width: 275px; } .footer-navigation.branch { float: left; font-size: 0.75em; margin-top: 0; text-align: center; } .footer-headline { margin-left: auto; margin-right: auto; max-width: 150px; padding-bottom: 10px; padding-top: 10px; } #footer-headline-frame { margin-left: auto; margin-right: auto; padding-bottom: 20px; } .footer-copyright { font-size: 0.775em; } .feature-box-text { font-size: 0.85em; padding: 1px 3% 0em 0; } .logo img { display: inline; height: auto; max-height: 2.8em; } .logo { margin-right: 0px; } .rsts-skin-light .rsts-caption { font-size: 0.65em; margin-left: -30px; margin-top: 0px; line-height: 0.9em; } .main-navigation { margin-right: 0 !important; padding-right: 2.75em; } .nav-checkout-items { margin-right: 0 !important; padding-right: 2.75em; } .main-content h3, .main-content h1 { font-size: 1em; } .main-content h5 { font-size: 0.75em; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .rsts-caption { font-size: 0.75em; } .rsts-skin-sgpetch .rsts-nav-bullets { top: -5px; } .rsts-skin-sgpetch .rsts-nav-bullets a { width: 8px; height: 8px; } .rsts-skin-sgpetch .rsts-next, .rsts-skin-sgpetch .rsts-prev { height: 25px; width: 25px; margin-top: -13px !important; } .rsts-skin-sgpetch .rsts-next::after, .rsts-skin-sgpetch .rsts-prev::after { font: normal 22px/1 Tahoma, sans-serif; left: 8px; top: 0px; } .nav ul li:first-child { border-left: 0; } .nav ul li { border-right: 0; display: inline; zoom: 1; width: 31%; text-align: center; padding: 0 0.85%; } .nav-container { background-color: rgba(255, 255, 255, 0.9); } .nav ul li a::after, .nav ul li span.trail::after, .nav ul li span.active::after, .nav ul li span.forward::after { bottom: -1px !important; } .f-nav { top: 0px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .goggleAPIname, .goggleAPIaddress, .goggleAPIwebsite, .goggleAPIphone, .goggleAPIopennow, #averagerating { font-size: 0.75em; } .goggleAPIwebsite { margin-top: 22px; } /* #findus-isopen-0{ font-size: 1.1em; padding-top: 0px;} */ .icon-boxes-item h2 { clear: both; font-size: 1.15em; padding-left: 0px !important; padding-top: 5px !important; } .icon-boxes-item p { clear: both; font-size: 0.85em; margin-top: -8px; line-height: 12px; } .nav-container { display: none; } .info-map .btn { font-size: 0.80em; } #findussec1-0, #findussec2-0 { font-size: 0.85em; } #findus-sales-1 { font-size: 1.1em; } #manufacturer-slider-button { font-size: 0.60em !important; margin-bottom: 10px; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 25%; margin-left: 0; margin-bottom: 40px; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #search-wrapper { background-image: none; } #overview-price .overview-price .button-reducedprice.defaultbg .detailbackButton { display: none; } label#perPage, label#perPageper { line-height: 35px; margin-left: 120px; } #newcarssearch-floatingDiv, #nearlynewcarssearch-floatingDiv { float: none; margin-right: 0px; margin-top: 0px; min-width: 0px; } #newcarsmodelpanel-right { padding-top: 0; } #newcarsmodelpanel { opacity: 1; filter: alpha(opacity=1); } #newcarsmodelpanel-variantoffers select#variantoffers { max-width: 170px; } #branchlocatorpanel { float: left; min-width: 345px; } #usedcarsearch-chosenBody { margin-top: 226px; } #usedcarssearch-floatingDiv { margin-right: -160px; margin-top: 10px; } .branchslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop, .manufacturerslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop { margin-top: 0px !important; } #newcarsmodelpanel-wrapper { background-size: cover; } .gallery-top, .gallery-bottom { font-size: 0.85em; } .manufacturerModelOfferDetail { margin-top: -84px; } .manufacturerModelImage .manufacturerModelOfferDetail .offer-blue.strong.offerc { padding-right: 10px; padding-top: 0; } .manufacturerModelImage p.deposit { float: right; margin-bottom: 0; margin-top: -8px; } table#overview-rangepricelist { font-size: 0.75em; } table#overview-rangepricelist .co-value-registered.head, table#overview-rangepricelist .ins-value-registered.head, table#overview-rangepricelist .price-value-registered.head, table#overview-rangepricelist .co-variant, table#overview-rangepricelist .ins-variant, table#overview-rangepricelist .price-variant { display: none; } .variantslider-skin #branchlocatorpanel { margin-right: 0.3em; margin-top: 0.5em; } .manufacturerModelRow.modeloffer.-boxed { font-size: 0.90em; } h3#variantoffers, h1#variantoffers { font-size: 1em; text-align: center; } #variant-detail-image { float: none; width: 100%; } #variant-detail-overview { float: none; width: 100%; } #variant-detail-offers { float: none; width: 100%; } .offer-table-smallprint-top { line-height: 1.5em; } .variantOfferDetail .offer-cash, .variantOfferDetail .offer-pcp, .variantOfferDetail .offer-black { clear: both; } .modelbranchlocatorpanel { bottom: 3px; opacity: 0.9; right: 10px; } .modelbranchlocatorpanel #branchlocatorpanel { min-width: 266px; } #careers-pagebody select#categoryid, #careers-pagebody select#branchid, #careers-pagebody select#mfrid { clear: both; margin-bottom: 8px; max-width: 98%; } #careersSearchResultsUpdateBlock .co-value-registered.head, #careersSearchResultsUpdateBlock .key-registered.head, #careersSearchResultsUpdateBlock .eng-variant, #careersSearchResultsUpdateBlock .ins-variant { display: none; } .careersDetailBlock .careersDetailBlockRight { margin-top: 0; } #vacancy-application-oname label { padding-right: 26px; clear: both; } #vacancy-application-lname label { padding-right: 40px; clear: both; } #vacancy-application-dateofbirth label { padding-right: 40px; clear: both; } #vacancy-application-address2 label, #vacancy-application-address3 label { padding-right: 35px; clear: both; } #vacancy-application-county label, #vacancy-application-emailtd label, #vacancy-application-email label, #vacancy-application-mobile label { clear: both; } #vacancy-application-postcode label { padding-right: 42px; clear: both; } #vacancy-application-regemail label { padding-right: 42px; clear: both; } #vacancy-application-regpassword label { padding-right: 42px; clear: both; } #vacancy-application-regconfpassword label { padding-right: 42px; clear: both; } #vacancy-application-notes label { margin-top: 7px; } #vacancy-application-notes textarea, #booking-application-notes textarea { min-width: 180px; } #vacancy-application-prefcallback { margin-top: 10px; } .variantslider-skin .rsts-slide-image { height: 170px !important; background-color: #E3E3E3 !important; } .variantslider-skin .rsts-slide-image img { margin-top: 0px } .manufacturerslider-skin .rsts-slide-image { height: 120px !important; background-color: #E3E3E3 !important; } .manufacturerslider-skin .rsts-slide-image img { margin-top: 0px } .branchslider-skin .rsts-slide-image { height: 110px !important; background-color: #E3E3E3 !important; } .branchslider-skin .rsts-slide-image img { margin-top: 0px; } .homepageslider-skin .rsts-slide-image { height: 110px !important; background-color: #E3E3E3 !important; } .homepageslider-skin .rsts-slide-image img { margin-top: 0px; } #branch-slider.feature-box { padding-left: 5px; top: 5px; } #branchinfo .branchinfo-call { display: none; } #branchinfo { border: 5px solid #ffffff; border-radius: 1px; margin-left: 0em; min-width: 350px; } .nav-container, #sticky-wrapper, .mobile-toggle, #circle { display: none; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 38%; margin-left: -11px; margin-bottom: 7px; } .manufacturerslider-skin .rsts-slide-image, .modelslider-skin .rsts-slide-image { display: table; overflow: visible; } #manufacturer-slider-button { bottom: -30px; right: -4px; } .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #E0E0E0; height: 165px !important; } .variantslider-skin #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image { margin-bottom: 10px !important; } .variantslider-skin .rsts-slide-image { display: table; overflow: visible; } .variantslider-skin .rsts-crop { background-color: #E0E0E0; height: 150px !important; } .mod_rocksolid_slider.variantslider-skin .rsts-prev, .mod_rocksolid_slider.variantslider-skin .rsts-next, .mod_rocksolid_slider.branchslider-skin .rsts-prev, .mod_rocksolid_slider.branchslider-skin .rsts-next, .mod_rocksolid_slider.modelslider-skin .rsts-prev, .mod_rocksolid_slider.modelslider-skin .rsts-next, .mod_rocksolid_slider.manufacturerslider-skin .rsts-prev, .mod_rocksolid_slider.manufacturerslider-skin .rsts-next { display: none; } #badge-140 { left: -52px; top: 73px; transform: scale(0.25); z-index: 1; } .rsts-nav.rsts-nav-bullets { display: none; } .hoverbutton-opening-hours { display: none; } h1#vehicle.headline-hr { font-size: 0.85em; } #badge-144 { left: 0px; transform: scale(1); } #variant-gallery-top.mod_sgpetchdatabridge .gallery-top, #variant-gallery-bottom.mod_sgpetchdatabridge .gallery-bottom, #model-gallery-top.mod_sgpetchdatabridge .gallery-top, #model-gallery-bottom.mod_sgpetchdatabridge .gallery-bottom { display: none; } .manufacturer-model-gallery-slider-items, .variant-gallery-slider-items { margin-top: -20px !important; } .manufacturer-model-gallery-slider-items .rsts-caption, .variant-gallery-slider-items .rsts-caption { margin-top: -0px; } .footer-navigation .icon-pin [data-icon]::before, .footer-navigation .icon-pin[class^="icon-"]::before, .footer-navigation .icon-pin[class*=" icon-"]::before { margin-left: 20px; margin-right: 20px; } /*.campaignoverlay img { margin-left: -79px; margin-top: 211px; } .campaignoverlaysection img { margin-left: 15px;}*/ .campaigncircle { left: 0px; top: 0px; } .campaignoverlaysection { left: 20px; top: 50px; } .manufacturerlocatorpanel { display: none; } .newcar-search-container { left:10px; } #blackfriday .vacancy-application #vacancy-application-interest label.trim { clear: both; margin-left: 0; } } @media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) { .featurecolumn { height: 120px; margin-left: 10px; margin-right: 10px; width: 120px; margin-bottom: 20px; } .finance .mejs-video { max-height: 294px; max-width: 515px; } .footer-navigation.branch { float: none; font-size: 0.75em; margin-top: 0; } .footer-headline { margin-left: auto; margin-right: auto; max-width: 150px; padding-bottom: 10px; padding-top: 10px; } #footer-headline-frame { padding-bottom: 20px; } .footer-copyright { font-size: 0.775em; } .footer-icon-links { padding-top: 10px; } .sgp_pagetitle_block_left { font-size: 0.7em; } .feature-box-text { font-size: 1.2em; padding: 0px 3% 0em 0; } .logo img { display: inline; height: auto; max-height: 2.8em; } .logo { top: 33.5%; padding-bottom: 0; padding-top: 0.8em; position: static; margin-right: 40px; } .rsts-skin-light .rsts-caption { font-size: 0.65em; margin-left: -30px; margin-top: 0px; line-height: 0.9em; } .main-navigation { float: none; font-size: 0.85em; } .nav-checkout-items { float: none; font-size: 0.85em; } .main-content h3, .main-content h1 { font-size: 1.2em; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .rsts-caption { font-size: 0.75em; } .rsts-skin-sgpetch .rsts-nav-bullets { top: -5px; } .rsts-skin-sgpetch .rsts-nav-bullets a { width: 10px; height: 10px; } .rsts-skin-sgpetch .rsts-next, .rsts-skin-sgpetch .rsts-prev { height: 45px; width: 25px; margin-top: -23px !important; } .rsts-skin-sgpetch .rsts-next::after, .rsts-skin-sgpetch .rsts-prev::after { font: normal 32px/1 Tahoma, sans-serif; left: 6px; top: 5px; } .nav ul li:first-child { border-left: 0; } .nav ul li { border-right: 0; display: inline; zoom: 1; width: 31%; text-align: center; padding: 0 0.85%; } .nav-container { background-color: rgba(255, 255, 255, 0.9); } .nav ul li a::after, .nav ul li span.trail::after, .nav ul li span.active::after, .nav ul li span.forward::after { bottom: -1px !important; } .f-nav { top: 0px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .goggleAPIname, .goggleAPIaddress, .goggleAPIwebsite, .goggleAPIphone, .goggleAPIopennow, #averagerating { font-size: 0.75em; } .goggleAPIwebsite { margin-top: 22px; } .icon-boxes-item h2 { clear: both; font-size: 1.15em; padding-left: 0px !important; padding-top: 5px !important; } .icon-boxes-item p { clear: both; font-size: 0.85em; margin-top: -8px; line-height: 12px; } .branch-usedcars-slider-items .-large-icon, .branch-nearlynewcars-slider-items .-large-icon, .manufacturer-usedcars-slider-items .-large-icon, .manufacturer-nearlynewcars-slider-items .-large-icon { min-width: 200px; margin-top: 0px; } .branch-usedcars-slider-items .-link, .branch-nearlynewcars-slider-items .-link, .manufacturer-usedcars-slider-items .-link, .manufacturer-nearlynewcars-slider-items .-link { margin-top: -5px; font-size: 0.95em; text-decoration: none !important; color: #717C8E; } .nav-container { display: none; } .info-map .btn { font-size: 0.80em; } #findussec1-0, #findussec2-0 { font-size: 0.85em; } #findus-sales-1 { font-size: 1.1em; } #manufacturer-slider-button { font-size: 0.65em !important; margin-bottom: 10px; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 45% !important; margin-left: 0; margin-bottom: 42px; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #search-wrapper { background-image: none; } #newcarssearch-floatingDiv, #nearlynewcarssearch-floatingDiv { float: none; margin-right: 0px; margin-top: 0px; min-width: 0px; } #branchlocatorpanel { float: none; max-width: 515px; } #usedcarssearch-floatingDiv { margin-right: -208px; margin-top: 0px; } #usedcarsearch-chosenBody { margin-top: 152px; } .branchslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop, .manufacturerslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop { margin-top: 0px !important; } #newcarsmodelpanel-wrapper { background-size: cover; } table#overview-rangepricelist .co-value-registered.head, table#overview-rangepricelist .ins-value-registered.head, table#overview-rangepricelist .co-variant, table#overview-rangepricelist .ins-variant { display: none; } .variantslider-skin #branchlocatorpanel { margin-right: 0.3em; margin-top: 0.5em; } h3#variantoffers, h1#variantoffers { font-size: 1em; text-align: center; } #variant-detail-image { float: none; width: 100%; } #variant-detail-overview { float: none; width: 100%; } #variant-detail-offers { float: none; width: 100%; } .offer-table-smallprint-top { line-height: 1.5em; } #variant-detail-panel-right { margin-bottom: 25px; margin-top: 25px; } /* #variant-detail-offers select, #branchlocatorpanelembedded select { max-width: 100% !important;} */ /* .variantOfferDetail .offer-cash,.variantOfferDetail .offer-pcp, .variantOfferDetail .offer-black {clear:both;} */ #variant-detail-center #branchlocatorpanelembedded { padding-top: 20px; } #careers-pagebody select#categoryid, #careers-pagebody select#branchid, #careers-pagebody select#mfrid { clear: both; margin-bottom: 8px; max-width: 98%; } .careersDetailBlock .careersDetailBlockRight { margin-top: 0; } #careersSearchResultsUpdateBlock .key-registered.head, #careersSearchResultsUpdateBlock .eng-variant { display: none; } #vacancy-application-oname label { padding-right: 26px; clear: both; } #vacancy-application-lname label { padding-right: 40px; clear: both; } #vacancy-application-dateofbirth label { padding-right: 40px; clear: both; } #vacancy-application-address2 label, #vacancy-application-address3 label { padding-right: 35px; clear: both; } #vacancy-application-city label { padding-right: 36px; clear: both; } #vacancy-application-county label, #vacancy-application-emailtd label, #vacancy-application-email label, #vacancy-application-mobile label { clear: both; } #vacancy-application-postcode label { padding-right: 42px; clear: both; } #vacancy-application-regemail label { padding-right: 42px; clear: both; } #vacancy-application-regpassword label { padding-right: 42px; clear: both; } #vacancy-application-regconfpassword label { padding-right: 42px; clear: both; } #vacancy-application-make label, #vacancy-application-makeModel label { padding-right: 65px; clear: both; } #vacancy-application-reg label { padding-right: 26px; clear: both; } #vacancy-application-prefDate label { padding-right: 80px; clear: both; } #vacancy-application-notes textarea, #booking-application-notes textarea { min-width: 200px; } #vacancy-application-prefcallback { float: none; margin-top: 45px; } #branchinfo { border: 5px solid #ffffff; border-radius: 1px; margin-left: 0em; } .modelbranchlocatorpanel { display: none; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown div.feature-box-image.not-animated { margin-left: -10px; } .mod_rocksolid_slider.variantslider-skin .rsts-prev, .mod_rocksolid_slider.variantslider-skin .rsts-next, .mod_rocksolid_slider.branchslider-skin .rsts-prev, .mod_rocksolid_slider.branchslider-skin .rsts-next, .mod_rocksolid_slider.modelslider-skin .rsts-prev, .mod_rocksolid_slider.modelslider-skin .rsts-next, .mod_rocksolid_slider.manufacturerslider-skin .rsts-prev, .mod_rocksolid_slider.manufacturerslider-skin .rsts-next { display: none; } #badge-140 { left: -37px; top: 87px; transform: scale(0.45); z-index: 1; } .rsts-nav.rsts-nav-bullets { display: none; } .hoverbutton-opening-hours { display: none; } /* .hoverbutton-opening-hours { font-size: 0.8em; right: 4px;} */ .hoverbutton-address { left: 15px; } .modeloffer #manufacturerModeloffer-innerframe { font-size: 0.8em; } #offertab .resp-tabs-list li { font-size: 0.8em; } .rTableCellwrap { text-align: left; } .rTableRow { text-align: center; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-black { float: inherit; } .nav-container, #sticky-wrapper, .mobile-toggle, #circle { display: none; } #variant-detail-center #branchlocatorpanelembedded { float: right; } .usedCarSearchSaving.nearlynew { max-width: 113px; } #variant-gallery-top.mod_sgpetchdatabridge .gallery-top, #variant-gallery-bottom.mod_sgpetchdatabridge .gallery-bottom, #model-gallery-top.mod_sgpetchdatabridge .gallery-top, #model-gallery-bottom.mod_sgpetchdatabridge .gallery-bottom { display: none; } .manufacturer-model-gallery-slider-items, .variant-gallery-slider-items { margin-top: -20px !important; } .manufacturer-model-gallery-slider-items .rsts-caption, .variant-gallery-slider-items .rsts-caption { margin-top: -0px; } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch { /*width: 270px;*/ } .footer-navigation .icon-pin [data-icon]::before, .footer-navigation .icon-pin[class^="icon-"]::before, .footer-navigation .icon-pin[class*=" icon-"]::before { margin-left: 20px; margin-right: 20px; } #variant-detail-center #variant-detail-overview { width: 100%; } #branchlocatorpanelembedded select#branchlocator { margin-left: -60px; } #variant-detail-center #branchlocatorpanelembedded select#branchlocator { font-size: 0.9em; } .footer-headline-end { margin-top: 10px; } .footer-headline-divide { margin-top: 10px; } #footer-headline-frame { display: inline-flex; } .footer-navigation li { display: block; } .campaigncircle { left: 0px; top: 0px; } .campaignoverlaysection { left: 20px; top: 50px; } .variantOfferDetail .main-offer-strap { white-space: normal; max-width: 420px; } .manufacturerlocatorpanel { display: none; } #blackfriday .vacancy-application #vacancy-application-email label { clear: both; padding-right: 38px; } #blackfriday .vacancy-application #vacancy-application-howhere { padding-top: 10px; } #vacancy-application-mobile label { padding-right: 54px; } #vacancy-application-add1_years label, #vacancy-application-add2_years label, #vacancy-application-add1_postcode label, #vacancy-application-add2_postcode label, #vacancy-application-add1_street label, #vacancy-application-add2_street label, #vacancy-application-add1_town label, #vacancy-application-add2_town label { clear: both; } #vacancy-application-add1_years, #vacancy-application-add2_years, #vacancy-application-add1_months, #vacancy-application-add2_months { display: table; } #specificDetail { display: inline; left: 438px; top: 40px; } } @media only screen and (min-width: 400px) and (max-width: 1024px) and (orientation: landscape) { .sgp_pagetitle_block_left { font-size: 0.7em; } .logo img { max-height: 2.8em; } .main-navigation { font-size: 0.85em; } .nav-checkout-items { font-size: 0.85em; } .feature-box-text { font-size: 1.2em; padding: 0px 3% 0em 0; } .main-content h3, .main-content h1 { font-size: 1.2em; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .f-nav { top: 0px; } .nav ul li:first-child { border-left: 0; } .nav ul li { border-right: 0; display: inline; zoom: 1; width: 31%; text-align: center; padding: 0 0.85%; } .nav-container { background-color: rgba(255, 255, 255, 0.9); } .nav ul li a::after, .nav ul li span.trail::after, .nav ul li span.active::after, .nav ul li span.forward::after { bottom: -1px !important; } .f-nav { top: 0px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .icon-boxes-item h2 { clear: both; font-size: 1.15em; padding-left: 0px !important; padding-top: 5px !important; } .icon-boxes-item p { clear: both; font-size: 0.85em; margin-top: -8px; line-height: 12px; } .info-map .btn { font-size: 0.80em; } #manufacturer-slider-button { font-size: 0.65em !important; margin-bottom: 10px; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 55%; margin-left: 0; margin-bottom: 42px; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #newcarssearch-floatingDiv, #nearlynewcarssearch-floatingDiv { float: none; margin-right: 0px; margin-top: 0px; min-width: 0px; } .branchslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop, .manufacturerslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop { margin-top: 0px !important; } #newcarsmodelpanel-wrapper { background-size: cover; } table#overview-rangepricelist .co-value-registered.head, table#overview-rangepricelist .ins-value-registered.head, table#overview-rangepricelist .co-variant, table#overview-rangepricelist .ins-variant { display: none; } .variantslider-skin #branchlocatorpanel { margin-right: 0.3em; margin-top: 0.5em; } h3#variantoffers, h1#variantoffers { font-size: 1em; text-align: center; } #variant-detail-image { float: left; width: 45%; } #variant-detail-overview { float: none; width: 100%; } #variant-detail-offers { float: none; width: 100%; } .offer-table-smallprint-top { line-height: 1.5em; } #variant-detail-panel-right { margin-bottom: 25px; margin-top: 25px; } /* .variantOfferDetail .offer-cash,.variantOfferDetail .offer-pcp, .variantOfferDetail .offer-black {clear:both;} */ #newcarsmodelpanel-links { clear: both; } .careersDetailBlock .careersDetailBlockRight { margin-top: 0; } h1#vehicle.headline-hr { font-size: 0.95em; } .nav-container, #sticky-wrapper, .mobile-toggle, #circle { display: none; } .hoverbutton-opening-hours { right: 5px; } .usedCarSearchSaving.nearlynew { max-width: 113px; } .manufacturer-model-gallery-slider-items .rsts-caption, .variant-gallery-slider-items .rsts-caption { margin-top: -0px; } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide { /* width: 550px; */ } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide .rsts-slides { display: flex; } .motabilityvideos-slider-items img { top: -48px; } } @media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) { .cookieconsent-popup {right: 30px; width: 260px; } .cookieconsent-dialog-content { width: 270px;} #footermfrlogo { float: initial; width: 315px; transform: scale(0.75); } .logo img { max-height: 2.8em; } } @media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: portrait) { #footermfrlogo { float: initial; width: 330px; transform: scale(0.75); } } @media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) { #footermfrlogo { float: initial; width: 330px; transform: scale(0.75); } } /* 768 x 1024 */ @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .team-description p a { font-size: 0.75em !important; } #footermfrlogo {float:none; width: 312px;} #reviews-widget { display: inline !important; left: 506px; position: absolute; top: 50px; } #reviews-widget img { border: 1px solid #B2B9C4; } #featuresection { max-width: 560px; } #newCarSearchResultsUpdateBlock .manufacturerPickupRow.variant.motability.preregrow { min-height: 260px !important; } .centered-wrapper-inner { /* margin-left: 16px; */ font: 1em/1.75 Lato,sans-serif; } .footer-navigation.branch { float: left; font-size: 0.75em; margin-top: 0; } .footer-headline { padding-bottom: 10px; padding-top: 10px; } #footer-headline-frame { padding-bottom: 20px; } .footer-copyright { font-size: 0.775em; } .footer-icon-links { padding-top: 17px; } .footer-navigation { font-size: 0.70em; margin-top: 1.2em; } .sgp_pagetitle_block_left { font-size: 0.75em; } .feature-box-text { font-size: 1.2em; padding: 3px 3% 0em 0; } .logo img { display: inline; height: auto; max-height: 2.8em; } .logo { top: 33.5%; padding-bottom: 0; padding-top: 0.8em; position: static; margin-left: -5%; } .rsts-skin-light .rsts-caption { font-size: 0.8em; margin-left: -13px; margin-top: 12px; } .main-navigation { float: none; font-size: 0.85em !important; padding-right: 40px !important; } .nav-checkout-items { float: none; font-size: 0.85em !important; padding-right: 40px !important; } .main-content h3, .main-content h1 { font-size: 1.1em; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .rsts-caption { font-size: 0.75em; } .rsts-skin-sgpetch .rsts-nav-bullets { top: -5px; } .rsts-skin-sgpetch .rsts-nav-bullets a { width: 12px; height: 12px; } .nav ul li:first-child { border-left: 0; } .nav ul li { border-right: 0; display: inline; zoom: 1; width: 31%; text-align: center; padding: 0 0.85%; } .nav-container { background-color: rgba(255, 255, 255, 0.9); } .nav ul li a::after, .nav ul li span.trail::after, .nav ul li span.active::after, .nav ul li span.forward::after { bottom: -1px !important; } .f-nav { top: 0px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .icon-boxes-item h2 { clear: both; font-size: 1.12em; padding-left: 0px !important; padding-top: 5px !important; } .icon-boxes-item p { clear: both; font-size: 0.85em; margin-top: -8px; line-height: 12px; } .branch-usedcars-slider-items .-large-icon, .branch-nearlynewcars-slider-items .-large-icon, .manufacturer-usedcars-slider-items .-large-icon, .manufacturer-nearlynewcars-slider-items .-large-icon { min-width: 250px !important; margin-top: 0px; } .branch-usedcars-slider-items .-link, .branch-nearlynewcars-slider-items .-link, .manufacturer-usedcars-slider-items .-link, .manufacturer-nearlynewcars-slider-items .-link { margin-top: -5px !important; font-size: 0.80em !important; text-decoration: none !important; color: #717C8E; } /* #overview-price .overview-price .button-reducedprice.defaultbg .detailbackButton { display:none;} */ .branch-usedcars-slider-items .-link, .branch-nearlynewcars-slider-items .-link { max-width: 130px !important; margin-left: auto; margin-right: auto; } .info-map .btn { font-size: 0.95em; } #manufacturer-slider-button { font-size: 0.80em !important; margin-bottom: 10px; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 75%; margin-left: 0; margin-bottom: 42px; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #newcarssearch-floatingDiv { float: right; margin-right: -169px; margin-top: -223px; min-width: 438px; } #newcarsmodelpanel { min-width: 500px; } #branchlocatorpanel { float: left; min-width: 515px; } .manufacturerlocatorpanel #branchlocatorpanel { display: none; } #newcarssearch { width: 510px; } .key-reducedprice { font-size: 1.2em; } .branchslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop, .manufacturerslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop { margin-top: 0px !important; } #newcarsmodelpanel-wrapper { background-size: cover; } table#overview-rangepricelist .co-value-registered.head, table#overview-rangepricelist .ins-value-registered.head, table#overview-rangepricelist .co-variant, table#overview-rangepricelist .ins-variant { display: none; } .variantslider-skin #branchlocatorpanel { margin-right: 0.3em; margin-top: 0.5em; } h3#variantoffers, h1#variantoffers { font-size: 1em; text-align: center; } #variant-detail-image { float: left; width: 45%; } #variant-detail-overview { float: left; width: 45%; } #variant-detail-offers { float: none; width: 100%; } .offer-table-smallprint-top { line-height: 1.5em; } #variant-detail-panel-right { margin-bottom: 25px; margin-top: 25px; } #variant-detail-offers select, #branchlocatorpanelembedded select { max-width: 100% !important; } /* .variantOfferDetail .offer-cash,.variantOfferDetail .offer-pcp, .variantOfferDetail .offer-black {clear:both;} */ #variant-detail-center #branchlocatorpanelembedded { padding-top: 20px; } #newcaroffers-model.mod_sgpetchfloatingmenu.newcaroffers-model.block .nav-container .nav ul li { width: 19%; } #newcaroffers-model .nav-container .nav { max-width: 1040px !important; margin-left: 15px; } #variant.mod_sgpetchfloatingmenu.variant.block .nav-container .nav ul { max-width: 1040px; } #variant.mod_sgpetchfloatingmenu.variant.block .nav-container .nav ul li { width: 32%; } .careersDetailBlock .careersDetailBlockRight { margin-top: 0; } #vacancy-application-oname label { padding-right: 26px; clear: both; } #vacancy-application-lname label { padding-right: 40px; clear: both; } #vacancy-application-dateofbirth label { padding-right: 40px; clear: both; } #vacancy-application-address2 label, #vacancy-application-address3 label { padding-right: 35px; clear: both; } #vacancy-application-city label { padding-right: 36px; clear: both; } #vacancy-application-county label { clear: both !important; } #vacancy-application-postcode label { padding-right: 42px; clear: both; } #vacancy-application-regemail label { padding-right: 42px; clear: both; } #vacancy-application-regpassword label { padding-right: 42px; clear: both; } #vacancy-application-regconfpassword label { padding-right: 42px; clear: both; } #vacancy-application-email label, #vacancy-application-emailtd label { /* padding-right: 66px;*/ clear: both; } #vacancy-application-mobile label { padding-right: 55px; clear: both; } .modelbranchlocatorpanel { margin-top: 15px; } .modelbranchlocatorpanel #branchlocatorpanel { max-width: 180px; min-width: 180px !important; } #vacancy-application-notes label { margin-top: 7px; } #vacancy-application-notes textarea, booking-application-notes textarea { min-width: 315px; } #vacancy-application-make label, #vacancy-application-makeModel label { padding-right: 65px; clear: both; } #vacancy-application-reg label { padding-right: 26px; clear: both; } #vacancy-application-prefDate label { padding-right: 80px; clear: both; } .variantslider-skin .rsts-slide-image { height: 250px !important; background-color: #E3E3E3 !important; } .variantslider-skin .rsts-slide-image img { margin-left: 0px !important; margin-top: 0px !important; height: 100% !important; width: 100% !important; } .manufacturerslider-skin .rsts-slide-image { height: 250px !important; background-color: #E3E3E3 !important; } .manufacturerslider-skin .rsts-slide-image img { margin-left: 0px !important; margin-top: 0px !important; height: 100% !important; width: 100% !important; } .branchslider-skin .rsts-slide-image { height: 170px !important; background-color: #E3E3E3 !important; } .homepageslider-skin .rsts-slide-image { height: 170px !important; background-color: #E3E3E3 !important; } .branchslider-skin .rsts-slide-image img { margin-left: 0px !important; margin-top: 0px !important; height: 100% !important; width: 100% !important; } .homepageslider-skin .rsts-slide-image img { margin-left: 0px !important; margin-top: 0px !important; height: 100% !important; width: 100% !important; } #variant-detail-offers select { max-width: 93% !important; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } .hompage-slider-items a.rsts-prev { left: -10px; } .hompage-slider-items a.rsts-next { right: -10px; } #newcarssearch { min-width: 738px; } #branchlocatorpanel, #newcarsmodelpanel { min-width: 730px !important; } #newcarssearch #newcarssearch-moreOptions a.refineLink { margin-top: -35px; } #newcarssearch-floatingDiv { margin-top: -133px; } .manufacturerslider-skin .rsts-slide-image, .branchslider-skin .rsts-slide-image { display: table; overflow: visible; } #badge-140 { left: -29px; top: 94px; transform: scale(0.55); z-index: 1; } .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #E0E0E0; height: 285px !important; } .hoverbutton-address { left: 15px; } .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #F5F5F5 !important; } .rsts-skin-sgpetch .rsts-view { box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); } .modeloffer #manufacturerModeloffer-innerframe { font-size: 0.8em; } .rTableCellwrap, .rTableCell, .rTableHead { padding: 0 5px; } .modeloffer #manufacturerModeloffer-overview { text-align: left; } .rTableCellwrap { text-align: left; } .rTableRow { text-align: center; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-black { float: inherit; } .s-community #badge-144 { left: -13px; } .newcar-search-container { padding-left: 22px; width: 243px; } .nav-container, #sticky-wrapper, .mobile-toggle, #circle { display: none; } .hoverbutton-opening-hours { right: 5px; } #variant-detail-center { font-size: 0.8em; } #variant-detail-center #variant-detail-image { width: 25%; } #variant-detail-center #variant-detail-overview { width: 60%; } #variant-detail-center #newcarsmodelpanel-links { clear: none; } /*#variant-detail-center #branchlocatorpanelembedded { float:right;}*/ .usedCarSearchSaving.nearlynew { max-width: 113px; } .manufacturer-model-gallery-slider-items .rsts-caption, .variant-gallery-slider-items .rsts-caption { margin-top: -0px; } .newcar-search-container { top: 105px; } .newcar-search-spacer { margin-bottom: 10px; margin-top: 10px; } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch { /*width: 330px;*/ } .alignthree { margin-left: 13%; margin-right: 13%; } #model-options .alignthree { margin-left: 6%; margin-right: 6%; } #model-options .alignthree-six { margin-left: 9.5%; margin-right: 6%; } .aligntwo { margin-left: 17%; margin-right: 17%; } .alignone { margin-left: 35%; margin-right: 35%; } .nav-container, #sticky-wrapper, .mobile-toggle, #circle { display: block; } #circle, .mobile-toggle { position: absolute; } .hoverbutton-opening-hours { right: 54px; font-size: 0.90em; top: 80px; } .modelbranchlocatorpanel { right: 14px; } #branchlocatorpanel-branchlocator.key-branchlocator { width: 200px; } #branchlocatorpanel select#branchlocator.value-branchlocator { min-width: 200px; } #branchlocatorpanel { max-width: 200px; } #variant-detail-center #variant-detail-overview { width: 65% !important; } #variant-detail-center #variant-detail-overview #overview-detail { font-size: 1em !important; } #branchlocatorpanelembedded select#branchlocator { margin-left: 0px !important; } #variant-detail-center #branchlocatorpanelembedded select#branchlocator { font-size: 0.9em !important; } /*.campaignoverlaysection img { margin-left: 0px;}*/ #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide { /* width: 550px; */ } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide .rsts-slides { display: flex; } .footer-headline-end { margin-top: 10px; } .footer-headline-divide { margin-top: 10px; } #footer-headline-frame { display: flex; } .campaigncircle { left: 0px; top: 0px; } .campaignoverlaysection { left: 2px; top: 50px; } .variantOfferDetail .main-offer-strap { white-space: pre; max-width: 420px; } .motabilityoffers-root .rsts-video-iframe { top: 1px; } .newcar-search-container { left:10px; } #blackfriday #vacancy-application-email label { padding-right: 38px; } #blackfriday .vacancy-application #vacancy-application-howhere { padding-top: 10px; } .finance .mejs-video { max-height: 374px; max-width: 665px; } #vacancy-application-add1_years label, #vacancy-application-add2_years label, #vacancy-application-add1_postcode label, #vacancy-application-add2_postcode label, #vacancy-application-add1_street label, #vacancy-application-add2_street label, #vacancy-application-add1_town label, #vacancy-application-add2_town label { clear: both; } #vacancy-application-add1_years, #vacancy-application-add2_years, #vacancy-application-add1_months, #vacancy-application-add2_months { float:none;; } #specificDetail { display: inline; left: 561px; top: 38px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #footermfrlogo {width: 325px;} .team-description p a { font-size: 0.75em !important; } #reviews-widget { display:inline; } #manufacturerModeloffer-image img { width: 190px; margin: 25px auto auto !important; } #safetyfeatures-section #safetyfeatures-logo { margin-left: 0; margin-right: 0; } #safetyfeatures-section .rating-section { margin-left: -38px; width: auto; } #newCarSearchResultsUpdateBlock .manufacturerPickupRow.variant.motability.preregrow { min-height: 320px !important; } #flexed { display: flex; flex-direction: row; padding-bottom: 20px; } .finance .mejs-video { max-height: 315px !important; max-width: 550px !important; } .nav-container, #sticky-wrapper, .mobile-toggle, #circle { display: block; } .footer-navigation.branch { float: left; font-size: 0.85em; margin-top: 0; } .footer-headline { padding-bottom: 0px; padding-top: 5px; } .footer-copyright { font-size: 0.875em; } .footer-navigation { font-size: 0.70em; margin-top: 1.2em; } .sgp_pagetitle_block_left { font-size: 0.75em; margin-left: 5px; } .feature-box-text { font-size: 1.3em; padding: 0px 3% 0em 0; } .logo img { display: inline; height: auto; max-height: 2.8em; } .logo { margin-left: 0 !important; padding-bottom: 0; padding-top: 0.75em; top: 33.5%; } .rsts-skin-light .rsts-caption { font-size: 0.8em; margin-left: -13px; margin-top: 12px; } .main-navigation > ul > li > a, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { padding: 0 1em; } .main-navigation { float: right; font-size: 0.95em; margin-right: 0 !important; padding-right: 0.75em; } .nav-checkout-items { float: right; font-size: 0.95em; margin-right: 0 !important; padding-right: 0.75em; } .main-content h3, .main-content h1 { font-size: 1.1em; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .rsts-caption { font-size: 0.75em; } .rsts-skin-sgpetch .rsts-nav-bullets { top: -10px; } .rsts-skin-sgpetch .rsts-nav-bullets a { width: 15px; height: 15px; } .nav { margin-left: -12px } .main-navigation { padding-left: 0px; padding-right: 0.75em !important; } .nav-checkout-items { padding-left: 0px; padding-right: 0.75em !important; } .nav ul li:first-child { border-left: 0; } .nav ul li { border-right: 0; display: inline; zoom: 1; width: 31%; text-align: center; padding: 0 0.85%; } .nav-container { background-color: rgba(255, 255, 255, 0.9); } .nav ul li a::after, .nav ul li span.trail::after, .nav ul li span.active::after, .nav ul li span.forward::after { bottom: -1px !important; } .f-nav { top: 0; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .branch-usedcars-slider-items .-large-icon, .branch-nearlynewcars-slider-items .-large-icon, .manufacturer-usedcars-slider-items .-large-icon, .manufacturer-nearlynewcars-slider-items .-large-icon { min-width: 200px; margin-top: 0px; } .branch-usedcars-slider-items .-link, .branch-nearlynewcars-slider-items .-link, .manufacturer-usedcars-slider-items .-link, .manufacturer-nearlynewcars-slider-items .-link { margin-top: -5px; font-size: 0.80em; text-decoration: none !important; color: #717C8E; } .info-map .btn { font-size: 0.95em; } #manufacturer-slider-button { font-size: 0.80em !important; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 80%; margin-left: 0; margin-bottom: 42px; } table#overview-call { width: 100% !important; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } .info-map-boxes { display: block; } #newcarssearch-floatingDiv { float: right; margin-right: -169px; margin-top: -223px; min-width: 438px; } #targetDiv { margin-left: 50px; font-size: 15px; } #newcarssearch { width: 510px; } .branchslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop, .manufacturerslider-skin.block.rsts-main.rsts-direction-x.rsts-type-fade.rsts-skin-sgpetch .rsts-view .rsts-crop { margin-top: 0px !important; } #newcarsmodelpanel-wrapper { background-size: cover; } #targetDiv { margin-left: -220px; } #targetDiv .info-map-boxes { margin-top: -9.25em !important; } table#overview-rangepricelist .co-value-registered.head, table#overview-rangepricelist .ins-value-registered.head, table#overview-rangepricelist .co-variant, table#overview-rangepricelist .ins-variant { display: block; } #branch-slider.feature-box #targetDiv .info-map-boxes { font-size: 0.85em; left: 81px !important; max-width: 621px !important; top: -32px !important; } h3#variantoffers, h1#variantoffers { font-size: 1em; text-align: center; } #variant-detail-image { float: left; width: 45%; } #variant-detail-overview { float: left; width: 50%; } #variant-detail-offers { float: none; width: 100%; } .offer-table-smallprint-top { line-height: 1.5em; } #variant-detail-panel-right { margin-bottom: 25px; margin-top: 25px; } #variant-detail-offers select, #branchlocatorpanelembedded select { max-width: 100% !important; } /* .variantOfferDetail .offer-cash,.variantOfferDetail .offer-pcp, .variantOfferDetail .offer-black {clear:both;} */ #variant-detail-center #branchlocatorpanelembedded { padding-top: 20px; } #newcaroffers-model.mod_sgpetchfloatingmenu.newcaroffers-model.block .nav-container .nav ul li { width: 19%; } #newcaroffers-model .nav-container .nav { max-width: 1040px !important; margin-left: 15px; } #variant.mod_sgpetchfloatingmenu.variant.block .nav-container .nav ul { max-width: 1040px; } #variant.mod_sgpetchfloatingmenu.variant.block .nav-container .nav ul li { width: 32%; } .careersDetailBlock .careersDetailBlockRight { margin-top: -45px; } #vacancy-application-lname label { padding-right: 40px; clear: both; } #vacancy-application-dateofbirth label { padding-right: 40px; clear: none; } #vacancy-application-address3 label, #vacancy-application-postcode label, #vacancy-application-regemail label, #vacancy-application-regpassword label, #vacancy-application-regconfpassword label { padding-right: 35px; clear: both; } #vacancy-application-city label { padding-right: 37px; clear: both; } #vacancy-application-postcode label { padding-right: 42px; clear: both; } #vacancy-application-regemail label { padding-right: 42px; clear: both; } #vacancy-application-regpassword label { padding-right: 42px; clear: both; } #vacancy-application-regconfpassword label { padding-right: 42px; clear: both; } #vacancy-application-prefcallback { float: none; margin-top: 45px; } #variant-detail-offers select { max-width: 93% !important; } #newcarssearch #newcarssearch-moreOptions a.refineLink { margin-top: -25px; } #newcarssearch-floatingDiv { margin-top: -133px; } #manufacturer-slider-logo img { width: 80% !important; } #manufacturer-slider-logo.feature-box { padding-left: 0; } .manufacturerslider-skin .rsts-slide-image { display: table; overflow: visible; } .hoverbutton-address { left: 40px; } .modeloffer #manufacturerModeloffer-innerframe { font-size: 0.75em; } .rTableCellwrap, .rTableCell, .rTableHead { padding: 0 5px; } #offertab .resp-tabs-list li { font-size: 0.75em; margin: 0 -11px 0 0; } #offertab.motabilitytab .motabilitytitle { left: -2px; position: relative; top: 3px; } #variant-detail-center { font-size: 0.9em; } #variant-detail-center #variant-detail-image { width: 33%; } #variant-detail-center #variant-detail-overview { width: 60%; } #variant-detail-center #newcarsmodelpanel-links { clear: none; } .manufacturer-model-gallery-slider-items .rsts-caption, .variant-gallery-slider-items .rsts-caption { margin-top: -0px; } .newcar-search-spacer { margin-bottom: 8px; margin-top: 8px; } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch { /* width: 560px;*/ } .hoverbutton-opening-hours { right: 64px; } .modelbranchlocatorpanel { right: 14px; } #branch-manufacturer .manufacturerlocatorpanel { right: 237px; } #branchlocatorpanel-branchlocator.key-branchlocator { width: 200px; } #branchlocatorpanel select#branchlocator.value-branchlocator { min-width: 200px; } #branchlocatorpanel { max-width: 200px; } #variant-detail-center #branchlocatorpanelembedded select#branchlocator { margin-left: 55px; } /*.campaignoverlaysection img { margin-left: 0px !important;}*/ .footer-headline-end { margin-top: 5px; } .footer-headline-divide { margin-top: 5px; } #footer-headline-frame { display: flex; } .campaigncircle { left: 0px; top: 0px; } .campaignoverlaysection { left: 2px !important; top: 50px; } .variantOfferDetail .main-offer-strap { white-space: pre; } #branch-manufacturer .manufacturerlocatorpanel { right: 235px; } .motabilityoffers-root .rsts-video-iframe { top: -4px; } .newcar-search-container { left:10px; } #blackfriday .vacancy-application #vacancy-application-howhere { padding-top: 10px; } #vacancy-application-add1_years label, #vacancy-application-add2_years label, #vacancy-application-add1_postcode label, #vacancy-application-add2_postcode label, #vacancy-application-add1_street label, #vacancy-application-add2_street label, #vacancy-application-add1_town label, #vacancy-application-add2_town label { clear: both; } #vacancy-application-add1_years, #vacancy-application-add2_years, #vacancy-application-add1_months, #vacancy-application-add2_months { float:none; } #specificDetail { display: inline; left: 342px; top: 44px; } } /* 800 x 1280 */ @media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: portrait) { .main-navigation { padding-right: 70px !important; } .nav-checkout-items { padding-right: 70px !important; } .f-nav { top: 119px; } .nav ul li:first-child { border-left: 0; } .nav ul li { border-right: 0; display: inline; zoom: 1; width: 31%; text-align: center; padding: 0 0.85%; } .nav-container { background-color: rgba(255, 255, 255, 0.9); } .nav ul li a::after, .nav ul li span.trail::after, .nav ul li span.active::after, .nav ul li span.forward::after { bottom: -1px !important; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .branch-usedcars-slider-items .-large-icon, .branch-nearlynewcars-slider-items .-large-icon, .manufacturer-usedcars-slider-items .-large-icon, .manufacturer-nearlynewcars-slider-items .-large-icon { min-width: 200px !important; margin-top: 0px; } .branch-usedcars-slider-items .-link, .branch-nearlynewcars-slider-items .-link, .manufacturer-usedcars-slider-items .-link, .manufacturer-nearlynewcars-slider-items .-link{ margin-top: -5px !important; font-size: 0.80em !important; text-decoration: none !important; color: #717C8E; } .info-map .btn { font-size: 0.95em; } #manufacturer-slider-button { font-size: 0.80em !important; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 80%; margin-left: 0; margin-bottom: 42px; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #newcarssearch { width: 510px; } #newcarsmodelpanel-wrapper { background-size: cover; } table#overview-rangepricelist .co-value-registered.head, table#overview-rangepricelist .ins-value-registered.head, table#overview-rangepricelist .co-variant, table#overview-rangepricelist .ins-variant { display: block; } #vacancy-application-notes label { margin-top: 7px; } .footer-icon-links { padding-top: 17px; } #offertab .resp-tabs-list li { font-size: 0.7em; } .logo img { max-height: 2.8em; } } @media only screen and (min-width: 800px) and (max-width: 1280px) and (orientation: landscape) { #reviews-widget { display:inline; } .featurecolumn { font: bold 0.8em Lato,sans-serif !important; height: 110px !important; margin-left: 15px !important; margin-right: 15px !important; width: 110px !important; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 565px !important; } .finance .mejs-video { max-height: 421px !important; max-width: 750px !important; } .footer-navigation.branch { float: left; font-size: 0.85em; margin-top: 0; width:80%; } .footer-copyright { font-size: 0.875em; } .feature-box-text { font-size: 1.3em; padding: 0px 3% 0em 0; } .logo img { display: inline; height: auto; max-height: 2.8em; } .logo { margin-left: 0 !important; padding-bottom: 0; padding-top: 0.75em !important; top: 13.5%; } .rsts-skin-light .rsts-caption { font-size: 0.8em; margin-left: -13px; margin-top: 12px; } .main-navigation > ul > li > a, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { padding: 0 1em; } .main-navigation { float: right; font-size: 0.95em; margin-right: 0 !important; padding-right: 2.75em; } .nav-checkout-items { float: right; font-size: 0.95em; margin-right: 0 !important; padding-right: 2.75em; } .main-content h3, .main-content h1 { font-size: 1.1em; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .rsts-caption { font-size: 0.75em; } .rsts-skin-sgpetch .rsts-nav-bullets { top: -10px; } .rsts-skin-sgpetch .rsts-nav-bullets a { width: 15px; height: 15px; } .main-navigation { font-size: 0.85em; } .nav-checkout-items { font-size: 0.85em; } .f-nav { top: 0px; } .nav ul li:first-child { border-left: 0; } .nav ul li { border-right: 0; display: inline; zoom: 1; width: 31%; text-align: center; padding: 0 0.85%; } .nav-container { background-color: rgba(255, 255, 255, 0.9); } .nav ul li a::after, .nav ul li span.trail::after, .nav ul li span.active::after, .nav ul li span.forward::after { bottom: -1px !important; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .info-map .btn { font-size: 0.95em; } #manufacturer-slider-button { font-size: 0.80em !important; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 100%; margin-left: 0; margin-bottom: 42px; } table#overview-call { width: 97%; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #newcarssearch { width: 510px; } #targetDiv { margin-left: -360px; } #targetDiv .info-map-boxes { margin-top: -6.5em !important; } #branch-slider.feature-box #targetDiv .info-map-boxes { left: -67px; max-width: 515px; top: -12px; } /*.campaignoverlaysection img { margin-left: 25px;}*/ .campaigncircle { left: 0px; top: 0px; } .campaignoverlaysection { left: 20px; top: 50px; } .variantOfferDetail .main-offer-strap { white-space: pre; } .newcar-search-container { left:15px; } } /* 980 x 1280 */ @media only screen and (min-width: 980px) and (max-width: 1280px) and (orientation: portrait) { .hmfr-column-jeep { margin-top: 12px; padding-left: 0; width: 50px; } .hmfr-column-kia { margin-top: 13px; padding-left: 7px; padding-right: 0; width: 55px; } .hmfr-column-mazda, .hmfr-column-nissan { width: 58px; } .hmfr-column-peugeot { margin-top: 5px; padding-left: 2px; width: 55px; } .hmfr-column-seat { margin-top: 5px; padding-left: 4px; width: 50px; } .hmfr-column-subaru { margin-top: 8px; padding-left: 6px; width: 60px; } .feature-box-text { font-size: 1.3em; padding: 0px 3% 0em 0; } .logo img { display: inline; height: auto; max-height: 2.8em; display: block; height: 100%; width: auto; } .logo { margin-left: 0 !important; padding-bottom: 0; padding-top: 0; top: 31.5%; bottom: 17.5%; font-size: inherit; left: 3.7037%; margin: 0; position: absolute; top: 31.5%; } .rsts-skin-light .rsts-caption { font-size: 0.8em; margin-left: -13px; margin-top: 12px; } .main-navigation > ul > li > a, .main-navigation > ul > li > span.active, .main-navigation > ul > li > span.trail, .main-navigation > ul > li > span.forward { padding: 0 1em; } .main-navigation { float: right; font-size: 0.95em; margin-right: 0 !important; padding-right: 0 !important; } .nav-checkout-items { float: right; font-size: 0.95em; margin-right: 0 !important; padding-right: 0 !important; } .main-content h3, .main-content h1 { font-size: 1.1em; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .rsts-caption { font-size: 0.75em; } .rsts-skin-sgpetch .rsts-nav-bullets { top: -10px; } .rsts-skin-sgpetch .rsts-nav-bullets a { width: 15px; height: 15px; } .nav ul li:first-child { border-left: 0; } .nav ul li { border-right: 0; display: inline; zoom: 1; width: 31%; text-align: center; padding: 0 0.85%; } .nav-container { background-color: rgba(255, 255, 255, 0.9); } .nav ul li a::after, .nav ul li span.trail::after, .nav ul li span.active::after, .nav ul li span.forward::after { bottom: -1px !important; } .main-navigation { padding-right: 50px; } .nav-checkout-items { padding-right: 50px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .info-map .btn { font-size: 0.95em; } #manufacturer-slider-button { font-size: 0.85em !important; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #branch-slider.feature-box { width: 80% !important; top: 25px !important; } #targetDiv { margin-left: 35px; font-size: 16px !important; } #branchlocatorpanel { float: left !important; min-width: 515px; } #newcarssearch { width: 510px; } #targetDiv { margin-left: -150px; } #targetDiv .info-map-boxes { margin-top: -9.25em !important; } #branch-slider.feature-box #targetDiv .info-map-boxes { font-size: 0.85em; left: 33px; max-width: 680px; top: 0; } h3#variantoffers, h1#variantoffers { font-size: 1em; text-align: center; } #variant-detail-image { float: left; width: 45%; } #variant-detail-overview { float: left; width: 50%; } #variant-detail-offers { float: none; width: 100%; } .offer-table-smallprint-top { line-height: 1.5em; } #variant-detail-panel-right { margin-bottom: 25px; margin-top: 25px; } #variant-detail-offers select, #branchlocatorpanelembedded select { max-width: 100% !important; } /* .variantOfferDetail .offer-cash,.variantOfferDetail .offer-pcp, .variantOfferDetail .offer-black {clear:both;} */ #newcarsmodelpanel-links { clear: both; } #vacancy-application-notes label { margin-top: -30px; } #vacancy-application-enablecallback { margin-bottom: 45px !important; float: none; } .modeloffer #manufacturerModeloffer-overview { text-align: left; } .rTableCellwrap { text-align: left; } .rTableRow { text-align: left; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-black { float: inherit; } .modeloffer #manufacturerModeloffer-innerframe { font-size: 0.75em; } .rTableCellwrap, .rTableCell, .rTableHead { padding: 0 5px; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 65% !important; margin-left: 0; margin-bottom: 42px; } #offertab .resp-tabs-list li { font-size: 0.8em; } } @media only screen and (min-width: 980px) and (max-width: 1280px) and (orientation: landscape) { #reviews-widget { display:inline; } .hmfr-column-jeep { margin-top: 12px; padding-left: 0; width: 50px; } .hmfr-column-kia { margin-top: 13px; padding-left: 7px; padding-right: 0; width: 55px; } .hmfr-column-mazda, .hmfr-column-nissan { width: 58px; } .hmfr-column-peugeot { margin-top: 5px; padding-left: 2px; width: 55px; } .hmfr-column-seat { margin-top: 5px; padding-left: 4px; width: 50px; } .hmfr-column-subaru { margin-top: 8px; padding-left: 6px; width: 60px; } .main-content p, .main-content ul, .main-content ol, .main-content table, .main-content form, .main-content fieldset { font-size: 1em; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } #manufacturer-slider-button { font-size: 0.95em !important; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 80% !important; margin-left: 0; margin-bottom: 42px; } table#overview-call { width: 100% !important; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #branch-slider.feature-box { width: 80% !important; top: 25px !important; } #newcarssearch { width: 510px; } .motabilityoffers-root .rsts-video-iframe { top: -1px; } } /* 1280 x 600 */ @media only screen and (min-width: 600px) and (max-width: 1280px) and (orientation: portrait) { .feature-box-text { font-size: 1.3em; padding: 0px 3% 0em 0; } .logo { padding-bottom: 0; margin-left: -5%; } .rsts-skin-sgpetch .rsts-nav-bullets a { width: 12px; height: 12px; } .rsts-skin-sgpetch .rsts-nav-bullets { top: -5px; } .main-navigation { font-size: 0.75em; float: right; margin-right: 0 !important; padding-left: 0.9em; padding-right: 6.2em; } .nav-checkout-items { font-size: 0.75em; float: right; margin-right: 0 !important; padding-left: 0.9em; padding-right: 6.2em; } .rsts-skin-sgpetch .rsts-next, .rsts-skin-sgpetch .rsts-prev { height: 45px; width: 25px; margin-top: -28px !important; } .rsts-skin-sgpetch .rsts-next::after, .rsts-skin-sgpetch .rsts-prev::after { font: normal 32px/1 Tahoma, sans-serif; left: 7px; top: 5px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .branch-usedcars-slider-items .-large-icon, .branch-nearlynewcars-slider-items .-large-icon, .manufacturer-usedcars-slider-items .-large-icon, .manufacturer-nearlynewcars-slider-items .-large-icon { min-width: 200px; margin-top: 0px; } .branch-usedcars-slider-items .-link, .branch-nearlynewcars-slider-items .-link, .manufacturer-usedcars-slider-items .-link, .manufacturer-nearlynewcars-slider-items .-link{ margin-top: -5px; font-size: 0.85em; text-decoration: none !important; color: #717C8E; } .info-map .btn { font-size: 0.95em; } #manufacturer-slider-button { font-size: 0.65em; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 45%; margin-left: 0; margin-bottom: 42px; } table#overview-price, table#overview-reducedprice { /* font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #vacancy-application-prefcallback { margin-top: -30px; } #vacancy-application-enablecallback { margin-bottom: 30px; } #vacancy-application-make label, #vacancy-application-makeModel label { padding-right: 65px; clear: both; } #vacancy-application-reg label { padding-right: 26px; clear: both; } #vacancy-application-prefDate label { padding-right: 80px; clear: both; } #branchlocatorpanel { min-width: 515px; } .variantslider-skin .rsts-slide-image { height: 250px !important; background-color: #E3E3E3 !important; } .variantslider-skin .rsts-slide-image img { margin-left: 0px !important; margin-top: 0px !important; height: 100% !important; width: 100% !important; } .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #E0E0E0; height: 285px !important; } .variantslider-skin .rsts-slide-image, .manufacturerslider-skin .rsts-slide-image, .modelslider-skin .rsts-slide-image, .branchslider-skin .rsts-slide-image { display: table; overflow: visible; } #variant-detail-center #variant-detail-overview { width: 100%; } #branchlocatorpanelembedded select#branchlocator { margin-left: 60px; } #variant-detail-center #branchlocatorpanelembedded select#branchlocator { font-size: 0.9em; } .variantOfferDetail .main-offer-strap { white-space: pre; } } @media only screen and (min-width: 600px) and (max-width: 1280px) and (orientation: landscape) { .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .branch-usedcars-slider-items .-large-icon, .branch-nearlynewcars-slider-items .-large-icon, .manufacturer-usedcars-slider-items .-large-icon, .manufacturer-nearlynewcars-slider-items .-large-icon { min-width: 200px !important; margin-top: 0px; } .branch-usedcars-slider-items .-link, .branch-nearlynewcars-slider-items .-link, .manufacturer-usedcars-slider-items .-link, .manufacturer-nearlynewcars-slider-items .-link { margin-top: -10px !important; font-size: 0.85em !important; text-decoration: none !important; color: #717C8E; } .info-map .btn { font-size: 0.95em; } .usedCarSearchSaving { padding-top: 9px; } #branch-slider.feature-box { width: 80% !important; top: 15px !important; } .hmfr-column-jeep { margin-top: 12px; padding-left: 0; width: 50px; } .hmfr-column-kia { margin-top: 13px; padding-left: 7px; padding-right: 0; width: 55px; } .hmfr-column-mazda, .hmfr-column-nissan { width: 58px; } .hmfr-column-peugeot { margin-top: 5px; padding-left: 2px; width: 55px; } .hmfr-column-seat { margin-top: 5px; padding-left: 4px; width: 50px; } .hmfr-column-subaru { margin-top: 8px; padding-left: 6px; width: 60px; } } /* 1440 x 900 */ @media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: portrait) { #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 55% !important; margin-left: 0; margin-bottom: 42px; } .campaignoverlaysection { left: 30px; top: 50px; } /*.campaignoverlaysection img { margin-left: 20px;}*/ .manufacturerlocatorpanel #branchlocatorpanel { display: block; float: left; max-width: 200px !important; min-width: 200px !important; } .motabilityoffers-root .rsts-video-iframe { top: -5px; } } @media only screen and (min-width: 900px) and (max-width: 1440px) and (orientation: landscape) { #reviews-widget { display:inline; } .featurecolumn { font: bold 0.8em Lato,sans-serif; height: 120px; margin-left: 20px; margin-right: 20px; width: 120px; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 644px !important; } .finance-application #addressdetails, .finance-application #previousaddressdetails { float: none; } #newCarSearchResultsUpdateBlock .manufacturerPickupRow.variant.motability.preregrow { min-height: 280px !important; } #flexed { display: flex; flex-direction: row; padding-bottom: 20px; } .finance .mejs-video { max-height: 460px !important; max-width: 820px !important; } .hmfr-column-jeep { margin-top: 12px; padding-left: 0; width: 50px; } .hmfr-column-kia { margin-top: 13px; padding-left: 7px; padding-right: 0; width: 55px; } .hmfr-column-mazda, .hmfr-column-nissan { width: 58px; } .hmfr-column-peugeot { margin-top: 5px; padding-left: 2px; width: 55px; } .hmfr-column-seat { margin-top: 5px; padding-left: 4px; width: 50px; } .hmfr-column-subaru { margin-top: 8px; padding-left: 6px; width: 60px; } #branchlocatorpanelembedded select#branchlocator { margin-left: 50px; } /*.campaignoverlaysection img { margin-left: 45px;}*/ .variantOfferDetail .main-offer-strap { white-space: pre; } .motabilityoffers-root .rsts-video-iframe { top: 1px; } #blackfriday .vacancy-application #vacancy-application-howhere { padding-top: 10px; } } @media only screen and (min-width: 1440px) and (orientation: landscape) { #reviews-widget { display:inline; } #flexed { display: flex; flex-direction: row; padding-bottom: 20px; } .campaignoverlaysection { left: 40px !important; top: 50px; } .newcar-search-container { top:75px; } .newcar-search-spacer { margin-bottom: 5px; margin-top: 5px; } } /* 1920 x 900 */ @media only screen and (min-width: 900px) and (max-width: 1920px) and (orientation: portrait) { .feature-box-text { font-size: 1.3em; padding: 0px 3% 0em 0; } .logo { padding-bottom: 0; } .main-navigation { font-size: 0.95em !important; float: right; margin-right: 25px !important; padding-left: 0.9em; padding-right: 237px; } .nav-checkout-items { font-size: 0.95em !important; float: right; margin-right: 25px !important; padding-left: 0.9em; padding-right: 237px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .info-map .btn { font-size: 0.95em; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 90%; margin-left: 0; margin-bottom: 42px; } table#overview-price, table#overview-reducedprice { /*font-size: 1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #branchlocatorpanel { float: left; min-width: 515px; } table#overview-rangepricelist .newCarSearchModelInfoButton, table#overview-rangepricelist .newCarSearchModelOffersButton { margin-right: 0; margin-top: 0; } #branch-manufacturer .manufacturerlocatorpanel { display: none; } .motabilityvideos-slider-items img { top: -48px; } } @media only screen and (min-width: 900px) and (max-width: 1920px) and (orientation: landscape) { .feature-box-text { font-size: 1.5em !important; padding: 0px 3% 0em 0; margin-top: 2px; } .logo { padding-top: 0em; margin-left: 5px !important; } .main-navigation { font-size: 1em; } .nav-checkout-items { font-size: 1em; } .f-nav { top: 119px; } .nav-container { background-color: rgba(0, 0, 0, 0.9); color: #ffffff } .info-map .btn { font-size: 0.95em; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 100%; margin-left: 0; margin-bottom: 42px; } table#overview-call { width: 97%; } table#overview-price, table#overview-reducedprice { /* font-size: 1.1em;*/ font: bold 0.95em/1.6625 Lato,sans-serif; } #newcarssearch { width: 510px; } .hmfr-column-jeep { margin-top: 12px; padding-left: 0; width: 50px; } .hmfr-column-kia { margin-top: 13px; padding-left: 7px; padding-right: 0; width: 55px; } .hmfr-column-mazda, .hmfr-column-nissan { width: 58px; } .hmfr-column-peugeot { margin-top: 5px; padding-left: 2px; width: 55px; } .hmfr-column-seat { margin-top: 5px; padding-left: 4px; width: 50px; } .hmfr-column-subaru { margin-top: 8px; padding-left: 6px; width: 60px; } #branchlocatorpanelembedded select#branchlocator { margin-left: 60px; } .campaignoverlaysection { left: 100px; top: 50px; } .variantOfferDetail .main-offer-strap { white-space: pre; } #branch-manufacturer .manufacturerlocatorpanel { right: 235px; } .motabilityoffers-root .rsts-video-iframe { top: 5px; } #blackfriday .vacancy-application #vacancy-application-howhere { padding-top: 10px; } } @media screen\0 { #newcarsmodelpanel-right { min-width: 178px; white-space: nowrap; } .homepage .feature-box-text p { margin-top: 6px; } #newcarsmodelpanel-button, #branchlocatorpanelembedded-button { margin-top: -4px; } .branchlocatorpanelembedded-button { margin-top: -4px; } } /* iPhone 5 & 5S in portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) { .featurecolumn { height: 140px; margin-left: 60px; margin-right: 60px; width: 140px; margin-bottom: 20px; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 285px; } .formresponseapp-new-car { float: none !important; padding-bottom: 16px; } .offer-table-smallprint-top-blue { font: bold 0.85em/1.6625 Lato,sans-serif; } .feature-box-text { padding: 2px 3% 0em 0; } .mod_rocksolid_slider.modelslider-skin .rsts-prev, .mod_rocksolid_slider.modelslider-skin .rsts-next, .mod_rocksolid_slider.manufacturerslider-skin .rsts-prev, .mod_rocksolid_slider.manufacturerslider-skin .rsts-next { display: none; } .genericoverlay { line-height: 2; } #specificDetail { display: inline; left: 153px; top: 51px; transform: scale(0.7); } .offer-table-more-motability-button, .offer-table-more-business-button { width: 230px; } } /* iPhone 5 & 5S in landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) { #footermfrlogo { float: initial; width: 303px; transform: scale(0.65); } .featurecolumn { height: 140px; margin-left: 45px; margin-right: 45px; width: 140px; margin-bottom: 30px; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 512px; } .offer-table-smallprint-top-blue { font: bold 0.85em/1.6625 Lato,sans-serif; } .feature-box-text { padding: 2px 3% 0em 0; } .mod_rocksolid_slider.modelslider-skin .rsts-prev, .mod_rocksolid_slider.modelslider-skin .rsts-next, .mod_rocksolid_slider.manufacturerslider-skin .rsts-prev, .mod_rocksolid_slider.manufacturerslider-skin .rsts-next { display: none; } .genericoverlay { line-height: 2; } #specificDetail { display: inline; left: 367px; top: 40px; } } /* iPhone 6 in landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) { #footermfrlogo { float: initial; width: 315px; transform: scale(0.75); } #reviews-widget { display: inline; left: 407px; position: absolute; top: 49px; } #reviews-widget img { border: 1px solid #B2B9C4; } .featurecolumn { height: 120px; margin-left: 10px; margin-right: 10px; width: 120px; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 595px; } .feature-box-text { padding: 2px 3% 0em 0; } .mod_rocksolid_slider.modelslider-skin .rsts-prev, .mod_rocksolid_slider.modelslider-skin .rsts-next, .mod_rocksolid_slider.manufacturerslider-skin .rsts-prev, .mod_rocksolid_slider.manufacturerslider-skin .rsts-next { display: none; } .genericoverlay { line-height: 2; } .manufacturerlocatorpanel { display: none; } #specificDetail { display: inline; left: 456px; top: 40px; } .hoverbutton-opening-hours { right: -28px; transform: scale(0.6); top: 66px; } .centered-wrapper.ce_rsce_tao_centered_wrapper_start.homecookietrail.first.-background-mousemove.-color-inverted section { margin-left: -25px; } } /* iPhone 6 in portrait*/ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) { #footermfrlogo { float: initial; width: 315px; transform: scale(0.75); } .featurecolumn { font: bold 0.8em Lato,sans-serif; height: 120px; margin-left: 10px; margin-right: 10px; width: 120px; margin-bottom: 10px; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 335px; } .feature-box-text { padding: 2px 3% 0em 0; } .mod_rocksolid_slider.modelslider-skin .rsts-prev, .mod_rocksolid_slider.modelslider-skin .rsts-next, .mod_rocksolid_slider.manufacturerslider-skin .rsts-prev, .mod_rocksolid_slider.manufacturerslider-skin .rsts-next { display: none; } .genericoverlay { line-height: 2; } #specificDetail { display: inline; left: 195px; top: 52px; transform: scale(0.8); } .centered-wrapper.ce_rsce_tao_centered_wrapper_start.homecookietrail.first.-background-mousemove.-color-inverted section { margin-left: -65px; } } /* iPhone 6 Plus in landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) { #footermfrlogo { float: initial; width: 330px; transform: scale(0.75); } #reviews-widget { display: inline; left: 475px; position: absolute; top: 50px; } #reviews-widget img { border: 1px solid #B2B9C4; } .featurecolumn { font: bold 0.8em Lato,sans-serif; height: 120px; margin-left: 10px; margin-right: 10px; width: 120px; margin-bottom: 10px; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 660px; } .feature-box-text { padding: 2px 3% 0em 0; } .mod_rocksolid_slider.modelslider-skin .rsts-prev, .mod_rocksolid_slider.modelslider-skin .rsts-next, .mod_rocksolid_slider.manufacturerslider-skin .rsts-prev, .mod_rocksolid_slider.manufacturerslider-skin .rsts-next { display: none; } .genericoverlay { line-height: 2; } .manufacturerlocatorpanel { display: none; } #specificDetail { display: inline; left: 530px; top: 46px; } .hoverbutton-opening-hours { right: -28px; transform: scale(0.6); top: 66px; } .centered-wrapper.ce_rsce_tao_centered_wrapper_start.homecookietrail.first.-background-mousemove.-color-inverted section { margin-left: -25px; } /* used car search extra options START */ #newCarResults { margin-bottom: 50px; } /* used car search extra options END */ } /* iPhone 6 Plus in portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3) { #footermfrlogo { float: initial; width: 330px; transform: scale(0.75); } .featurecolumn { font: bold 0.8em Lato,sans-serif; height: 120px; margin-left: 30px; margin-right: 30px; width: 120px; margin-bottom: 10px; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 370px; } .offer-table-more-motability-button, .offer-table-more-business-button { width: 305px; } .feature-box-text { padding: 2px 3% 0em 0; } .mod_rocksolid_slider.modelslider-skin .rsts-prev, .mod_rocksolid_slider.modelslider-skin .rsts-next, .mod_rocksolid_slider.manufacturerslider-skin .rsts-prev, .mod_rocksolid_slider.manufacturerslider-skin .rsts-next { display: none; } .genericoverlay { line-height: 2; } #specificDetail { display: inline; left: 223px; top: 52px; transform: scale(0.8); } .centered-wrapper.ce_rsce_tao_centered_wrapper_start.homecookietrail.first.-background-mousemove.-color-inverted section { margin-left: -65px; } /* used car search extra options START */ label#perPage, label#perPageper { margin-left: 180px; } #usedcarssearch-floatingDiv { margin-right: -95px !important; } #newcarssearch-moreOptions { float: none; } /* used car search extra options END */ } /* iPad 1 and 2 in landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 945px !important; } .feature-box-text { padding: 2px 3% 0em 0; } .genericoverlay { line-height: 2; } .offer-table-smallprint-top-blue { font: bold 0.85em/1.6625 Lato,sans-serif; } } /* iPad 1 and 2 in portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { #reviews-widget { display: inline; left: 512px; position: absolute; top: 57px; } #reviews-widget img { border: 1px solid #B2B9C4; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 735px; } .offer-table-smallprint-top-blue { font: bold 0.85em/1.6625 Lato,sans-serif; } .feature-box-text { padding: 2px 3% 0em 0; } .genericoverlay { line-height: 2; } .logo img { max-height: 2.8em; } } /* iPad mini in landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .offer-table-smallprint-top-blue { font: bold 0.85em/1.6625 Lato,sans-serif; } .feature-box-text { padding: 2px 3% 0em 0; } .genericoverlay { line-height: 2; } } /* iPad mini in portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .offer-table-smallprint-top-blue { font: bold 0.85em/1.6625 Lato,sans-serif; } .feature-box-text { padding: 2px 3% 0em 0; } .genericoverlay { line-height: 2; } } /* Google Nexus 7 2nd Gen (landscape) */ @media only screen and (min-device-width: 601px) and (max-device-width: 906px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) { .offer-table-smallprint-top-blue { font: bold 0.85em/1.6625 Lato,sans-serif; } .feature-box-text { padding: 0px 3% 0em 0; } #variant-detail-center #branchlocatorpanelembedded { padding-top: 20px; } .footer-navigation.branch { float: left; font-size: 0.75em; margin-top: 0; text-align: left; } .footer-headline { padding-bottom: 10px; padding-top: 10px; } .footer-copyright { font-size: 0.775em; } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide { /* width: 550px; */ } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide .rsts-slides { display: flex; } .manufacturerlocatorpanel { right: 57px; } #branch-manufacturer .manufacturerlocatorpanel { display: none; } } /* Google Nexus 7 2nd Gen (portrait) */ @media only screen and (min-device-width: 601px) and (max-device-width: 906px) and (orientation: portrait) { .offer-table-smallprint-top-blue { font: bold 0.85em/1.6625 Lato,sans-serif; } .feature-box-text { padding: 0px 3% 0em 0; } #variant-detail-panel-right { margin-bottom: 25px; margin-top: 25px; } #variant-detail-center #branchlocatorpanelembedded { padding-top: 20px; } #careersSearchResultsUpdateBlock .key-registered.head, #careersSearchResultsUpdateBlock .eng-variant { display: block; } #vacancy-application-oname label { padding-right: 26px; clear: both; } #vacancy-application-lname label { padding-right: 40px; clear: both; } #vacancy-application-dateofbirth label { padding-right: 40px; clear: both; } #vacancy-application-address2 label#vacancy-application-address3 label { padding-right: 35px; clear: both; } #vacancy-application-city label { padding-right: 36px; clear: both; } #vacancy-application-county label { clear: both; } #vacancy-application-notes textarea, #booking-application-notes textarea { min-width: 385px; } .footer-navigation.branch { float: left; font-size: 0.75em; margin-top: 0; text-align: left; } .footer-headline { padding-bottom: 10px; padding-top: 10px; } .footer-copyright { font-size: 0.775em; } .variantslider-skin .rsts-slide-image { height: 250px !important; background-color: #E3E3E3 !important; } .variantslider-skin .rsts-slide-image img { margin-left: 0px !important; margin-top: 0px !important; height: 100% !important; width: 100% !important; } .manufacturerslider-skin .rsts-slide-image { height: 250px !important; background-color: #E3E3E3 !important; } .manufacturerslider-skin .rsts-slide-image img { margin-left: 0px !important; margin-top: 0px !important; height: 100% !important; width: 100% !important; } .branchslider-skin .rsts-slide-image { height: 155px !important; background-color: #E3E3E3 !important; } .branchslider-skin .rsts-slide-image img { margin-left: 0px !important; margin-top: 0px !important; height: 100% !important; width: 100% !important; } .homepageslider-skin .rsts-slide-image { height: 155px !important; background-color: #E3E3E3 !important; } .homepageslider-skin .rsts-slide-image img { margin-left: 0px !important; margin-top: 0px !important; height: 100% !important; width: 100% !important; } #variant-detail-center #variant-detail-overview { width: 100%; } #branchlocatorpanelembedded select#branchlocator { margin-left: 60px; } #variant-detail-center #branchlocatorpanelembedded select#branchlocator { font-size: 0.9em; } } img.desktop { display: none; z-index: 999999; opacity: 0.75; filter: alpha(opacity=75); } img.mobile { display: block; width: 150px; height: auto; z-index: 999999; opacity: 0.75; filter: alpha(opacity=75); } .chat-box { width: 150px; position: fixed; bottom: 0; right: 0; z-index: 999999; opacity: 0.75; filter: alpha(opacity=75) } a img.mobile:hover { opacity: 1.0; filter: alpha(opacity=100); } a img.mobile:hover { opacity: 1.0; filter: alpha(opacity=100); } @media only screen and (min-width: 906px) and (max-width: 906px) { .rTableCellwrap, .rTableCell, .rTableHead { padding: 0; } .modeloffer #manufacturerModeloffer-innerframe { font-size: 0.9em; } #offertab .resp-tabs-list li { font-size: 0.70em; } .modeloffer #manufacturerModeloffer-overview { text-align: left; } .rTableCellwrap { text-align: left; } .rTableRow { text-align: center; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-black { float: inherit; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 75% !important; margin-left: 0; margin-bottom: 42px; } #branch-manufacturer .manufacturerlocatorpanel { display: none; } } @media only screen and (min-width:320px) and (max-width: 320px) { .featurecolumn { height: 140px; margin-left: 60px; margin-right: 60px; width: 140px; margin-bottom: 20px; } } @media only screen and (min-width:375px) and (max-width: 375px) { .featurecolumn { font: bold 0.8em Lato,sans-serif; height: 120px; margin-left: 10px; margin-right: 10px; width: 120px; margin-bottom: 10px; } } @media only screen and (min-width:414px) and (max-width: 414px) { .featurecolumn { font: bold 0.8em Lato,sans-serif; height: 120px; margin-left: 30px; margin-right: 30px; width: 120px; margin-bottom: 10px; } /* used car search extra options START */ label#perPage, label#perPageper { margin-left: 180px; } #usedcarssearch-floatingDiv { margin-right: -95px !important; } #newcarssearch-moreOptions { float: none; } /* used car search extra options END */ } @media only screen and (min-width:568px) and (max-width: 568px) { .featurecolumn { height: 140px; margin-left: 45px; margin-right: 45px; width: 140px; margin-bottom: 30px; } } @media only screen and (min-width:667px) and (max-width: 667px) { .logo img { max-height: 2.8em; } #footermfrlogo { float: initial; width: 315px; transform: scale(0.75); } #reviews-widget { display: inline; left: 407px; position: absolute; top: 49px; } #reviews-widget img { border: 1px solid #B2B9C4; } .featurecolumn { height: 120px; margin-left: 10px; margin-right: 10px; width: 120px; } } @media only screen and (min-width:736px) and (max-width: 736px) { #reviews-widget { display: inline; left: 475px; position: absolute; top: 50px; } #reviews-widget img { border: 1px solid #B2B9C4; } .featurecolumn { font: bold 0.8em Lato,sans-serif; height: 120px; margin-left: 10px; margin-right: 10px; width: 120px; margin-bottom: 10px; } /* used car search extra options START */ #newCarResults { margin-bottom: 50px; } /* used car search extra options END */ } @media only screen and (min-width: 900px) and (max-width: 900px) { .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #e0e0e0; height: 325px !important; } } @media only screen and (min-width: 980px) and (max-width: 980px) { .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #e0e0e0; height: 355px !important; } } @media only screen and (min-width: 1024px) and (max-width: 1024px) { .featurecolumn { font: bold 0.8em Lato,sans-serif !important; height: 105px !important; margin-left: 4px !important; margin-right: 4px !important; width: 105px !important; } .motabilityoffers-root .rsts-video-iframe { top: -4px; } } @media only screen and (min-width: 1280px) and (max-width: 1280px) { .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #e0e0e0; height: 465px !important; } } @media only screen and (min-width: 1366px) and (max-width: 1366px) { .featurecolumn { font: bold 0.8em Lato,sans-serif; height: 120px; margin-left: 15px; margin-right: 15px; width: 120px; } .motabilityoffers-root .rsts-video-iframe { top: -4px; } } @media only screen and (max-width: 1800px) and (orientation: landscape) { .finance .mejs-video { max-height: 325px; max-width: 580px; } } @media only screen and (min-width: 1920px) and (max-width: 1920px) { .campaignoverlaysection { left: 100px !important; top: 50px; } } @media only screen and (min-width: 600px) and (max-width: 600px) { .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #e0e0e0; height: 245px !important; } .rTableCellwrap, .rTableCell, .rTableHead { padding: 0; } .modeloffer #manufacturerModeloffer-innerframe { font-size: 0.9em; } #offertab .resp-tabs-list li { font-size: 0.85em; } .rTableCellwrap { text-align: left; } .rTableRow { text-align: center; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-black { float: inherit; } } @media only screen and (min-width: 601px) and (max-width: 601px) { .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #e0e0e0; height: 240px !important; } #manufacturer-slider-button { bottom: 7px; } #manufacturer-slider-logo.feature-box { padding-bottom: 71px; } .hoverbutton-address { left: 32px } .modelbranchlocatorpanel { bottom: 207px; right: -92px; } .manufacturerlocatorpanel { right: 57px; } .rTableCellwrap, .rTableCell, .rTableHead { padding: 0; } .modeloffer #manufacturerModeloffer-innerframe { font-size: 0.9em; } #offertab .resp-tabs-list li { font-size: 0.85em; } .rTableCellwrap { text-align: left; } .rTableRow { text-align: center; } #manufacturerModeloffer-overview .manufacturerModeloffer-keyfeatures .offer-black { float: inherit; } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide { /* width: 550px; */ } #usedcaralloffers .rsts-type-slide.rsts-skin-partner.rsts-no-touch.wide .rsts-slides { display: flex; } .motabilityvideos-slider-items img { top: -21px; } } @media only screen and (min-width: 768px) and (max-width: 768px) { #reviews-widget { display: inline !important; left: 506px; position: absolute; top: 50px; } .featurecolumn { font: bold 0.9em Lato,sans-serif; height: 110px; margin-left: 15px; margin-right: 15px; width: 110px; } .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #e0e0e0; height: 275px !important; } } #id-404 .headline-box[data-icon]::before, #id-404 .headline-box[class^="icon-"]::before, #id-404 .headline-box[class*=" icon-"]::before { margin-left: auto; } /* 1024px x 1366px ipad pro */ @media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) { #footermfrlogo { float: left; width: 315px; transform: scale(0.75); } #reviews-widget { display:inline; } .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 985px; } #newCarSearchResultsUpdateBlock .manufacturerPickupRow.variant.motability.preregrow { min-height: 320px !important; } #flexed { display: flex; flex-direction: row; padding-bottom: 20px; } .variantslider-skin .rsts-crop, .modelslider-skin .rsts-crop, .manufacturerslider-skin .rsts-crop, .branchslider-skin .rsts-crop { background-color: #e0e0e0; height: 373px !important; } #branchlocatorpanelembedded select#branchlocator { margin-left: 50px !important; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 70% !important; margin-left: 0; margin-bottom: 42px; } /*.campaignoverlaysection img { margin-left: 0px;}*/ #offertab .resp-tabs-list li { font-size: 0.8em; } .campaignoverlaysection { left: 2px; top: 50px; } .manufacturerlocatorpanel #branchlocatorpanel { display: block; float: left; max-width: 200px !important; min-width: 200px !important; } #branch-manufacturer .manufacturerlocatorpanel { right: 235px; } .motabilityoffers-root .rsts-video-iframe { top: -4px; } /* #motabilityspecialisttab.motabilitytab .resp-tabs-list li{ margin: 0 -15px 0 0; } */ } /* 1024px x 1366px ipad pro */ @media only screen and (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) { .finance-application #vehicledetails, .finance-application #personaldetails, .finance-application #addressdetails, .finance-application #previousaddressdetails, .finance-application #employmentdetails, .finance-application #bankdetails, #applicationheader { min-width: 605px; } .finance-application #addressdetails, .finance-application #previousaddressdetails { float: none; } #newCarSearchResultsUpdateBlock .manufacturerPickupRow.variant.motability.preregrow { min-height: 320px !important; } #flexed { display: flex; flex-direction: row; padding-bottom: 20px; } #branchlocatorpanelembedded select#branchlocator { margin-left: 50px !important; } #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered.in-view.has-shown .feature-box-image.not-animated, #manufacturer-slider-logo.feature-box.is-animated.ce_rsce_tao_feature_box.-image-centered .feature-box-image.not-animated { width: 85%; margin-left: 0; margin-bottom: 42px; } /*.campaignoverlaysection img { margin-left: 35px;}*/ .campaignoverlaysection { left: 30px; top: 50px; } .variantOfferDetail .main-offer-strap { white-space: pre; } #branch-manufacturer .manufacturerlocatorpanel { right: 235px; } #blackfriday .vacancy-application #vacancy-application-howhere { padding-top: 10px; } } .mazdablue { background-color: #009fe1; } .mazdablue:hover { background-color: #0297D2; } .mazdagrey:hover { background-color: #4F4F4F; } .mazdaslider { background-color: transparent !important; color: #ffffff; border: 0px solid #ffffff !important; font: 400 17px/1.6625 InterstateMazda-Regular, InterstateMazda-Bold, Humanist777BT-LightB, Lato, sans-serif !important; } .homepage .feature-box-text p, .hoverbutton-address, .warrant, .cont { font-family: Lato, sans-serif; } .branchslider-skin.block.rsts-main.rsts-direction-x.rsts-type-slide.rsts-skin-sgpetch.rsts-no-touch .rsts-view { margin-top: 1px; } .motabilityImage.ref-alfa-romeo img { height: 55px !important; width: 75px !important; } .main-navigation > ul > li.finance > ul { left: -7.5em !important; } .mazdaslider { border: 1px solid #0086d3 !important; } .footer-navigation.branch { max-width: 685px; width: 100%; }