@font-face { font-family: 'LimerickSerialLightRegular'; src: url('/extension/current_design/design/redesign2014/fonts/limerick_serial-light-webfont.eot'); src: url('/extension/current_design/design/redesign2014/fonts/limerick_serial-light-webfont.eot?#iefix') format('embedded-opentype'), url('/extension/current_design/design/redesign2014/fonts/limerick_serial-light-webfont.woff') format('woff'), url('/extension/current_design/design/redesign2014/fonts/limerick_serial-light-webfont.ttf') format('truetype'), url('/extension/current_design/design/redesign2014/fonts/limerick_serial-light-webfont.svg#LimerickSerialLightRegular') format('svg'); font-weight: normal; font-style: normal; letter-spacing: 1px; } @font-face { font-family: 'LimerickSerialXlightRegular'; src: url('/extension/current_design/design/redesign2014/fonts/limerick_serial-xlight-webfont.eot'); src: url('/extension/current_design/design/redesign2014/fonts/limerick_serial-xlight-webfont.eot?#iefix') format('embedded-opentype'), url('/extension/current_design/design/redesign2014/fonts/limerick_serial-xlight-webfont.woff') format('woff'), url('/extension/current_design/design/redesign2014/fonts/limerick_serial-xlight-webfont.ttf') format('truetype'), url('/extension/current_design/design/redesign2014/fonts/limerick_serial-xlight-webfont.svg#LimerickSerialXlightRegular') format('svg'); font-weight: normal; font-style: normal; } html, body { height: 100%; } body { background-size: cover; background-attachment: fixed; font-family: 'Open Sans', sans-serif; font-size: 17px; } a:focus { outline: none; } #startpage-group-wrapper #personBackground { margin-top: 50px; } #personBackground { position: absolute; left: 40px; } #wrapper { height: auto !important; min-height: 100%; } #wrapper .terms { margin-top: 22px; text-align: center; font-size: 12px; color: grey; } #wrapper #content { position: relative; margin-top: 30px; } #wrapper #content .pricebig { background: url(/extension/current_design/design/em_plain_site/images/price-big_ts_1292310666.png) no-repeat; padding: 0; display: block; margin: 15px 0; } #wrapper #content .pricesmall { background: url(/extension/current_design/design/em_plain_site/images/price-small_ts_1292310711.png) no-repeat; padding: 0; display: block; margin: 15px 0; } #wrapper #content .pricebigfrom { background: url(/extension/current_design/design/em_plain_site/images/price-big-ab_ts_1292490794.png) no-repeat; padding: 0; display: block; margin: 15px 0; } #wrapper #content .pricesmallfrom { background: url(/extension/current_design/design/em_plain_site/images/price-small-ab_ts_1292490933.png) no-repeat; padding: 0; display: block; margin: 15px 0; } #wrapper #content .pricebigonly { background: url(/extension/current_design/design/em_plain_site/images/price-big-nur_ts_1292490747.png) no-repeat; padding: 0; display: block; margin: 15px 0; } #wrapper #content .pricesmallonly { background: url(/extension/current_design/design/em_plain_site/images/price-small-nur_ts_1292490897.png) no-repeat; padding: 0; display: block; margin: 15px 0; } #wrapper #content .sidebar-content { float: right; } #wrapper #content .sidebar { float: left; } #wrapper #content .sidebar-logo img { margin-bottom: 25px; width: 100%; height: auto; } #wrapper #content .sidebar-sm { padding-bottom: 35px; padding-left: 15px; } #wrapper #content .sidebar-sm .sm-title { padding-bottom: 8px; font-size: 13px; } #wrapper #content .object-embed { margin: 15px 0; } #wrapper #content .mejs-container { background: transparent; } #wrapper #content .object-right { float: right; } #wrapper #content .object-left { float: left; margin: 0 15px 0 0; } #wrapper #content .object-center { margin: auto 0; position: relative; text-align: center; } #wrapper #content #sujet { margin-bottom: 10px; width: 100%; height: auto; } #wrapper #content #sujet img { max-width: 100%; height: auto; } #wrapper #content #map { width: 100%; height: 300px; margin-bottom: 30px; } #wrapper #content .content-inner { background-color: #fafafa; padding: 30px 20px; overflow: hidden; } #wrapper #content .content-inner #brands, #wrapper #content .content-inner #store-content, #wrapper #content .content-inner > .text { padding: 0 20px; margin-bottom: 30px; } #wrapper #content .content-inner .embed-button { display: inline-block; margin-right: 2.92%; width: 31%; } #wrapper #content .content-inner .embed-button.last { margin-right: 0; } #wrapper #content .content-inner .highlightWrapper { float: right; width: 263px; margin-left: 30px; margin-bottom: 30px; clear: both; } #wrapper #content .content-inner .highlightWrapper .highlight { margin: 30px 0 0 0; } #wrapper #content .content-inner .highlightWrapper .highlight h2 a { font-weight: 400; } #wrapper #content .content-inner .buttons { overflow: hidden; width: 100%; float: left; } #wrapper #content .content-inner .content-button { height: 80px; background: url(/extension/current_design/design/redesign2014/images/button_ts_1496760879.png) no-repeat left top #000a23; overflow: hidden; text-align: center; display: table; width: 100%; position: relative; } #wrapper #content .content-inner .content-button > a { color: #fff; font-size: 24px; font-weight: 400; font-family: 'Open Sans', sans-serif; height: 100%; display: table-cell; padding: 0 42px; text-align: center; vertical-align: middle; width: 100%; text-decoration: none; } #wrapper #content .content-inner .content-button:hover span { background-image: -webkit-linear-gradient(top, #eceded 20%, #bec0c2 80%); background-image: linear-gradient(to bottom, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeceded', endColorstr='#ffbec0c2', GradientType=0); } #wrapper #content .content-inner .content-button:hover span i { color: #000a23; } #wrapper #content .content-inner .content-button span { display: block; width: 17px; border: 1px solid #000a23; background-color: #ed1c24; height: 100%; position: absolute; right: 0; top: 0; } #wrapper #content .content-inner .content-button span > a { height: 100%; color: #fff; display: table; text-decoration: none; } #wrapper #content .content-inner .content-button span > a > i { display: table-cell; vertical-align: middle; font-size: 11px; font-weight: 100; } #wrapper #content .content-inner ul li, #wrapper #content .content-inner ul li p, #wrapper #content .content-inner ol li p, #wrapper #content .content-inner ol li, #wrapper #content .content-inner p { font-size: 17px; font-family: 'Open Sans', sans-serif; line-height: 23px; color: #000a23; font-weight: 300; } #wrapper #content .content-inner ul { padding-left: 0; } #wrapper #content .content-inner ul li { list-style: none; background: url(/extension/current_design/design/redesign2014/images/bullet-icon_ts_1405068198.jpg) left 6px no-repeat; padding-left: 23px; min-height: 20px; } #wrapper #content .content-inner ul li ul { margin-left: 10px; } #wrapper #content .content-inner ol { padding-left: 22px; } #wrapper #content .content-inner ul li, #wrapper #content .content-inner ol li { margin-bottom: 10px; } #wrapper #content .content-inner a { color: #ed1c24; font-weight: 600; } #wrapper #content .content-inner a.more, #wrapper #content .content-inner a.back { color: #000a23; } #wrapper #content .content-inner p { margin-bottom: 15px; } #wrapper #content .content-inner img { max-width: 100%; height: auto; } #wrapper #content .content-inner table td img { max-width: initial; } #wrapper #content h1 { font-size: 33px; font-family: 'LimerickSerialLightRegular', cursive; line-height: 35px; color: #000a23; margin: 0 0 12px 0; font-weight: 300; text-transform: uppercase; } #wrapper #content h2 { font-size: 20px; font-family: 'Open Sans', sans-serif; line-height: 23px; color: #000a23; margin: 0 0 30px 0; font-weight: 400; } #wrapper #content h3 { font-size: 17px; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #000a23; margin: 0 0 23px 0; text-transform: uppercase; } #wrapper #content h3.icon { background: url(/extension/current_design/design/redesign2014/images/subline-icon_ts_1400494571.jpg) no-repeat left top; padding-left: 37px; } #wrapper #content h3.icon p { font-weight: 400; } .navbar-toggle { border: 0; padding: 17px 18px; } .navbar-toggle:hover, .navbar-toggle:focus { background: transparent; } .navbar-toggle span { position: absolute; left: 0; top: 0; } .navbar-toggle span i:before { font-size: 31px; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; } #footer, #push { position: relative; height: 90px; clear: both; } #footer .social-media-footer { display: none; } .fill-height { min-height: 100%; height: 100%; } #wrapper #startpage-group-wrapper #startpage-highlights { margin-top: 60px; } #wrapper #startpage-highlights .two-highlights .highlight h2, #wrapper #content .two-highlights .highlight h2 { margin-top: 0; } #wrapper #startpage-highlights .two-highlights .highlight .text-wrapper .text, #wrapper #content .two-highlights .highlight .text-wrapper .text { min-height: 114px; } #wrapper #startpage-highlights .flipgorilla-embed, #wrapper #content .flipgorilla-embed { position: relative; width: 380px; height: auto; margin: 15px 0; } #wrapper #startpage-highlights .iframe-overlay, #wrapper #content .iframe-overlay, #wrapper #startpage-highlights .flyer-overlay, #wrapper #content .flyer-overlay, #wrapper #startpage-highlights .video-overlay, #wrapper #content .video-overlay { height: 100%; width: 100%; position: absolute; overflow: hidden; } #wrapper #startpage-highlights .flyer-overlay, #wrapper #content .flyer-overlay { background: url(/extension/current_design/design/redesign2014/images/flyer-icon_ts_1401100689.png) no-repeat center center; } #wrapper #startpage-highlights .video-overlay, #wrapper #content .video-overlay, #wrapper #startpage-highlights .iframe-overlay, #wrapper #content .iframe-overlay { background: url(/extension/current_design/design/redesign2014/images/video-icon_ts_1401100689.png) no-repeat center center; } #wrapper #startpage-highlights .highlight, #wrapper #content .highlight { margin-bottom: 30px; overflow: hidden; } #wrapper #startpage-highlights .highlight .image-inner, #wrapper #content .highlight .image-inner { position: relative; width: 100%; height: 100%; } #wrapper #startpage-highlights .highlight img, #wrapper #content .highlight img { max-width: 100%; height: auto; display: block; } #wrapper #startpage-highlights .highlight h2, #wrapper #content .highlight h2 { background: #000a23; color: #fff; font-size: 18px; font-weight: 400; font-family: 'LimerickSerialLightRegular', cursive; padding: 15px 20px; margin: 10px 0 0 0; display: block; text-transform: uppercase; text-align: center; letter-spacing: 2px; } #wrapper #startpage-highlights .highlight h2 a, #wrapper #content .highlight h2 a { text-decoration: none; color: #fff; } #wrapper #startpage-highlights .highlight .carousel-indicators, #wrapper #content .highlight .carousel-indicators { bottom: 0; padding-left: 0; } #wrapper #startpage-highlights .highlight .text, #wrapper #content .highlight .text { padding: 15px; background-color: #e4e4e6; } #wrapper #startpage-highlights .highlight .text p, #wrapper #content .highlight .text p { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #000a23; font-size: 17px; line-height: 23px; margin-bottom: 10px; } #wrapper #startpage-highlights .highlight .text a.more, #wrapper #content .highlight .text a.more { font-weight: 600; font-family: 'Open Sans', sans-serif; color: #000a23; display: block; } #wrapper #startpage-highlights #storebox .panel { border-radius: 0; border: 0; } #wrapper #startpage-highlights #storebox .panel + .panel { margin-top: 0; } #wrapper #startpage-highlights #storebox .panel .panel-heading { border-radius: 0; padding: 0; } #wrapper #startpage-highlights #storebox .panel .panel-heading .panel-title a { font-family: 'LimerickSerialLightRegular', cursive; font-size: 17px; text-transform: uppercase; color: #000a23; text-decoration: none; padding: 10px 15px; display: block; background: #000a23; background-image: -webkit-linear-gradient(top, #eceded 20%, #bec0c2 80%); background-image: linear-gradient(to bottom, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeceded', endColorstr='#ffbec0c2', GradientType=0); letter-spacing: 2px; } #wrapper #startpage-highlights #storebox .panel .panel-heading .panel-title a.collapsed { background: #000a23; color: #fff; filter: none; } #wrapper #startpage-highlights #storebox .panel .panel-heading .panel-title a.collapsed i { color: #fff; } #wrapper #startpage-highlights #storebox .panel .panel-heading .panel-title a.collapsed i.glyphicon-chevron-up { display: none; } #wrapper #startpage-highlights #storebox .panel .panel-heading .panel-title a.collapsed i.glyphicon-chevron-down { display: block; } #wrapper #startpage-highlights #storebox .panel .panel-heading .panel-title a i { float: right; margin-top: 5px; color: #000a23; font-size: 11px; } #wrapper #startpage-highlights #storebox .panel .panel-heading .panel-title a i.glyphicon-chevron-down { display: none; } #wrapper #startpage-highlights #storebox .panel .panel-heading .panel-title a i.glyphicon-chevron-up { display: block; } #wrapper #startpage-highlights #storebox .panel #stores span { font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 17px; } #wrapper #startpage-highlights #storebox .panel #stores #storeboxAltText { font-size: 17px; font-family: 'Open Sans', sans-serif; font-weight: 300; } #wrapper #startpage-highlights #storebox .panel #stores #storeboxAltText b { font-weight: 600; } #wrapper #startpage-highlights #storebox .panel #stores .items { margin: 15px 0; } #wrapper #startpage-highlights #storebox .panel #stores .items .item { margin-bottom: 5px; background-color: #000a23; position: relative; } #wrapper #startpage-highlights #storebox .panel #stores .items .item a { display: block; padding: 8px 18px 8px 8px; text-decoration: none; } #wrapper #startpage-highlights #storebox .panel #stores .items .item a .address, #wrapper #startpage-highlights #storebox .panel #stores .items .item a .street { width: 100%; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; } #wrapper #startpage-highlights #storebox .panel #stores .items .item a .address { color: #fff; text-transform: uppercase; font-weight: 600; } #wrapper #startpage-highlights #storebox .panel #stores .items .item a .street { color: #ed1c24; font-weight: 300; } #wrapper #startpage-highlights #storebox .panel #stores .items .item a:hover .arrow-container { background-image: -webkit-linear-gradient(top, #eceded 20%, #bec0c2 80%); background-image: linear-gradient(to bottom, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeceded', endColorstr='#ffbec0c2', GradientType=0); } #wrapper #startpage-highlights #storebox .panel #stores .items .item a:hover .arrow-container .arrow i { color: #000a23; } #wrapper #startpage-highlights #storebox .panel #stores .items .item a .arrow-container { background-color: #ed1c24; border: 1px solid #000a23; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 17px; } #wrapper #startpage-highlights #storebox .panel #stores .items .item a .arrow-container .arrow { display: table; height: 100%; } #wrapper #startpage-highlights #storebox .panel #stores .items .item a .arrow-container .arrow i { padding-left: 2px; color: #fff; font-size: 11px; display: table-cell; vertical-align: middle; } #wrapper #startpage-highlights #storebox .panel .panel-body { border-left: 3px solid #bfc1c3; border-right: 3px solid #bfc1c3; border-bottom: 3px solid #bfc1c3; border-top: 0; overflow: hidden; } #wrapper #startpage-highlights #storebox .panel .panel-body .iframe { overflow: hidden; width: 229px; } #wrapper #startpage-highlights #storebox .panel .panel-body .iframe iframe { left: -1px; position: relative; top: -1px; } .navbar { background-color: #000a23; border: 0; border-radius: 0; margin-bottom: 1px; min-height: 48px; } .navbar #mainNavigation { padding-left: 0; padding-right: 0; } .navbar #mainNavigation .nav { width: 100%; display: table-row; } .navbar #mainNavigation .nav .open > a, .navbar #mainNavigation .nav .open > a:hover, .navbar #mainNavigation .nav .open > a:focus { background: none; } .navbar #mainNavigation .nav > li { border-left: 1px solid #fff; background: #000a23; display: table-cell; vertical-align: middle; height: 100%; float: none; outline-style: solid; outline-width: 1px; outline-color: #000a23; outline-offset: -2px; width: 1%; } .navbar #mainNavigation .nav > li.last { border-right: 1px solid #fff; } .navbar #mainNavigation .nav > li a.dropdown-toggle, .navbar #mainNavigation .nav > li .dropdown-menu > li > a.dropdown-toggle, .navbar #mainNavigation .nav > li .dropdown-submenu > a.dropdown-toggle { display: none; position: absolute; right: 0; top: 0; width: 15%; } .navbar #mainNavigation .nav > li .dropdown-menu.mobile, .navbar #mainNavigation .nav > li .dropdown-submenu.mobile { visibility: hidden; } .navbar #mainNavigation .nav > li.current, .navbar #mainNavigation .nav > li:hover { background-image: -webkit-linear-gradient(top, #eceded 20%, #bec0c2 80%); background-image: linear-gradient(to bottom, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeceded', endColorstr='#ffbec0c2', GradientType=0); } .navbar #mainNavigation .nav > li.current a, .navbar #mainNavigation .nav > li:hover a { color: #000a23; } .navbar #mainNavigation .nav > li a { padding: 14px 20px; color: #fff; font-size: 17px; font-family: 'LimerickSerialLightRegular', cursive; font-weight: 400; text-transform: uppercase; text-align: center; display: block; width: 100%; letter-spacing: 2px; } #additional-links { background-color: #b6b6b6; height: 40px; } #additional-links .links.last { float: right; } #additional-links .links.last a { margin-right: 0; text-align: right; } #additional-links .links a { font-size: 16px; color: #000; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-top: 10px; display: block; margin-right: 20px; } #additional-links .links a > span { padding-top: 10px; } #additional-links .links a > span i:before { font-size: 20px; } .vnavigation { margin-bottom: 15px; padding: 0; list-style: none; } .vnavigation > li { border-bottom: 1px solid #dbdcdd; background-color: #000a23; } .vnavigation > li > a { padding: 17px 15px; display: block; text-decoration: none; font-size: 17px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 300; } .vnavigation > li:hover a, .vnavigation > li.current a { background-image: -webkit-linear-gradient(top, #eceded 20%, #bec0c2 80%); background-image: linear-gradient(to bottom, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeceded', endColorstr='#ffbec0c2', GradientType=0); } .vnavigation > li.current a, .vnavigation > li a:hover { color: #000a23; } .vnavigation > li .vnavigation-2 { list-style: none; padding-left: 0; } .vnavigation > li .vnavigation-2 > li.current a { font-weight: 600; background: #e5e5e5; } .vnavigation > li .vnavigation-2 > li > a { padding: 11px 15px 11px 37px; display: block; text-decoration: none; font-size: 15px; color: #000a23; font-family: 'Open Sans', sans-serif; font-weight: 300; background: #bdbfc1; } .vnavigation > li .vnavigation-2 > li > a:hover { background: #e5e5e5; } .metanavigation { padding: 40px 0 160px 0; background: #000a23; color: white; font-family: 'LimerickSerialLightRegular', cursive; } .metanavigation ul { padding: 0; } .metanavigation li { list-style: none; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.3; margin-bottom: 10px; } .metanavigation li a { color: #fff; } .metanavigation .headline { font-size: 19px; text-transform: uppercase; margin-bottom: 40px; letter-spacing: 2px; } #tickerWrapper { margin: 0; padding: 7px; width: 100%; color: #000a23; overflow: hidden; font-size: 14px; font-family: 'Open Sans', sans-serif; height: 32px; } #tickerWrapper .bx-wrapper { width: 100% !important; } #tickerWrapper .bx-wrapper #ticker { margin: 0; } #tickerWrapper .bx-wrapper #ticker li { margin: 0; } .subnav { margin-top: 30px; } #slider { margin: 0 0 30px 0; } .fade-carousel .carousel-inner .item { opacity: 0; filter: alpha(opacity=0); -webkit-transition: 1.5s linear opacity; -moz-transition: 1.5s linear opacity; -o-transition: 1.5s linear opacity; -ms-transition: 1.5s linear opacity; transition: 1.5s linear opacity; } .fade-carousel .carousel-inner .item > a { position: absolute; width: 100%; height: 100%; display: block; z-index: 100; } .fade-carousel .carousel-inner .item .container-wrapper { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; } .fade-carousel .carousel-inner .item .container-wrapper > .container { position: relative; } .fade-carousel .carousel-inner .item .container-wrapper > .container .slide-text { width: 275px; overflow: hidden; position: absolute; right: 15px; top: 90px; background: #fff; opacity: 0.7; padding: 23px 30px; } .fade-carousel .carousel-inner .item .container-wrapper > .container .slide-text p { font-family: 'LimerickSerialLightRegular', cursive; color: #000a23; text-transform: uppercase; text-align: right; margin: 0; font-size: 33px; line-height: 45px; font-weight: 700; } .fade-carousel .carousel-inner .active { opacity: 1; filter: alpha(opacity=100); } .fade-carousel .carousel-inner .active.left, .fade-carousel .carousel-inner .active.right { left: 0; opacity: 0; filter: alpha(opacity=0); z-index: 1; } .fade-carousel .carousel-inner .next.left, .fade-carousel .carousel-inner .prev.right { opacity: 1; filter: alpha(opacity=100); } #storefinder-box-link { z-index: 900; } #storefinder-box-link .glyphicon { color: #ed1c24; font-size: 18px; } #storefinder-box-link, #stores-box-link { background-color: #000a23; } #storefinder-box-link a, #stores-box-link a { padding: 18px 20px; color: #fff; font-size: 18px; font-weight: 600; font-family: 'LimerickSerialXlightRegular', cursive; display: block; text-align: center; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; } #storefinder-box-link a .glyphicons, #stores-box-link a .glyphicons { padding: 13px 0 5px 30px; } #header { height: 82px; overflow: hidden; } #header.group { height: 115px; } #header.group .slogan { margin: 21px 0 0 25px; float: left; } #header.group .slogan > p { margin-top: 10px; font-size: 26px; line-height: 32px; text-align: left; } #header.group #logo { float: left; margin-top: 21px; } #header #logo { float: right; margin-top: 18px; } #header .slogan { float: right; margin-right: 25px; margin-top: 17px; } #header .slogan > p { font-family: 'LimerickSerialLightRegular', cursive; letter-spacing: 2px; font-weight: 300; font-size: 20px; line-height: 22px; color: #000a23; text-align: right; margin: 0; } #header .social-media { margin-top: 23px; } #header .social-media > a { float: left; margin: 2px 11px 0 0; } #header .social-media > p { width: 270px; font-size: 17px; font-family: 'LimerickSerialLightRegular', cursive; letter-spacing: 2px; line-height: 18px; font-weight: 300; text-transform: uppercase; float: left; margin: 0px; } #header .social-media .headline { font-size: 1.2rem; } .social-media a { padding-right: 2.5px; } .social-media .headline { margin-bottom: 2px; } @media (max-width: 991px) { .social-media .headline span { margin-left: -4px; } } .social-media a:hover { text-decoration: none; } .up-icon { display: inline-block; width: 28px; height: 26px; min-height: 28px; background: url(/extension/current_design/design/redesign2014/images/social-icons_ts_1482243321.png) no-repeat; } .up-facebook { background-position: 0px -28px !important; } .up-twitter { background-position: -28px -28px !important; } .up-youtube { background-position: -56px -28px !important; } .up-instagram { background-position: -84px -28px !important; } #footer .up-icon { margin-top: 20px; background: url(/extension/current_design/design/redesign2014/images/social-icons-white_ts_1496908834.png) no-repeat; } #brand-list { background-color: #000a23; padding: 10px 0; overflow: hidden; } #brand-list .bar-inner { height: 30px; overflow: hidden; } #brand-list .bar-inner .item { display: inline-block; vertical-align: middle; height: 30px; margin-right: 30px; } #brand-list .link-item { text-align: right; width: 100px; float: right; } #brand-list .link-item a { color: #fff; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 11px; display: block; } #brands .item { display: inline-block; vertical-align: bottom; } #brands .item a, #brands .item span { display: block; padding: 15px; border: 1px solid transparent; } #brands .item a:hover { border: 1px solid #ed1c24; } #wrapper #content #news { padding: 0 20px; } #wrapper #content #news h1 { margin-bottom: 20px; } #wrapper #content #news .item { margin-bottom: 30px; } #wrapper #content #news .item h2 { margin-bottom: 15px; } #wrapper #content #news .item h2 a { text-decoration: none; color: #000a23; } #wrapper #content #news .item img { width: 100%; height: auto; } #wrapper #content #store-list { font-size: 15px; } #wrapper #content #store-list .heading { font-weight: 600; margin-bottom: 10px; } #wrapper #content #store-list .store { margin-bottom: 10px; } #wrapper #content #stores { margin-bottom: 30px; } #wrapper #content #stores .item { min-height: 60px; overflow: hidden; } #wrapper #content #stores .item .border { border: 5px solid #c6cfd3; min-height: 60px; overflow: hidden; } #wrapper #content #stores .item .border .image { width: 27%; min-height: 60px; height: 100%; float: left; } #wrapper #content #stores .item .border .image img { vertical-align: baseline; } #wrapper #content #stores .item .border .store { border-left: 5px solid #c6cfd3; float: left; width: 73%; position: relative; height: 100%; min-height: 60px; padding: 10px 25px 10px 30px; background-image: -webkit-linear-gradient(left, color-stop(#eceded 20%), color-stop(#bec0c2 80%)); background-image: linear-gradient(to right, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; background-color: #eceded; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeceded', endColorstr='#ffbec0c2', GradientType=1); } #wrapper #content #stores .item .border .store a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-decoration: none; } #wrapper #content #stores .item .border .store .address, #wrapper #content #stores .item .border .store .street { display: block; font-size: 14px; font-family: 'Open Sans', sans-serif; color: #000a23; } #wrapper #content #stores .item .border .store .address { font-weight: 600; } #wrapper #content #stores .item .border .store .street { font-weight: 300; } #wrapper #content #stores .item .border .store .arrow-container { display: block; height: 100%; position: absolute; right: 0; top: 0; width: 25px; } #wrapper #content #stores .item .border .store .arrow-container .arrow { display: table; height: 100%; } #wrapper #content #stores .item .border .store .arrow-container .arrow i { padding-left: 2px; display: table-cell; vertical-align: middle; color: #000a23; font-size: 11px; } #tooltip { position: absolute; display: none; margin-left: -56px; z-index: 2; } #tooltip.visible { display: block; } #tooltip .top { width: 329px; height: 12px; background: url(/extension/current_design/design/redesign2014/images/tooltip-top_ts_1400775429.png) no-repeat; } #tooltip .inner { width: 329px; padding: 30px; height: auto; background: url(/extension/current_design/design/redesign2014/images/tooltip-center_ts_1400775429.png) repeat-y; } #tooltip .inner .tooltipContent { overflow: hidden; } #tooltip .inner .tooltipContent .left { float: left; margin-right: 20px; max-width: 87px; } #tooltip .inner .tooltipContent .right { float: left; width: 162px; } #tooltip .inner .tooltipContent .right p { font-size: 11px; margin-bottom: 0; } #tooltip .bottom { width: 329px; height: 19px; background: url(/extension/current_design/design/redesign2014/images/tooltip-bottom_ts_1400775429.png) no-repeat; } .partner-name { font-weight: bold; } .partner-store-locations { font-size: 13px !important; } .store-items .item { background-color: #000a23; margin-bottom: 15px; position: relative; } .store-items .item a { padding: 18px 20px; color: #ed1c24; font-size: 18px; font-family: 'LimerickSerialXlightRegular', cursive; display: block; text-decoration: none; border: 1px solid #000a23; } .store-items .item a .address, .store-items .item a .street { width: 100%; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; } .store-items .item a .address { color: #fff; text-transform: uppercase; font-weight: 600; } .store-items .item a .street { color: #ed1c24; font-weight: 300; } .store-items .item a .glyphicons { padding: 13px 0 5px 30px; } .store-items .item a .arrow-container { display: block; width: 17px; border: 1px solid #000a23; background-color: #ed1c24; height: 100%; position: absolute; right: 0; top: 0; } .store-items .item a .arrow-container span { color: white; height: 100%; display: table; } .store-items .item a .arrow-container span i { vertical-align: middle; display: table-cell; font-size: 11px; font-weight: 100; } .store-items .item a:hover .arrow-container { background-image: linear-gradient(to bottom, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; } .store-items .item a:hover .arrow-container span { color: black; } #modal-flipgorilla, #modal-youtube, #modal { z-index: 10000; overflow: auto; } #modal-flipgorilla .modal-dialog, #modal-youtube .modal-dialog, #modal .modal-dialog { z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; } #modal-flipgorilla .modal-dialog .modal-body, #modal-youtube .modal-dialog .modal-body, #modal .modal-dialog .modal-body { padding: 20px 0px; } #modal-flipgorilla .modal-dialog .modal-body > .container, #modal-youtube .modal-dialog .modal-body > .container, #modal .modal-dialog .modal-body > .container { position: relative; } #modal-flipgorilla .modal-dialog .modal-body > .container .inner, #modal-youtube .modal-dialog .modal-body > .container .inner, #modal .modal-dialog .modal-body > .container .inner { width: 100%; } #modal-flipgorilla .modal-dialog .modal-body > .container .close, #modal-youtube .modal-dialog .modal-body > .container .close, #modal .modal-dialog .modal-body > .container .close { float: none; position: absolute; right: 1px; top: -14px; opacity: 1; filter: none; z-index: 10000; } #modal-youtube .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } #modal-youtube .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #wrapper #content #guarantees { margin: 30px 0 15px 0; } #wrapper #content #guarantees .item { overflow: hidden; margin-bottom: 15px; } #wrapper #content #guarantees .item img { margin-bottom: 10px; } #wrapper #content .content-inner #lottery { margin-top: 40px; } #wrapper #content .content-inner legend { border: 0; margin-bottom: 10px; } #wrapper #content .content-inner .formContainerPadding, #wrapper #content .content-inner .formContainer { padding: 20px; } #wrapper #content .content-inner .formContainerPadding #order_new .shipping .label, #wrapper #content .content-inner .formContainer #order_new .shipping .label, #wrapper #content .content-inner .formContainerPadding #order .shipping .label, #wrapper #content .content-inner .formContainer #order .shipping .label { display: none; } #wrapper #content .content-inner .formContainerPadding #order_new, #wrapper #content .content-inner .formContainer #order_new { } #wrapper #content .content-inner .formContainerPadding #order_new ol li, #wrapper #content .content-inner .formContainer #order_new ol li { margin-bottom: 2px; } #wrapper #content .content-inner .formContainerPadding #order_new .mandatory.captcha ul.errors, #wrapper #content .content-inner .formContainer #order_new .mandatory.captcha ul.errors { float: left; width: 100%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts3 ol > li, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts3 ol > li { width: 75%; display: inline-block; vertical-align: top; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts3 ol > li label, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts3 ol > li label { width: 40%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts3 ol > li.not-visible, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts3 ol > li.not-visible { width: 15%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts3 ol > li.not-visible input, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts3 ol > li.not-visible input { display: none; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts3 ol > li .bootstrap-select, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts3 ol > li .bootstrap-select { width: 20% !important; margin-right: 10%; float: left; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_careproducts ol > li, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_careproducts ol > li { width: 75%; display: inline-block; vertical-align: top; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_careproducts ol > li.not-visible, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_careproducts ol > li.not-visible { width: 15%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_careproducts ol > li.not-visible input, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_careproducts ol > li.not-visible input { display: none; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_careproducts ol > li label, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_careproducts ol > li label { width: 40%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_careproducts ol > li .bootstrap-select, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_careproducts ol > li .bootstrap-select { margin-right: 10%; width: 20%; float: left; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts2 ol > li, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts2 ol > li, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts1 ol > li, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts1 ol > li { width: 25%; display: inline-block; vertical-align: top; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts2 ol > li label, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts2 ol > li label, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts1 ol > li label, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts1 ol > li label { width: 40%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts2 ol > li.not-visible, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts2 ol > li.not-visible, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts1 ol > li.not-visible, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts1 ol > li.not-visible { width: 15%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts2 ol > li.not-visible input, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts2 ol > li.not-visible input, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts1 ol > li.not-visible input, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts1 ol > li.not-visible input { display: none; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts2 ol > li .bootstrap-select, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts2 ol > li .bootstrap-select, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts1 ol > li .bootstrap-select, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts1 ol > li .bootstrap-select { width: 50% !important; margin-right: 10%; float: left; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts1 ul.errors, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts1 ul.errors, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts2 ul.errors, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts2 ul.errors, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts3 ul.errors, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts3 ul.errors, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_careproducts ul.errors, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_careproducts ul.errors { width: 400px; margin-top: 20px; } #wrapper #content .content-inner .formContainerPadding #order_new li.checkbox, #wrapper #content .content-inner .formContainer #order_new li.checkbox { position: relative; } #wrapper #content .content-inner .formContainerPadding #order_new li.checkbox input.checkbox, #wrapper #content .content-inner .formContainer #order_new li.checkbox input.checkbox { float: none; position: absolute; top: 0; } #wrapper #content .content-inner .formContainerPadding fieldset, #wrapper #content .content-inner .formContainer fieldset { margin-bottom: 15px; } #wrapper #content .content-inner .formContainerPadding fieldset legend, #wrapper #content .content-inner .formContainer fieldset legend { text-decoration: underline; } #wrapper #content .content-inner .formContainerPadding fieldset#fieldset-order4 legend span, #wrapper #content .content-inner .formContainer fieldset#fieldset-order4 legend span { background: url(/extension/current_design/design/redesign2014/images/error-star_ts_1403596738.png) no-repeat right 10px; padding-right: 15px; } #wrapper #content .content-inner .formContainerPadding .submit, #wrapper #content .content-inner .formContainer .submit { margin-top: 30px; } #wrapper #content .content-inner .formContainerPadding .submit input[type="submit"], #wrapper #content .content-inner .formContainer .submit input[type="submit"] { border: 0; background-color: #000a23; color: #fff; padding: 10px 20px; border-radius: 8px; } #wrapper #content .content-inner .formContainerPadding input[type="text"]:focus + .description p, #wrapper #content .content-inner .formContainer input[type="text"]:focus + .description p, #wrapper #content .content-inner .formContainerPadding select:focus + .description p, #wrapper #content .content-inner .formContainer select:focus + .description p, #wrapper #content .content-inner .formContainerPadding textarea:focus + .description p, #wrapper #content .content-inner .formContainer textarea:focus + .description p { display: block; text-indent: 1px; } #wrapper #content .content-inner .formContainerPadding ol, #wrapper #content .content-inner .formContainer ol { padding: 0; list-style: none; } #wrapper #content .content-inner .formContainerPadding ol .description p, #wrapper #content .content-inner .formContainer ol .description p { text-indent: -99999px; font-size: 14px; margin-bottom: 0; } #wrapper #content .content-inner .formContainerPadding ol .label em, #wrapper #content .content-inner .formContainer ol .label em { color: #ed1c24; } #wrapper #content .content-inner .formContainerPadding ol .error .description, #wrapper #content .content-inner .formContainer ol .error .description { display: none; } #wrapper #content .content-inner .formContainerPadding ol .errors, #wrapper #content .content-inner .formContainer ol .errors { list-style: none; padding-left: 0; } #wrapper #content .content-inner .formContainerPadding ol .errors li, #wrapper #content .content-inner .formContainer ol .errors li { color: #ed1c24; font-size: 14px; background: none; padding: 0; } #wrapper #content .content-inner .formContainerPadding ol .checkbox label, #wrapper #content .content-inner .formContainer ol .checkbox label { width: auto; } #wrapper #content .content-inner .formContainerPadding ol .date input, #wrapper #content .content-inner .formContainer ol .date input { background: url(/extension/current_design/design/redesign2014/images/datepicker_ts_1401443651.jpg) no-repeat 4px center #fff; padding-left: 20px; } #wrapper #content .content-inner .formContainerPadding ol label, #wrapper #content .content-inner .formContainer ol label { width: 100%; display: inline-block; color: #000a23; text-align: left; font-size: 17px; padding-left: 0; font-weight: normal; white-space: normal; } #wrapper #content .content-inner .formContainerPadding ol textarea, #wrapper #content .content-inner .formContainer ol textarea { height: 180px; } #wrapper #content .content-inner .formContainerPadding ol input[type="text"], #wrapper #content .content-inner .formContainer ol input[type="text"], #wrapper #content .content-inner .formContainerPadding ol textarea, #wrapper #content .content-inner .formContainer ol textarea { width: 50%; border: 0; padding: 5px 10px; } #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), #wrapper #content .content-inner .formContainer ol .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 50%; } #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select > .btn, #wrapper #content .content-inner .formContainer ol .bootstrap-select > .btn { padding-right: 21px; padding-left: 10px; font-size: 12px; } #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select .selectpicker, #wrapper #content .content-inner .formContainer ol .bootstrap-select .selectpicker { border-radius: 8px; border: 0; } #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select .selectpicker.dropdown-toggle, #wrapper #content .content-inner .formContainer ol .bootstrap-select .selectpicker.dropdown-toggle, #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select .selectpicker:hover, #wrapper #content .content-inner .formContainer ol .bootstrap-select .selectpicker:hover, #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select .selectpicker:focus, #wrapper #content .content-inner .formContainer ol .bootstrap-select .selectpicker:focus, #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select .selectpicker:active, #wrapper #content .content-inner .formContainer ol .bootstrap-select .selectpicker:active, #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select .selectpicker.active, #wrapper #content .content-inner .formContainer ol .bootstrap-select .selectpicker.active { background-color: #fff; filter: none; box-shadow: none; } #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select .selectpicker .caret, #wrapper #content .content-inner .formContainer ol .bootstrap-select .selectpicker .caret { right: 10px; } #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select .dropdown-menu li, #wrapper #content .content-inner .formContainer ol .bootstrap-select .dropdown-menu li { list-style: none; background: none; padding-left: 0; margin-bottom: 0; } #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select .dropdown-menu li .text, #wrapper #content .content-inner .formContainer ol .bootstrap-select .dropdown-menu li .text { color: #000a23; font-size: 14px; } #wrapper #content .content-inner .formContainerPadding ol input[type="text"], #wrapper #content .content-inner .formContainer ol input[type="text"], #wrapper #content .content-inner .formContainerPadding ol textarea, #wrapper #content .content-inner .formContainer ol textarea { border-radius: 8px; } #wrapper #content .content-inner .formContainerPadding ol input[type="radio"], #wrapper #content .content-inner .formContainer ol input[type="radio"] { margin-right: 5px; } #wrapper #content .content-inner .formContainerPadding ol .captcha input[type="text"], #wrapper #content .content-inner .formContainer ol .captcha input[type="text"] { float: left; } #wrapper #content .content-inner .formContainerPadding ol .captcha > img, #wrapper #content .content-inner .formContainer ol .captcha > img { float: left; margin-top: 20px; clear: both; } .bootstrap-datetimepicker-widget { top: 0; left: 0; width: 250px; padding: 4px; margin-top: 1px; z-index: 99999; border-radius: 4px; background: #000a23; } .bootstrap-datetimepicker-widget .btn { padding: 6px; } .bootstrap-datetimepicker-widget:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #000a23; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .bootstrap-datetimepicker-widget:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #000a23; position: absolute; top: -6px; left: 7px; } .bootstrap-datetimepicker-widget.pull-right:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.pull-right:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget > ul { list-style-type: none; margin: 0; } .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second { width: 100%; font-weight: bold; font-size: 1.2em; } .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator { width: 4px; padding: 0; margin: 0; } .bootstrap-datetimepicker-widget .datepicker > div { display: none; } .bootstrap-datetimepicker-widget .picker-switch { text-align: center; } .bootstrap-datetimepicker-widget table { width: 100%; margin: 0; } .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th { text-align: center; width: 20px; height: 20px; border-radius: 4px; color: #fff; } .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover { background: #b6b6b6; cursor: pointer; } .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new { color: #fff; } .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover { background-color: #ed1c24; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover { background: none; color: #fff; cursor: not-allowed; } .bootstrap-datetimepicker-widget td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; border-radius: 4px; } .bootstrap-datetimepicker-widget td span:hover { background: #ed1c24; } .bootstrap-datetimepicker-widget td span.active { background-color: #ed1c24; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .bootstrap-datetimepicker-widget td span.old { color: #fff; } .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover { background: none; color: #fff; cursor: not-allowed; } .bootstrap-datetimepicker-widget th.switch { width: 145px; } .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev { font-size: 25.5px; } .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover { background: none; color: #fff; cursor: not-allowed; } .bootstrap-datetimepicker-widget thead tr:first-child th { cursor: pointer; } .bootstrap-datetimepicker-widget thead tr:first-child th:hover { background: #b6b6b6; } .input-group.date .input-group-addon span { display: block; cursor: pointer; width: 16px; height: 16px; } .bootstrap-datetimepicker-widget.left-oriented:before { left: auto; right: 6px; } .bootstrap-datetimepicker-widget.left-oriented:after { left: auto; right: 7px; } .bootstrap-datetimepicker-widget ul.list-unstyled li.in div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td { padding: 0px !important; } #wrapper .sidebar #storefinder-left { margin: 0 0 15px 0; padding: 0; } #wrapper .sidebar #storefinder-left .panel { border-radius: 0; border: 0; } #wrapper .sidebar #storefinder-left .panel + .panel { margin-top: 0; } #wrapper .sidebar #storefinder-left .panel .panel-heading { border-radius: 0; padding: 0; } #wrapper .sidebar #storefinder-left .panel .panel-heading .panel-title a { font-family: 'LimerickSerialLightRegular', cursive; font-size: 17px; text-transform: uppercase; color: #000a23; text-decoration: none; padding: 10px 15px; display: block; background: #000a23; background-image: -webkit-linear-gradient(top, #eceded 20%, #bec0c2 80%); background-image: linear-gradient(to bottom, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeceded', endColorstr='#ffbec0c2', GradientType=0); letter-spacing: 2px; } #wrapper .sidebar #storefinder-left .panel .panel-heading .panel-title a.collapsed { background: #000a23; color: #fff; filter: none; } #wrapper .sidebar #storefinder-left .panel .panel-heading .panel-title a.collapsed i { color: #fff; } #wrapper .sidebar #storefinder-left .panel .panel-heading .panel-title a.collapsed i.glyphicon-chevron-up { display: none; } #wrapper .sidebar #storefinder-left .panel .panel-heading .panel-title a.collapsed i.glyphicon-chevron-down { display: block; } #wrapper .sidebar #storefinder-left .panel .panel-heading .panel-title a i { float: right; margin-top: 5px; color: #000a23; font-size: 11px; } #wrapper .sidebar #storefinder-left .panel .panel-heading .panel-title a i.glyphicon-chevron-down { display: none; } #wrapper .sidebar #storefinder-left .panel .panel-heading .panel-title a i.glyphicon-chevron-up { display: block; } #wrapper .sidebar #storefinder-left .panel .panel-body { border-left: 3px solid #bfc1c3; border-right: 3px solid #bfc1c3; border-bottom: 3px solid #bfc1c3; border-top: 0; padding-right: 0; padding-left: 0; } #wrapper .sidebar #storefinder-left .panel .panel-body .regionSearch { text-align: left; } #wrapper .sidebar #storefinder-left .panel .panel-body .regionSearch .autMap { text-align: center; margin-top: 20px; } #wrapper .sidebar #storefinder-left .panel .panel-body .regionSearch .text-wrapper { padding: 0 15px; position: relative; } #wrapper .sidebar #storefinder-left .panel .panel-body .regionSearch .text-wrapper .zip-form { position: absolute; top: 35px; } #wrapper .sidebar #storefinder-left .panel .panel-body .regionSearch .text-wrapper .zip-form .zip-label { margin-right: 10px; } #wrapper .sidebar #storefinder-left .panel .panel-body .regionSearch .text-wrapper .zip-form .zip-input { position: relative; width: 80px; } #wrapper .sidebar #storefinder-left .panel .panel-body .regionSearch .text-wrapper .zip-form .zip-input input[type="text"] { width: 50px; padding: 1px 4px; } #wrapper .sidebar #storefinder-left .panel .panel-body .regionSearch .text-wrapper .zip-form .zip-input input[type="image"] { float: right; position: relative; } #wrapper .sidebar #storefinder-left .panel .panel-body .scrollWrapper { padding: 0 15px; } #wrapper #storefinder-left, #wrapper #pdf_storefinder, #wrapper #storefinder { padding: 15px 0; background: #e4e4e6; margin-bottom: 30px; } #wrapper #storefinder-left .regionSearch, #wrapper #pdf_storefinder .regionSearch, #wrapper #storefinder .regionSearch { text-align: center; overflow: hidden; } #wrapper #storefinder-left .regionSearch .text-wrapper, #wrapper #pdf_storefinder .regionSearch .text-wrapper, #wrapper #storefinder .regionSearch .text-wrapper { padding: 0 25px; font-weight: 300; font-family: 'Open Sans', sans-serif; font-weight: 17px; } #wrapper #storefinder-left .regionSearch .text-wrapper .all-stores, #wrapper #pdf_storefinder .regionSearch .text-wrapper .all-stores, #wrapper #storefinder .regionSearch .text-wrapper .all-stores { color: #ed1c24; text-align: left; display: block; width: 100%; margin: 5px 0; font-weight: 600; } #wrapper #storefinder-left .regionSearch .text-wrapper .all-stores .glyphicons, #wrapper #pdf_storefinder .regionSearch .text-wrapper .all-stores .glyphicons, #wrapper #storefinder .regionSearch .text-wrapper .all-stores .glyphicons { padding: 15px 0 5px 26px; } #wrapper #storefinder-left .regionSearch .text-wrapper .all-stores .glyphicons i:before, #wrapper #pdf_storefinder .regionSearch .text-wrapper .all-stores .glyphicons i:before, #wrapper #storefinder .regionSearch .text-wrapper .all-stores .glyphicons i:before { color: #ed1c24; } #wrapper #storefinder-left .regionSearch .text-wrapper .zip-form, #wrapper #pdf_storefinder .regionSearch .text-wrapper .zip-form, #wrapper #storefinder .regionSearch .text-wrapper .zip-form { clear: both; overflow: hidden; } #wrapper #storefinder-left .regionSearch .text-wrapper .zip-form .zip-label, #wrapper #pdf_storefinder .regionSearch .text-wrapper .zip-form .zip-label, #wrapper #storefinder .regionSearch .text-wrapper .zip-form .zip-label { float: left; } #wrapper #storefinder-left .regionSearch .text-wrapper .zip-form .zip-label label, #wrapper #pdf_storefinder .regionSearch .text-wrapper .zip-form .zip-label label, #wrapper #storefinder .regionSearch .text-wrapper .zip-form .zip-label label { font-weight: 300; font-family: 'Open Sans', sans-serif; font-weight: 17px; } #wrapper #storefinder-left .regionSearch .text-wrapper .zip-form .zip-input, #wrapper #pdf_storefinder .regionSearch .text-wrapper .zip-form .zip-input, #wrapper #storefinder .regionSearch .text-wrapper .zip-form .zip-input { position: relative; width: 130px; float: right; } #wrapper #storefinder-left .regionSearch .text-wrapper .zip-form .zip-input input[type="text"], #wrapper #pdf_storefinder .regionSearch .text-wrapper .zip-form .zip-input input[type="text"], #wrapper #storefinder .regionSearch .text-wrapper .zip-form .zip-input input[type="text"] { border: 1px solid #dbdcdd; width: 128px; font-size: 14px; padding: 4px 25px 4px 10px; } #wrapper #storefinder-left .regionSearch .text-wrapper .zip-form .zip-input input[type="image"], #wrapper #pdf_storefinder .regionSearch .text-wrapper .zip-form .zip-input input[type="image"], #wrapper #storefinder .regionSearch .text-wrapper .zip-form .zip-input input[type="image"] { position: absolute; right: 8px; top: 7px; } #wrapper #storefinder-left .scrollWrapper, #wrapper #pdf_storefinder .scrollWrapper, #wrapper #storefinder .scrollWrapper { padding: 0 25px; margin-top: 15px; font-weight: 300; } #wrapper #storefinder-left .scrollWrapper .item, #wrapper #pdf_storefinder .scrollWrapper .item, #wrapper #storefinder .scrollWrapper .item { margin-bottom: 5px; background-color: #000a23; position: relative; } #wrapper #storefinder-left .scrollWrapper .item a, #wrapper #pdf_storefinder .scrollWrapper .item a, #wrapper #storefinder .scrollWrapper .item a { display: block; padding: 8px 18px 8px 8px; text-decoration: none; font-weight: normal; } #wrapper #storefinder-left .scrollWrapper .item a:hover .arrow-container, #wrapper #pdf_storefinder .scrollWrapper .item a:hover .arrow-container, #wrapper #storefinder .scrollWrapper .item a:hover .arrow-container { background-image: -webkit-linear-gradient(top, #eceded 20%, #bec0c2 80%); background-image: linear-gradient(to bottom, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeceded', endColorstr='#ffbec0c2', GradientType=0); } #wrapper #storefinder-left .scrollWrapper .item a:hover .arrow-container .arrow i, #wrapper #pdf_storefinder .scrollWrapper .item a:hover .arrow-container .arrow i, #wrapper #storefinder .scrollWrapper .item a:hover .arrow-container .arrow i { color: #000a23; } #wrapper #storefinder-left .scrollWrapper .item a > span, #wrapper #pdf_storefinder .scrollWrapper .item a > span, #wrapper #storefinder .scrollWrapper .item a > span { width: 100%; display: block; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #fff; } #wrapper #storefinder-left .scrollWrapper .item a .arrow-container, #wrapper #pdf_storefinder .scrollWrapper .item a .arrow-container, #wrapper #storefinder .scrollWrapper .item a .arrow-container { background-color: #ed1c24; border: 1px solid #000a23; display: block; height: 100%; position: absolute; right: 0; top: 0; width: 17px; } #wrapper #storefinder-left .scrollWrapper .item a .arrow-container .arrow, #wrapper #pdf_storefinder .scrollWrapper .item a .arrow-container .arrow, #wrapper #storefinder .scrollWrapper .item a .arrow-container .arrow { display: table; height: 100%; } #wrapper #storefinder-left .scrollWrapper .item a .arrow-container .arrow i, #wrapper #pdf_storefinder .scrollWrapper .item a .arrow-container .arrow i, #wrapper #storefinder .scrollWrapper .item a .arrow-container .arrow i { padding-left: 2px; color: #fff; font-size: 11px; display: table-cell; vertical-align: middle; } #store-finder-wrapper #content { min-height: 100%; height: 100%; } #store-finder-wrapper #storefinder-box-link { display: none; } #store-finder-map.fill-height { min-height: 600px; } .store-finder-search { background-color: #000a23; color: white; padding: 20px; } .store-finder-search label { font-size: 14px; font-weight: 700; } .store-finder-search label.store-finder-search-label { font-weight: 400; text-transform: uppercase; font-size: 17px; } .store-finder-map-container { width: calc(100% - 350px); float: right; } .store-finder-fullscreen .store-finder-info-container { width: 350px; } .store-finder-info-container { background-color: #f7f1e9; overflow: hidden; } .store-finder-info-container .store-finder-search { padding-left: 20px; padding-right: 20px; box-shadow: 0px 5px 7px 3px #bcbcbc; } .store-finder-info-container .radio-inline + .radio-inline, .store-finder-info-container .checkbox-inline + .checkbox-inline { margin-left: 0; } .store-finder-info-container .checkbox-inline:not(:last-child) { margin-right: 10px; } .store-finder-map-container, .store-finder-info-container { margin-top: 20px; padding-left: 0; padding-right: 0; height: 100%; } #startpage-group-wrapper .store-finder-info-container { margin-top: 0; margin-bottom: 20px; } .store-finder-input { position: relative; } .store-finder-input input { display: block; float: left; border-radius: 0; border-right: 0; height: 40px; line-height: 40px; } .store-finder-input input::placeholder { font-weight: 700; } .store-finder-input button { height: 40px; background-color: white; border: 1px solid #ccc; border-left: 0; color: #ccc; font-size: 20px; position: absolute; right: 0; } .store-finder-addresss { min-height: 275px; padding-left: 20px; padding-right: 20px; padding-top: 20px; border-bottom: 1px solid #bcbcbc; display: flex; flex-direction: column; } .store-finder-addresss h4 { font-size: 17px; text-transform: uppercase; margin-bottom: 20px; } .store-finder-addresss .opened, .store-finder-addresss .closed, .store-finder-addresss .readMore { color: white; font-size: 15px; text-transform: uppercase; font-weight: 500; padding: 10px 20px 10px 20px; display: inline-block; } .store-finder-addresss .opened { background-color: #8ebe48; display: none; } .store-finder-addresss .closed { background-color: #be5948; display: none; } .store-finder-addresss .readMore { background-color: #000a23; margin-top: 20px; } .store-finder-addresss .store-finder-address-line, .store-finder-addresss .store-finder-oh-today { font-weight: 300; margin-bottom: 5px; font-size: 14px; } .store-finder-addresss .store-finder-oh-today { margin-top: 5px; display: none; } .store-finder-addresss > div:last-child { margin-top: auto; margin-bottom: 20px; } #store-finder-list { overflow: scroll; height: calc(100% - 163px); } .store-finder-fullscreen { height: 100%; } .info-window-read-more { margin-top: 20px; } .store-finder-all-stores a { color: #fff; font-size: 14px; } #wrapper #login .block { margin-bottom: 25px; } #wrapper #login label { font-family: 'LimerickSerialLightRegular', cursive; font-weight: normal; } #wrapper #login h1 { text-transform: none; margin: 0 0 25px 0; } #wrapper #login input[type="password"], #wrapper #login input[type="text"] { width: 320px; height: 35px; } #wrapper #login input[type="submit"] { border: 0; background-color: #000a23; color: #fff; padding: 10px 20px; width: 320px; } #wrapper #content .content-inner .layout ul li { background: none; min-height: auto; padding-left: 0; margin-bottom: 0; } #wrapper #content .content-inner .layout ul li a { color: #000a23; font-size: 14px; } #wrapper #content .layout .block { margin-bottom: 25px; } #wrapper #content .layout .block .oe-window { max-width: 740px; } #wrapper #content .layout .warning ul li { color: #ed1c24; } #wrapper .list { margin-bottom: 25px; } #wrapper .list > tbody > tr > td { padding-bottom: 25px; } #wrapper .list input[type="radio"] { margin-right: 10px; } #wrapper .list a { color: #ed1c24; text-decoration: none; } #wrapper .pagenavigator a span, #wrapper .pagenavigator a { color: #ed1c24; } #wrapper .content-inner #ezwt { overflow: hidden; } #wrapper #ezwt { margin-top: 0; } #wrapper #ezwt .classname span { font-size: 14px; margin: 5px 5px 0 5px; } #wrapper #ezwt.top { margin-top: 30px; } #wrapper #ezwt #ezwt-ezlogo img { display: inline; vertical-align: baseline; } #wrapper #ezwt .hide-button { display: inline-block; margin-top: 5px; } #wrapper #ezwt .hide-button img { vertical-align: baseline; } #wrapper #ezwt input[type="image"] { margin-top: 5px; } #wrapper #ezwt select { margin-top: 4px; } .unop-slider .carousel-control { opacity: 1; text-shadow: none; color: #000000; z-index: 50; } .unop-slider .carousel-control.right, .unop-slider .carousel-control.left { background-image: none; cursor: pointer; } .unop-slider .carousel-control li { border-radius: 0; } .unop-slider .carousel-control .fa { position: absolute; top: 45%; z-index: 5; display: inline-block; font-size: 1.7em; } .unop-slider .carousel-indicators li { background-color: #000000; border-radius: 0; border: none; width: 17px; height: 17px; margin: 1px; } .unop-slider .carousel-indicators li.active { background-color: #e30613; width: 17px; height: 17px; } .unop-slider .caption { width: 100%; } .unop-slider .carousel-caption { right: 0; left: 0; padding: 0; bottom: 0; top: 0; height: 100%; text-align: left; text-shadow: none; color: #000000; font-family: 'LimerickSerialLightRegular', cursive; display: flex; align-items: center; justify-content: center; } .unop-slider .headline { font-size: 70px; text-transform: uppercase; line-height: .9; color: #e30613; } .unop-slider .headline-first { font-size: 50px; font-weight: bold; } .unop-slider .sub-line { font-size: 30px; padding-left: 5px; } .unop-slider .slider-link { display: inline-block; background-color: #e30613; color: white; text-transform: uppercase; font-size: 16px; padding: 16px 20px; margin-top: 40px; cursor: pointer; } .unop-slider .slider-link:focus, .unop-slider .slider-link:hover { text-decoration: none; } .sidebar-content .slider-link { display: none; } .slider-full-link { color: #000; text-decoration: none; } .slider-full-link:hover, .slider-full-link:focus { color: #000; text-decoration: none; } .loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } .loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } .loading:not(:required) { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .partner-page { display: flex; justify-content: space-between; margin-bottom: 30px; } .partner-page-title, .partner-page-logo { padding: 0; } .partner-page-logo { flex-basis: 314px; position: relative; } .partner-page-logo img { position: absolute; right: -39px; } .services.has-subline { padding-bottom: 2px; } #wrapper #content h2.partner-subline { font-size: 17px; font-weight: 300; } .services { padding-bottom: 30px; } .partner-logo-mobile { max-width: 100%; align-content: center; text-align: center; padding-bottom: 10px; } .partner-logo-mobile img { max-width: 70%; height: auto; } #wrapper #content .content-inner .partner-page-stores { padding-top: 20px; } #wrapper #content .content-inner .partner-page-stores .content-button { height: 70px; margin-bottom: 10px; } #wrapper #content .content-inner .partner-page-stores .content-button:hover span.street, #wrapper #content .content-inner .partner-page-stores .content-button:hover span.city { background-image: none; } #wrapper #content .content-inner .partner-page-stores .content-button a.store-credentials { text-align: left; padding-left: 20px; padding-right: 20px; } #wrapper #content .content-inner .partner-page-stores .content-button a.store-credentials .street, #wrapper #content .content-inner .partner-page-stores .content-button a.store-credentials .city { position: relative; width: 100%; background-color: transparent; border: none; height: auto; font-size: 15px; } #wrapper #content .content-inner .partner-page-stores .content-button a.store-credentials .street:hover, #wrapper #content .content-inner .partner-page-stores .content-button a.store-credentials .city:hover { background-color: transparent; } #wrapper #content .content-inner .partner-page-stores .content-button a.store-credentials .city { color: #ed1c24; padding-bottom: 5px; } .partner-footer-navigation { text-align: center; margin-bottom: 10px; margin-top: 20px; } .partner-footer-navigation ul { padding: 0; } .partner-footer-navigation ul li { display: inline; list-style: none; color: #000 !important; font-size: 13px; } .partner-footer-navigation ul li a { color: #000; } .icon.ear:before { content: url(/extension/current_design/design/redesign2014/images/ear.png); } .icon.lens:before { content: url(/extension/current_design/design/redesign2014/images/lens.png); } .icon.glasses:before { content: url(/extension/current_design/design/redesign2014/images/glasses.png); } .icon.ear, .icon.lens, .icon.glasses { line-height: 25px; display: inline-flex; vertical-align: middle; padding-right: 40px; padding-bottom: 8px; } .icon.ear:before, .icon.lens:before, .icon.glasses:before { height: 25px; width: 40px; vertical-align: middle; padding-right: 10px; } @media (max-width: 1200px) { #header.group .slogan p { font-size: 20px; } } @media (max-width: 1830px) { #personBackground { display: none; } } @media (min-width: 993px) and (max-width: 1180px) { .vnavigation > li > a, .navbar #mainNavigation .nav > li a { font-size: 14px; } } @media (max-width: 1180px) { #additional-links .links a { font-size: 16px; } .fade-carousel .carousel-inner .item .container-wrapper > .container .slide-text { top: 40px; } #wrapper #content .content-inner .formContainerPadding #order_new .label, #wrapper #content .content-inner .formContainer #order_new .label { white-space: normal; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts3 ol > li, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts3 ol > li { width: 100%; display: block; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts3 ol > li label, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts3 ol > li label { width: 100%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts3 ol > li.not-visible, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts3 ol > li.not-visible { width: 100%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts3 ol > li .bootstrap-select, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts3 ol > li .bootstrap-select { width: 100% !important; margin-right: 10%; float: left; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_careproducts ol > li, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_careproducts ol > li { width: 100%; display: block; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_careproducts ol > li label, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_careproducts ol > li label { width: 100%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_careproducts ol > li.not-visible, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_careproducts ol > li.not-visible { width: 100%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_careproducts ol > li .bootstrap-select, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_careproducts ol > li .bootstrap-select { margin-right: 10%; width: 100%; float: left; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts2 ol > li, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts2 ol > li, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts1 ol > li, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts1 ol > li { width: 100%; display: block; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts2 ol > li label, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts2 ol > li label, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts1 ol > li label, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts1 ol > li label { width: 100%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts2 ol > li.not-visible, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts2 ol > li.not-visible, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts1 ol > li.not-visible, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts1 ol > li.not-visible { width: 100%; } #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts2 ol > li .bootstrap-select, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts2 ol > li .bootstrap-select, #wrapper #content .content-inner .formContainerPadding #order_new #fieldset-order_contacts1 ol > li .bootstrap-select, #wrapper #content .content-inner .formContainer #order_new #fieldset-order_contacts1 ol > li .bootstrap-select { width: 100% !important; margin-right: 10%; float: none; } .sidebar-content .unop-slider { margin-bottom: 60px; } .unop-slider { margin-bottom: 40px; } .unop-slider .carousel-control .fa { top: 105%; } .unop-slider .headline { font-size: 50px; } .unop-slider .headline-first { font-size: 30px; } .unop-slider .sub-line { font-size: 20px; padding-left: 3px; } .unop-slider .slider-link { margin-top: 15px; } .unop-slider .carousel-indicators { bottom: -50px; } } @media (min-width: 768px) and (max-width: 992px) { .vnavigation { display: none; } .vnavigation.subnav { display: block; } #header .slogan { display: none; } #wrapper #content .content-inner .highlightWrapper { float: none; margin: 0; width: 100%; } #wrapper #content .content-inner .highlightWrapper .highlight { width: 47%; margin: 0 1%; display: inline-block; margin-bottom: 30px; vertical-align: top; } #wrapper #content .sidebar { width: 100%; margin-top: 30px; } #wrapper #content .sidebar #storefinder-left, #wrapper #content .sidebar .highlight { width: 47%; margin: 0 1%; display: inline-block; margin-bottom: 30px; vertical-align: top; } #wrapper #content .sidebar-content { float: none; } #wrapper #startpage-group-wrapper .col-sm-5 { width: 100%; } #wrapper #startpage-group-wrapper .col-sm-5.col-sm-offset-1 { margin-left: 0; } #wrapper #startpage-group-wrapper .col-sm-3 { width: 100%; } #wrapper #startpage-group-wrapper .col-sm-3 .highlight .image { float: left; margin-right: 3%; padding: 0; width: 32%; } #wrapper #startpage-group-wrapper .col-sm-3 .highlight .text-wrapper { width: 65%; float: left; } #wrapper #startpage-group-wrapper .col-sm-3 .highlight .text-wrapper h2 { margin-top: 0; } #wrapper #startpage-highlights #storebox .panel .panel-heading .panel-title a { font-size: 17px; } #wrapper #startpage-highlights #storebox .panel .panel-body .iframe { width: 195px; } #wrapper #startpage-highlights .two-highlights .highlight .image, #wrapper #startpage-highlights .six-highlights .highlight .image { width: 32%; margin-right: 3%; float: left; padding: 0; } #wrapper #startpage-highlights .two-highlights .highlight .text-wrapper, #wrapper #startpage-highlights .six-highlights .highlight .text-wrapper { float: left; width: 65%; } #wrapper #startpage-highlights .two-highlights .highlight .text-wrapper h2, #wrapper #startpage-highlights .six-highlights .highlight .text-wrapper h2 { margin-top: 0; } #wrapper #startpage-highlights .two-highlights .highlight .text-wrapper .text, #wrapper #startpage-highlights .six-highlights .highlight .text-wrapper .text { height: auto !important; } #wrapper #startpage-highlights .two-highlights .col-sm-8 { width: 65%; } #wrapper #startpage-highlights .two-highlights .col-sm-3 { width: 35%; } #wrapper #startpage-highlights .two-highlights .col-sm-3.col-sm-offset-1 { margin-left: 0; } #wrapper #startpage-highlights .six-highlights .col-sm-9 { width: 65%; } #wrapper #startpage-highlights .six-highlights .col-sm-9 .col-sm-4 { width: 100%; } #wrapper #startpage-highlights .six-highlights .col-sm-3 { width: 35%; } .navbar .navbar-brand { color: #ed1c24; font-size: 18px; font-weight: 600; font-family: 'LimerickSerialXlightRegular', cursive; text-transform: uppercase; letter-spacing: 2px; } .navbar .navbar-brand:hover { color: #ed1c24; } .navbar #mainNavigation .nav { width: 100%; display: table; margin: 0; } .navbar #mainNavigation .nav li { display: block; width: 100% !important; margin: 0; outline: 0; border: 0; position: relative; overflow: hidden; } .navbar #mainNavigation .nav li .dropdown-menu { margin: 0; width: 100%; position: relative; border: 0; } .navbar-collapse { border-top: 1px solid #fff; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-toggle { display: block; } .navbar-nav > li { float: none; } .navbar.navbar-default .subnavigation .subnav-title { float: none; } .navbar .navbar-header, .navbar #mainNavigation { float: none; } .navbar { z-index: 10000; } } @media (min-width: 992px) { .hidden-992-up { display: none; } .navbar #storefinder-box-link { top: 365px; } #wrapper #content #storefinder-box-link { top: 80px; height: auto; margin-bottom: 15px; } #storefinder-box-link { position: fixed; width: 180px; font-size: 14px; right: -67px; transform: rotate(-90deg); height: 50px; margin-bottom: 0; } #storefinder-box-link a { padding: 10px; font-size: 14px; } #storefinder-box-link .glyphicon { color: #ed1c24; font-size: 14px; } } @media (max-width: 991px) { .hidden-992-down { display: none; } .unop-slider { margin-bottom: 60px; } .store-finder-map-container { margin-top: 0; width: 100%; } .store-finder-fullscreen .store-finder-info-container { width: 100%; margin-top: 1px; } #store-finder-wrapper #push { display: none; } .partner-page { margin-bottom: 0; } #tooltip { display: none; } #tooltip.visible { display: none; } .navbar #storefinder-box-link { border-top: 1px solid white; } #wrapper #startpage-highlights, #wrapper #content { margin-bottom: 30px; } #wrapper #startpage-highlights #store-list .heading, #wrapper #content #store-list .heading { font-size: 14px; } #wrapper #startpage-highlights #store-list .store, #wrapper #content #store-list .store { font-size: 14px; } #wrapper #startpage-highlights .highlight img, #wrapper #content .highlight img { width: 100%; height: auto; } #wrapper #startpage-highlights .content-inner .highlightWrapper, #wrapper #content .content-inner .highlightWrapper { float: none; margin: 0; width: 100%; } #wrapper #startpage-highlights .content-inner .formContainerPadding ol .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), #wrapper #content .content-inner .formContainerPadding ol .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), #wrapper #startpage-highlights .content-inner .formContainer ol .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), #wrapper #content .content-inner .formContainer ol .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn), #wrapper #startpage-highlights .content-inner .formContainerPadding ol input[type="text"], #wrapper #content .content-inner .formContainerPadding ol input[type="text"], #wrapper #startpage-highlights .content-inner .formContainer ol input[type="text"], #wrapper #content .content-inner .formContainer ol input[type="text"], #wrapper #startpage-highlights .content-inner .formContainerPadding ol textarea, #wrapper #content .content-inner .formContainerPadding ol textarea, #wrapper #startpage-highlights .content-inner .formContainer ol textarea, #wrapper #content .content-inner .formContainer ol textarea { width: 100%; } #wrapper #startpage-highlights .two-highlights .highlight h2 { margin-top: 10px; } #footer .social-media-footer { display: block; height: 22px; } #footer .social-media-footer a { margin-right: 10px; display: inline-block; } #sujet img { max-width: 100%; height: auto; } .navbar .navbar-brand { color: #ed1c24; font-size: 18px; font-weight: 600; font-family: 'LimerickSerialXlightRegular', cursive; text-transform: uppercase; letter-spacing: 2px; } .navbar .navbar-brand:hover { color: #ed1c24; } .navbar #mainNavigation.navbar-collapse { max-height: 100%; } .navbar #mainNavigation .nav { width: 100%; display: table; margin: 0; } .navbar #mainNavigation .nav > li { border-bottom: 1px solid #fff !important; } .navbar #mainNavigation .nav > li.last { border-bottom: 1px solid #fff; } .navbar #mainNavigation .nav > li.additional-link { border-bottom: 0 !important; } .navbar #mainNavigation .nav > li.additional-link a { text-transform: none; font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 14px; } .navbar #mainNavigation .nav > li.additional-link a span { padding-top: 10px; } .navbar #mainNavigation .nav li { display: block; width: 100% !important; margin: 0; outline: 0; border: 0; position: relative; } .navbar #mainNavigation .nav li > a { background: #000a23; color: #fff; } .navbar #mainNavigation .nav li > a .glyphicon-chevron-up { display: none; } .navbar #mainNavigation .nav li:hover > a { color: #dbdcdd; } .navbar #mainNavigation .nav li.open > a .glyphicon-chevron-down { display: none; } .navbar #mainNavigation .nav li.open > a .glyphicon-chevron-up { display: block; } .navbar #mainNavigation .nav li .glyphicon { font-size: 11px; } .navbar #mainNavigation .nav li.current:hover, .navbar #mainNavigation .nav li:hover { background: #000a23; } .navbar #mainNavigation .nav li.last { border: 0; } .navbar #mainNavigation .nav li a { text-align: left; color: #dbdcdd; } .navbar #mainNavigation .nav li.open > a, .navbar #mainNavigation .nav li.open:hover > a, .navbar #mainNavigation .nav li.current > a { background-image: -webkit-linear-gradient(top, #eceded 20%, #bec0c2 80%); background-image: linear-gradient(to bottom, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeceded', endColorstr='#ffbec0c2', GradientType=0); color: #000a23; } .navbar #mainNavigation .nav li > a:focus { background: transparent; } .navbar #mainNavigation .nav li a.dropdown-toggle, .navbar #mainNavigation .nav li .dropdown-menu > li > a.dropdown-toggle, .navbar #mainNavigation .nav li .dropdown-submenu > a.dropdown-toggle { display: block; } .navbar #mainNavigation .nav li .dropdown-submenu.mobile, .navbar #mainNavigation .nav li .dropdown-menu.mobile { padding: 0; visibility: visible; } .navbar #mainNavigation .nav li .dropdown-menu > li .open > a, .navbar #mainNavigation .nav li .dropdown-menu > li .open > a:focus, .navbar #mainNavigation .nav li .dropdown-menu > li .open > a:hover, .navbar #mainNavigation .nav li .dropdown-menu > li.current > a { background-image: -webkit-linear-gradient(top, #eceded 20%, #bec0c2 80%); background-image: linear-gradient(to bottom, #eceded 20%, #bec0c2 80%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeceded', endColorstr='#ffbec0c2', GradientType=0); color: #000a23; } .navbar #mainNavigation .nav li .dropdown-menu > li > a { color: #dbdcdd; padding-left: 30px; font-size: 14px; } .navbar #mainNavigation .nav li .dropdown-submenu.open > a, .navbar #mainNavigation .nav li .dropdown-submenu.open > a:hover, .navbar #mainNavigation .nav li .dropdown-submenu.open > a:focus { color: #000a23; } .navbar #mainNavigation .nav li .dropdown-submenu li a { padding-left: 50px; font-size: 16px; } #header #logo { display: block; float: none; text-align: center; margin-top: 14px; width: 100%; } #wrapper #content .content-inner .embed-button { width: 100%; margin-bottom: 10px; display: block; } #wrapper #content .content-inner .buttons .content-button { margin-bottom: 10px; } #store-finder-list { overflow: visible; height: auto; } .store-finder-map-container, .store-finder-info-container { overflow: visible; height: auto; } .fill-height { height: auto; min-height: auto; } #start-slider.unop-slider { margin-bottom: 30px; } } @media (max-width: 767px) { body { font-size: 14px; } .store-finder-map-container { height: 460px; } #header #logo img { max-width: 100%; height: auto; } #slider { margin: 15px 0; } #wrapper #startpage-highlights #storebox .panel #stores #storeboxAltText { font-size: 14px; } #wrapper #startpage-group-wrapper #startpage-highlights { margin-top: 30px; } #wrapper #content .content-inner .highlightWrapper { margin: 0 0 30px 0; } #wrapper #content .highlight .text p { font-size: 14px; } #wrapper #content h1 { font-size: 28px; line-height: 30px; } #wrapper #content h2 { font-size: 17px; line-height: 20px; } #wrapper #content h3 { font-size: 15px; line-height: 17px; } #wrapper #content .sidebar-content { float: none; margin-bottom: 30px; } #wrapper #content .sidebar { width: 100%; } #wrapper #content #news .item img { margin-bottom: 15px; } #wrapper #content #brands .item { display: inline-block; vertical-align: bottom; width: 100%; text-align: center; } #order_new #fieldset-order_contacts1 ul.errors, #order_new #fieldset-order_contacts2 ul.errors, #order_new #fieldset-order_contacts3 ul.errors, #order_new #fieldset-order_careproducts ul.errors { width: 100% !important; } .unop-slider .headline { font-size: 20px; } .unop-slider .headline-first { font-size: 15px; } .unop-slider .sub-line { font-size: 16px; padding-left: 0; } .unop-slider .slider-link { margin-top: 10px; font-size: 14px; padding: 6px; line-height: 1; } .metanavigation { padding: 10px 0 100px 0; } .metanavigation .headline { margin-bottom: 0px; margin-top: 20px; } } @media (max-width: 520px) { #wrapper #content .flipgorilla-embed { width: 100%; } #wrapper #storefinder .regionSearch .text-wrapper .zip-form .zip-label { text-align: left; } #wrapper #storefinder .regionSearch .text-wrapper .zip-form .zip-input { float: left; } .partner-page { flex-direction: column; } .partner-page-logo { flex-basis: 35px; position: relative; } .partner-page-logo img { max-width: 314px !important; position: absolute; right: initial; } } @media (max-width: 390px) { #wrapper #content .content-inner li.captcha img { width: 100%; } } @media (max-width: 360px) { #brand-list .link-item { width: 66px; } #brand-list .link-item a { font-size: 9px; } } .cookie-message { background-color: #000a23; } .cookie-control .btn { border-radius: 0; } .cookie-info { color: white; font-size: 1rem; min-height: 50px; margin-left: 0; margin-right: 0; } .cookie-info a { color: white !important; text-decoration: underline; } .cookie-info .text { padding: 15px 0; font-size: 1.3rem; } @media (max-width: 991px) { .cookie-info .text { padding-top: 10px; } } .cookie-info .text p { margin-bottom: 0; } .cookie-info .cookie-control { text-align: right; } @media (max-width: 991px) { .cookie-info .cookie-control { padding-bottom: 10px; } } .cookie-info .ctrl-not-now, .cookie-info .ctrl-cookie-accept { padding: 7.5px 15px; font-size: 1.3rem; color: white; background-image: none; background-color: #000a23; border-color: white; } .cookie-info .ctrl-not-now:focus, .cookie-info .ctrl-not-now.focus, .cookie-info .ctrl-not-now:active, .cookie-info .ctrl-not-now.active, .open > .cookie-info .ctrl-not-now.dropdown-toggle, .cookie-info .ctrl-cookie-accept:focus, .cookie-info .ctrl-cookie-accept.focus, .cookie-info .ctrl-cookie-accept:active, .cookie-info .ctrl-cookie-accept.active, .open > .cookie-info .ctrl-cookie-accept.dropdown-toggle { color: #000a23; background-color: white; border-color: white; } .cookie-info .ctrl-not-now:hover, .cookie-info .ctrl-cookie-accept:hover { color: #000a23; background-color: white; border-color: white; } .cookie-info .ctrl-not-now.disabled:focus, .cookie-info .ctrl-not-now.disabled.focus, .cookie-info .ctrl-not-now:disabled:focus, .cookie-info .ctrl-not-now:disabled.focus, .cookie-info .ctrl-cookie-accept.disabled:focus, .cookie-info .ctrl-cookie-accept.disabled.focus, .cookie-info .ctrl-cookie-accept:disabled:focus, .cookie-info .ctrl-cookie-accept:disabled.focus { border-color: #fff; } .cookie-info .ctrl-not-now.disabled:hover, .cookie-info .ctrl-not-now:disabled:hover, .cookie-info .ctrl-cookie-accept.disabled:hover, .cookie-info .ctrl-cookie-accept:disabled:hover { border-color: #fff; } .cookie-info .ctrl-not-now { margin-left: 10px; } .cookie-control { padding: 10px; }