.main_content { div#mainContent { max-width: 1920px; } .premium-banner-image img { } .box-hover { display: none; } .promo .box { background-color: rgba(0, 0, 0, .75); border-radius: 2px; color: #fff; font-size: 16px; margin-left: auto; top: 20px; position: absolute; text-align: center; padding: 10px 15px; z-index: 9; } li.text1 { font-weight: bold; } ul.box-hover.text2 a { color: #f8f8f8; } .promo .box-hover.text2 { position: absolute; z-index: 1; color: #f8f8f8; font-weight: 300; text-align: center; list-style: none; font-size: 16px; line-height: 31px; top: 6px; max-width: max-content; padding: 0; margin: 0 0 0 4%; } .promo .box-hover.text2 a:hover { color: #4a8534; } ul li a.active { color: #000; } ul li a.active:before { content: ""; display: block; position: absolute; bottom: 0; left: 10%; width: 80%; height: 6px; background-color: #4a8534; } ul li a.current { color: #000; } ul li a.current:before { content: ""; display: block; position: absolute; bottom: 0; left: 10%; width: 80%; height: 6px; background-color: #4a8534; } .enterprise { border-left: 1px solid #e3e3e3; height: 190px; } .custom-solutions2 { font-family: "lato-bold", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; color: #000; font-size: 27px; font-weight: bold; padding-top: 20px; line-height: 37px; } .promos-home div.promo { float: left; display: block; width: 28%; text-align: center; vertical-align: top; } .search { display: grid; text-align: center; } .text3 { display: none; } div#share1 { cursor: pointer; } .popover-content ul { list-style-type: none; width: 30px; text-align: center; padding-left: 0; } .services-modal .customization .learn-more { display: block; } #lifecycle-support-modal .description_box { height: 570px; background-color: #6c8d60; max-width: 270px; } .trigger-links-wrapper { background-color: #f0f8ff; max-width: 100%  !important; padding-top: 40px; } .dcg-home-custom { padding-top: 0  !important; } #pc-service-subhero { color: #009dd9; height: 200px; text-align: center; } #pc-service-subhero .content { height: 190px; padding-top: 5px; display: flex; flex-wrap: wrap; } #pc-service-subhero .content .share, #pc-service-subhero .content .financing, #pc-service-subhero .content .contact, #pc-service-subhero .content .enterprise2 { border-right: 1px solid #e3e3e3; height: 190px; } #pc-service-subhero .content .text { font-size: 17px; padding-top: 10px; line-height: 25px; } #pc-service-subhero .content img { margin-top: 60px; } #pc-service-subhero .content .search .text1 { color: #000; font-size: 30px; font-weight: 500; margin-top: 25px; } #pc-service-subhero .content .search .text2 { color: #000; font-size: 14px; margin-top: -10px; } .searchInput { width: 100%  !important; padding-right: 0  !important; } input .input-text { background: none; border-radius: 5px; color: #000; width: 300px; } .search .searchContainer .input-text1 { border-radius: 8px; height: 50px; padding: 10px; width: 380px; border: 2px solid #bbb; background-color: #fff; } .pc_service_slider { text-align: center; width: 100%; height: 100%; } .hero-img-box.hlink .title { position: absolute; top: 166px; color: #fff; font-size: 30px; left: 92px; line-height: 37px; } .hero-img-box.hlink .title2 { top: 209px; color: #fff; font-size: 32px; left: 92px; position: absolute; } .hero-img-box.hlink .text1 { font-size: 18px; position: absolute; color: white; word-wrap: break-word; text-align: left; top: 229px; height: auto; line-height: 1.5; margin-right: 10%; margin-left: 92px; } .learn_more { width: 147px; cursor: pointer; border-radius: 2px; border: 1px solid #fff; color: #fff; font-size: 16px; height: 40px; line-height: 20px; margin-left: auto; margin-right: auto; position: relative; text-align: center; z-index: 1; padding: 10px 15px; top: 485px; } .learn_more a { position: relative; color: #fff; } .custom-solutions .text { padding-bottom: 20px; } .custom-solutions .text, .solutions-by-industry { font-family: "lato-bold", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; color: #000; font-size: 26px; font-weight: bold; padding-top: 20px; } .custom-solutions { display: inline-block; padding-bottom: 15px; background-color: #f2f2f2; } .custom-solutions .row1 { margin-bottom: 20px; } .custom-solutions .box { background-color: rgba(0, 0, 0, .75); border-radius: 2px; color: #fff; font-size: 20px; margin-left: 20px; margin-top: 20px; position: absolute; text-align: center; padding: 10px 15px; z-index: 1; } .custom-solutions .box-hover { display: none; } .custom-solutions .box-hover.text1 { color: #fff; font-size: 20px; font-weight: 700; margin-left: 20px; margin-top: 20px; position: absolute; z-index: 1; padding: 10px 15px; } .custom-solutions .box-hover.text2 { color: #fff; font-size: 24px; line-height: 30px; margin-left: 20px; margin-right: 13%; margin-top: 70px; position: absolute; z-index: 1; padding: 10px 15px; } .custom-solutions .box-hover.learn-more { border-radius: 2px; border: 1px solid #fff; color: #fff; font-size: 16px; height: 40px; line-height: 20px; margin-left: 34px; position: absolute; text-align: center; z-index: 1; padding: 10px 15px; bottom: 30px; background-color: transparent; cursor: pointer; } .custom-solutions .image1, .custom-solutions .image2, .custom-solutions .image3, .custom-solutions .image4, .custom-solutions .image5 { cursor: pointer; } .hero-img-box { width: 38%; height: 100%; background-color: #000; z-index: 1; opacity: .7; position: absolute; top: 0; left: 0; } .services-modal .learn-more { line-height: 20px; border: 0; margin: 0; padding: 0; bottom: 17px; left: 45px; height: 16px; font-size: 14px; position: absolute; } .services-modal .learn-more a { color: #fff; } .promos-home .promo p a.promo-header { color: #1976a1; font-weight: 400; } input.input-text1 { background: url(//static.lenovo.com/na/landing-pages/service-site/icon-magnify-glass.png) no-repeat scroll 340px 13px; } @media handheld, screen and (max-width: 1824px) and (min-width: 1550px) { .social-tray .modal_content { width: 80%; } } @media handheld, screen and (max-width: 1549px) and (min-width: 1378px) { .social-tray .modal_content { width: 100%; } } @media handheld, screen and (max-width: 1400px) { .hero-img-box.hlink .title { top: 98px; left: 65px; } .hero-img-box.hlink .title2 { top: 150px; color: #fff; font-size: 32px; left: 64px; position: absolute; } .hero-img-box.hlink .text1 { top: 180px; margin-left: 65px; margin-right: 7%; } .description_box img { display: none; } #lifecycle-support-modal .description_box { height: 320px; background-color: #6c8d60; max-width: 270px; } .services-modal ul li .description_box { height: 250px; width: 330px; background-color: #6c8d60; max-width: 270px; padding: 1px; margin-bottom: 10px; } .social-tray .modal_content { width: 90%; } } @media screen and (max-width: 1200px) and (min-width: 992px) { .search .searchContainer .input-text1 { width: 305px; } input.input-text1 { background: url(//static.lenovo.com/na/landing-pages/service-site/icon-magnify-glass.png) no-repeat scroll 270px 12px; } } @media handheld, screen and (max-width: 1178px) { .hero-img-box { width: 51%; } .hero-img-box.hlink .title { top: 50px; left: 65px; } .hero-img-box.hlink .title2 { top: 100px; color: #fff; font-size: 32px; left: 64px; position: absolute; } .hero-img-box.hlink .text1 { top: 123px; margin-left: 65px; margin-right: 7%; } .custom-solutions .box-hover.text2 { margin-top: 53px; font-size: 16px; } .learn_more { top: 400px; } .social-tray .modal { max-height: 828px; top: 700px; } } @media handheld, screen and (max-width: 992px) { .search { width: 100%; padding: 2px 0 20px 0; } #pc-service-subhero .content .share, #pc-service-subhero .content .financing, #pc-service-subhero .content .contact, #pc-service-subhero .content .enterprise2 { width: 25%; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; height: 190px; } .box-hover.learn-more::after { content: " >"; } .image2, .image4 { padding-right: 7px; padding-left: 0; } .image2 .box-wrap, .image4 .box-wrap { right: 7px; } .image3, .image5 { padding-left: 7px; padding-right: 0; } .image1 { padding: 0; } .image1 img, .image2 img, .image3 img, .image4 img, .image5 img { filter: none  !important; } #pc-service-subhero { height: 387px; } .social-tray .custom-solutions .box-hover { display: block; } .custom-solutions .box-hover.text1 { margin: 0; padding: 0; left: 45px; top: 15px; } .custom-solutions .box-hover.text2 { font-size: 15px; line-height: 16px; font-weight: 300; margin: 0; bottom: -50px; width: 72%; left: 45px; padding: 0; position: relative; } .custom-solutions .box-hover.learn-more { line-height: 20px; border: 0; margin: 0; padding: 0; bottom: 17px; left: 45px; height: 16px; font-size: 14px; } #more-info { line-height: 20px; border: 0; margin: 0; padding: 0; bottom: 17px; left: 45px; height: 16px; font-size: 14px; color: #fff; position: absolute; } .box-wrap { width: 100%; height: 50%; background-color: rgba(0, 0, 0, .75); z-index: 1; position: absolute; bottom: 9px; } .social-tray .modal { top: 887px; padding-top: 30px; max-height: 929px; } .modal_content ul li .description_box img { display: none; } #modal .modal_info { padding-top: 20px; } .modal_nav h2 .modal_title_nav { left: 0; } .modal_nav .modal_info { margin-top: 15px; margin-left: 70px; } .social-tray .modal_content { width: 67%; } .solutions .modal_info { margin-top: 20px; } } @media handheld, screen and (max-width: 956px) { .social-tray .modal_content { width: 72%; top: 30px; } } @media handheld, screen and (max-width: 880px) { .premium-banner-image img { display: block; position: absolute; left: 70%; max-width: none; transform: translate(-50%, -50%); max-height: 260px; padding-right: 226px; } .hero-img-box { width: 51%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; z-index: 9; } .social-tray .modal_content { width: 78%; max-height: 828px; } .promos-home div.promo { margin-left: 0; } } @media handheld, screen and (max-width: 848px) { .premium-banner-image img { top: 38%; left: 55%; max-height: 329px; } .hero-img-box { width: 100%; top: 329px; opacity: 1; } .premium-banner-container, .premium-banner-wrapper { height: 500px; } .premium-banner-container .premium-banner-image { max-height: 100%; } .hero-img-box.hlink .text1 { font-size: 18px; position: absolute; color: white; word-wrap: break-word; top: 112px; height: auto; line-height: 1.5; margin-left: 35px; width: 90%; } .top_divider { width: 90%; margin-left: 4%; } .hero-img-box.hlink .title { top: 50px; left: 35px; } .hero-img-box.hlink .title2 { top: 87px; color: #fff; font-size: 32px; left: 35px; position: absolute; } .learn_more { top: 290px; } .social-tray .modal { top: 1148px; padding-top: 30px; max-height: 821px; } #modal .modal_info { padding-top: 20px; } .social-tray .modal_content { width: 86%; max-height: 828px; } } @media handheld, screen and (max-width: 820px) { } @media handheld, screen and (max-width: 801px) { .dcg-home-trending .dcg-home-trending-secondary ul li img.hlink { margin: 0 .8em .8em 0; } div.promos-home, #promoBumper div.promos-home { padding: 4em 3em 1em 3em; } #promoBumper2 .lSSlideWrapper { padding-left: 0; } .promo.lslide { width: 47%; margin-right: 5px; margin-left: 8px; height: 303px; } .promos-home { display: initial; } .promo:nth-of-type(5) { display: none; } .promo:nth-of-type(6) { display: none; } p.trending-subhead a { min-height: 30px; } .trending-subhead .fa { font-size: 20px; } .trig { line-height: 1.4em; padding: 0 7px 0 7px; } .trigger-links-wrapper .trigger-link { width: 43.76157%  !important; } .trigger-link.hlink.trigger-link-one { margin-left: 5%; } .trigger-links-wrapper .trigger-link:last-child { margin-right: 5%  !important; } } @media handheld, screen and (max-width: 767px) { .image2, .image3, .image4, .image5 { width: 50%; } .box-wrap { height: 60%; } .social-tray .modal { max-height: 725px; } .social-tray .modal_info { margin-top: 0; } .social-tray .modal_content { width: 90%; position: absolute; } .social-tray .modal_title_nav { left: 50px; } .modal_info { width: 100%; margin-top: 10px; margin-bottom: 20px; } .services-modal ul li .description_box { height: 250px; width: 330px; background-color: #6c8d60; max-width: 270px; padding: 1px; margin-bottom: 10px; } .container.services-modal { width: 700px; } div#promoBumper2 { margin-bottom: -66px; } } @media handheld, screen and (max-width: 712px) { #lifecycle-support-modal .description_box { height: auto; max-width: initial; } .social-tray .modal_info { display: none; } .container.services-modal { padding-top: 20px; } .services-modal ul li .description_box { height: max-content; width: 720px; background-color: #6c8d60; max-width: 720px; padding: 1px; margin-bottom: 10px; } .social-tray .modal { padding-top: 15px; } .description_box p { margin-top: 10px; margin-bottom: 4px; } .services-modal .learn-more { line-height: 22px; border: 0; margin: 5px; padding: 0; bottom: 17px; left: 45px; height: 16px; font-size: 14px; position: inherit; } .social-tray .modal { margin-left: -55px; width: auto; } } @media handheld, screen and (max-width: 600px) { .promos-home div.promo { width: 47%; } .promo.lslide { width: 47%; margin-right: 0; height: 280px; } .dcg-home-trending .dcg-home-trending-secondary ul li img.hlink { margin: 0 .8em 4.8em 0; } .dcg-home-trending .dcg-home-trending-primary { min-height: 400px  !important; } .trigger-links-wrapper .trigger-link { width: 100%  !important; } .trigger-link.hlink.trigger-link-one { margin-left: 0; } .trigger-link.hlink.trigger-link-three { margin-right: 0; } .trigger-link .trigger-title1 { color: #1976a1; } .text { display: none; } #pc-service-subhero .content img { margin-top: 19px; } #pc-service-subhero .content .share, #pc-service-subhero .content .financing, #pc-service-subhero .content .contact, #pc-service-subhero .content .enterprise2 { height: 75px; width: 25%; } .search .searchContainer .input-text1 { width: 310px; height: 50px; font-size: 13px; } .enterprise { display: none; } #pc-service-subhero { height: 260px; } .trigger-links-wrapper .trigger-link { padding: 0; } .trigger-links-wrapper .trigger-link.hlink a { margin: 0; } .trigger-links-wrapper { padding-top: 0; } #pc-service-subhero .content .search .text1 { font-size: 24px; } .trigger-links-wrapper .trigger-link.hlink a.link { display: none; } input.input-text1 { background: url(//static.lenovo.com/na/landing-pages/service-site/icon-magnify-glass.png) no-repeat scroll 272px 13px; } .premium-banner-image img { top: 25%; left: 32%; padding: 0; height: auto; max-height: 250px; } .hero-img-box { top: 247px; max-height: 508px; } .image2, .image3, .image4, .image5 { width: 100%; } .image1 img { height: 209px; max-width: 200%; } .image2 img, .image3 img, .image4 img, .image5 img { height: 209px; width: 100%; } .image2, .image3, .image4, .image5 { padding-left: 0; padding-right: 0; } .image2 .box-wrap, .image4 .box-wrap { right: 0; } .learn_more { top: 320px; } .social-tray .modal { top: 1020px; padding-top: 30px; max-height: 821px; } .social-tray .modal { max-height: 1079px; } .search { width: 100%; } } @media handheld, screen and (max-width: 500px) { .learn_more { top: 408px; } .hero-img-box.hlink .text1 { width: 85%; } .search .searchContainer .input-text1 { width: 273px; } input.input-text1 { background: url(//static.lenovo.com/na/landing-pages/service-site/icon-magnify-glass.png) no-repeat scroll 245px 13px; } } @media handheld, screen and (max-width: 400px) { div#modal { overflow: visible; margin-left: -55px; } .social-tray .modal { top: 1020px; max-height: 1079px; width: 440px; } } .general { float: left; list-style-type: none; width: auto; } .modal { display: none; position: absolute; z-index: 1; padding-top: 100px; left: 0; top: 803px; width: 100%; overflow: hidden; background-color: rgba(0, 0, 0, .8); } .modal_content { position: relative; top: -50px; margin: auto; padding: 0; width: 68%; -webkit-animation-name: animatetop; -webkit-animation-duration: .4s; animation-name: animatetop; animation-duration: .4s; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } .close { color: #fff; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; } .description_box { height: 465px; background-color: #6c8d60; max-width: 270px; } .modal_info { color: #fff; font-family: Lato; font-size: 36px; font-weight: 100; line-height: 80px; text-align: center; } .modal_title_nav { color: #fff; font-size: 16px; font-weight: 500; line-height: 43px; text-align: center; height: 44px; width: 275px; border: 1px solid #fff; background-color: #6c8d60; left: -45px; text-transform: uppercase; display: flex; } .container.services-modal { width: 100%; position: relative; display: flex; max-width: 1600px; } .description_box p { color: #fff; font-family: Lato; font-size: 23px; line-height: 27px; padding-left: 12px; text-transform: uppercase; margin-top: 10px; } .description_box ul li { color: #fff; font-family: Lato; font-size: 16px; line-height: 25px; font-weight: 300; padding-left: -3px; } #sharepop { display: none; } .trending-subhead2 { font-family: "lato", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; font-size: 1.2em; line-height: 1em; padding: 0; margin: 0; } .trending-subhead2 a { border-radius: 15px; } #pc-service-subhero .content .popover-content img { margin-top: 10px; } .popover-content { padding: 8px 24px; } @media screen and (max-width: 1300px) and (min-width: 1151px) { .promo .box-hover.text2 { font-size: 14px; line-height: 25px; margin: 0 0 0 3%; } } @media screen and (max-width: 1150px) and (min-width: 1024px) { .promo .box-hover.text2 { font-size: 13px; line-height: 22px; top: 6px; margin: 0 0 0 3%; } } @media screen and (max-width: 848px) { .promo-carousel .lSAction .lSPrev, .promo-carousel .lSAction .lSNext { display: block  !important; } .promo .box-hover.text2 { font-size: 14px; line-height: 27px; top: 12px; margin: 0 0 0 2.5%; } .promos-home { height: 255px; } .promo-carousel .lSAction .lSNext { right: -32px; height: 170px  !important; } .promo-carousel .lSAction .lSPrev { left: -32px; height: 170px  !important; } } @media screen and (max-width: 848px) and (min-width: 800px) { .promos-home { height: 288px; } } @media screen and (max-width: 600px) { .promo-carousel .lSAction .lSNext { height: 150px  !important; } .promo-carousel .lSAction .lSPrev { height: 150px  !important; } .plus_info img { max-width: 45px; } .promo-carousel .promo.lslide:nth-child(1) { margin-left: 30px; } .promo-carousel .promo.lslide { min-width: 250px; } .lSSlideWrapper .yCmsContentSlot.lightSlider.lsGrab.lSSlide { min-width: 2500px  !important; } .current:after { bottom: -61px; } } @media print, screen and (min-width: 40em) { .reveal, .reveal.tiny, .reveal.small, .reveal.large { right: auto; left: auto; margin: 0 auto; } } .-fontBlack { color: #000  !important; } .-fontWhite { color: #fff  !important; } .-fontEmperorGrey { color: #555  !important; } .-fontGrey { color: #777  !important; } .-fontDustySilver { color: #ccc  !important; } .js-lazyload-show { opacity: 1; transition: opacity .3s; } .js-lazyload { opacity: 0; } .debug { display: none; } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: .67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=46.875em&large=73.75em&v2-large=80em&xlarge=120em&xxlarge=250em"; } html { box-sizing: border-box; font-size: 16px; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fff; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none  !important; } button { padding: 0; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput="mouse"] button { outline: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block  !important; } .is-hidden { display: none  !important; } .row { max-width: 100rem; margin-right: auto; margin-left: auto; } .row::before, .row::after { display: table; content: " "; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row .row { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 46.875em) { .row .row { margin-right: -1rem; margin-left: -1rem; } } @media print, screen and (min-width: 73.75em) { .row .row { margin-right: -1rem; margin-left: -1rem; } } @media screen and (min-width: 80em) { .row .row { margin-right: -1rem; margin-left: -1rem; } } @media screen and (min-width: 120em) { .row .row { margin-right: -1rem; margin-left: -1rem; } } @media screen and (min-width: 250em) { .row .row { margin-right: -1rem; margin-left: -1rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .row.gutter-small > .column, .row.gutter-small > .columns { padding-right: .625rem; padding-left: .625rem; } .row.gutter-medium > .column, .row.gutter-medium > .columns { padding-right: 1rem; padding-left: 1rem; } .column, .columns { width: 100%; float: left; padding-right: .625rem; padding-left: .625rem; } @media print, screen and (min-width: 46.875em) { .column, .columns { padding-right: 1rem; padding-left: 1rem; } } .column, .columns, .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: left; clear: none; } .column.row.row, .row.row.columns { float: none; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { width: 8.33333%; } .small-push-1 { position: relative; left: 8.33333%; } .small-pull-1 { position: relative; left: -8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { width: 16.66667%; } .small-push-2 { position: relative; left: 16.66667%; } .small-pull-2 { position: relative; left: -16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { width: 33.33333%; } .small-push-4 { position: relative; left: 33.33333%; } .small-pull-4 { position: relative; left: -33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { width: 41.66667%; } .small-push-5 { position: relative; left: 41.66667%; } .small-pull-5 { position: relative; left: -41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { width: 58.33333%; } .small-push-7 { position: relative; left: 58.33333%; } .small-pull-7 { position: relative; left: -58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { width: 66.66667%; } .small-push-8 { position: relative; left: 66.66667%; } .small-pull-8 { position: relative; left: -66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { width: 83.33333%; } .small-push-10 { position: relative; left: 83.33333%; } .small-pull-10 { position: relative; left: -83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { width: 91.66667%; } .small-push-11 { position: relative; left: 91.66667%; } .small-pull-11 { position: relative; left: -91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 > .column, .small-up-1 > .columns { float: left; width: 100%; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n + 1), .small-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { float: left; width: 50%; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n + 1), .small-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { float: left; width: 33.33333%; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n + 1), .small-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { float: left; width: 25%; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n + 1), .small-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { float: left; width: 20%; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n + 1), .small-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { float: left; width: 16.66667%; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n + 1), .small-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { float: left; width: 14.28571%; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n + 1), .small-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { float: left; width: 12.5%; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n + 1), .small-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .small-up-9 > .column, .small-up-9 > .columns { float: left; width: 11.11111%; } .small-up-9 > .column:nth-of-type(1n), .small-up-9 > .columns:nth-of-type(1n) { clear: none; } .small-up-9 > .column:nth-of-type(9n + 1), .small-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .small-up-9 > .column:last-child, .small-up-9 > .columns:last-child { float: left; } .small-up-10 > .column, .small-up-10 > .columns { float: left; width: 10%; } .small-up-10 > .column:nth-of-type(1n), .small-up-10 > .columns:nth-of-type(1n) { clear: none; } .small-up-10 > .column:nth-of-type(10n + 1), .small-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .small-up-10 > .column:last-child, .small-up-10 > .columns:last-child { float: left; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .small-collapse.row { margin-right: 0; margin-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: .625rem; padding-left: .625rem; } .small-centered { margin-right: auto; margin-left: auto; } .small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both; } .small-uncentered, .small-push-0, .small-pull-0 { position: static; margin-right: 0; margin-left: 0; } .small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) { float: left; clear: none; } @media print, screen and (min-width: 46.875em) { .medium-1 { width: 8.33333%; } .medium-push-1 { position: relative; left: 8.33333%; } .medium-pull-1 { position: relative; left: -8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { width: 16.66667%; } .medium-push-2 { position: relative; left: 16.66667%; } .medium-pull-2 { position: relative; left: -16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { width: 33.33333%; } .medium-push-4 { position: relative; left: 33.33333%; } .medium-pull-4 { position: relative; left: -33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.66667%; } .medium-push-5 { position: relative; left: 41.66667%; } .medium-pull-5 { position: relative; left: -41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { width: 58.33333%; } .medium-push-7 { position: relative; left: 58.33333%; } .medium-pull-7 { position: relative; left: -58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.66667%; } .medium-push-8 { position: relative; left: 66.66667%; } .medium-pull-8 { position: relative; left: -66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { width: 83.33333%; } .medium-push-10 { position: relative; left: 83.33333%; } .medium-pull-10 { position: relative; left: -83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.66667%; } .medium-push-11 { position: relative; left: 91.66667%; } .medium-pull-11 { position: relative; left: -91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 > .column, .medium-up-1 > .columns { float: left; width: 100%; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n + 1), .medium-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { float: left; width: 50%; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n + 1), .medium-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { float: left; width: 33.33333%; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n + 1), .medium-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { float: left; width: 25%; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n + 1), .medium-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { float: left; width: 20%; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n + 1), .medium-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { float: left; width: 16.66667%; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n + 1), .medium-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { float: left; width: 14.28571%; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n + 1), .medium-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { float: left; width: 12.5%; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n + 1), .medium-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-up-9 > .column, .medium-up-9 > .columns { float: left; width: 11.11111%; } .medium-up-9 > .column:nth-of-type(1n), .medium-up-9 > .columns:nth-of-type(1n) { clear: none; } .medium-up-9 > .column:nth-of-type(9n + 1), .medium-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .medium-up-9 > .column:last-child, .medium-up-9 > .columns:last-child { float: left; } .medium-up-10 > .column, .medium-up-10 > .columns { float: left; width: 10%; } .medium-up-10 > .column:nth-of-type(1n), .medium-up-10 > .columns:nth-of-type(1n) { clear: none; } .medium-up-10 > .column:nth-of-type(10n + 1), .medium-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .medium-up-10 > .column:last-child, .medium-up-10 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .medium-collapse.row { margin-right: 0; margin-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } .medium-centered { margin-right: auto; margin-left: auto; } .medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both; } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; margin-right: 0; margin-left: 0; } .medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) { float: left; clear: none; } } @media print, screen and (min-width: 73.75em) { .large-1 { width: 8.33333%; } .large-push-1 { position: relative; left: 8.33333%; } .large-pull-1 { position: relative; left: -8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { width: 16.66667%; } .large-push-2 { position: relative; left: 16.66667%; } .large-pull-2 { position: relative; left: -16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { width: 33.33333%; } .large-push-4 { position: relative; left: 33.33333%; } .large-pull-4 { position: relative; left: -33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.66667%; } .large-push-5 { position: relative; left: 41.66667%; } .large-pull-5 { position: relative; left: -41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { width: 58.33333%; } .large-push-7 { position: relative; left: 58.33333%; } .large-pull-7 { position: relative; left: -58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.66667%; } .large-push-8 { position: relative; left: 66.66667%; } .large-pull-8 { position: relative; left: -66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { width: 83.33333%; } .large-push-10 { position: relative; left: 83.33333%; } .large-pull-10 { position: relative; left: -83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.66667%; } .large-push-11 { position: relative; left: 91.66667%; } .large-pull-11 { position: relative; left: -91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 > .column, .large-up-1 > .columns { float: left; width: 100%; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n + 1), .large-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { float: left; width: 50%; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n + 1), .large-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { float: left; width: 33.33333%; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n + 1), .large-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { float: left; width: 25%; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n + 1), .large-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { float: left; width: 20%; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n + 1), .large-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { float: left; width: 16.66667%; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n + 1), .large-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { float: left; width: 14.28571%; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n + 1), .large-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { float: left; width: 12.5%; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n + 1), .large-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-up-9 > .column, .large-up-9 > .columns { float: left; width: 11.11111%; } .large-up-9 > .column:nth-of-type(1n), .large-up-9 > .columns:nth-of-type(1n) { clear: none; } .large-up-9 > .column:nth-of-type(9n + 1), .large-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .large-up-9 > .column:last-child, .large-up-9 > .columns:last-child { float: left; } .large-up-10 > .column, .large-up-10 > .columns { float: left; width: 10%; } .large-up-10 > .column:nth-of-type(1n), .large-up-10 > .columns:nth-of-type(1n) { clear: none; } .large-up-10 > .column:nth-of-type(10n + 1), .large-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .large-up-10 > .column:last-child, .large-up-10 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .large-collapse.row { margin-right: 0; margin-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } .large-centered { margin-right: auto; margin-left: auto; } .large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-right: 0; margin-left: 0; } .large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) { float: left; clear: none; } } @media screen and (min-width: 80em) { .v2-large-1 { width: 8.33333%; } .v2-large-push-1 { position: relative; left: 8.33333%; } .v2-large-pull-1 { position: relative; left: -8.33333%; } .v2-large-offset-0 { margin-left: 0%; } .v2-large-2 { width: 16.66667%; } .v2-large-push-2 { position: relative; left: 16.66667%; } .v2-large-pull-2 { position: relative; left: -16.66667%; } .v2-large-offset-1 { margin-left: 8.33333%; } .v2-large-3 { width: 25%; } .v2-large-push-3 { position: relative; left: 25%; } .v2-large-pull-3 { position: relative; left: -25%; } .v2-large-offset-2 { margin-left: 16.66667%; } .v2-large-4 { width: 33.33333%; } .v2-large-push-4 { position: relative; left: 33.33333%; } .v2-large-pull-4 { position: relative; left: -33.33333%; } .v2-large-offset-3 { margin-left: 25%; } .v2-large-5 { width: 41.66667%; } .v2-large-push-5 { position: relative; left: 41.66667%; } .v2-large-pull-5 { position: relative; left: -41.66667%; } .v2-large-offset-4 { margin-left: 33.33333%; } .v2-large-6 { width: 50%; } .v2-large-push-6 { position: relative; left: 50%; } .v2-large-pull-6 { position: relative; left: -50%; } .v2-large-offset-5 { margin-left: 41.66667%; } .v2-large-7 { width: 58.33333%; } .v2-large-push-7 { position: relative; left: 58.33333%; } .v2-large-pull-7 { position: relative; left: -58.33333%; } .v2-large-offset-6 { margin-left: 50%; } .v2-large-8 { width: 66.66667%; } .v2-large-push-8 { position: relative; left: 66.66667%; } .v2-large-pull-8 { position: relative; left: -66.66667%; } .v2-large-offset-7 { margin-left: 58.33333%; } .v2-large-9 { width: 75%; } .v2-large-push-9 { position: relative; left: 75%; } .v2-large-pull-9 { position: relative; left: -75%; } .v2-large-offset-8 { margin-left: 66.66667%; } .v2-large-10 { width: 83.33333%; } .v2-large-push-10 { position: relative; left: 83.33333%; } .v2-large-pull-10 { position: relative; left: -83.33333%; } .v2-large-offset-9 { margin-left: 75%; } .v2-large-11 { width: 91.66667%; } .v2-large-push-11 { position: relative; left: 91.66667%; } .v2-large-pull-11 { position: relative; left: -91.66667%; } .v2-large-offset-10 { margin-left: 83.33333%; } .v2-large-12 { width: 100%; } .v2-large-offset-11 { margin-left: 91.66667%; } .v2-large-up-1 > .column, .v2-large-up-1 > .columns { float: left; width: 100%; } .v2-large-up-1 > .column:nth-of-type(1n), .v2-large-up-1 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-1 > .column:nth-of-type(1n + 1), .v2-large-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .v2-large-up-1 > .column:last-child, .v2-large-up-1 > .columns:last-child { float: left; } .v2-large-up-2 > .column, .v2-large-up-2 > .columns { float: left; width: 50%; } .v2-large-up-2 > .column:nth-of-type(1n), .v2-large-up-2 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-2 > .column:nth-of-type(2n + 1), .v2-large-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .v2-large-up-2 > .column:last-child, .v2-large-up-2 > .columns:last-child { float: left; } .v2-large-up-3 > .column, .v2-large-up-3 > .columns { float: left; width: 33.33333%; } .v2-large-up-3 > .column:nth-of-type(1n), .v2-large-up-3 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-3 > .column:nth-of-type(3n + 1), .v2-large-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .v2-large-up-3 > .column:last-child, .v2-large-up-3 > .columns:last-child { float: left; } .v2-large-up-4 > .column, .v2-large-up-4 > .columns { float: left; width: 25%; } .v2-large-up-4 > .column:nth-of-type(1n), .v2-large-up-4 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-4 > .column:nth-of-type(4n + 1), .v2-large-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .v2-large-up-4 > .column:last-child, .v2-large-up-4 > .columns:last-child { float: left; } .v2-large-up-5 > .column, .v2-large-up-5 > .columns { float: left; width: 20%; } .v2-large-up-5 > .column:nth-of-type(1n), .v2-large-up-5 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-5 > .column:nth-of-type(5n + 1), .v2-large-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .v2-large-up-5 > .column:last-child, .v2-large-up-5 > .columns:last-child { float: left; } .v2-large-up-6 > .column, .v2-large-up-6 > .columns { float: left; width: 16.66667%; } .v2-large-up-6 > .column:nth-of-type(1n), .v2-large-up-6 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-6 > .column:nth-of-type(6n + 1), .v2-large-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .v2-large-up-6 > .column:last-child, .v2-large-up-6 > .columns:last-child { float: left; } .v2-large-up-7 > .column, .v2-large-up-7 > .columns { float: left; width: 14.28571%; } .v2-large-up-7 > .column:nth-of-type(1n), .v2-large-up-7 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-7 > .column:nth-of-type(7n + 1), .v2-large-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .v2-large-up-7 > .column:last-child, .v2-large-up-7 > .columns:last-child { float: left; } .v2-large-up-8 > .column, .v2-large-up-8 > .columns { float: left; width: 12.5%; } .v2-large-up-8 > .column:nth-of-type(1n), .v2-large-up-8 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-8 > .column:nth-of-type(8n + 1), .v2-large-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .v2-large-up-8 > .column:last-child, .v2-large-up-8 > .columns:last-child { float: left; } .v2-large-up-9 > .column, .v2-large-up-9 > .columns { float: left; width: 11.11111%; } .v2-large-up-9 > .column:nth-of-type(1n), .v2-large-up-9 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-9 > .column:nth-of-type(9n + 1), .v2-large-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .v2-large-up-9 > .column:last-child, .v2-large-up-9 > .columns:last-child { float: left; } .v2-large-up-10 > .column, .v2-large-up-10 > .columns { float: left; width: 10%; } .v2-large-up-10 > .column:nth-of-type(1n), .v2-large-up-10 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-10 > .column:nth-of-type(10n + 1), .v2-large-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .v2-large-up-10 > .column:last-child, .v2-large-up-10 > .columns:last-child { float: left; } .v2-large-collapse > .column, .v2-large-collapse > .columns { padding-right: 0; padding-left: 0; } .v2-large-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .v2-large-collapse.row { margin-right: 0; margin-left: 0; } .v2-large-uncollapse > .column, .v2-large-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } .v2-large-centered { margin-right: auto; margin-left: auto; } .v2-large-centered, .v2-large-centered:last-child:not(:first-child) { float: none; clear: both; } .v2-large-uncentered, .v2-large-push-0, .v2-large-pull-0 { position: static; margin-right: 0; margin-left: 0; } .v2-large-uncentered, .v2-large-uncentered:last-child:not(:first-child), .v2-large-push-0, .v2-large-push-0:last-child:not(:first-child), .v2-large-pull-0, .v2-large-pull-0:last-child:not(:first-child) { float: left; clear: none; } } @media screen and (min-width: 120em) { .xlarge-1 { width: 8.33333%; } .xlarge-push-1 { position: relative; left: 8.33333%; } .xlarge-pull-1 { position: relative; left: -8.33333%; } .xlarge-offset-0 { margin-left: 0%; } .xlarge-2 { width: 16.66667%; } .xlarge-push-2 { position: relative; left: 16.66667%; } .xlarge-pull-2 { position: relative; left: -16.66667%; } .xlarge-offset-1 { margin-left: 8.33333%; } .xlarge-3 { width: 25%; } .xlarge-push-3 { position: relative; left: 25%; } .xlarge-pull-3 { position: relative; left: -25%; } .xlarge-offset-2 { margin-left: 16.66667%; } .xlarge-4 { width: 33.33333%; } .xlarge-push-4 { position: relative; left: 33.33333%; } .xlarge-pull-4 { position: relative; left: -33.33333%; } .xlarge-offset-3 { margin-left: 25%; } .xlarge-5 { width: 41.66667%; } .xlarge-push-5 { position: relative; left: 41.66667%; } .xlarge-pull-5 { position: relative; left: -41.66667%; } .xlarge-offset-4 { margin-left: 33.33333%; } .xlarge-6 { width: 50%; } .xlarge-push-6 { position: relative; left: 50%; } .xlarge-pull-6 { position: relative; left: -50%; } .xlarge-offset-5 { margin-left: 41.66667%; } .xlarge-7 { width: 58.33333%; } .xlarge-push-7 { position: relative; left: 58.33333%; } .xlarge-pull-7 { position: relative; left: -58.33333%; } .xlarge-offset-6 { margin-left: 50%; } .xlarge-8 { width: 66.66667%; } .xlarge-push-8 { position: relative; left: 66.66667%; } .xlarge-pull-8 { position: relative; left: -66.66667%; } .xlarge-offset-7 { margin-left: 58.33333%; } .xlarge-9 { width: 75%; } .xlarge-push-9 { position: relative; left: 75%; } .xlarge-pull-9 { position: relative; left: -75%; } .xlarge-offset-8 { margin-left: 66.66667%; } .xlarge-10 { width: 83.33333%; } .xlarge-push-10 { position: relative; left: 83.33333%; } .xlarge-pull-10 { position: relative; left: -83.33333%; } .xlarge-offset-9 { margin-left: 75%; } .xlarge-11 { width: 91.66667%; } .xlarge-push-11 { position: relative; left: 91.66667%; } .xlarge-pull-11 { position: relative; left: -91.66667%; } .xlarge-offset-10 { margin-left: 83.33333%; } .xlarge-12 { width: 100%; } .xlarge-offset-11 { margin-left: 91.66667%; } .xlarge-up-1 > .column, .xlarge-up-1 > .columns { float: left; width: 100%; } .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-1 > .column:nth-of-type(1n + 1), .xlarge-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child { float: left; } .xlarge-up-2 > .column, .xlarge-up-2 > .columns { float: left; width: 50%; } .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-2 > .column:nth-of-type(2n + 1), .xlarge-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child { float: left; } .xlarge-up-3 > .column, .xlarge-up-3 > .columns { float: left; width: 33.33333%; } .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-3 > .column:nth-of-type(3n + 1), .xlarge-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child { float: left; } .xlarge-up-4 > .column, .xlarge-up-4 > .columns { float: left; width: 25%; } .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-4 > .column:nth-of-type(4n + 1), .xlarge-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child { float: left; } .xlarge-up-5 > .column, .xlarge-up-5 > .columns { float: left; width: 20%; } .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-5 > .column:nth-of-type(5n + 1), .xlarge-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child { float: left; } .xlarge-up-6 > .column, .xlarge-up-6 > .columns { float: left; width: 16.66667%; } .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-6 > .column:nth-of-type(6n + 1), .xlarge-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child { float: left; } .xlarge-up-7 > .column, .xlarge-up-7 > .columns { float: left; width: 14.28571%; } .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-7 > .column:nth-of-type(7n + 1), .xlarge-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child { float: left; } .xlarge-up-8 > .column, .xlarge-up-8 > .columns { float: left; width: 12.5%; } .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-8 > .column:nth-of-type(8n + 1), .xlarge-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child { float: left; } .xlarge-up-9 > .column, .xlarge-up-9 > .columns { float: left; width: 11.11111%; } .xlarge-up-9 > .column:nth-of-type(1n), .xlarge-up-9 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-9 > .column:nth-of-type(9n + 1), .xlarge-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .xlarge-up-9 > .column:last-child, .xlarge-up-9 > .columns:last-child { float: left; } .xlarge-up-10 > .column, .xlarge-up-10 > .columns { float: left; width: 10%; } .xlarge-up-10 > .column:nth-of-type(1n), .xlarge-up-10 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-10 > .column:nth-of-type(10n + 1), .xlarge-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .xlarge-up-10 > .column:last-child, .xlarge-up-10 > .columns:last-child { float: left; } .xlarge-collapse > .column, .xlarge-collapse > .columns { padding-right: 0; padding-left: 0; } .xlarge-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .xlarge-collapse.row { margin-right: 0; margin-left: 0; } .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } .xlarge-centered { margin-right: auto; margin-left: auto; } .xlarge-centered, .xlarge-centered:last-child:not(:first-child) { float: none; clear: both; } .xlarge-uncentered, .xlarge-push-0, .xlarge-pull-0 { position: static; margin-right: 0; margin-left: 0; } .xlarge-uncentered, .xlarge-uncentered:last-child:not(:first-child), .xlarge-push-0, .xlarge-push-0:last-child:not(:first-child), .xlarge-pull-0, .xlarge-pull-0:last-child:not(:first-child) { float: left; clear: none; } } @media screen and (min-width: 250em) { .xxlarge-1 { width: 8.33333%; } .xxlarge-push-1 { position: relative; left: 8.33333%; } .xxlarge-pull-1 { position: relative; left: -8.33333%; } .xxlarge-offset-0 { margin-left: 0%; } .xxlarge-2 { width: 16.66667%; } .xxlarge-push-2 { position: relative; left: 16.66667%; } .xxlarge-pull-2 { position: relative; left: -16.66667%; } .xxlarge-offset-1 { margin-left: 8.33333%; } .xxlarge-3 { width: 25%; } .xxlarge-push-3 { position: relative; left: 25%; } .xxlarge-pull-3 { position: relative; left: -25%; } .xxlarge-offset-2 { margin-left: 16.66667%; } .xxlarge-4 { width: 33.33333%; } .xxlarge-push-4 { position: relative; left: 33.33333%; } .xxlarge-pull-4 { position: relative; left: -33.33333%; } .xxlarge-offset-3 { margin-left: 25%; } .xxlarge-5 { width: 41.66667%; } .xxlarge-push-5 { position: relative; left: 41.66667%; } .xxlarge-pull-5 { position: relative; left: -41.66667%; } .xxlarge-offset-4 { margin-left: 33.33333%; } .xxlarge-6 { width: 50%; } .xxlarge-push-6 { position: relative; left: 50%; } .xxlarge-pull-6 { position: relative; left: -50%; } .xxlarge-offset-5 { margin-left: 41.66667%; } .xxlarge-7 { width: 58.33333%; } .xxlarge-push-7 { position: relative; left: 58.33333%; } .xxlarge-pull-7 { position: relative; left: -58.33333%; } .xxlarge-offset-6 { margin-left: 50%; } .xxlarge-8 { width: 66.66667%; } .xxlarge-push-8 { position: relative; left: 66.66667%; } .xxlarge-pull-8 { position: relative; left: -66.66667%; } .xxlarge-offset-7 { margin-left: 58.33333%; } .xxlarge-9 { width: 75%; } .xxlarge-push-9 { position: relative; left: 75%; } .xxlarge-pull-9 { position: relative; left: -75%; } .xxlarge-offset-8 { margin-left: 66.66667%; } .xxlarge-10 { width: 83.33333%; } .xxlarge-push-10 { position: relative; left: 83.33333%; } .xxlarge-pull-10 { position: relative; left: -83.33333%; } .xxlarge-offset-9 { margin-left: 75%; } .xxlarge-11 { width: 91.66667%; } .xxlarge-push-11 { position: relative; left: 91.66667%; } .xxlarge-pull-11 { position: relative; left: -91.66667%; } .xxlarge-offset-10 { margin-left: 83.33333%; } .xxlarge-12 { width: 100%; } .xxlarge-offset-11 { margin-left: 91.66667%; } .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns { float: left; width: 100%; } .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-1 > .column:nth-of-type(1n + 1), .xxlarge-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child { float: left; } .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns { float: left; width: 50%; } .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-2 > .column:nth-of-type(2n + 1), .xxlarge-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child { float: left; } .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns { float: left; width: 33.33333%; } .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-3 > .column:nth-of-type(3n + 1), .xxlarge-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child { float: left; } .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns { float: left; width: 25%; } .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-4 > .column:nth-of-type(4n + 1), .xxlarge-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child { float: left; } .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns { float: left; width: 20%; } .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-5 > .column:nth-of-type(5n + 1), .xxlarge-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child { float: left; } .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns { float: left; width: 16.66667%; } .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-6 > .column:nth-of-type(6n + 1), .xxlarge-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child { float: left; } .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns { float: left; width: 14.28571%; } .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-7 > .column:nth-of-type(7n + 1), .xxlarge-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child { float: left; } .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns { float: left; width: 12.5%; } .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-8 > .column:nth-of-type(8n + 1), .xxlarge-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child { float: left; } .xxlarge-up-9 > .column, .xxlarge-up-9 > .columns { float: left; width: 11.11111%; } .xxlarge-up-9 > .column:nth-of-type(1n), .xxlarge-up-9 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-9 > .column:nth-of-type(9n + 1), .xxlarge-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .xxlarge-up-9 > .column:last-child, .xxlarge-up-9 > .columns:last-child { float: left; } .xxlarge-up-10 > .column, .xxlarge-up-10 > .columns { float: left; width: 10%; } .xxlarge-up-10 > .column:nth-of-type(1n), .xxlarge-up-10 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-10 > .column:nth-of-type(10n + 1), .xxlarge-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .xxlarge-up-10 > .column:last-child, .xxlarge-up-10 > .columns:last-child { float: left; } .xxlarge-collapse > .column, .xxlarge-collapse > .columns { padding-right: 0; padding-left: 0; } .xxlarge-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .xxlarge-collapse.row { margin-right: 0; margin-left: 0; } .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } .xxlarge-centered { margin-right: auto; margin-left: auto; } .xxlarge-centered, .xxlarge-centered:last-child:not(:first-child) { float: none; clear: both; } .xxlarge-uncentered, .xxlarge-push-0, .xxlarge-pull-0 { position: static; margin-right: 0; margin-left: 0; } .xxlarge-uncentered, .xxlarge-uncentered:last-child:not(:first-child), .xxlarge-push-0, .xxlarge-push-0:last-child:not(:first-child), .xxlarge-pull-0, .xxlarge-pull-0:last-child:not(:first-child) { float: left; clear: none; } } .column-block { margin-bottom: 1.25rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 46.875em) { .column-block { margin-bottom: 2rem; } .column-block > :last-child { margin-bottom: 0; } } .accordion { margin-left: 0; background: #fff; list-style-type: none; } .accordion[disabled] .accordion-title { cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: .75rem; line-height: 1; color: #1976a1; } :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 0 0; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: "+"; } .is-active > .accordion-title::before { content: "–"; } .accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fff; color: #000; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .accordion-menu li { width: 100%; } .accordion-menu a { padding: .7rem 1rem; } .accordion-menu .is-accordion-submenu a { padding: .7rem 1rem; } .accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; } .accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #1976a1 transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .accordion-menu.align-left .is-accordion-submenu-parent > a::after { right: 1rem; left: auto; } .accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; } .accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a::after { transform: rotate(180deg); transform-origin: 50% 50%; } .is-accordion-submenu-parent { position: relative; } .has-submenu-toggle > a { margin-right: 40px; } .submenu-toggle { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; } .submenu-toggle::after { display: block; width: 0; height: 0; border: inset 6px; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #1976a1 transparent transparent; top: 0; bottom: 0; margin: auto; } .submenu-toggle[aria-expanded="true"]::after { transform: scaleY(-1); transform-origin: 50% 50%; } .submenu-toggle-text { position: absolute  !important; width: 1px  !important; height: 1px  !important; padding: 0  !important; overflow: hidden  !important; clip: rect(0, 0, 0, 0)  !important; white-space: nowrap  !important; border: 0  !important; } .close-button { position: absolute; z-index: 10; color: #8a8a8a; cursor: pointer; } [data-whatinput="mouse"] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #000; } .close-button.small { right: .66rem; top: .33em; font-size: 1.5em; line-height: 1; } .close-button.medium, .close-button { right: 1rem; top: .5rem; font-size: 2em; line-height: 1; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .media-object { display: block; margin-bottom: 1rem; } .media-object img { max-width: none; } .media-object-section { display: table-cell; vertical-align: top; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } @media print, screen and (max-width: 46.87375em) { .stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; display: block; } .stack-for-small .media-object-section img { width: 100%; } } .media-object-section.middle { vertical-align: middle; } .media-object-section.bottom { vertical-align: bottom; } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; width: 100%; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } html.is-reveal-open { position: fixed; width: 100%; overflow-y: hidden; } html.is-reveal-open.zf-has-scroll { overflow-y: scroll; } html.is-reveal-open body { overflow-y: hidden; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(0, 0, 0, .45); overflow-y: auto; } .reveal { z-index: 1006; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fff; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; } [data-whatinput="mouse"] .reveal { outline: 0; } @media print, screen and (min-width: 46.875em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 46.875em) { .reveal { width: 600px; max-width: 100rem; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 46.875em) { .reveal.tiny { width: 30%; max-width: 100rem; } } @media print, screen and (min-width: 46.875em) { .reveal.small { width: 50%; max-width: 100rem; } } @media print, screen and (min-width: 46.875em) { .reveal.large { width: 90%; max-width: 100rem; } } .reveal.full { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } @media print, screen and (max-width: 46.87375em) { .reveal { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .tabs { margin: 0; border: 1px solid #e6e6e6; background: #fff; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: " "; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #1976a1; } .tabs.primary > li > a { color: #fff; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #1b80af; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: .75rem; line-height: 1; color: #1976a1; } [data-whatinput="mouse"] .tabs-title > a { outline: 0; } .tabs-title > a:hover { background: #fff; color: #16658a; } .tabs-title > a:focus, .tabs-title > a[aria-selected="true"] { background: #e6e6e6; color: #1976a1; } .tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #fff; color: #000; transition: all .5s ease; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel.is-active { display: block; } .thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: solid 4px #fff; border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, .2); line-height: 0; } a.thumbnail { transition: box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { box-shadow: 0 0 6px 1px rgba(25, 118, 161, .5); } a.thumbnail image { box-shadow: none; } .hide { display: none  !important; } .invisible { visibility: hidden; } @media print, screen and (max-width: 46.87375em) { .hide-for-small-only { display: none  !important; } } @media screen and (max-width: 0em), screen and (min-width: 46.875em) { .show-for-small-only { display: none  !important; } } @media print, screen and (min-width: 46.875em) { .hide-for-medium { display: none  !important; } } @media screen and (max-width: 46.87375em) { .show-for-medium { display: none  !important; } } @media print, screen and (min-width: 46.875em) and (max-width: 73.74875em) { .hide-for-medium-only { display: none  !important; } } @media screen and (max-width: 46.87375em), screen and (min-width: 73.75em) { .show-for-medium-only { display: none  !important; } } @media print, screen and (min-width: 73.75em) { .hide-for-large { display: none  !important; } } @media screen and (max-width: 73.74875em) { .show-for-large { display: none  !important; } } @media print, screen and (min-width: 73.75em) and (max-width: 79.99875em) { .hide-for-large-only { display: none  !important; } } @media screen and (max-width: 73.74875em), screen and (min-width: 80em) { .show-for-large-only { display: none  !important; } } @media screen and (min-width: 80em) { .hide-for-v2-large { display: none  !important; } } @media screen and (max-width: 79.99875em) { .show-for-v2-large { display: none  !important; } } @media screen and (min-width: 80em) and (max-width: 119.99875em) { .hide-for-v2-large-only { display: none  !important; } } @media screen and (max-width: 79.99875em), screen and (min-width: 120em) { .show-for-v2-large-only { display: none  !important; } } @media screen and (min-width: 120em) { .hide-for-xlarge { display: none  !important; } } @media screen and (max-width: 119.99875em) { .show-for-xlarge { display: none  !important; } } @media screen and (min-width: 120em) and (max-width: 249.99875em) { .hide-for-xlarge-only { display: none  !important; } } @media screen and (max-width: 119.99875em), screen and (min-width: 250em) { .show-for-xlarge-only { display: none  !important; } } @media screen and (min-width: 250em) { .hide-for-xxlarge { display: none  !important; } } @media screen and (max-width: 249.99875em) { .show-for-xxlarge { display: none  !important; } } @media screen and (min-width: 250em) { .hide-for-xxlarge-only { display: none  !important; } } @media screen and (max-width: 249.99875em) { .show-for-xxlarge-only { display: none  !important; } } .show-for-sr, .show-on-focus { position: absolute  !important; width: 1px  !important; height: 1px  !important; padding: 0  !important; overflow: hidden  !important; clip: rect(0, 0, 0, 0)  !important; white-space: nowrap  !important; border: 0  !important; } .show-on-focus:active, .show-on-focus:focus { position: static  !important; width: auto  !important; height: auto  !important; overflow: visible  !important; clip: auto  !important; white-space: normal  !important; } .show-for-landscape, .hide-for-portrait { display: block  !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block  !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none  !important; } } .hide-for-landscape, .show-for-portrait { display: none  !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none  !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block  !important; } } .float-left { float: left  !important; } .float-right { float: right  !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: " "; } .clearfix::after { clear: both; } .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(-100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(-100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: top; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: right; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(90deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(90deg); transform-origin: left; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: top; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: right; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: left; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(0.5); transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1.5); transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(-0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms  !important; } .fast { transition-duration: 250ms  !important; } .linear { transition-timing-function: linear  !important; } .ease { transition-timing-function: ease  !important; } .ease-in { transition-timing-function: ease-in  !important; } .ease-out { transition-timing-function: ease-out  !important; } .ease-in-out { transition-timing-function: ease-in-out  !important; } .bounce-in { transition-timing-function: cubic-bezier( .485, .155, .24, 1.245 )  !important; } .bounce-out { transition-timing-function: cubic-bezier( .485, .155, .515, .845 )  !important; } .bounce-in-out { transition-timing-function: cubic-bezier( .76, -0.245, .24, 1.245 )  !important; } .short-delay { transition-delay: 300ms  !important; } .long-delay { transition-delay: 700ms  !important; } .shake { animation-name: shake-7; } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { transform: translateX(-7%); } } .spin-cw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(-1turn); } 100% { transform: rotate(0); } } .spin-ccw { animation-name: spin-ccw-1turn; } @keyframes spin-ccw-1turn { 0% { transform: rotate(0); } 100% { transform: rotate(-1turn); } } .wiggle { animation-name: wiggle-7deg; } @keyframes wiggle-7deg { 40%, 50%, 60% { transform: rotate(7deg); } 35%, 45%, 55%, 65% { transform: rotate(-7deg); } 0%, 30%, 70%, 100% { transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { animation-duration: 500ms; } .infinite { animation-iteration-count: infinite; } .slow { animation-duration: 750ms  !important; } .fast { animation-duration: 250ms  !important; } .linear { animation-timing-function: linear  !important; } .ease { animation-timing-function: ease  !important; } .ease-in { animation-timing-function: ease-in  !important; } .ease-out { animation-timing-function: ease-out  !important; } .ease-in-out { animation-timing-function: ease-in-out  !important; } .bounce-in { animation-timing-function: cubic-bezier(0.485, .155, .24, 1.245)  !important; } .bounce-out { animation-timing-function: cubic-bezier( .485, .155, .515, .845 )  !important; } .bounce-in-out { animation-timing-function: cubic-bezier(0.76, -0.245, .24, 1.245)  !important; } .short-delay { animation-delay: 300ms  !important; } .long-delay { animation-delay: 700ms  !important; } .-noClick { pointer-events: none; } .a-button, .button--toggle label { margin-top: 0rem  !important; background-color: #fff; border-color: #000; border-radius: 3px; border-style: solid; border-width: 1px; color: #000; cursor: pointer; display: block; font-size: 1em; font-weight: 400; line-height: 1; max-width: 18.625em; min-width: 2.375em; padding: .625em; text-align: center; text-decoration: none; text-transform: uppercase; transition: background .2s ease, color .2s ease; width: 178px; height: auto; float: none; } .a-button:hover, .button--toggle label:hover, .a-button:focus, .button--toggle label:focus, .a-button:active, .button--toggle label:active { background-color: #777; text-decoration: none; } .a-button[disabled], .button--toggle label[disabled], .a-button.is-disabled, .button--toggle label.is-disabled { background-color: #e7e7e7  !important; color: #777  !important; cursor: not-allowed  !important; border-color: #c4c4c4  !important; } .a-button.-full, .button--toggle label.-full { max-width: none; width: 100%; } .a-button.-fluid, .button--toggle label.-fluid { display: inline-block; max-width: none; width: auto; } .button--xs { width: 98px; } .button--sm { width: 118px; } .button--md { width: 158px; } .button--lg { width: 198px; } .button--xl { width: 238px; } .button--xxl { width: 278px; } .button--fluid { display: inline-block; max-width: none; width: auto; } .button--full, .button--toggle label { max-width: none; width: 100%; } .button--primary, .a-button.-primary, .button--toggle label.-primary { background-color: #1976a1; border-color: #1976a1; color: #fff; } .button--primary:hover, .a-button.-primary:hover, .button--toggle label.-primary:hover, .button--primary:focus, .a-button.-primary:focus, .button--toggle label.-primary:focus, .button--primary:active, .a-button.-primary:active, .button--toggle label.-primary:active { background-color: #d9eef7; border-color: #1976a1; color: #1976a1; } .button--secondary { background-color: #d9eef7; border-color: #1976a1; color: #1976a1; } .button--secondary:hover, .button--secondary:focus, .button--secondary:active { background-color: #1976a1; border-color: #1976a1; color: #fff; } .button--secondary-alt { border-color: #1976a1; color: #1976a1; } .button--secondary-alt:hover, .button--secondary-alt:focus, .button--secondary-alt:active { background-color: #d9eef7; border-color: #1976a1; color: #1976a1; } .button--tertiary { border-color: #555; color: #555; } .button--tertiary:hover, .button--tertiary:focus, .button--tertiary:active { background: #f2f2f2; color: #555; } .button--tertiary-alt { border-color: #555; background: #f2f2f2; color: #555; } .button--tertiary-alt:hover, .button--tertiary-alt:focus, .button--tertiary-alt:active { background: #e3e3e3; color: #555; } .button--red { background-color: #e2231a; border-color: #777; color: #fff; } .button--red:hover, .button--red:focus, .button--red:active { background-color: #e7e7e7; border-color: #777; color: #e2231a; } .button--black { background-color: #000; border-color: #777; color: #fff; } .button--black:hover, .button--black:focus, .button--black:active { background-color: #e7e7e7; border-color: #777; color: #000; } .button--checkout { background-color: #64a81b; border-color: #317900; color: #fff; } .button--checkout:hover, .button--checkout:focus, .button--checkout:active { background-color: #fff; border-color: #64a81b; color: #64a81b; } .button--promo { background-color: #ffc82e; border-color: #d48e08; color: #222; } .button--promo:hover, .button--promo:focus, .button--promo:active { background-color: #fae474; color: #222; } .button--toggle label { background-color: #fff; border-color: #1976a1; color: #1976a1; } .button--toggle input:checked + label, .button--toggle:hover label, .button--toggle:focus label, .button--toggle:active label { background-color: #d9eef7; border-color: #1976a1; color: #1976a1; } .button--toggle { padding-top: 0rem  !important; background-color: transparent; border: 0; } .button--toggle input { display: none  !important; } .button--toggle:hover, .button--toggle:focus, .button--toggle:active { background-color: transparent; border: 0; text-decoration: none; } .button--link { margin-top: 0rem  !important; padding-top: 0rem  !important; border: none; background-color: transparent; color: #009dd9; cursor: pointer; display: inline-block; font-size: inherit; font-weight: inherit; max-width: none; min-width: 0; text-align: inherit; width: auto; } .button--link:hover, .button--link:focus, .button--link:active { background-color: transparent; color: #009dd9; text-decoration: none; } .button--link[disabled], .button--link.is-disabled { background-color: transparent; color: #777  !important; cursor: not-allowed  !important; } .a-title { color: #000; text-align: center; margin: .5em; font-size: 1.2em; font-style: normal; } .a-image { border: 0; max-width: 100%; max-height: 100%; } .a-links, .a-login { color: #009dd9; cursor: pointer; text-decoration: none; } .a-links:hover, .a-login:hover, .a-links:focus, .a-login:focus { color: #009dd9; text-decoration: underline; } .a-links:active, .a-login:active { color: #dc291e; } .a-links.is-disabled, .is-disabled.a-login { color: #777; cursor: not-allowed; text-decoration: none; } .a-links.is-disabled:hover, .is-disabled.a-login:hover, .a-links.is-disabled:focus, .is-disabled.a-login:focus, .a-links.is-disabled:active, .is-disabled.a-login:active { color: #777; text-decoration: none; } .a-login { position: absolute; right: 20em; top: 1em; z-index: 1000; } .a-price { display: block; font-size: inherit; } .a-price__label { font-size: inherit; line-height: 1.25; } .a-price__value { font-size: inherit; line-height: 1.25; } .price--small .price__label { font-size: 80%; } .price--small .price__value { font-size: 80%; } .price--large .price__label { font-size: 200%; } .price--large .price__value { font-size: 200%; } .price--emphasis .price__label { font-size: 80%; } .price--emphasis .price__value { font-size: 200%; line-height: 1; } .price--stack .price__label { display: block; } .price--stack .price__value { display: block; } .price--nolabel .price__label { display: none; } .a-spinner { background-color: #fff; position: relative; } .a-spinner:before { background: #fff url("//static.lenovo.com/fea/images/ajax-loader.gif") no-repeat center center; content: ""; height: 32px; width: 32px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .a-spinner * { opacity: .3; } .a-loadingIcon { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; background-color: rgba(0, 0, 0, .5); overflow-y: auto; } .a-loadingIcon:before { background: #fff url("//static.lenovo.com/fea/images/ajax-loader.gif") no-repeat center center; content: ""; height: 32px; width: 32px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } body { font: 1em/1.75 "Lato", Helvetica, Arial, sans-serif; background: #efefef; position: relative; color: #555; -webkit-text-size-adjust: none; -ms-overflow-style: scrollbar; } body.checkoutFlow { background: unset; } .mainContent { background: #fff; margin-top: 0; } body.checkoutFlow .mainContent { margin-top: auto; } html.hidden { display: block  !important; visibility: visible  !important; } #mainSectionReplacement { display: none; } #_asm * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #_asm *:before, #_asm *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #_asm a { color: #428bca; text-decoration: none; } #_asm a:hover, #_asm a:focus { color: #2a6496; text-decoration: underline; } #_asm a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #_asm figure { margin: 0; } #_asm img { vertical-align: middle; } #_asm .img-responsive { display: block; max-width: 100%; height: auto; } #_asm .img-rounded { border-radius: 6px; } #_asm .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } #_asm .img-circle { border-radius: 50%; } #_asm hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } #_asm .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } #_asm .container { margin-right: auto; margin-left: auto; position: relative; width: 1060px; } @media (max-width: 768px) { #_asm .container { padding-left: 15px; padding-right: 15px; } } @media (min-width: 10px) { #_asm .container { width: auto; } } @media (min-width: 768px) { #_asm .container { width: 750px; } } @media (min-width: 992px) { #_asm .container { width: 970px; } } @media (min-width: 1200px) { #_asm .container { width: 1200px; background: #27394f; } } #_asm .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } #_asm .row { margin-left: -15px; margin-right: -15px; } #_asm .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } #_asm .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } #_asm .col-xs-12 { width: 100%; } #_asm .col-xs-11 { width: 91.66666667%; } #_asm .col-xs-10 { width: 83.33333333%; } #_asm .col-xs-9 { width: 75%; } #_asm .col-xs-8 { width: 66.66666667%; } #_asm .col-xs-7 { width: 58.33333333%; } #_asm .col-xs-6 { width: 50%; } #_asm .col-xs-5 { width: 41.66666667%; } #_asm .col-xs-4 { width: 33.33333333%; } #_asm .col-xs-3 { width: 25%; } #_asm .col-xs-2 { width: 16.66666667%; } #_asm .col-xs-1 { width: 8.33333333%; } #_asm .col-xs-pull-12 { right: 100%; } #_asm .col-xs-pull-11 { right: 91.66666667%; } #_asm .col-xs-pull-10 { right: 83.33333333%; } #_asm .col-xs-pull-9 { right: 75%; } #_asm .col-xs-pull-8 { right: 66.66666667%; } #_asm .col-xs-pull-7 { right: 58.33333333%; } #_asm .col-xs-pull-6 { right: 50%; } #_asm .col-xs-pull-5 { right: 41.66666667%; } #_asm .col-xs-pull-4 { right: 33.33333333%; } #_asm .col-xs-pull-3 { right: 25%; } #_asm .col-xs-pull-2 { right: 16.66666667%; } #_asm .col-xs-pull-1 { right: 8.33333333%; } #_asm .col-xs-pull-0 { right: 0%; } #_asm .col-xs-push-12 { left: 100%; } #_asm .col-xs-push-11 { left: 91.66666667%; } #_asm .col-xs-push-10 { left: 83.33333333%; } #_asm .col-xs-push-9 { left: 75%; } #_asm .col-xs-push-8 { left: 66.66666667%; } #_asm .col-xs-push-7 { left: 58.33333333%; } #_asm .col-xs-push-6 { left: 50%; } #_asm .col-xs-push-5 { left: 41.66666667%; } #_asm .col-xs-push-4 { left: 33.33333333%; } #_asm .col-xs-push-3 { left: 25%; } #_asm .col-xs-push-2 { left: 16.66666667%; } #_asm .col-xs-push-1 { left: 8.33333333%; } #_asm .col-xs-push-0 { left: 0%; } #_asm .col-xs-offset-12 { margin-left: 100%; } #_asm .col-xs-offset-11 { margin-left: 91.66666667%; } #_asm .col-xs-offset-10 { margin-left: 83.33333333%; } #_asm .col-xs-offset-9 { margin-left: 75%; } #_asm .col-xs-offset-8 { margin-left: 66.66666667%; } #_asm .col-xs-offset-7 { margin-left: 58.33333333%; } #_asm .col-xs-offset-6 { margin-left: 50%; } #_asm .col-xs-offset-5 { margin-left: 41.66666667%; } #_asm .col-xs-offset-4 { margin-left: 33.33333333%; } #_asm .col-xs-offset-3 { margin-left: 25%; } #_asm .col-xs-offset-2 { margin-left: 16.66666667%; } #_asm .col-xs-offset-1 { margin-left: 8.33333333%; } #_asm .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { #_asm .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } #_asm .col-sm-12 { width: 100%; } #_asm .col-sm-11 { width: 91.66666667%; } #_asm .col-sm-10 { width: 83.33333333%; } #_asm .col-sm-9 { width: 75%; } #_asm .col-sm-8 { width: 66.66666667%; } #_asm .col-sm-7 { width: 58.33333333%; } #_asm .col-sm-6 { width: 50%; } #_asm .col-sm-5 { width: 41.66666667%; } #_asm .col-sm-4 { width: 33.33333333%; } #_asm .col-sm-3 { width: 25%; } #_asm .col-sm-2 { width: 16.66666667%; } #_asm .col-sm-1 { width: 8.33333333%; } #_asm .col-sm-pull-12 { right: 100%; } #_asm .col-sm-pull-11 { right: 91.66666667%; } #_asm .col-sm-pull-10 { right: 83.33333333%; } #_asm .col-sm-pull-9 { right: 75%; } #_asm .col-sm-pull-8 { right: 66.66666667%; } #_asm .col-sm-pull-7 { right: 58.33333333%; } #_asm .col-sm-pull-6 { right: 50%; } #_asm .col-sm-pull-5 { right: 41.66666667%; } #_asm .col-sm-pull-4 { right: 33.33333333%; } #_asm .col-sm-pull-3 { right: 25%; } #_asm .col-sm-pull-2 { right: 16.66666667%; } #_asm .col-sm-pull-1 { right: 8.33333333%; } #_asm .col-sm-pull-0 { right: 0%; } #_asm .col-sm-push-12 { left: 100%; } #_asm .col-sm-push-11 { left: 91.66666667%; } #_asm .col-sm-push-10 { left: 83.33333333%; } #_asm .col-sm-push-9 { left: 75%; } #_asm .col-sm-push-8 { left: 66.66666667%; } #_asm .col-sm-push-7 { left: 58.33333333%; } #_asm .col-sm-push-6 { left: 50%; } #_asm .col-sm-push-5 { left: 41.66666667%; } #_asm .col-sm-push-4 { left: 33.33333333%; } #_asm .col-sm-push-3 { left: 25%; } #_asm .col-sm-push-2 { left: 16.66666667%; } #_asm .col-sm-push-1 { left: 8.33333333%; } #_asm .col-sm-push-0 { left: 0%; } #_asm .col-sm-offset-12 { margin-left: 100%; } #_asm .col-sm-offset-11 { margin-left: 91.66666667%; } #_asm .col-sm-offset-10 { margin-left: 83.33333333%; } #_asm .col-sm-offset-9 { margin-left: 75%; } #_asm .col-sm-offset-8 { margin-left: 66.66666667%; } #_asm .col-sm-offset-7 { margin-left: 58.33333333%; } #_asm .col-sm-offset-6 { margin-left: 50%; } #_asm .col-sm-offset-5 { margin-left: 41.66666667%; } #_asm .col-sm-offset-4 { margin-left: 33.33333333%; } #_asm .col-sm-offset-3 { margin-left: 25%; } #_asm .col-sm-offset-2 { margin-left: 16.66666667%; } #_asm .col-sm-offset-1 { margin-left: 8.33333333%; } #_asm .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { #_asm .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } #_asm .col-md-12 { width: 100%; } #_asm .col-md-11 { width: 91.66666667%; } #_asm .col-md-10 { width: 83.33333333%; } #_asm .col-md-9 { width: 75%; } #_asm .col-md-8 { width: 66.66666667%; } #_asm .col-md-7 { width: 58.33333333%; } #_asm .col-md-6 { width: 50%; } #_asm .col-md-5 { width: 41.66666667%; } #_asm .col-md-4 { width: 33.33333333%; } #_asm .col-md-3 { width: 25%; } #_asm .col-md-2 { width: 16.66666667%; } #_asm .col-md-1 { width: 8.33333333%; } #_asm .col-md-pull-12 { right: 100%; } #_asm .col-md-pull-11 { right: 91.66666667%; } #_asm .col-md-pull-10 { right: 83.33333333%; } #_asm .col-md-pull-9 { right: 75%; } #_asm .col-md-pull-8 { right: 66.66666667%; } #_asm .col-md-pull-7 { right: 58.33333333%; } #_asm .col-md-pull-6 { right: 50%; } #_asm .col-md-pull-5 { right: 41.66666667%; } #_asm .col-md-pull-4 { right: 33.33333333%; } #_asm .col-md-pull-3 { right: 25%; } #_asm .col-md-pull-2 { right: 16.66666667%; } #_asm .col-md-pull-1 { right: 8.33333333%; } #_asm .col-md-pull-0 { right: 0%; } #_asm .col-md-push-12 { left: 100%; } #_asm .col-md-push-11 { left: 91.66666667%; } #_asm .col-md-push-10 { left: 83.33333333%; } #_asm .col-md-push-9 { left: 75%; } #_asm .col-md-push-8 { left: 66.66666667%; } #_asm .col-md-push-7 { left: 58.33333333%; } #_asm .col-md-push-6 { left: 50%; } #_asm .col-md-push-5 { left: 41.66666667%; } #_asm .col-md-push-4 { left: 33.33333333%; } #_asm .col-md-push-3 { left: 25%; } #_asm .col-md-push-2 { left: 16.66666667%; } #_asm .col-md-push-1 { left: 8.33333333%; } #_asm .col-md-push-0 { left: 0%; } #_asm .col-md-offset-12 { margin-left: 100%; } #_asm .col-md-offset-11 { margin-left: 91.66666667%; } #_asm .col-md-offset-10 { margin-left: 83.33333333%; } #_asm .col-md-offset-9 { margin-left: 75%; } #_asm .col-md-offset-8 { margin-left: 66.66666667%; } #_asm .col-md-offset-7 { margin-left: 58.33333333%; } #_asm .col-md-offset-6 { margin-left: 50%; } #_asm .col-md-offset-5 { margin-left: 41.66666667%; } #_asm .col-md-offset-4 { margin-left: 33.33333333%; } #_asm .col-md-offset-3 { margin-left: 25%; } #_asm .col-md-offset-2 { margin-left: 16.66666667%; } #_asm .col-md-offset-1 { margin-left: 8.33333333%; } #_asm .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { #_asm .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } #_asm .col-lg-12 { width: 100%; } #_asm .col-lg-11 { width: 91.66666667%; } #_asm .col-lg-10 { width: 83.33333333%; } #_asm .col-lg-9 { width: 75%; } #_asm .col-lg-8 { width: 66.66666667%; } #_asm .col-lg-7 { width: 58.33333333%; } #_asm .col-lg-6 { width: 50%; } #_asm .col-lg-5 { width: 41.66666667%; } #_asm .col-lg-4 { width: 33.33333333%; } #_asm .col-lg-3 { width: 25%; } #_asm .col-lg-2 { width: 16.66666667%; } #_asm .col-lg-1 { width: 8.33333333%; } #_asm .col-lg-pull-12 { right: 100%; } #_asm .col-lg-pull-11 { right: 91.66666667%; } #_asm .col-lg-pull-10 { right: 83.33333333%; } #_asm .col-lg-pull-9 { right: 75%; } #_asm .col-lg-pull-8 { right: 66.66666667%; } #_asm .col-lg-pull-7 { right: 58.33333333%; } #_asm .col-lg-pull-6 { right: 50%; } #_asm .col-lg-pull-5 { right: 41.66666667%; } #_asm .col-lg-pull-4 { right: 33.33333333%; } #_asm .col-lg-pull-3 { right: 25%; } #_asm .col-lg-pull-2 { right: 16.66666667%; } #_asm .col-lg-pull-1 { right: 8.33333333%; } #_asm .col-lg-pull-0 { right: 0%; } #_asm .col-lg-push-12 { left: 100%; } #_asm .col-lg-push-11 { left: 91.66666667%; } #_asm .col-lg-push-10 { left: 83.33333333%; } #_asm .col-lg-push-9 { left: 75%; } #_asm .col-lg-push-8 { left: 66.66666667%; } #_asm .col-lg-push-7 { left: 58.33333333%; } #_asm .col-lg-push-6 { left: 50%; } #_asm .col-lg-push-5 { left: 41.66666667%; } #_asm .col-lg-push-4 { left: 33.33333333%; } #_asm .col-lg-push-3 { left: 25%; } #_asm .col-lg-push-2 { left: 16.66666667%; } #_asm .col-lg-push-1 { left: 8.33333333%; } #_asm .col-lg-push-0 { left: 0%; } #_asm .col-lg-offset-12 { margin-left: 100%; } #_asm .col-lg-offset-11 { margin-left: 91.66666667%; } #_asm .col-lg-offset-10 { margin-left: 83.33333333%; } #_asm .col-lg-offset-9 { margin-left: 75%; } #_asm .col-lg-offset-8 { margin-left: 66.66666667%; } #_asm .col-lg-offset-7 { margin-left: 58.33333333%; } #_asm .col-lg-offset-6 { margin-left: 50%; } #_asm .col-lg-offset-5 { margin-left: 41.66666667%; } #_asm .col-lg-offset-4 { margin-left: 33.33333333%; } #_asm .col-lg-offset-3 { margin-left: 25%; } #_asm .col-lg-offset-2 { margin-left: 16.66666667%; } #_asm .col-lg-offset-1 { margin-left: 8.33333333%; } #_asm .col-lg-offset-0 { margin-left: 0%; } } .ASM_close { float: right; font-size: 30px; font-weight: 500; line-height: 10px; color: #fff; width: 20px; height: 20px; padding-bottom: 5px  !important; margin: 0; } .ASM_close:hover, .ASM_close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50); } .ASM_close_all { font-size: 25px; margin: 0; } .ASM_close_all:hover, .ASM_close_all:focus { color: #b4bac2; } button.ASM_close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .ASM_alert, .ASM_transaction_alert { padding: 5px 10px; margin: 5px 0; border: 1px solid transparent; background: #ff3b30; color: #fff; line-height: 20px; font-size: 16px; } .ASM_alert-dismissable { padding-right: 35px; } .ASM_alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .ASM_alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .ASM_alert-success hr { border-top-color: #c9e2b3; } .ASM_alert-success .alert-link { color: #2b542c; } .ASM_alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .ASM_alert-info hr { border-top-color: #a6e1ec; } .ASM_alert-info .alert-link { color: #245269; } .ASM_alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .ASM_alert-warning hr { border-top-color: #f7e1b5; } .ASM_alert-warning .alert-link { color: #66512c; } .ASM_alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .ASM_alert-danger hr { border-top-color: #e4b9c0; } .ASM_alert-danger .alert-link { color: #843534; } .clearfix:before, .clearfix:after, #_asm .container:before, #_asm .container:after, #_asm .container-fluid:before, #_asm .container-fluid:after, #_asm .row:before, #_asm .row:after { content: " "; display: table; } .clearfix:after, #_asm .container:after, #_asm .container-fluid:after, #_asm .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right  !important; } .pull-left { float: left  !important; } .invisible { visibility: hidden; } .hide { display: none  !important; } .show { display: block  !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none  !important; visibility: hidden  !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none  !important; } @media (max-width: 767px) { .visible-xs { display: block  !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row  !important; } th.visible-xs, td.visible-xs { display: table-cell  !important; } .ASM_alert { width: 92%; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block  !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row  !important; } th.visible-sm, td.visible-sm { display: table-cell  !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block  !important; } table.visible-md { display: table; } tr.visible-md { display: table-row  !important; } th.visible-md, td.visible-md { display: table-cell  !important; } } @media (min-width: 1200px) { .visible-lg { display: block  !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row  !important; } th.visible-lg, td.visible-lg { display: table-cell  !important; } } @media (max-width: 767px) { .hidden-xs { display: none  !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none  !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none  !important; } } @media (min-width: 1200px) { .hidden-lg { display: none  !important; } } .visible-print { display: none  !important; } @media print { .visible-print { display: block  !important; } table.visible-print { display: table; } tr.visible-print { display: table-row  !important; } th.visible-print, td.visible-print { display: table-cell  !important; } } @media print { .hidden-print { display: none  !important; } } @font-face { font-family: "asm_icons"; src: url("../fonts/asm_icons.eot?9817510"); src: url("../fonts/asm_icons.eot?9817510#iefix") format("embedded-opentype"), url("../fonts/asm_icons.woff?9817510") format("woff"), url("../fonts/asm_icons.ttf?9817510") format("truetype"), url("../fonts/asm_icons.svg?9817510#asm_icons") format("svg"); } .ASM_icon { position: relative; top: 1px; display: inline-block; font-family: "asm_icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ASM_icon-logo:before { content: "\e807"; font-size: 32px; } .ASM_icon-contacts:before { content: "\e801"; vertical-align: middle; } .ASM_icon-cart:before { content: "\e802"; vertical-align: middle; } .ASM_icon-arrow-down:before { content: "\e803"; } .ASM_icon-arrow-up:before { content: "\e804"; } .ASM_icon-arrow-indicator-down:before { content: "\e805"; } .ASM_icon-arrow-indicator-up:before { content: "\e806"; } .ASM_icon-chain:before { content: "\e808"; color: #757575; font-size: 37px; } .ASM_icon-chain.ASM_chain-bind:before { color: #fff; } @media (max-width: 767px) { .ASM_icon-chain { position: absolute; top: auto; bottom: 40px; left: 50%; margin-left: -5%; } } .ASM_header, #_asm .container, .ASM_logo, .ASM_cut_text, .ASM_alert, .ASM_loggedin_text span, .ASM_control_text, .ASM_session_input_text span, .ASM_session_andor_text, .ASM-btn, .ASM-btn span, .ASM-input, #sessionTimer, #sessionTimer span { font-family: Arial, sans-serif, Helvetica; } #_asm { font-family: Arial, sans-serif, Helvetica; top: 0; left: 0; right: 0; background: #27394f; color: #000; z-index: 99998; -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; } #_asm .ASM-btn { height: 40px; border-radius: 5px; border: 0; padding: 0 20px; font-size: 19px; font-weight: 300; -webkit-box-shadow: 0 2px 0 #1b2c42; box-shadow: 0 2px 0 #1b2c42; color: #000; display: inline-block; float: none; margin: 0; vertical-align: baseline; } #_asm .ASM-btn.ASM-btn-login, #_asm .ASM-btn.ASM-btn-bind-cart { background: #fad714; } #_asm .ASM-btn.ASM-btn-create-account { background: #d2dbe6; color: #0354ae; } #asmLogoutForm, #asmLogoutForm fieldset, #_asmSessionEndForm, #_asmBindForm, #_asmSessionEndForm fieldset { display: inline-block; } #_asm .ASM-btn.ASM-btn-logout, #_asm .ASM-btn.ASM-btn-reset { background: #000; color: #cbcbcb; vertical-align: middle; } #_asm .ASM-btn.ASM-btn-start-session { background: #19bc33; color: #fff; font-weight: 400; font-size: 18px; margin-left: -1px; vertical-align: bottom; } @media (min-width: 768px) and (max-width: 991px) { #_asm .ASM-btn.ASM-btn-start-session { margin-left: -2px; } } @media (max-width: 767px) { #_asmBindForm { display: block; } #_asm .ASM-btn.ASM-btn-logout, #_asm .ASM-btn.ASM-btn-reset { min-width: 105px; } #_asm .ASM-btn.ASM-btn-start-session { margin-left: 0; } } #_asm .ASM-btn.ASM-btn-end-session { background: #ff3b30; color: #fff; font-weight: 400; font-size: 18px; margin-top: 1px; } #_asm .ASM_end_session fieldset { margin-top: 21px; } #_asm .ASM-btn.ASM-btn-bind-cart, #_asm .ASM-btn.ASM-btn-create-account { float: right; position: absolute; right: 12px; top: 82px; font-weight: 400; } @media (max-width: 768px) { #_asm .ASM-btn.ASM-btn-bind-cart, #_asm .ASM-btn.ASM-btn-create-account { top: auto; bottom: 0; right: 15px; } #_asm .ASM_end_session fieldset { margin-top: 0; } #_asm .ASM-btn.ASM-btn-end-session { margin-top: 0; } } #_asm button[disabled] { opacity: .45; filter: alpha(opacity=45); background: #207241; } #_asm .ASM_input_holder { display: inline-block; position: relative; } #_asm .ASM_input_holder label { font-family: Arial, sans-serif, Helvetica; color: #777; font-weight: 600; font-size: 14px; display: block; text-align: left; margin-bottom: 1px; padding: 0; } #_asm .ASM_input_holder .ASM_autocomplete { display: none; position: absolute; background: #fff; width: 100%; z-index: 99999; border-top: 1px solid #e6e8ea; } #_asm .ASM_input_holder .ASM_autocomplete.ASM_autocomplete_active { display: block; } #_asm .ASM_input_holder .ASM_autocomplete ul { list-style: none; padding: 0 10px; margin: 0; } #_asm .ASM_input_holder .ASM_autocomplete ul li { font-size: 18px; line-height: 37px; } #_asm .ASM-input { height: 40px; padding: 7px 10px; font-size: 19px; line-height: 20px; border-radius: 0; border: 0; width: 100%; margin: 0; } #_asm .ASM-input[disabled], #_asm .ASM-input.disabled, #_asm .ASM-input[readonly], #_asm .ASM-input[readonly]:focus { background-color: #b4bac2; cursor: default; color: #000; } #_asm .ASM-input.placeholder { color: #757575; } #_asm #_asmSessionEndForm .ASM-input { background-color: #b4bac2; } #_asm #_asmSessionEndForm .ASM-input.placeholder { background-color: #fff; } #_asmSessionEndForm fieldset { vertical-align: bottom; } select#_asm .ASM-input { height: 40px; line-height: 40px; } textarea#_asm .ASM-input, select[multiple]#_asm .ASM-input { height: auto; } #_asm .ASM-input:focus, #_asm .ASM-input.ASM-input-valid, #_asm .ASM-input.ASM-input-error { background: #fff; } #_asm .ASM-input.ASM-input-error { color: #ff3b30; border: 2px solid #ff3b30; padding: 5px 10px; } #_asm .ASM-input-error.placeholder { color: #ff958f; } #_asm .ASM_header { padding: 5px 0 15px; } #_asm .ASM_header .ASM_logo { font-family: Arial, sans-serif, Helvetica; float: left; font-size: 30px; font-weight: 300; line-height: 30px; color: #fff; padding: 18px 0 12px; } @media (max-width: 767px) { #_asm .ASM_header .ASM_logo span.ASM_cut_text { display: none  !important; } } @media (min-width: 768px) and (max-width: 1199px) { #_asm .ASM_header .ASM_logo span.ASM_cut_text { display: none  !important; } } #_asm .ASM_header .ASM_login { text-align: right; } #_asm .ASM_header .ASM_login .ASM-input { width: 200px; } #_asm .ASM_header .ASM_loggedin { text-align: right; margin-top: 20px; } #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text, .ASM_timer { display: inline-block; font-weight: 300; font-size: 14px; margin: 0 20px 0 0; color: #a1aebd; } #_asm fieldset { padding: 0; margin: 0; border: 0; } .ASM_timer { margin-right: 87px; } #sessionTimer { margin-right: 20px; font-weight: bold; text-align: left; } #sessionTimer span { font-weight: 300; } #sessionTimer .ASM_timer_count { display: inline-block; min-width: 33px; font-weight: bold; } #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text .ASM_loggedin_text_name { font-weight: bold; } @media (max-width: 767px) { #_asm .ASM_header .ASM_logo { float: none; padding: 10px 0 7px; } #_asm .ASM_header .ASM_login { padding-top: 10px; } #_asm .ASM_header .ASM_login .ASM_input_holder { display: block; width: 100%; margin-bottom: 10px; } #_asm .ASM_header .ASM_login .ASM_input_holder .ASM-input { display: block; width: 100%; } #_asm .ASM_header .ASM_loggedin { margin-top: 10px; } #_asm .ASM_header .ASM_loggedin #asmLogoutForm { float: right; } #_asm .ASM_control { margin-top: 15px; } #_asm .ASM_close_all { margin: 10px 0 0 0; } .ASM_timer { margin-right: 0; line-height: 40px; } #_asm .ASM_header .ASM_loggedin .ASM_loggedin_text { margin-top: 12px; } #_asm .ASM-btn.ASM-btn-login { float: left; } } #_asm .ASM_session { padding: 0 0 15px; } #_asm .ASM_session span.ASM_icon { color: #0979ff; font-size: 32px; margin: 0 10px 0 0; } #_asm .ASM_session span.ASM_icon-chain { vertical-align: middle; margin: -8px 30px 0 12px; font-size: 27px; } @media (min-width: 768px) and (max-width: 1199px) { #_asm .ASM_session span.ASM_icon-chain { margin-left: 11px; } } #_asm .ASM_session .ASM_input_holder { width: 250px; } #_asm .ASM_session .cartId { width: 230px; } @media (max-width: 991px) { #_asm .ASM_session .ASM_input_holder { width: 230px; } #_asm .ASM_session .cartId { width: 210px; } } #_asm .ASM_session .ASM_session_andor_text { display: inline-block; margin: 0 20px; color: #fff; font-size: 19px; } @media (max-width: 767px) { #_asm .ASM_session .ASM_session_andor_text { display: none  !important; } #_asm .ASM_session .ASM_input_holder { margin-bottom: 10px; } } @media (max-width: 991px) { #_asm .ASM_session .ASM_session_andor_text { } } #_asm .ASM_session .ASM_session_input_text { display: inline-block; margin: 0 60px 0 0; color: #a1aebd; font-size: 20px; } @media (max-width: 767px) { #_asm .ASM_session .ASM_input_holder { width: 100%; } #_asm .ASM_session span.ASM_icon-chain { margin-bottom: -32px; margin-left: -5%; float: left; } #_asm .ASM_session span.ASM_icon-contacts { margin-left: 5px; } #_asm .ASM_timer { display: block; margin-bottom: 10px; margin-right: 0; } #_asm .ASM_timer .ASM-btn-reset { float: right; } #_asm .ASM_session .ASM-btn { float: left; } #_asm .ASM_session .ASM_session_input_text { display: block; margin-bottom: 10px; line-height: 32px; margin-left: 60px; } #_asm .ASM_session .ASM_session_input_text:before, #_asm .ASM_session .ASM_session_input_text:after { content: " "; display: table; } #_asm .ASM_session .ASM_session_input_text:after { clear: both; } #_asm .ASM_session .ASM_session_input_text:before, #_asm .ASM_session .ASM_session_input_text:after { content: " "; display: table; } #_asm .ASM_session .ASM_session_input_text:after { clear: both; } } #_asm .ASM_control { height: 8px; background-color: #097aff; position: relative; -webkit-transition: background-color .3s ease-out; transition: background-color .3s ease-out; } #_asm .ASM_control .ASM_control_text { display: none; font-size: 22px; font-weight: 300; line-height: 48px; color: #fff; } #_asm .ASM_control .ASM_control_collapse { position: absolute; right: 50px; bottom: -1px; height: 22px; width: 82px; overflow: hidden; cursor: pointer; } #_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow { position: relative; top: 1px; display: inline-block; font-family: "asm_icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; position: absolute; top: 0; display: block; color: #fff; -webkit-transition: color .3s ease-out; transition: color .3s ease-out; } #_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow:before { content: "\e804"; } #_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator { display: inline-block; font-family: "asm_icons"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; font-size: 10px; top: 6px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); color: #097aff; -webkit-transition: color .3s ease-out; transition: color .3s ease-out; } #_asm .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator:before { content: "\e806"; } #_asm .ASM_control.ASM_control_session_active { background-color: #19bc33; } #_asm .ASM_control.ASM_control_session_active .ASM_control_collapse_indicator { color: #19bc33; } #_asm.ASM-collapsed { -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); margin-top: 53px; } #_asm.ASM-collapsed .ASM_header, #_asm.ASM-collapsed .ASM_session { display: none; } #_asm.ASM-collapsed .ASM_control { height: 48px; } #_asm.ASM-collapsed .ASM_control .ASM_control_text { display: block; } #_asm.ASM-collapsed .ASM_control .ASM_control_collapse { top: 0px; } #_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow { color: #fff; } #_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_arrow:before { content: "\e803"; } #_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator { color: #097aff; } #_asm.ASM-collapsed .ASM_control .ASM_control_collapse .ASM_control_collapse_indicator:before { content: "\e805"; } #_asm.ASM-collapsed .ASM_control.ASM_control_session_active .ASM_control_collapse .ASM_control_collapse_indicator { color: #19bc33; } .asmAutoComplete .ui-autocomplete { padding: 7px 10px 5px; width: 600px  !important; z-index: 10000; } #asmAutoCompleteCartId .ui-autocomplete { width: 230px  !important; } @media (min-width: 768px) and (max-width: 991px) { #asmAutoCompleteCartId .ui-autocomplete { width: 215px  !important; } } .asmAutoComplete .ui-autocomplete .ui-menu-item { border: none; padding: 5px 0; } .asmAutoComplete .ui-autocomplete .ui-menu-item:first-child { padding-top: 0; } .asmAutoComplete .ui-autocomplete .ui-menu-item .ui-corner-all { border: none; font-family: Arial, sans-serif, Helvetica; font-size: 18px; } .asmAutoComplete .ui-autocomplete .ui-menu-item span { padding-left: 30px; font-family: Arial, sans-serif, Helvetica; font-size: 18px; background-color: #fff; vertical-align: top; display: inline-block; } .asmAutoComplete .ui-autocomplete .ui-menu-item .noresult { padding-left: 3px; } .asmAutoComplete .ui-autocomplete .error-result.ui-state-disabled { background-color: lightpink; } .asmAutoComplete .ui-autocomplete .error-result.ui-state-disabled.ui-state-focus { cursor: pointer; color: black; } .asmAutoComplete .ui-autocomplete .noresult.ui-state-disabled.ui-state-focus { background-color: #eee; cursor: pointer; color: black; } .asmAutoComplete .ui-autocomplete .ui-menu-item .first { padding-left: 0; } .asmAutoComplete .ui-autocomplete .ui-menu-item .name { padding-left: 3px; width: 16%; } .asmAutoComplete .ui-autocomplete .ui-menu-item .email { width: 55%; } .asmAutoComplete .ui-autocomplete .ui-menu-item .phone { width: 30%; } .asmAutoComplete .ui-autocomplete .ui-menu-item { background-color: white; } .asmAutoComplete .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0px; } .asmAutoComplete .ui-autocomplete .ui-menu-item.ui-state-focus span, .asmAutoComplete .ui-autocomplete .ui-menu-item.ui-state-focus a { background-color: #eee; cursor: pointer; } @media (max-width: 625px) { .asmAutoComplete .ui-autocomplete { width: auto  !important; margin-right: 15px; } .asmAutoComplete .ui-autocomplete .ui-menu-item .ui-corner-all span { width: 100%; padding-left: 0; } .asmAutoComplete .ui-autocomplete .ui-menu-item .ui-corner-all .phone { width: 50%; padding: 0; } } .cartDetails-reasonCode { width: 100%; font-size: .8rem; margin: 0em; } .cartDetails-priceOverride { width: 100%; float: right; } .cartDetails-tsConfigDetails-label { padding-right: 1.25em; font-size: .8rem; color: #555; font-weight: bold; } .cartDetails-tsConfigDetails-price { text-decoration: line-through; margin-bottom: 0em; font-size: .8rem  !important; padding-left: 1.25em; padding-right: 1.25em; } .cartDetails-priceOverrideList { text-align: right; margin-right: 0px  !important; } .cartDetails-overriddenPrice { text-align: right; width: 50px; margin-bottom: .25em; } .cartDetails-tsPrice { text-align: left; margin-bottom: 1em; line-height: 1.4em; font-weight: bold; color: #78ae01; width: 100%; } .cartDetails-tsPriceStrikethrough { text-align: left; margin-bottom: 1em; text-decoration: line-through; line-height: 1.4em; font-weight: bold; color: #78ae01; font-size: 1em; width: 100%; } .cartDetails-currentPrice { width: 100%; float: left; margin-bottom: 0em; } .ts-cart-item { background: #fff; clear: both; border-top: 1px solid #ddd; margin-top: 1em; padding: 1em; margin-bottom: 1em; } .cartDetails-reasonText { width: 100%; font-family: Arial, sans-serif; font-size: .8rem; resize: none; text-align: left; height: 50px  !important; } .quote-approver-commentLabel { display: table; font-size: 14px; font-size: .875rem; font-weight: bold; } .quote-approver-comment { width: 100%; font-family: Arial, sans-serif; font-size: .75rem; resize: none; text-align: left; } .order-email-popup-label { width: 100%; font-family: Arial, sans-serif; font-size: .75rem; resize: none; text-align: left; } .order-email-popup-textarea { width: 100%; font-family: Arial, sans-serif; font-size: .75rem; resize: none; text-align: left; } .order-email-popup-text { width: 100%; font-family: Arial, sans-serif; font-size: .75rem; text-align: left; } table.manual-email-popup-fields td { padding: .5em; vertical-align: middle; min-width: 100px; } .cartTotals-reasonText { width: 100%; } .cartTotals-shippingpriceOverride { width: 35%; float: right; width: 100%; height: 80px; } .cartTotals-shippingpriceOverrideB2B { width: 35%; float: right; width: 100%; height: 130px; } .searchStoreForm { display: inline-block; } .asmContainer { clear: both; display: flex; } .storeTypeBlock { display: flex; } .storeTypeIcon { position: relative; top: 26px; height: 40px; } .andordiv { position: relative; top: 26px; height: 40px; vertical-align: top; margin-left: 22px; } .storeIdDiv { margin-left: 41px; } .ASM span.ASMIcon { cursor: pointer; color: white; font-size: 20px; top: 4px; margin-left: 5px; } .ASM span[disabled].ASMIcon { cursor: default; pointer-events: none; color: #b4bac2; } .asmPopupContainer { background: #27394f; width: 100%; height: 100%; } .advStoreItem { float: left; padding: 11px 11px; width: 320px; } #advancedStoreSearchPopup { display: none; } #advStoreSearchResult { clear: both; position: relative; top: 60px; } .ASM .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .ASM .container:before, .ASM .container:after { content: " "; display: table; } .ASM .container:after { clear: both; } @media (min-width: 768px) { .ASM .container { width: 750px; } } @media (min-width: 992px) { .ASM .container { width: 970px; } } @media (min-width: 1200px) { .ASM .container { width: 1170px; } } .ASM .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .ASM .container-fluid:before, .ASM .container-fluid:after { content: " "; display: table; } .ASM .container-fluid:after { clear: both; } .ASM .row { margin-left: -15px; margin-right: -15px; } .ASM .row:before, .ASM .row:after { content: " "; display: table; } .ASM .row:after { clear: both; } .ASM .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .ASM .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .ASM .col-xs-12 { width: 100%; } .ASM .col-xs-11 { width: 91.66666667%; } .ASM .col-xs-10 { width: 83.33333333%; } .ASM .col-xs-9 { width: 75%; } .ASM .col-xs-8 { width: 66.66666667%; } .ASM .col-xs-7 { width: 58.33333333%; } .ASM .col-xs-6 { width: 50%; } .ASM .col-xs-5 { width: 41.66666667%; } .ASM .col-xs-4 { width: 33.33333333%; } .ASM .col-xs-3 { width: 25%; } .ASM .col-xs-2 { width: 16.66666667%; } .ASM .col-xs-1 { width: 8.33333333%; } .ASM .col-xs-pull-12 { right: 100%; } .ASM .col-xs-pull-11 { right: 91.66666667%; } .ASM .col-xs-pull-10 { right: 83.33333333%; } .ASM .col-xs-pull-9 { right: 75%; } .ASM .col-xs-pull-8 { right: 66.66666667%; } .ASM .col-xs-pull-7 { right: 58.33333333%; } .ASM .col-xs-pull-6 { right: 50%; } .ASM .col-xs-pull-5 { right: 41.66666667%; } .ASM .col-xs-pull-4 { right: 33.33333333%; } .ASM .col-xs-pull-3 { right: 25%; } .ASM .col-xs-pull-2 { right: 16.66666667%; } .ASM .col-xs-pull-1 { right: 8.33333333%; } .ASM .col-xs-pull-0 { right: auto; } .ASM .col-xs-push-12 { left: 100%; } .ASM .col-xs-push-11 { left: 91.66666667%; } .ASM .col-xs-push-10 { left: 83.33333333%; } .ASM .col-xs-push-9 { left: 75%; } .ASM .col-xs-push-8 { left: 66.66666667%; } .ASM .col-xs-push-7 { left: 58.33333333%; } .ASM .col-xs-push-6 { left: 50%; } .ASM .col-xs-push-5 { left: 41.66666667%; } .ASM .col-xs-push-4 { left: 33.33333333%; } .ASM .col-xs-push-3 { left: 25%; } .ASM .col-xs-push-2 { left: 16.66666667%; } .ASM .col-xs-push-1 { left: 8.33333333%; } .ASM .col-xs-push-0 { left: auto; } .ASM .col-xs-offset-12 { margin-left: 100%; } .ASM .col-xs-offset-11 { margin-left: 91.66666667%; } .ASM .col-xs-offset-10 { margin-left: 83.33333333%; } .ASM .col-xs-offset-9 { margin-left: 75%; } .ASM .col-xs-offset-8 { margin-left: 66.66666667%; } .ASM .col-xs-offset-7 { margin-left: 58.33333333%; } .ASM .col-xs-offset-6 { margin-left: 50%; } .ASM .col-xs-offset-5 { margin-left: 41.66666667%; } .ASM .col-xs-offset-4 { margin-left: 33.33333333%; } .ASM .col-xs-offset-3 { margin-left: 25%; } .ASM .col-xs-offset-2 { margin-left: 16.66666667%; } .ASM .col-xs-offset-1 { margin-left: 8.33333333%; } .ASM .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .ASM .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .ASM .col-sm-12 { width: 100%; } .ASM .col-sm-11 { width: 91.66666667%; } .ASM .col-sm-10 { width: 83.33333333%; } .ASM .col-sm-9 { width: 75%; } .ASM .col-sm-8 { width: 66.66666667%; } .ASM .col-sm-7 { width: 58.33333333%; } .ASM .col-sm-6 { width: 50%; } .ASM .col-sm-5 { width: 41.66666667%; } .ASM .col-sm-4 { width: 33.33333333%; } .ASM .col-sm-3 { width: 25%; } .ASM .col-sm-2 { width: 16.66666667%; } .ASM .col-sm-1 { width: 8.33333333%; } .ASM .col-sm-pull-12 { right: 100%; } .ASM .col-sm-pull-11 { right: 91.66666667%; } .ASM .col-sm-pull-10 { right: 83.33333333%; } .ASM .col-sm-pull-9 { right: 75%; } .ASM .col-sm-pull-8 { right: 66.66666667%; } .ASM .col-sm-pull-7 { right: 58.33333333%; } .ASM .col-sm-pull-6 { right: 50%; } .ASM .col-sm-pull-5 { right: 41.66666667%; } .ASM .col-sm-pull-4 { right: 33.33333333%; } .ASM .col-sm-pull-3 { right: 25%; } .ASM .col-sm-pull-2 { right: 16.66666667%; } .ASM .col-sm-pull-1 { right: 8.33333333%; } .ASM .col-sm-pull-0 { right: auto; } .ASM .col-sm-push-12 { left: 100%; } .ASM .col-sm-push-11 { left: 91.66666667%; } .ASM .col-sm-push-10 { left: 83.33333333%; } .ASM .col-sm-push-9 { left: 75%; } .ASM .col-sm-push-8 { left: 66.66666667%; } .ASM .col-sm-push-7 { left: 58.33333333%; } .ASM .col-sm-push-6 { left: 50%; } .ASM .col-sm-push-5 { left: 41.66666667%; } .ASM .col-sm-push-4 { left: 33.33333333%; } .ASM .col-sm-push-3 { left: 25%; } .ASM .col-sm-push-2 { left: 16.66666667%; } .ASM .col-sm-push-1 { left: 8.33333333%; } .ASM .col-sm-push-0 { left: auto; } .ASM .col-sm-offset-12 { margin-left: 100%; } .ASM .col-sm-offset-11 { margin-left: 91.66666667%; } .ASM .col-sm-offset-10 { margin-left: 83.33333333%; } .ASM .col-sm-offset-9 { margin-left: 75%; } .ASM .col-sm-offset-8 { margin-left: 66.66666667%; } .ASM .col-sm-offset-7 { margin-left: 58.33333333%; } .ASM .col-sm-offset-6 { margin-left: 50%; } .ASM .col-sm-offset-5 { margin-left: 41.66666667%; } .ASM .col-sm-offset-4 { margin-left: 33.33333333%; } .ASM .col-sm-offset-3 { margin-left: 25%; } .ASM .col-sm-offset-2 { margin-left: 16.66666667%; } .ASM .col-sm-offset-1 { margin-left: 8.33333333%; } .ASM .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .ASM .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .ASM .col-md-12 { width: 100%; } .ASM .col-md-11 { width: 91.66666667%; } .ASM .col-md-10 { width: 83.33333333%; } .ASM .col-md-9 { width: 75%; } .ASM .col-md-8 { width: 66.66666667%; } .ASM .col-md-7 { width: 58.33333333%; } .ASM .col-md-6 { width: 50%; } .ASM .col-md-5 { width: 41.66666667%; } .ASM .col-md-4 { width: 33.33333333%; } .ASM .col-md-3 { width: 25%; } .ASM .col-md-2 { width: 16.66666667%; } .ASM .col-md-1 { width: 8.33333333%; } .ASM .col-md-pull-12 { right: 100%; } .ASM .col-md-pull-11 { right: 91.66666667%; } .ASM .col-md-pull-10 { right: 83.33333333%; } .ASM .col-md-pull-9 { right: 75%; } .ASM .col-md-pull-8 { right: 66.66666667%; } .ASM .col-md-pull-7 { right: 58.33333333%; } .ASM .col-md-pull-6 { right: 50%; } .ASM .col-md-pull-5 { right: 41.66666667%; } .ASM .col-md-pull-4 { right: 33.33333333%; } .ASM .col-md-pull-3 { right: 25%; } .ASM .col-md-pull-2 { right: 16.66666667%; } .ASM .col-md-pull-1 { right: 8.33333333%; } .ASM .col-md-pull-0 { right: auto; } .ASM .col-md-push-12 { left: 100%; } .ASM .col-md-push-11 { left: 91.66666667%; } .ASM .col-md-push-10 { left: 83.33333333%; } .ASM .col-md-push-9 { left: 75%; } .ASM .col-md-push-8 { left: 66.66666667%; } .ASM .col-md-push-7 { left: 58.33333333%; } .ASM .col-md-push-6 { left: 50%; } .ASM .col-md-push-5 { left: 41.66666667%; } .ASM .col-md-push-4 { left: 33.33333333%; } .ASM .col-md-push-3 { left: 25%; } .ASM .col-md-push-2 { left: 16.66666667%; } .ASM .col-md-push-1 { left: 8.33333333%; } .ASM .col-md-push-0 { left: auto; } .ASM .col-md-offset-12 { margin-left: 100%; } .ASM .col-md-offset-11 { margin-left: 91.66666667%; } .ASM .col-md-offset-10 { margin-left: 83.33333333%; } .ASM .col-md-offset-9 { margin-left: 75%; } .ASM .col-md-offset-8 { margin-left: 66.66666667%; } .ASM .col-md-offset-7 { margin-left: 58.33333333%; } .ASM .col-md-offset-6 { margin-left: 50%; } .ASM .col-md-offset-5 { margin-left: 41.66666667%; } .ASM .col-md-offset-4 { margin-left: 33.33333333%; } .ASM .col-md-offset-3 { margin-left: 25%; } .ASM .col-md-offset-2 { margin-left: 16.66666667%; } .ASM .col-md-offset-1 { margin-left: 8.33333333%; } .ASM .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .ASM .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .ASM .col-lg-12 { width: 100%; } .ASM .col-lg-11 { width: 91.66666667%; } .ASM .col-lg-10 { width: 83.33333333%; } .ASM .col-lg-9 { width: 75%; } .ASM .col-lg-8 { width: 66.66666667%; } .ASM .col-lg-7 { width: 58.33333333%; } .ASM .col-lg-6 { width: 50%; } .ASM .col-lg-5 { width: 41.66666667%; } .ASM .col-lg-4 { width: 33.33333333%; } .ASM .col-lg-3 { width: 25%; } .ASM .col-lg-2 { width: 16.66666667%; } .ASM .col-lg-1 { width: 8.33333333%; } .ASM .col-lg-pull-12 { right: 100%; } .ASM .col-lg-pull-11 { right: 91.66666667%; } .ASM .col-lg-pull-10 { right: 83.33333333%; } .ASM .col-lg-pull-9 { right: 75%; } .ASM .col-lg-pull-8 { right: 66.66666667%; } .ASM .col-lg-pull-7 { right: 58.33333333%; } .ASM .col-lg-pull-6 { right: 50%; } .ASM .col-lg-pull-5 { right: 41.66666667%; } .ASM .col-lg-pull-4 { right: 33.33333333%; } .ASM .col-lg-pull-3 { right: 25%; } .ASM .col-lg-pull-2 { right: 16.66666667%; } .ASM .col-lg-pull-1 { right: 8.33333333%; } .ASM .col-lg-pull-0 { right: auto; } .ASM .col-lg-push-12 { left: 100%; } .ASM .col-lg-push-11 { left: 91.66666667%; } .ASM .col-lg-push-10 { left: 83.33333333%; } .ASM .col-lg-push-9 { left: 75%; } .ASM .col-lg-push-8 { left: 66.66666667%; } .ASM .col-lg-push-7 { left: 58.33333333%; } .ASM .col-lg-push-6 { left: 50%; } .ASM .col-lg-push-5 { left: 41.66666667%; } .ASM .col-lg-push-4 { left: 33.33333333%; } .ASM .col-lg-push-3 { left: 25%; } .ASM .col-lg-push-2 { left: 16.66666667%; } .ASM .col-lg-push-1 { left: 8.33333333%; } .ASM .col-lg-push-0 { left: auto; } .ASM .col-lg-offset-12 { margin-left: 100%; } .ASM .col-lg-offset-11 { margin-left: 91.66666667%; } .ASM .col-lg-offset-10 { margin-left: 83.33333333%; } .ASM .col-lg-offset-9 { margin-left: 75%; } .ASM .col-lg-offset-8 { margin-left: 66.66666667%; } .ASM .col-lg-offset-7 { margin-left: 58.33333333%; } .ASM .col-lg-offset-6 { margin-left: 50%; } .ASM .col-lg-offset-5 { margin-left: 41.66666667%; } .ASM .col-lg-offset-4 { margin-left: 33.33333333%; } .ASM .col-lg-offset-3 { margin-left: 25%; } .ASM .col-lg-offset-2 { margin-left: 16.66666667%; } .ASM .col-lg-offset-1 { margin-left: 8.33333333%; } .ASM .col-lg-offset-0 { margin-left: 0; } } .ASM .clearfix:before, .ASM .clearfix:after { content: " "; display: table; } .ASM .clearfix:after { clear: both; } .ASM .center-block { display: block; margin-left: auto; margin-right: auto; } .ASM .pull-right { float: right  !important; } .ASM .pull-left { float: left  !important; } .ASM .hide { display: none  !important; } .ASM .show { display: block  !important; } .ASM .invisible { visibility: hidden; } .ASM .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .ASM .hidden { display: none  !important; visibility: hidden  !important; } .ASM .affix { position: fixed; } @font-face { font-family: "Glyphicons Halflings"; src: url("../fonts/glyphicons-halflings-regular.eot"); src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .ASM .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ASM .glyphicon-asterisk:before { content: "\2a"; } .ASM .glyphicon-plus:before { content: "\2b"; } .ASM .glyphicon-euro:before, .ASM .glyphicon-eur:before { content: "\20ac"; } .ASM .glyphicon-minus:before { content: "\2212"; } .ASM .glyphicon-cloud:before { content: "\2601"; } .ASM .glyphicon-envelope:before { content: "\2709"; } .ASM .glyphicon-pencil:before { content: "\270f"; } .ASM .glyphicon-glass:before { content: "\e001"; } .ASM .glyphicon-music:before { content: "\e002"; } .ASM .glyphicon-search:before { content: "\e003"; } .ASM .glyphicon-heart:before { content: "\e005"; } .ASM .glyphicon-star:before { content: "\e006"; } .ASM .glyphicon-star-empty:before { content: "\e007"; } .ASM .glyphicon-user:before { content: "\e008"; } .ASM .glyphicon-film:before { content: "\e009"; } .ASM .glyphicon-th-large:before { content: "\e010"; } .ASM .glyphicon-th:before { content: "\e011"; } .ASM .glyphicon-th-list:before { content: "\e012"; } .ASM .glyphicon-ok:before { content: "\e013"; } .ASM .glyphicon-remove:before { content: "\e014"; } .ASM .glyphicon-zoom-in:before { content: "\e015"; } .ASM .glyphicon-zoom-out:before { content: "\e016"; } .ASM .glyphicon-off:before { content: "\e017"; } .ASM .glyphicon-signal:before { content: "\e018"; } .ASM .glyphicon-cog:before { content: "\e019"; } .ASM .glyphicon-trash:before { content: "\e020"; } .ASM .glyphicon-home:before { content: "\e021"; } .ASM .glyphicon-file:before { content: "\e022"; } .ASM .glyphicon-time:before { content: "\e023"; } .ASM .glyphicon-road:before { content: "\e024"; } .ASM .glyphicon-download-alt:before { content: "\e025"; } .ASM .glyphicon-download:before { content: "\e026"; } .ASM .glyphicon-upload:before { content: "\e027"; } .ASM .glyphicon-inbox:before { content: "\e028"; } .ASM .glyphicon-play-circle:before { content: "\e029"; } .ASM .glyphicon-repeat:before { content: "\e030"; } .ASM .glyphicon-refresh:before { content: "\e031"; } .ASM .glyphicon-list-alt:before { content: "\e032"; } .ASM .glyphicon-lock:before { content: "\e033"; } .ASM .glyphicon-flag:before { content: "\e034"; } .ASM .glyphicon-headphones:before { content: "\e035"; } .ASM .glyphicon-volume-off:before { content: "\e036"; } .ASM .glyphicon-volume-down:before { content: "\e037"; } .ASM .glyphicon-volume-up:before { content: "\e038"; } .ASM .glyphicon-qrcode:before { content: "\e039"; } .ASM .glyphicon-barcode:before { content: "\e040"; } .ASM .glyphicon-tag:before { content: "\e041"; } .ASM .glyphicon-tags:before { content: "\e042"; } .ASM .glyphicon-book:before { content: "\e043"; } .ASM .glyphicon-bookmark:before { content: "\e044"; } .ASM .glyphicon-print:before { content: "\e045"; } .ASM .glyphicon-camera:before { content: "\e046"; } .ASM .glyphicon-font:before { content: "\e047"; } .ASM .glyphicon-bold:before { content: "\e048"; } .ASM .glyphicon-italic:before { content: "\e049"; } .ASM .glyphicon-text-height:before { content: "\e050"; } .ASM .glyphicon-text-width:before { content: "\e051"; } .ASM .glyphicon-align-left:before { content: "\e052"; } .ASM .glyphicon-align-center:before { content: "\e053"; } .ASM .glyphicon-align-right:before { content: "\e054"; } .ASM .glyphicon-align-justify:before { content: "\e055"; } .ASM .glyphicon-list:before { content: "\e056"; } .ASM .glyphicon-indent-left:before { content: "\e057"; } .ASM .glyphicon-indent-right:before { content: "\e058"; } .ASM .glyphicon-facetime-video:before { content: "\e059"; } .ASM .glyphicon-picture:before { content: "\e060"; } .ASM .glyphicon-map-marker:before { content: "\e062"; } .ASM .glyphicon-adjust:before { content: "\e063"; } .ASM .glyphicon-tint:before { content: "\e064"; } .ASM .glyphicon-edit:before { content: "\e065"; } .ASM .glyphicon-share:before { content: "\e066"; } .ASM .glyphicon-check:before { content: "\e067"; } .ASM .glyphicon-move:before { content: "\e068"; } .ASM .glyphicon-step-backward:before { content: "\e069"; } .ASM .glyphicon-fast-backward:before { content: "\e070"; } .ASM .glyphicon-backward:before { content: "\e071"; } .ASM .glyphicon-play:before { content: "\e072"; } .ASM .glyphicon-pause:before { content: "\e073"; } .ASM .glyphicon-stop:before { content: "\e074"; } .ASM .glyphicon-forward:before { content: "\e075"; } .ASM .glyphicon-fast-forward:before { content: "\e076"; } .ASM .glyphicon-step-forward:before { content: "\e077"; } .ASM .glyphicon-eject:before { content: "\e078"; } .ASM .glyphicon-chevron-left:before { content: "\e079"; } .ASM .glyphicon-chevron-right:before { content: "\e080"; } .ASM .glyphicon-plus-sign:before { content: "\e081"; } .ASM .glyphicon-minus-sign:before { content: "\e082"; } .ASM .glyphicon-remove-sign:before { content: "\e083"; } .ASM .glyphicon-ok-sign:before { content: "\e084"; } .ASM .glyphicon-question-sign:before { content: "\e085"; } .ASM .glyphicon-info-sign:before { content: "\e086"; } .ASM .glyphicon-screenshot:before { content: "\e087"; } .ASM .glyphicon-remove-circle:before { content: "\e088"; } .ASM .glyphicon-ok-circle:before { content: "\e089"; } .ASM .glyphicon-ban-circle:before { content: "\e090"; } .ASM .glyphicon-arrow-left:before { content: "\e091"; } .ASM .glyphicon-arrow-right:before { content: "\e092"; } .ASM .glyphicon-arrow-up:before { content: "\e093"; } .ASM .glyphicon-arrow-down:before { content: "\e094"; } .ASM .glyphicon-share-alt:before { content: "\e095"; } .ASM .glyphicon-resize-full:before { content: "\e096"; } .ASM .glyphicon-resize-small:before { content: "\e097"; } .ASM .glyphicon-exclamation-sign:before { content: "\e101"; } .ASM .glyphicon-gift:before { content: "\e102"; } .ASM .glyphicon-leaf:before { content: "\e103"; } .ASM .glyphicon-fire:before { content: "\e104"; } .ASM .glyphicon-eye-open:before { content: "\e105"; } .ASM .glyphicon-eye-close:before { content: "\e106"; } .ASM .glyphicon-warning-sign:before { content: "\e107"; } .ASM .glyphicon-plane:before { content: "\e108"; } .ASM .glyphicon-calendar:before { content: "\e109"; } .ASM .glyphicon-random:before { content: "\e110"; } .ASM .glyphicon-comment:before { content: "\e111"; } .ASM .glyphicon-magnet:before { content: "\e112"; } .ASM .glyphicon-chevron-up:before { content: "\e113"; } .ASM .glyphicon-chevron-down:before { content: "\e114"; } .ASM .glyphicon-retweet:before { content: "\e115"; } .ASM .glyphicon-shopping-cart:before { content: "\e116"; } .ASM .glyphicon-folder-close:before { content: "\e117"; } .ASM .glyphicon-folder-open:before { content: "\e118"; } .ASM .glyphicon-resize-vertical:before { content: "\e119"; } .ASM .glyphicon-resize-horizontal:before { content: "\e120"; } .ASM .glyphicon-hdd:before { content: "\e121"; } .ASM .glyphicon-bullhorn:before { content: "\e122"; } .ASM .glyphicon-bell:before { content: "\e123"; } .ASM .glyphicon-certificate:before { content: "\e124"; } .ASM .glyphicon-thumbs-up:before { content: "\e125"; } .ASM .glyphicon-thumbs-down:before { content: "\e126"; } .ASM .glyphicon-hand-right:before { content: "\e127"; } .ASM .glyphicon-hand-left:before { content: "\e128"; } .ASM .glyphicon-hand-up:before { content: "\e129"; } .ASM .glyphicon-hand-down:before { content: "\e130"; } .ASM .glyphicon-circle-arrow-right:before { content: "\e131"; } .ASM .glyphicon-circle-arrow-left:before { content: "\e132"; } .ASM .glyphicon-circle-arrow-up:before { content: "\e133"; } .ASM .glyphicon-circle-arrow-down:before { content: "\e134"; } .ASM .glyphicon-globe:before { content: "\e135"; } .ASM .glyphicon-wrench:before { content: "\e136"; } .ASM .glyphicon-tasks:before { content: "\e137"; } .ASM .glyphicon-filter:before { content: "\e138"; } .ASM .glyphicon-briefcase:before { content: "\e139"; } .ASM .glyphicon-fullscreen:before { content: "\e140"; } .ASM .glyphicon-dashboard:before { content: "\e141"; } .ASM .glyphicon-paperclip:before { content: "\e142"; } .ASM .glyphicon-heart-empty:before { content: "\e143"; } .ASM .glyphicon-link:before { content: "\e144"; } .ASM .glyphicon-phone:before { content: "\e145"; } .ASM .glyphicon-pushpin:before { content: "\e146"; } .ASM .glyphicon-usd:before { content: "\e148"; } .ASM .glyphicon-gbp:before { content: "\e149"; } .ASM .glyphicon-sort:before { content: "\e150"; } .ASM .glyphicon-sort-by-alphabet:before { content: "\e151"; } .ASM .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .ASM .glyphicon-sort-by-order:before { content: "\e153"; } .ASM .glyphicon-sort-by-order-alt:before { content: "\e154"; } .ASM .glyphicon-sort-by-attributes:before { content: "\e155"; } .ASM .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .ASM .glyphicon-unchecked:before { content: "\e157"; } .ASM .glyphicon-expand:before { content: "\e158"; } .ASM .glyphicon-collapse-down:before { content: "\e159"; } .ASM .glyphicon-collapse-up:before { content: "\e160"; } .ASM .glyphicon-log-in:before { content: "\e161"; } .ASM .glyphicon-flash:before { content: "\e162"; } .ASM .glyphicon-log-out:before { content: "\e163"; } .ASM .glyphicon-new-window:before { content: "\e164"; } .ASM .glyphicon-record:before { content: "\e165"; } .ASM .glyphicon-save:before { content: "\e166"; } .ASM .glyphicon-open:before { content: "\e167"; } .ASM .glyphicon-saved:before { content: "\e168"; } .ASM .glyphicon-import:before { content: "\e169"; } .ASM .glyphicon-export:before { content: "\e170"; } .ASM .glyphicon-send:before { content: "\e171"; } .ASM .glyphicon-floppy-disk:before { content: "\e172"; } .ASM .glyphicon-floppy-saved:before { content: "\e173"; } .ASM .glyphicon-floppy-remove:before { content: "\e174"; } .ASM .glyphicon-floppy-save:before { content: "\e175"; } .ASM .glyphicon-floppy-open:before { content: "\e176"; } .ASM .glyphicon-credit-card:before { content: "\e177"; } .ASM .glyphicon-transfer:before { content: "\e178"; } .ASM .glyphicon-cutlery:before { content: "\e179"; } .ASM .glyphicon-header:before { content: "\e180"; } .ASM .glyphicon-compressed:before { content: "\e181"; } .ASM .glyphicon-earphone:before { content: "\e182"; } .ASM .glyphicon-phone-alt:before { content: "\e183"; } .ASM .glyphicon-tower:before { content: "\e184"; } .ASM .glyphicon-stats:before { content: "\e185"; } .ASM .glyphicon-sd-video:before { content: "\e186"; } .ASM .glyphicon-hd-video:before { content: "\e187"; } .ASM .glyphicon-subtitles:before { content: "\e188"; } .ASM .glyphicon-sound-stereo:before { content: "\e189"; } .ASM .glyphicon-sound-dolby:before { content: "\e190"; } .ASM .glyphicon-sound-5-1:before { content: "\e191"; } .ASM .glyphicon-sound-6-1:before { content: "\e192"; } .ASM .glyphicon-sound-7-1:before { content: "\e193"; } .ASM .glyphicon-copyright-mark:before { content: "\e194"; } .ASM .glyphicon-registration-mark:before { content: "\e195"; } .ASM .glyphicon-cloud-download:before { content: "\e197"; } .ASM .glyphicon-cloud-upload:before { content: "\e198"; } .ASM .glyphicon-tree-conifer:before { content: "\e199"; } .ASM .glyphicon-tree-deciduous:before { content: "\e200"; } .ASM .glyphicon-cd:before { content: "\e201"; } .ASM .glyphicon-save-file:before { content: "\e202"; } .ASM .glyphicon-open-file:before { content: "\e203"; } .ASM .glyphicon-level-up:before { content: "\e204"; } .ASM .glyphicon-copy:before { content: "\e205"; } .ASM .glyphicon-paste:before { content: "\e206"; } .ASM .glyphicon-alert:before { content: "\e209"; } .ASM .glyphicon-equalizer:before { content: "\e210"; } .ASM .glyphicon-king:before { content: "\e211"; } .ASM .glyphicon-queen:before { content: "\e212"; } .ASM .glyphicon-pawn:before { content: "\e213"; } .ASM .glyphicon-bishop:before { content: "\e214"; } .ASM .glyphicon-knight:before { content: "\e215"; } .ASM .glyphicon-baby-formula:before { content: "\e216"; } .ASM .glyphicon-tent:before { content: "\26fa"; } .ASM .glyphicon-blackboard:before { content: "\e218"; } .ASM .glyphicon-bed:before { content: "\e219"; } .ASM .glyphicon-apple:before { content: "\f8ff"; } .ASM .glyphicon-erase:before { content: "\e221"; } .ASM .glyphicon-hourglass:before { content: "\231b"; } .ASM .glyphicon-lamp:before { content: "\e223"; } .ASM .glyphicon-duplicate:before { content: "\e224"; } .ASM .glyphicon-piggy-bank:before { content: "\e225"; } .ASM .glyphicon-scissors:before { content: "\e226"; } .ASM .glyphicon-bitcoin:before { content: "\e227"; } .ASM .glyphicon-yen:before { content: "\00a5"; } .ASM .glyphicon-ruble:before { content: "\20bd"; } .ASM .glyphicon-scale:before { content: "\e230"; } .ASM .glyphicon-ice-lolly:before { content: "\e231"; } .ASM .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .ASM .glyphicon-education:before { content: "\e233"; } .ASM .glyphicon-option-horizontal:before { content: "\e234"; } .ASM .glyphicon-option-vertical:before { content: "\e235"; } .ASM .glyphicon-menu-hamburger:before { content: "\e236"; } .ASM .glyphicon-modal-window:before { content: "\e237"; } .ASM .glyphicon-oil:before { content: "\e238"; } .ASM .glyphicon-grain:before { content: "\e239"; } .ASM .glyphicon-sunglasses:before { content: "\e240"; } .ASM .glyphicon-text-size:before { content: "\e241"; } .ASM .glyphicon-text-color:before { content: "\e242"; } .ASM .glyphicon-text-background:before { content: "\e243"; } .ASM .glyphicon-object-align-top:before { content: "\e244"; } .ASM .glyphicon-object-align-bottom:before { content: "\e245"; } .ASM .glyphicon-object-align-horizontal:before { content: "\e246"; } .ASM .glyphicon-object-align-left:before { content: "\e247"; } .ASM .glyphicon-object-align-vertical:before { content: "\e248"; } .ASM .glyphicon-object-align-right:before { content: "\e249"; } .ASM .glyphicon-triangle-right:before { content: "\e250"; } .ASM .glyphicon-triangle-left:before { content: "\e251"; } .ASM .glyphicon-triangle-bottom:before { content: "\e252"; } .ASM .glyphicon-triangle-top:before { content: "\e253"; } .ASM .glyphicon-console:before { content: "\e254"; } .ASM .glyphicon-superscript:before { content: "\e255"; } .ASM .glyphicon-subscript:before { content: "\e256"; } .ASM .glyphicon-menu-left:before { content: "\e257"; } .ASM .glyphicon-menu-right:before { content: "\e258"; } .ASM .glyphicon-menu-down:before { content: "\e259"; } .ASM .glyphicon-menu-up:before { content: "\e260"; } .ASM .vpadding { padding-top: 15px; padding-bottom: 15px; overflow-y: auto; } #_asm .ASM-report { margin-left: -10px; margin-right: -10px; } #_asm .ASM-report .ASM-btn { float: left; margin: 10px; } #colorbox * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.ASM-modal { background: #27394f; width: 100%; height: auto; padding: 15px; font-family: Arial, sans-serif; } .ASM-modal .ASM-title h1 { color: white; font-size: 32px; } .ASM-modal .ASM-title h2 { color: #ff002f; } .ASM-modal .ASM-field label { display: block; color: #777; font-size: 14px; font-weight: bold; line-height: 20px; } .ASM-modal .ASM-field input, .ASM-modal .ASM-field select { display: block; width: 100%; height: 40px; box-sizing: border-box; padding-left: 5px; padding-right: 5px; font-size: 19px; margin: 0; } .ASM-modal .ASM-action button { background: #375a84; color: #cbcbcb; box-sizing: border-box; height: 40px; width: 100%; margin: 0; border: 0; border-radius: 5px; vertical-align: middle; font-size: 19px; font-weight: normal; } .ASM-modal .ASM-action button:hover { color: white; } .ASM-modal .ASM-action p { color: #cbcbcb; box-sizing: border-box; height: 40px; line-height: 40px; margin: 0 -10px; border: 0; text-align: center; vertical-align: middle; font-size: 19px; font-weight: normal; } .ASM-modal span.ASM-check { opacity: .45; } .ASM-modal span.ASM-check:hover { opacity: 1; color: white; cursor: pointer; } .ASM-table.col-xs-18 { max-height: 350px; } .ASM-table table { width: 100%; max-width: 100%; } .ASM-table th { font-weight: bold; } .ASM-table th, .ASM-table td { padding: 3px 6px; border: 0; } .ASM-table th.ASM-right, .ASM-table td.ASM-right { text-align: right; } .ASM-table thead, .ASM-table th { background: #4f81bd; text-align: left; font-size: 15px; color: white; } .ASM-table tbody, .ASM-table tr { background: white; } .ASM-table tr.hiddenRow, .ASM-table tr.hiddenRow td { padding: 0px 6px; } .ASM-table tr:nth-child(odd) { background: #dbe5f0; } .ASM-report .ASM-table tr:hover td { background: #4f81bd; color: white; } .ASM-report .ASM-table tr:hover button { font-weight: bold; background: #4f81bd; color: white; } .ASM_Customer_Popup { background: none repeat scroll 0% 0% #27394f; color: black; height: 100%; overflow: hidden; } .ASM_Header { font-family: Arial, sans-serif, Helvetica; font-size: 30px; font-weight: 300; line-height: 30px; padding: 18px 0px 12px; text-align: center; color: white; } .ASM_Table { width: 950px; padding: 5px; margin-left: auto; margin-right: auto; height: 160px; } .ASM_Table .cell { width: 250px; display: inline-block; margin: 0px 30px; } .cell label { display: block; color: #777; font-weight: 600; font-size: 14px; text-align: left; margin-bottom: 1px; } .cell input { display: block; width: 100%; height: 40px; padding: 7px 10px; font-size: 19px; line-height: 20px; border-radius: 0px; border: 0px none; margin-bottom: 10px; } .ASM_Buttons { width: 950px; padding: 5px 35px 10px 35px; margin-left: auto; margin-right: auto; height: 55px; } .ASM-button { height: 40px; border-radius: 5px; border: 0; padding: 0 20px; font-size: 19px; font-weight: 300; -webkit-box-shadow: 0 2px 0 #1b2c42; box-shadow: 0 2px 0 #1b2c42; color: #000; display: inline-block; float: none; margin: 0; vertical-align: baseline; min-width: 150px; } .ASM-button.ASM-button-search { background: #19bc33; color: #fff; font-weight: 400; font-size: 18px; margin-left: -1px; vertical-align: bottom; } button.ASM-button.ASM-button-search:active { position: relative; top: 1px; left: 1px; } .ASM_Content { background-color: gray; color: white; height: calc(100% - 275px); width: 100%; } .ASM_Customer_Popup_Result { color: black; } .ASM_Customer_Popup_Result.ASM-table tbody { cursor: pointer; } .ASM_Customer_Popup_Result.ASM-table tbody tr:hover { background-color: #ff9; } .ASM_Customer_Popup_Result.ASM-table tbody.ASM_Empty { cursor: auto; } .ASM_Customer_Popup_Result.ASM-table tbody.ASM_Empty tr, .ASM_Customer_Popup_Result.ASM-table tbody.ASM_Empty tr:hover { background-color: white; } .vAlignTop { vertical-align: top  !important; } .asmForm { display: inline-block; vertical-align: top; } table.modalTable { margin-bottom: 0px; } .modalTable thead { display: block; } .modalTable tbody { max-height: 340px; overflow-y: scroll; overflow-x: hidden; display: block; word-break: break-word; } table.modalTable tr td { border-top: 0px none; } .option-priceOverride, .option-priceOverrideButton { float: right; } .option-noliststyle { list-style: none; padding-left: 0em; } .option-priceOverridePriceInput { float: right; text-align: right; } .option-priceOverrideReasonCode, .option-priceOverrideReasonText { width: 80%; } .option-noliststyle { list-style: none; padding-left: 0em; } .option-invalidInput { border-color: red; border-width: thin; } .options-message-error { color: red; border-style: dotted; border-color: red; margin-top: 7em; } .options-message-success { color: green; border-style: dotted; border-color: green; margin-top: 7em; } .option-profitData { float: left; } .option-profitDataLabel, .option-profitDataValues { } .option-profitOverride { float: right; width: 60%; } .menu-list { -webkit-appearance: menulist-button; } .ASM_Customer_Popup_Result .ASM-table td.error_cell { background-color: lightpink; } #_asm .ASM-btn.ASM-btn-copy-transaction { background: #19bc33; color: #fff; font-weight: 400; font-size: 18px; vertical-align: bottom; } .ASM-modal #transactionCopyResult { margin-top: 30px; color: #19bc33; } .asmAutoComplete .copy-menu-item { word-wrap: break-word; } #transactionCopySearchResult .ui-autocomplete { padding: 7px 10px 5px; width: 960px  !important; } .advTransactionCopyWith { width: 950px  !important; } .customerSearchWith { width: 550px  !important; } .smbDashboardButton a.ASM-btn { background: #dcdcdc; padding: 5px 15px; text-decoration: none; cursor: default; } #_asm .smbDashboardButton a.ASM-btn { color: #000; text-decoration: none; line-height: 2.2; } #_asm .smbDashboardButton a.ASM-btn:hover, #_asm .smbDashboardButton a.ASM-btn:focus { color: #000; text-decoration: none; } .asm-store-error-style-div { float: left; max-width: 700px; } .asm-store-error-style-span { color: red; font-weight: normal; font-family: Lato; height: 40px; margin: 10px; font-size: 130%; } /*! jQuery UI - v1.11.3 - 2015-02-12
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default  !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: .4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -0.3em; } input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: 0; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; list-style-image: none; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("/_ui/desktop/common/css/images/jqueryui-progressbar-overflow.gif"); height: 100%; filter: alpha(opacity=25); opacity: .25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: .1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px .4em; margin: .5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: .5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: .4em 2.1em .4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: 0; background: 0; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: 0; border-bottom: 0; border-right: 0; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: 0; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #ddd; background: #fff; color: #333; } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: bold; } .ui-widget-header a { color: #333; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #2b2b2b; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/_ui/desktop/common/css/images/icons/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/_ui/desktop/common/css/images/icons/ui-icons_444444_256x240.png"); } .ui-state-default .ui-icon { background-image: url("/_ui/desktop/common/css/images/icons/ui-icons_777777_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/_ui/desktop/common/css/images/icons/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon { background-image: url("/_ui/desktop/common/css/images/icons/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("/_ui/desktop/common/css/images/icons/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/_ui/desktop/common/css/images/icons/ui-icons_cc0000_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } .ui-widget-overlay { background: #aaa; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: 0; padding: 5px; background: #666; opacity: .3; filter: Alpha(Opacity=30); border-radius: 8px; } #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #cboxOverlay { background: url(/_ui/desktop/common/css/images/colorbox/overlay.png) repeat 0 0; } #colorbox { outline: 0; } #cboxContent { background: #fff; overflow: hidden; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { margin-bottom: 28px; } #cboxTitle { position: absolute; bottom: 4px; left: 0; text-align: center; width: 100%; color: #949494; } #cboxCurrent { position: absolute; bottom: 4px; left: 58px; color: #949494; } #cboxSlideshow { position: absolute; bottom: 4px; right: 30px; color: #0092ef; } #cboxPrevious { position: absolute; bottom: 0; left: 0; background: url(/_ui/desktop/common/css/images/colorbox/controls.png) no-repeat -75px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxPrevious.hover { background-position: -75px -25px; } #cboxNext { position: absolute; bottom: 0; left: 27px; background: url(/_ui/desktop/common/css/images/colorbox/controls.png) no-repeat -50px 0; width: 25px; height: 25px; text-indent: -9999px; } #cboxNext.hover { background-position: -50px -25px; } #cboxLoadingOverlay { background: url(/_ui/desktop/common/css/images/colorbox/loading_background.png) no-repeat center center; } #cboxLoadingGraphic { background: url(/_ui/desktop/common/css/images/loading.gif) no-repeat center center; } #cboxClose { position: absolute; bottom: 0; right: 0; background: url(/_ui/desktop/common/css/images/colorbox/controls.png) no-repeat -25px 0; width: 25px; height: 25px; text-indent: -9999px; border: 0; margin: 0; } #cboxClose.hover { background-position: -25px -25px; } .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } .cboxIE6 #cboxTopLeft { background: url(/_ui/desktop/common/css/images/colorbox/ie6/borderTopLeft.png); } .cboxIE6 #cboxTopCenter { background: url(/_ui/desktop/common/css/images/colorbox/ie6/borderTopCenter.png); } .cboxIE6 #cboxTopRight { background: url(/_ui/desktop/common/css/images/colorbox/ie6/borderTopRight.png); } .cboxIE6 #cboxBottomLeft { background: url(/_ui/desktop/common/css/images/colorbox/ie6/borderBottomLeft.png); } .cboxIE6 #cboxBottomCenter { background: url(/_ui/desktop/common/css/images/colorbox/ie6/borderBottomCenter.png); } .cboxIE6 #cboxBottomRight { background: url(/_ui/desktop/common/css/images/colorbox/ie6/borderBottomRight.png); } .cboxIE6 #cboxMiddleLeft { background: url(/_ui/desktop/common/css/images/colorbox/ie6/borderMiddleLeft.png); } .cboxIE6 #cboxMiddleRight { background: url(/_ui/desktop/common/css/images/colorbox/ie6/borderMiddleRight.png); } #cboxLoadedContent { margin: 0; width: 100%; } #cboxClose { top: 0; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; } .img-rounded { border-radius: 6px; } .img-thumbnail { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; display: inline-block; height: auto; line-height: 1.42857; max-width: 100%; padding: 4px; transition: all .2s ease-in-out 0; } .img-circle { border-radius: 50%; } hr { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #eee -moz-use-text-color -moz-use-text-color; border-image: none; border-right: 0 none; border-style: solid none none; border-width: 1px 0 0; margin-bottom: 20px; margin-top: 20px; } .sr-only { border: 0 none; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .h1, .h2, .h3, .h4, .h5, .h6 { color: inherit; font-family: inherit; font-weight: 500; line-height: 1.1; } .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { color: #999; font-weight: 400; line-height: 1; } .h1, .h2, .h3 { margin-bottom: 10px; margin-top: 20px; } .h1 small, .h2 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } .h4, .h5, .h6 { margin-bottom: 10px; margin-top: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } .h1 { font-size: 36px; } .h2 { font-size: 30px; } .h3 { font-size: 24px; } .h4 { font-size: 18px; } .h5 { font-size: 14px; } .h6 { font-size: 12px; } .lead { font-size: 16px; font-weight: 200; line-height: 1.4; margin-bottom: 20px; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-muted { color: #999; } .text-primary { color: #428bca; } a.text-primary:hover { color: #3071a9; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { background-color: #428bca; color: #fff; } a.bg-primary:hover { background-color: #3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { border-bottom: 1px solid #eee; margin: 40px 0 20px; padding-bottom: 9px; } ul, ol { margin-bottom: 10px; margin-top: 0; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { list-style: outside none none; padding-left: 0; } .list-inline { list-style: outside none none; margin-left: -5px; padding-left: 0; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-bottom: 20px; margin-top: 0; } dt, dd { line-height: 1.42857; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 160px; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { border-bottom: 1px dotted #999; cursor: help; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { border-left: 5px solid #eee; font-size: 17.5px; margin: 0 0 20px; padding: 10px 20px; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #999; display: block; font-size: 80%; line-height: 1.42857; } blockquote footer::before, blockquote small::before, blockquote .small::before { content: "— "; } .blockquote-reverse, blockquote.pull-right { border-left: 0 none; border-right: 5px solid #eee; padding-left: 0; padding-right: 15px; text-align: right; } .blockquote-reverse footer::before, blockquote.pull-right footer::before, .blockquote-reverse small::before, blockquote.pull-right small::before, .blockquote-reverse .small::before, blockquote.pull-right .small::before { content: ""; } .blockquote-reverse footer::after, blockquote.pull-right footer::after, .blockquote-reverse small::after, blockquote.pull-right small::after, .blockquote-reverse .small::after, blockquote.pull-right .small::after { content: " —"; } blockquote::before, blockquote::after { content: ""; } address { font-style: normal; line-height: 1.42857; margin-bottom: 20px; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { background-color: #f9f2f4; border-radius: 4px; color: #c7254e; font-size: 90%; padding: 2px 4px; white-space: nowrap; } kbd { background-color: #333; border-radius: 3px; box-shadow: 0 -1px 0 rgba(0, 0, 0, .25) inset; color: #fff; font-size: 90%; padding: 2px 4px; } pre { background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; color: #333; display: block; font-size: 13px; line-height: 1.42857; margin: 0 0 10px; padding: 9.5px; word-break: break-all; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.6667%; } .col-xs-10 { width: 83.3333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.6667%; } .col-xs-7 { width: 58.3333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.6667%; } .col-xs-4 { width: 33.3333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.6667%; } .col-xs-1 { width: 8.33333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.6667%; } .col-xs-pull-10 { right: 83.3333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.6667%; } .col-xs-pull-7 { right: 58.3333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.6667%; } .col-xs-pull-4 { right: 33.3333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.6667%; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-0 { right: 0; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.6667%; } .col-xs-push-10 { left: 83.3333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.6667%; } .col-xs-push-7 { left: 58.3333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.6667%; } .col-xs-push-4 { left: 33.3333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.6667%; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-0 { left: 0; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.6667%; } .col-xs-offset-10 { margin-left: 83.3333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.6667%; } .col-xs-offset-7 { margin-left: 58.3333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.6667%; } .col-xs-offset-4 { margin-left: 33.3333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.6667%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.6667%; } .col-sm-10 { width: 83.3333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.6667%; } .col-sm-7 { width: 58.3333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.6667%; } .col-sm-4 { width: 33.3333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.6667%; } .col-sm-1 { width: 8.33333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.6667%; } .col-sm-pull-10 { right: 83.3333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.6667%; } .col-sm-pull-7 { right: 58.3333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.6667%; } .col-sm-pull-4 { right: 33.3333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.6667%; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-0 { right: 0; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.6667%; } .col-sm-push-10 { left: 83.3333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.6667%; } .col-sm-push-7 { left: 58.3333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.6667%; } .col-sm-push-4 { left: 33.3333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.6667%; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-0 { left: 0; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.6667%; } .col-sm-offset-10 { margin-left: 83.3333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.6667%; } .col-sm-offset-7 { margin-left: 58.3333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.6667%; } .col-sm-offset-4 { margin-left: 33.3333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.6667%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.6667%; } .col-md-10 { width: 83.3333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.6667%; } .col-md-7 { width: 58.3333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.6667%; } .col-md-4 { width: 33.3333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.6667%; } .col-md-1 { width: 8.33333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.6667%; } .col-md-pull-10 { right: 83.3333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.6667%; } .col-md-pull-7 { right: 58.3333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.6667%; } .col-md-pull-4 { right: 33.3333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.6667%; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-0 { right: 0; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.6667%; } .col-md-push-10 { left: 83.3333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.6667%; } .col-md-push-7 { left: 58.3333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.6667%; } .col-md-push-4 { left: 33.3333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.6667%; } .col-md-push-1 { left: 8.33333%; } .col-md-push-0 { left: 0; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.6667%; } .col-md-offset-10 { margin-left: 83.3333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.6667%; } .col-md-offset-7 { margin-left: 58.3333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.6667%; } .col-md-offset-4 { margin-left: 33.3333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.6667%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.6667%; } .col-lg-10 { width: 83.3333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.6667%; } .col-lg-7 { width: 58.3333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.6667%; } .col-lg-4 { width: 33.3333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.6667%; } .col-lg-1 { width: 8.33333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.6667%; } .col-lg-pull-10 { right: 83.3333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.6667%; } .col-lg-pull-7 { right: 58.3333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.6667%; } .col-lg-pull-4 { right: 33.3333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.6667%; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-0 { right: 0; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.6667%; } .col-lg-push-10 { left: 83.3333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.6667%; } .col-lg-push-7 { left: 58.3333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.6667%; } .col-lg-push-4 { left: 33.3333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.6667%; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-0 { left: 0; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.6667%; } .col-lg-offset-10 { margin-left: 83.3333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.6667%; } .col-lg-offset-7 { margin-left: 58.3333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.6667%; } .col-lg-offset-4 { margin-left: 33.3333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.6667%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; max-width: 100%; } th { text-align: left; } .table { margin-bottom: 20px; width: 100%; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #ddd; line-height: 1.42857; padding: 8px; vertical-align: top; } .table > thead > tr > th { border-bottom: 2px solid #ddd; vertical-align: bottom; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0 none; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(2n + 1) > td, .table-striped > tbody > tr:nth-child(2n + 1) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { display: table-column; float: none; position: static; } table td[class*="col-"], table th[class*="col-"] { display: table-cell; float: none; position: static; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media (max-width: 767px) { .table-responsive { border: 1px solid #ddd; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; width: 100%; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0 none; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0 none; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0 none; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0 none; } } fieldset { border: 0 none; margin: 0; min-width: 0; padding: 0; } legend { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #e5e5e5; border-image: none; border-style: none none solid; border-width: 0 0 1px; color: #333; display: block; font-size: 21px; line-height: inherit; margin-bottom: 20px; padding: 0; width: 100%; } label { display: inline-block; font-weight: 700; margin-bottom: 5px; } input[type="search"] { box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { line-height: normal; margin: 4px 0 0; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline-offset: -2px; } output { color: #555; display: block; font-size: 14px; line-height: 1.42857; padding-top: 7px; } .form-control { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color .15s ease-in-out 0, box-shadow .15s ease-in-out 0s; width: 100%; } .form-control:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6); outline: 0 none; } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; cursor: not-allowed; opacity: 1; } textarea.form-control { height: auto; } input[type="date"] { line-height: 34px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; margin-bottom: 10px; margin-top: 10px; min-height: 20px; padding-left: 20px; } .radio label, .checkbox label { cursor: pointer; display: inline; font-weight: 400; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { cursor: pointer; display: inline-block; font-weight: 400; margin-bottom: 0; padding-left: 20px; vertical-align: middle; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-left: 10px; margin-top: 0; } input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .input-sm { border-radius: 3px; font-size: 12px; height: 30px; line-height: 1.5; padding: 5px 10px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select.input-sm[multiple] { height: auto; } .input-lg { border-radius: 6px; font-size: 18px; height: 46px; line-height: 1.33; padding: 10px 16px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select.input-lg[multiple] { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .has-feedback .form-control-feedback { display: block; height: 34px; line-height: 34px; position: absolute; right: 0; text-align: center; top: 25px; width: 34px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset; } .has-success .form-control:focus { border-color: #2b542c; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 6px #67b168; } .has-success .input-group-addon { background-color: #dff0d8; border-color: #3c763d; color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset; } .has-warning .form-control:focus { border-color: #66512c; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 6px #c0a16b; } .has-warning .input-group-addon { background-color: #fcf8e3; border-color: #8a6d3b; color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset; } .has-error .form-control:focus { border-color: #843534; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 6px #ce8483; } .has-error .input-group-addon { background-color: #f2dede; border-color: #a94442; color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .form-control-static { margin-bottom: 0; } .help-block { color: #737373; display: block; margin-bottom: 10px; margin-top: 5px; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; vertical-align: middle; width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-bottom: 0; margin-top: 0; padding-left: 0; vertical-align: middle; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-bottom: 0; margin-top: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-control-static { padding-top: 7px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; top: 0; } .btn { -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline-offset: -2px; } .btn:hover, .btn:focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; box-shadow: 0 3px 5px rgba(0, 0, 0, .125) inset; outline: 0 none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { box-shadow: none; cursor: not-allowed; opacity: .65; pointer-events: none; } .btn-default { background-color: #fff; border-color: #ccc; color: #333; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-color: #ebebeb; border-color: #adadad; color: #333; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { background-color: #333; color: #fff; } .btn-primary { background-color: #428bca; border-color: #357ebd; color: #fff; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-color: #3276b1; border-color: #285e8e; color: #fff; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { background-color: #fff; color: #428bca; } .btn-success { background-color: #5cb85c; border-color: #4cae4c; color: #fff; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-color: #47a447; border-color: #398439; color: #fff; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { background-color: #fff; color: #5cb85c; } .btn-info { background-color: #5bc0de; border-color: #46b8da; color: #fff; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-color: #39b3d7; border-color: #269abc; color: #fff; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { background-color: #fff; color: #5bc0de; } .btn-warning { background-color: #f0ad4e; border-color: #eea236; color: #fff; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-color: #ed9c28; border-color: #d58512; color: #fff; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { background-color: #fff; color: #f0ad4e; } .btn-danger { background-color: #d9534f; border-color: #d43f3a; color: #fff; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-color: #d2322d; border-color: #ac2925; color: #fff; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { background-color: #fff; color: #d9534f; } .btn-link { border-radius: 0; color: #428bca; cursor: pointer; font-weight: 400; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { background-color: transparent; color: #2a6496; text-decoration: underline; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #999; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { border-radius: 6px; font-size: 18px; line-height: 1.33; padding: 10px 16px; } .btn-sm, .btn-group-sm > .btn { border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 5px 10px; } .btn-xs, .btn-group-xs > .btn { border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 1px 5px; } .btn-block { display: block; padding-left: 0; padding-right: 0; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] { width: 100%; } .fade { opacity: 0; transition: opacity .15s linear 0; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { height: 0; overflow: hidden; position: relative; transition: height .35s ease 0; } @font-face { font-family: "Glyphicons Halflings"; src: url("/_ui/desktop/common/css/fonts/bootstrap-select/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/bootstrap-select/glyphicons-halflings-regular.woff") format("woff"), url("/_ui/desktop/common/css/fonts/bootstrap-select/glyphicons-halflings-regular.ttf") format("truetype"), url("/_ui/desktop/common/css/fonts/bootstrap-select/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; position: relative; top: 1px; } .glyphicon-asterisk::before { content: "*"; } .glyphicon-plus::before { content: "+"; } .glyphicon-euro::before { content: "€"; } .glyphicon-minus::before { content: "−"; } .glyphicon-cloud::before { content: "☁"; } .glyphicon-envelope::before { content: "✉"; } .glyphicon-pencil::before { content: "✏"; } .glyphicon-glass::before { content: ""; } .glyphicon-music::before { content: ""; } .glyphicon-search::before { content: ""; } .glyphicon-heart::before { content: ""; } .glyphicon-star::before { content: ""; } .glyphicon-star-empty::before { content: ""; } .glyphicon-user::before { content: ""; } .glyphicon-film::before { content: ""; } .glyphicon-th-large::before { content: ""; } .glyphicon-th::before { content: ""; } .glyphicon-th-list::before { content: ""; } .glyphicon-ok::before { content: ""; } .glyphicon-remove::before { content: ""; } .glyphicon-zoom-in::before { content: ""; } .glyphicon-zoom-out::before { content: ""; } .glyphicon-off::before { content: ""; } .glyphicon-signal::before { content: ""; } .glyphicon-cog::before { content: ""; } .glyphicon-trash::before { content: ""; } .glyphicon-home::before { content: ""; } .glyphicon-file::before { content: ""; } .glyphicon-time::before { content: ""; } .glyphicon-road::before { content: ""; } .glyphicon-download-alt::before { content: ""; } .glyphicon-download::before { content: ""; } .glyphicon-upload::before { content: ""; } .glyphicon-inbox::before { content: ""; } .glyphicon-play-circle::before { content: ""; } .glyphicon-repeat::before { content: ""; } .glyphicon-refresh::before { content: ""; } .glyphicon-list-alt::before { content: ""; } .glyphicon-lock::before { content: ""; } .glyphicon-flag::before { content: ""; } .glyphicon-headphones::before { content: ""; } .glyphicon-volume-off::before { content: ""; } .glyphicon-volume-down::before { content: ""; } .glyphicon-volume-up::before { content: ""; } .glyphicon-qrcode::before { content: ""; } .glyphicon-barcode::before { content: ""; } .glyphicon-tag::before { content: ""; } .glyphicon-tags::before { content: ""; } .glyphicon-book::before { content: ""; } .glyphicon-bookmark::before { content: ""; } .glyphicon-print::before { content: ""; } .glyphicon-camera::before { content: ""; } .glyphicon-font::before { content: ""; } .glyphicon-bold::before { content: ""; } .glyphicon-italic::before { content: ""; } .glyphicon-text-height::before { content: ""; } .glyphicon-text-width::before { content: ""; } .glyphicon-align-left::before { content: ""; } .glyphicon-align-center::before { content: ""; } .glyphicon-align-right::before { content: ""; } .glyphicon-align-justify::before { content: ""; } .glyphicon-list::before { content: ""; } .glyphicon-indent-left::before { content: ""; } .glyphicon-indent-right::before { content: ""; } .glyphicon-facetime-video::before { content: ""; } .glyphicon-picture::before { content: ""; } .glyphicon-map-marker::before { content: ""; } .glyphicon-adjust::before { content: ""; } .glyphicon-tint::before { content: ""; } .glyphicon-edit::before { content: ""; } .glyphicon-share::before { content: ""; } .glyphicon-check::before { content: ""; } .glyphicon-move::before { content: ""; } .glyphicon-step-backward::before { content: ""; } .glyphicon-fast-backward::before { content: ""; } .glyphicon-backward::before { content: ""; } .glyphicon-play::before { content: ""; } .glyphicon-pause::before { content: ""; } .glyphicon-stop::before { content: ""; } .glyphicon-forward::before { content: ""; } .glyphicon-fast-forward::before { content: ""; } .glyphicon-step-forward::before { content: ""; } .glyphicon-eject::before { content: ""; } .glyphicon-chevron-left::before { content: ""; } .glyphicon-chevron-right::before { content: ""; } .glyphicon-plus-sign::before { content: ""; } .glyphicon-minus-sign::before { content: ""; } .glyphicon-remove-sign::before { content: ""; } .glyphicon-ok-sign::before { content: ""; } .glyphicon-question-sign::before { content: ""; } .glyphicon-info-sign::before { content: ""; } .glyphicon-screenshot::before { content: ""; } .glyphicon-remove-circle::before { content: ""; } .glyphicon-ok-circle::before { content: ""; } .glyphicon-ban-circle::before { content: ""; } .glyphicon-arrow-left::before { content: ""; } .glyphicon-arrow-right::before { content: ""; } .glyphicon-arrow-up::before { content: ""; } .glyphicon-arrow-down::before { content: ""; } .glyphicon-share-alt::before { content: ""; } .glyphicon-resize-full::before { content: ""; } .glyphicon-resize-small::before { content: ""; } .glyphicon-exclamation-sign::before { content: ""; } .glyphicon-gift::before { content: ""; } .glyphicon-leaf::before { content: ""; } .glyphicon-fire::before { content: ""; } .glyphicon-eye-open::before { content: ""; } .glyphicon-eye-close::before { content: ""; } .glyphicon-warning-sign::before { content: ""; } .glyphicon-plane::before { content: ""; } .glyphicon-calendar::before { content: ""; } .glyphicon-random::before { content: ""; } .glyphicon-comment::before { content: ""; } .glyphicon-magnet::before { content: ""; } .glyphicon-chevron-up::before { content: ""; } .glyphicon-chevron-down::before { content: ""; } .glyphicon-retweet::before { content: ""; } .glyphicon-shopping-cart::before { content: ""; } .glyphicon-folder-close::before { content: ""; } .glyphicon-folder-open::before { content: ""; } .glyphicon-resize-vertical::before { content: ""; } .glyphicon-resize-horizontal::before { content: ""; } .glyphicon-hdd::before { content: ""; } .glyphicon-bullhorn::before { content: ""; } .glyphicon-bell::before { content: ""; } .glyphicon-certificate::before { content: ""; } .glyphicon-thumbs-up::before { content: ""; } .glyphicon-thumbs-down::before { content: ""; } .glyphicon-hand-right::before { content: ""; } .glyphicon-hand-left::before { content: ""; } .glyphicon-hand-up::before { content: ""; } .glyphicon-hand-down::before { content: ""; } .glyphicon-circle-arrow-right::before { content: ""; } .glyphicon-circle-arrow-left::before { content: ""; } .glyphicon-circle-arrow-up::before { content: ""; } .glyphicon-circle-arrow-down::before { content: ""; } .glyphicon-globe::before { content: ""; } .glyphicon-wrench::before { content: ""; } .glyphicon-tasks::before { content: ""; } .glyphicon-filter::before { content: ""; } .glyphicon-briefcase::before { content: ""; } .glyphicon-fullscreen::before { content: ""; } .glyphicon-dashboard::before { content: ""; } .glyphicon-paperclip::before { content: ""; } .glyphicon-heart-empty::before { content: ""; } .glyphicon-link::before { content: ""; } .glyphicon-phone::before { content: ""; } .glyphicon-pushpin::before { content: ""; } .glyphicon-usd::before { content: ""; } .glyphicon-gbp::before { content: ""; } .glyphicon-sort::before { content: ""; } .glyphicon-sort-by-alphabet::before { content: ""; } .glyphicon-sort-by-alphabet-alt::before { content: ""; } .glyphicon-sort-by-order::before { content: ""; } .glyphicon-sort-by-order-alt::before { content: ""; } .glyphicon-sort-by-attributes::before { content: ""; } .glyphicon-sort-by-attributes-alt::before { content: ""; } .glyphicon-unchecked::before { content: ""; } .glyphicon-expand::before { content: ""; } .glyphicon-collapse-down::before { content: ""; } .glyphicon-collapse-up::before { content: ""; } .glyphicon-log-in::before { content: ""; } .glyphicon-flash::before { content: ""; } .glyphicon-log-out::before { content: ""; } .glyphicon-new-window::before { content: ""; } .glyphicon-record::before { content: ""; } .glyphicon-save::before { content: ""; } .glyphicon-open::before { content: ""; } .glyphicon-saved::before { content: ""; } .glyphicon-import::before { content: ""; } .glyphicon-export::before { content: ""; } .glyphicon-send::before { content: ""; } .glyphicon-floppy-disk::before { content: ""; } .glyphicon-floppy-saved::before { content: ""; } .glyphicon-floppy-remove::before { content: ""; } .glyphicon-floppy-save::before { content: ""; } .glyphicon-floppy-open::before { content: ""; } .glyphicon-credit-card::before { content: ""; } .glyphicon-transfer::before { content: ""; } .glyphicon-cutlery::before { content: ""; } .glyphicon-header::before { content: ""; } .glyphicon-compressed::before { content: ""; } .glyphicon-earphone::before { content: ""; } .glyphicon-phone-alt::before { content: ""; } .glyphicon-tower::before { content: ""; } .glyphicon-stats::before { content: ""; } .glyphicon-sd-video::before { content: ""; } .glyphicon-hd-video::before { content: ""; } .glyphicon-subtitles::before { content: ""; } .glyphicon-sound-stereo::before { content: ""; } .glyphicon-sound-dolby::before { content: ""; } .glyphicon-sound-5-1::before { content: ""; } .glyphicon-sound-6-1::before { content: ""; } .glyphicon-sound-7-1::before { content: ""; } .glyphicon-copyright-mark::before { content: ""; } .glyphicon-registration-mark::before { content: ""; } .glyphicon-cloud-download::before { content: ""; } .glyphicon-cloud-upload::before { content: ""; } .glyphicon-tree-conifer::before { content: ""; } .glyphicon-tree-deciduous::before { content: ""; } .caret { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; display: inline-block; height: 0; margin-left: 2px; vertical-align: middle; width: 0; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0 none; } .dropdown-menu { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, .176); display: none; float: left; font-size: 14px; left: 0; list-style: outside none none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; top: 100%; z-index: 1000; } .dropdown-menu.pull-right { left: auto; right: 0; } .dropdown-menu .divider { background-color: #e5e5e5; height: 1px; margin: 9px 0; overflow: hidden; } .dropdown-menu > li > a { clear: both; color: #333; display: block; font-weight: 400; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #f5f5f5; color: #262626; text-decoration: none; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #428bca; color: #fff; outline: 0 none; text-decoration: none; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { background-color: transparent; background-image: none; cursor: not-allowed; text-decoration: none; } .open > .dropdown-menu { display: block; } .open > a { outline: 0 none; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { color: #999; display: block; font-size: 12px; line-height: 1.42857; padding: 3px 20px; } .dropdown-backdrop { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { left: auto; right: 0; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-bottom: 4px solid; border-top: 0 none; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { bottom: 100%; margin-bottom: 1px; top: auto; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { display: inline-block; position: relative; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { float: left; position: relative; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0 none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 none; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: 0 3px 5px rgba(0, 0, 0, .125) inset; } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; max-width: 100%; width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-left: 0; margin-top: -1px; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 4px; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { border-collapse: separate; display: table; table-layout: fixed; width: 100%; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .input-group { border-collapse: separate; display: table; position: relative; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { float: left; margin-bottom: 0; position: relative; width: 100%; z-index: 2; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { border-radius: 6px; font-size: 18px; height: 46px; line-height: 1.33; padding: 10px 16px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select.input-group-lg[multiple] > .form-control, select.input-group-lg[multiple] > .input-group-addon, select.input-group-lg[multiple] > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { border-radius: 3px; font-size: 12px; height: 30px; line-height: 1.5; padding: 5px 10px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select.input-group-sm[multiple] > .form-control, select.input-group-sm[multiple] > .input-group-addon, select.input-group-sm[multiple] > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { vertical-align: middle; white-space: nowrap; width: 1%; } .input-group-addon { background-color: #eee; border: 1px solid #ccc; border-radius: 4px; color: #555; font-size: 14px; font-weight: 400; line-height: 1; padding: 6px 12px; text-align: center; } .input-group-addon.input-sm { border-radius: 3px; font-size: 12px; padding: 5px 10px; } .input-group-addon.input-lg { border-radius: 6px; font-size: 18px; padding: 10px 16px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0 none; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0 none; } .input-group-btn { font-size: 0; position: relative; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { list-style: outside none none; margin-bottom: 0; padding-left: 0; } .nav > li { display: block; position: relative; } .nav > li > a { display: block; padding: 10px 15px; position: relative; } .nav > li > a:hover, .nav > li > a:focus { background-color: #eee; text-decoration: none; } .nav > li.disabled > a { color: #999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { background-color: transparent; color: #999; cursor: not-allowed; text-decoration: none; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #428bca; } .nav .nav-divider { background-color: #e5e5e5; height: 1px; margin: 9px 0; overflow: hidden; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { border: 1px solid transparent; border-radius: 4px 4px 0 0; line-height: 1.42857; margin-right: 2px; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fff; border-color: #ddd #ddd transparent; border-image: none; border-style: solid; border-width: 1px; color: #555; cursor: default; } .nav-tabs.nav-justified { border-bottom: 0 none; width: 100%; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { left: auto; top: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { border-radius: 4px; margin-right: 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #428bca; color: #fff; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-left: 0; margin-top: 2px; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { left: auto; top: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0 none; } .nav-tabs-justified > li > a { border-radius: 4px; margin-right: 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .navbar { border: 1px solid transparent; margin-bottom: 20px; min-height: 50px; position: relative; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset; max-height: 340px; overflow-x: visible; padding-left: 15px; padding-right: 15px; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { border-top: 0 none; box-shadow: none; width: auto; } .navbar-collapse.collapse { display: block  !important; height: auto  !important; overflow: visible  !important; padding-bottom: 0; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-left: 0; margin-right: 0; } } .navbar-static-top { border-width: 0 0 1px; z-index: 1000; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { left: 0; position: fixed; right: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { border-width: 0 0 1px; top: 0; } .navbar-fixed-bottom { border-width: 1px 0 0; bottom: 0; margin-bottom: 0; } .navbar-brand { float: left; font-size: 18px; height: 50px; line-height: 20px; padding: 15px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; float: right; margin-bottom: 8px; margin-right: 15px; margin-top: 8px; padding: 9px 10px; position: relative; } .navbar-toggle:focus { outline: 0 none; } .navbar-toggle .icon-bar { border-radius: 1px; display: block; height: 2px; width: 22px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { line-height: 20px; padding-bottom: 10px; padding-top: 10px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { background-color: transparent; border: 0 none; box-shadow: none; float: none; margin-top: 0; position: static; width: auto; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-bottom: 15px; padding-top: 15px; } .navbar-nav.navbar-right:last-child { margin-right: -15px; } } @media (min-width: 768px) { .navbar-left { float: left  !important; } .navbar-right { float: right  !important; } } .navbar-form { border-bottom: 1px solid transparent; border-top: 1px solid transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 1px 0 rgba(255, 255, 255, .1); margin: 8px -15px; padding: 10px 15px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; vertical-align: middle; width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-bottom: 0; margin-top: 0; padding-left: 0; vertical-align: middle; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { border: 0 none; box-shadow: none; margin-left: 0; margin-right: 0; padding-bottom: 0; padding-top: 0; width: auto; } .navbar-form.navbar-right:last-child { margin-right: -15px; } } .navbar-nav > li > .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .navbar-btn { margin-bottom: 8px; margin-top: 8px; } .navbar-btn.btn-sm { margin-bottom: 10px; margin-top: 10px; } .navbar-btn.btn-xs { margin-bottom: 14px; margin-top: 14px; } .navbar-text { margin-bottom: 15px; margin-top: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } .navbar-text.navbar-right:last-child { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { background-color: transparent; color: #5e5e5e; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { background-color: transparent; color: #333; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #e7e7e7; color: #555; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { background-color: transparent; color: #ccc; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background-color: transparent; color: #333; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { background-color: #e7e7e7; color: #555; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { background-color: transparent; color: #ccc; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #999; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { background-color: transparent; color: #fff; } .navbar-inverse .navbar-text { color: #999; } .navbar-inverse .navbar-nav > li > a { color: #999; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { background-color: transparent; color: #fff; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background-color: #080808; color: #fff; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { background-color: transparent; color: #444; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #999; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { background-color: transparent; color: #fff; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { background-color: #080808; color: #fff; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { background-color: transparent; color: #444; } } .navbar-inverse .navbar-link { color: #999; } .navbar-inverse .navbar-link:hover { color: #fff; } .breadcrumb { background-color: #f5f5f5; border-radius: 4px; list-style: outside none none; margin-bottom: 20px; padding: 8px 15px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li::before { color: #ccc; content: "/ "; padding: 0 5px; } .breadcrumb > .active { color: #999; } .pagination { border-radius: 4px; display: inline-block; margin: 20px 0; padding-left: 0; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { background-color: #fff; border: 1px solid #ddd; color: #428bca; float: left; line-height: 1.42857; margin-left: -1px; padding: 6px 12px; position: relative; text-decoration: none; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 4px; border-top-left-radius: 4px; margin-left: 0; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eee; border-color: #ddd; color: #2a6496; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #428bca; border-color: #428bca; color: #fff; cursor: default; z-index: 2; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { background-color: #fff; border-color: #ddd; color: #999; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { font-size: 18px; padding: 10px 16px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { font-size: 12px; padding: 5px 10px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { list-style: outside none none; margin: 20px 0; padding-left: 0; text-align: center; } .pager li { display: inline; } .pager li > a, .pager li > span { background-color: #fff; border: 1px solid #ddd; border-radius: 15px; display: inline-block; padding: 5px 14px; } .pager li > a:hover, .pager li > a:focus { background-color: #eee; text-decoration: none; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { background-color: #fff; color: #999; cursor: not-allowed; } .label { border-radius: .25em; color: #fff; display: inline; font-size: 75%; font-weight: 700; line-height: 1; padding: .2em .6em .3em; text-align: center; vertical-align: baseline; white-space: nowrap; } .label[href]:hover, .label[href]:focus { color: #fff; cursor: pointer; text-decoration: none; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #999; } .label-default[href]:hover, .label-default[href]:focus { background-color: gray; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { background-color: #999; border-radius: 10px; color: #fff; display: inline-block; font-size: 12px; font-weight: 700; line-height: 1; min-width: 10px; padding: 3px 7px; text-align: center; vertical-align: baseline; white-space: nowrap; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { padding: 1px 5px; top: 0; } a.badge:hover, a.badge:focus { color: #fff; cursor: pointer; text-decoration: none; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { background-color: #fff; color: #428bca; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { background-color: #eee; color: inherit; margin-bottom: 30px; padding: 30px; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { font-size: 21px; font-weight: 200; margin-bottom: 15px; } .container .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-bottom: 48px; padding-top: 48px; } .container .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; display: block; line-height: 1.42857; margin-bottom: 20px; padding: 4px; transition: all .2s ease-in-out 0; } .thumbnail > img, .thumbnail a > img { margin-left: auto; margin-right: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #428bca; } .thumbnail .caption { color: #333; padding: 9px; } .alert { border: 1px solid transparent; border-radius: 4px; margin-bottom: 20px; padding: 15px; } .alert h4 { color: inherit; margin-top: 0; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { color: inherit; position: relative; right: -21px; top: -2px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @keyframes progress-bar-stripes { 0% { background-position: 40px 0; } 100% { background-position: 0 0; } } .progress { background-color: #f5f5f5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset; height: 20px; margin-bottom: 20px; overflow: hidden; } .progress-bar { background-color: #428bca; box-shadow: 0 -1px 0 rgba(0, 0, 0, .15) inset; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width .6s ease 0; width: 0; } .progress-striped .progress-bar { background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent ); background-size: 40px 40px; } .progress.active .progress-bar { animation: 2s linear 0 normal none infinite running progress-bar-stripes; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent ); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent ); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent ); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: linear-gradient( 45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent ); } .media, .media-body { overflow: hidden; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { list-style: outside none none; padding-left: 0; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { background-color: #fff; border: 1px solid #ddd; display: block; margin-bottom: -1px; padding: 10px 15px; position: relative; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin-bottom: 0; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { background-color: #f5f5f5; text-decoration: none; } a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #428bca; border-color: #428bca; color: #fff; z-index: 2; } a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: #e1edf7; } .list-group-item-success { background-color: #dff0d8; color: #3c763d; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { background-color: #d0e9c6; color: #3c763d; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { background-color: #3c763d; border-color: #3c763d; color: #fff; } .list-group-item-info { background-color: #d9edf7; color: #31708f; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { background-color: #c4e3f3; color: #31708f; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { background-color: #31708f; border-color: #31708f; color: #fff; } .list-group-item-warning { background-color: #fcf8e3; color: #8a6d3b; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { background-color: #faf2cc; color: #8a6d3b; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { background-color: #8a6d3b; border-color: #8a6d3b; color: #fff; } .list-group-item-danger { background-color: #f2dede; color: #a94442; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { background-color: #ebcccc; color: #a94442; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { background-color: #a94442; border-color: #a94442; color: #fff; } .list-group-item-heading { margin-bottom: 5px; margin-top: 0; } .list-group-item-text { line-height: 1.3; margin-bottom: 0; } .panel { background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05); margin-bottom: 20px; } .panel-body { padding: 15px; } .panel-heading { border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 10px 15px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { color: inherit; font-size: 16px; margin-bottom: 0; margin-top: 0; } .panel-title > a { color: inherit; } .panel-footer { background-color: #f5f5f5; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: 1px solid #ddd; padding: 10px 15px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-radius: 0; border-width: 1px 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0 none; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0 none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0 none; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0 none; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0 none; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0 none; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0 none; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0 none; } .panel > .table-responsive { border: 0 none; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { border-radius: 4px; margin-bottom: 0; overflow: hidden; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0 none; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0 none; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { background-color: #f5f5f5; border-color: #ddd; color: #333; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #ddd; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { background-color: #428bca; border-color: #428bca; color: #fff; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #428bca; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ebccd1; } .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset; margin-bottom: 20px; min-height: 20px; padding: 19px; } .well blockquote { border-color: rgba(0, 0, 0, .15); } .well-lg { border-radius: 6px; padding: 24px; } .well-sm { border-radius: 3px; padding: 9px; } .close { color: #000; float: right; font-size: 21px; font-weight: 700; line-height: 1; opacity: .2; text-shadow: 0 1px 0 #fff; } .close:hover, .close:focus { color: #000; cursor: pointer; opacity: .5; text-decoration: none; } button.close { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; cursor: pointer; padding: 0; } .modal-open { overflow: hidden; } .modal { bottom: 0; display: none; left: 0; outline: 0 none; overflow-x: auto; overflow-y: scroll; position: fixed; right: 0; top: 0; z-index: 1050; } .modal.fade .modal-dialog { transform: translate(0, -25%); transition: transform .3s ease-out 0; } .modal.in .modal-dialog { transform: translate(0, 0); } .modal-dialog { margin: 10px; position: relative; width: auto; } .modal-content { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, .5); outline: 0 none; position: relative; } .modal-backdrop { background-color: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1040; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: .5; } .modal-header { border-bottom: 1px solid #e5e5e5; min-height: 16.4286px; padding: 15px; } .modal-header .close { margin-top: -2px; } .modal-title { line-height: 1.42857; margin: 0; } .modal-body { padding: 20px; position: relative; } .modal-footer { border-top: 1px solid #e5e5e5; margin-top: 15px; padding: 19px 20px 20px; text-align: right; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media (min-width: 768px) { .modal-dialog { margin: 30px auto; width: 600px; } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { display: block; font-size: 12px; line-height: 1.4; visibility: visible; z-index: 1030; } .tooltip.in { opacity: .9; } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { background-color: #000; border-radius: 4px; color: #fff; max-width: 200px; padding: 3px 8px; text-align: center; text-decoration: none; } .tooltip-arrow { border-color: transparent; border-style: solid; height: 0; position: absolute; width: 0; } .tooltip.top .tooltip-arrow { border-top-color: #000; border-width: 5px 5px 0; bottom: 0; left: 50%; margin-left: -5px; } .tooltip.top-left .tooltip-arrow { border-top-color: #000; border-width: 5px 5px 0; bottom: 0; left: 5px; } .tooltip.top-right .tooltip-arrow { border-top-color: #000; border-width: 5px 5px 0; bottom: 0; right: 5px; } .tooltip.right .tooltip-arrow { border-right-color: #000; border-width: 5px 5px 5px 0; left: 0; margin-top: -5px; top: 50%; } .tooltip.left .tooltip-arrow { border-left-color: #000; border-width: 5px 0 5px 5px; margin-top: -5px; right: 0; top: 50%; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #000; border-width: 0 5px 5px; left: 50%; margin-left: -5px; top: 0; } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: #000; border-width: 0 5px 5px; left: 5px; top: 0; } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: #000; border-width: 0 5px 5px; right: 5px; top: 0; } .popover { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); display: none; left: 0; max-width: 276px; padding: 1px; position: absolute; text-align: left; top: 0; white-space: normal; z-index: 1010; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; font-size: 14px; font-weight: 400; line-height: 18px; margin: 0; padding: 8px 14px; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow::after { border-color: transparent; border-style: solid; display: block; height: 0; position: absolute; width: 0; } .popover > .arrow { border-width: 11px; } .popover > .arrow::after { border-width: 10px; content: ""; } .popover.top > .arrow { border-bottom-width: 0; border-top-color: rgba(0, 0, 0, .25); bottom: -11px; left: 50%; margin-left: -11px; } .popover.top > .arrow::after { border-bottom-width: 0; border-top-color: #fff; bottom: 1px; content: " "; margin-left: -10px; } .popover.right > .arrow { border-left-width: 0; border-right-color: rgba(0, 0, 0, .25); left: -11px; margin-top: -11px; top: 50%; } .popover.right > .arrow::after { border-left-width: 0; border-right-color: #fff; bottom: -10px; content: " "; left: 1px; } .popover.bottom > .arrow { border-bottom-color: rgba(0, 0, 0, .25); border-top-width: 0; left: 50%; margin-left: -11px; top: -11px; } .popover.bottom > .arrow::after { border-bottom-color: #fff; border-top-width: 0; content: " "; margin-left: -10px; top: 1px; } .popover.left > .arrow { border-left-color: rgba(0, 0, 0, .25); border-right-width: 0; margin-top: -11px; right: -11px; top: 50%; } .popover.left > .arrow::after { border-left-color: #fff; border-right-width: 0; bottom: -10px; content: " "; right: 1px; } .carousel { position: relative; } .carousel-inner { overflow: hidden; position: relative; width: 100%; } .carousel-inner > .item { display: none; position: relative; transition: left .6s ease-in-out 0; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { bottom: 0; color: #fff; font-size: 20px; left: 0; opacity: .5; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); top: 0; width: 15%; } .carousel-control.left { background-image: linear-gradient( to right, rgba(0, 0, 0, .5) 0px, rgba(0, 0, 0, 0) 100% ); background-repeat: repeat-x; } .carousel-control.right { background-image: linear-gradient( to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, .5) 100% ); background-repeat: repeat-x; left: auto; right: 0; } .carousel-control:hover, .carousel-control:focus { color: #fff; opacity: .9; outline: 0 none; text-decoration: none; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { display: inline-block; position: absolute; top: 50%; z-index: 5; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { font-family: serif; height: 20px; margin-left: -10px; margin-top: -10px; width: 20px; } .carousel-control .icon-prev::before { content: "‹"; } .carousel-control .icon-next::before { content: "›"; } .carousel-indicators { bottom: 10px; left: 50%; list-style: outside none none; margin-left: -30%; padding-left: 0; position: absolute; text-align: center; width: 60%; z-index: 15; } .carousel-indicators li { background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; cursor: pointer; display: inline-block; height: 10px; margin: 1px; text-indent: -999px; width: 10px; } .carousel-indicators .active { background-color: #fff; height: 12px; margin: 0; width: 12px; } .carousel-caption { bottom: 20px; color: #fff; left: 15%; padding-bottom: 20px; padding-top: 20px; position: absolute; right: 15%; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); z-index: 10; } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 30px; height: 30px; margin-left: -15px; margin-top: -15px; width: 30px; } .carousel-caption { left: 20%; padding-bottom: 30px; right: 20%; } .carousel-indicators { bottom: 20px; } } .clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after { content: " "; display: table; } .clearfix::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right  !important; } .pull-left { float: left  !important; } .hide { display: none  !important; } .show { display: block  !important; } .invisible { visibility: hidden; } .text-hide { background-color: transparent; border: 0 none; color: transparent; font: 0/0 a; text-shadow: none; } .hidden { display: none  !important; visibility: hidden  !important; } .affix { position: fixed; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none  !important; } @media (max-width: 767px) { .visible-xs { display: block  !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row  !important; } th.visible-xs, td.visible-xs { display: table-cell  !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block  !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row  !important; } th.visible-sm, td.visible-sm { display: table-cell  !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block  !important; } table.visible-md { display: table; } tr.visible-md { display: table-row  !important; } th.visible-md, td.visible-md { display: table-cell  !important; } } @media (min-width: 1200px) { .visible-lg { display: block  !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row  !important; } th.visible-lg, td.visible-lg { display: table-cell  !important; } } @media (max-width: 767px) { .hidden-xs { display: none  !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none  !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none  !important; } } @media (min-width: 1200px) { .hidden-lg { display: none  !important; } } .visible-print { display: none  !important; } @media print { .visible-print { display: block  !important; } table.visible-print { display: table; } tr.visible-print { display: table-row  !important; } th.visible-print, td.visible-print { display: table-cell  !important; } } @media print { .hidden-print { display: none  !important; } } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="span"] { display: inline-block; float: none; margin-bottom: 10px; margin-left: 0; } .form-search .bootstrap-select.btn-group, .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group { margin-bottom: 0; } .bootstrap-select.form-control { border: 0 none; margin-bottom: 0; padding: 0; } .bootstrap-select.btn-group.pull-right, .bootstrap-select.btn-group.pull-right[class*="span"], .row-fluid .bootstrap-select.btn-group.pull-right[class*="span"] { float: right; } .input-append .bootstrap-select.btn-group { margin-left: -1px; } .input-prepend .bootstrap-select.btn-group { margin-right: -1px; } .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .bootstrap-select { width: 100%; } .bootstrap-select.form-control:not([class*="span"]) { width: 100%; } .bootstrap-select > .btn { padding-right: 25px; width: 100%; } .error .bootstrap-select .btn { border: 1px solid #b94a48; } .bootstrap-select.show-menu-arrow.open > .btn { z-index: 2051; } .bootstrap-select .btn:focus { outline: thin dotted #333  !important; outline-offset: -2px; } .bootstrap-select.btn-group .btn .filter-option { display: inline-block; float: left; overflow: hidden; text-align: left; width: 100%; } .bootstrap-select.btn-group .btn .caret { margin-top: -2px; position: absolute; right: 12px; top: 50%; vertical-align: middle; } .bootstrap-select.btn-group > .disabled, .bootstrap-select.btn-group .dropdown-menu li.disabled > a { cursor: not-allowed; } .bootstrap-select.btn-group > .disabled:focus { outline: medium none  !important; } .bootstrap-select.btn-group[class*="span"] .btn { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { box-sizing: border-box; min-width: 100%; z-index: 2000; } .bootstrap-select.btn-group .dropdown-menu.inner { border: 0 none; border-radius: 0; box-shadow: none; margin: 0; padding: 0; position: static; } .bootstrap-select.btn-group .dropdown-menu dt { cursor: default; display: block; padding: 3px 20px; } .bootstrap-select.btn-group .div-contain { overflow: hidden; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li > a.opt { padding-left: 35px; position: relative; } .bootstrap-select.btn-group .dropdown-menu li > a { cursor: pointer; } .bootstrap-select.btn-group .dropdown-menu li > dt small { font-weight: normal; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a i.check-mark { display: inline-block; margin-top: 2.5px; position: absolute; right: 15px; } .bootstrap-select.btn-group .dropdown-menu li a i.check-mark { display: none; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: .5em; } .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) > a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) > a small { color: rgba(255, 255, 255, .4); } .bootstrap-select.btn-group .dropdown-menu li > dt small { font-weight: normal; } .bootstrap-select.show-menu-arrow .dropdown-toggle::before { border-bottom: 7px solid rgba(0, 0, 0, .2); border-left: 7px solid transparent; border-right: 7px solid transparent; bottom: -4px; content: ""; display: none; left: 9px; position: absolute; } .bootstrap-select.show-menu-arrow .dropdown-toggle::after { border-bottom: 6px solid white; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -4px; content: ""; display: none; left: 10px; position: absolute; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle::before { border-bottom: 0 none; border-top: 7px solid rgba(0, 0, 0, .2); bottom: auto; top: -3px; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle::after { border-bottom: 0 none; border-top: 6px solid #fff; bottom: auto; top: -3px; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle::before { left: auto; right: 12px; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle::after { left: auto; right: 13px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle::before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle::after { display: block; } .bootstrap-select.btn-group .no-results { background: none repeat scroll 0 0 #f5f5f5; margin: 0 5px; padding: 3px; } .bootstrap-select.btn-group .dropdown-menu .notify { background: none repeat scroll 0 0 #f5f5f5; border: 1px solid #e3e3e3; bottom: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset; box-sizing: border-box; margin: 0 2%; min-height: 26px; opacity: .9; padding: 3px 5px; pointer-events: none; position: absolute; width: 96%; } .mobile-device { display: block  !important; height: 100%  !important; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .bootstrap-select.fit-width { width: auto  !important; } .bootstrap-select.btn-group.fit-width .btn .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .btn .caret { margin-top: -1px; position: static; top: auto; } .control-group.error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select-searchbox, .bootstrap-select .bs-actionsbox { padding: 4px 8px; } .bootstrap-select .bs-actionsbox { box-sizing: border-box; float: left; width: 100%; } .bootstrap-select-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bootstrap-select-searchbox input { margin-bottom: 0; } .bootstrap-select .bs-actionsbox .btn-group button { width: 50%; } @media all and (max-device-width: 667px) { body:after { content: "phone"; display: none; } } @media all and (min-device-width: 668px) and (max-device-width: 1024px) { body:after { content: "tablet"; display: none; } } @media all and (min-device-width: 1025px) { body:after { content: "desktop"; display: none; } } @media only screen and (min-width: 2000px) { .copy-left { width: 30%; } } .iconFallback-xe010-small { background-position: 0 -281px; } .iconFallback-xe600 { background-position: 0 0; } .iconFallback-xe602 { background-position: 0 -265px; } .fontface .iconFallback-sprite, .fontface .iconFallback-xe003, .fontface .iconFallback-xe005, .fontface .iconFallback-xe006, .fontface .iconFallback-xe00a, .fontface .iconFallback-xe00e, .fontface .iconFallback-xe00f, .fontface .iconFallback-xe010, .fontface .iconFallback-xe010-small, .fontface .iconFallback-xe012, .fontface .iconFallback-xe012-gray, .fontface .iconFallback-xe013, .fontface .iconFallback-xe014, .fontface .iconFallback-xe600, .fontface .iconFallback-xe602 { background-image: none; } .no-fontface .iconFallback-sprite, .no-fontface .iconFallback-xe003, .no-fontface .iconFallback-xe005, .no-fontface .iconFallback-xe006, .no-fontface .iconFallback-xe00a, .no-fontface .iconFallback-xe00e, .no-fontface .iconFallback-xe00f, .no-fontface .iconFallback-xe010, .no-fontface .iconFallback-xe010-small, .no-fontface .iconFallback-xe012, .no-fontface .iconFallback-xe012-gray, .no-fontface .iconFallback-xe013, .no-fontface .iconFallback-xe014, .no-fontface .iconFallback-xe600, .no-fontface .iconFallback-xe602 { display: block; height: 32px; width: 40px; line-height: 0; } .no-fontface .iconFallback-xe010-small, .no-fontface .iconFallback-xe601 { height: 16px; width: 16px; } .no-fontface .iconFallback-xe600 { height: 60px; width: 60px; } .no-fontface .iconFallback-xe602 { height: 11px; width: 11px; } .espot, .espot-2, .espot-3, .espot-image, .footer-bottomBar-wrapper, .footer-navigation-links, .generalList > li, .nestedMenu > li, .productList > li { overflow: hidden; *zoom: 1; } .espot-home-list, .espot-productMenu-list > ol, .espot-productMenu-list > ul, .espot-sidebar-list > ol, .espot-sidebar-list > ul, .expandableMenu-list, .footer-navigation-links ul, .generalList, .linkList, .nestedMenu, .productList, .social ul { padding: 0; margin: 0; list-style: none; } .bar_1-link > .text, .hero-productDescription-heading, .js .countrySelector { font-family: lenovo-do-medium, Arial, sans-serif; } .bar_2-calledOut-link > .text, .bar_3-heading, .espot-title, .hero-text, .nestedMenu-heading > .text, .searchInput-button { font-family: lenovo-do-bold, Arial, sans-serif; } .bar_3-footer, .bar_3-leftLink, .bar_3-offCanvas-heading > .text, .bar_3-rightLink, .button-called-out, .button-called-out-alt, .button-called-out-positive, .button-flat, .button-standard, .button-standard-alt, .expandableMenu, .generalList, .nestedMenu, .no-fontface .generalList .actionArrow > .arrow[data-icon]:before, .no-fontface .nestedMenu .actionArrow > .arrow[data-icon]:before, .no-fontface .productList .actionArrow > .arrow[data-icon]:before, .productList, .sb-select { font-family: Helvetica, Arial, sans-serif; } .is-visuallyhidden { position: absolute  !important; overflow: hidden; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .no-js .expandableContent { position: relative  !important; overflow: visible; clip: auto; height: auto; width: auto; margin: 0; } .bar_2, .bar_3, .mainContent, .mainFooter, .offCanvas-closeOverlay { -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -o-transition: -o-transform .4s ease; transition: transform .4s ease; } .bar_3-offCanvas-heading { padding-left: .7em; } .bar_3-offCanvas-heading > .icon { float: right; } .sb-dropdown a:hover { *zoom: 1; filter: progid; background-image: linear-gradient(#87c8e7, #6cb0ec); background-size: 100%; color: #fff; } @media (min-width: 57em) { .bar_1 { height: 4.0625em; } } @media (min-width: 57em) { .bar_1-logo { height: auto; line-height: 0; padding: 0; background: 0; box-shadow: none; -webkit-transform: skewX(0); -moz-transform: skewX(0); -ms-transform: skewX(0); -o-transform: skewX(0); transform: skewX(0); } .premium-banner-copy img { max-width: 12vw; } } .bar_1-logo-link { background-image: url(/_ui/desktop/common/css/images/lenovo-logo.png); } @media (min-width: 57em) { .bar_1-logo-link { background: url(/_ui/desktop/common/css/images/lenovo-logo-large.png) no-repeat center; width: 27.5em; height: 4.0625em; margin-left: -5.1em; } } @media (min-width: 57em) { .bar_1-link { box-shadow: none; } } @media (min-width: 57em) { .bar_1-link-number { display: none; } } @media (min-width: 57em) { .bar_1-link-find { display: none; } } @media (min-width: 57em) { .bar_2-calledOut { display: none; } } @media (min-width: 57em) { .bar_2-links { display: none; } } .fontface .bar_3-leftLink > .bar_3-link:before, .fontface .bar_3-rightLink > .bar_3-link:before { font-family: icomoon; display: block; width: 1em; height: 1em; position: absolute; top: 50%; margin-top: -0.4em; text-align: center; font-size: .8em; } .bar_3-leftLink, .bar_3-rightLink { position: absolute; top: 1.1em; width: 6rem; font-weight: 700; font-size: .8em; line-height: 1.1; } @media (min-width: 30em) { .bar_3-heading { font-size: 1.3em; } } .fontface .bar_3-link-tag .bar_3-link:before { content: ""; } @media (min-width: 19em) { .fontface .bar_3-link-tag .bar_3-link:after { font-family: icomoon; content: "\e01b"; margin-right: .5em; font-size: 1.5em; position: absolute; top: .2rem; right: -0.1em; color: #cf2a23; } } .no-fontface .fontface .bar_3-link-tag .bar_3-link:after { content: none; } .no-js .bar_3-offCanvas-heading > .icon { display: none; } @media (min-width: 57em) { .generalList .seeAllButton, .nestedMenu .seeAllButton, .productList .seeAllButton { display: block; margin: 0 0 1.25em 1em; } } .generalList .linkLevel_1-highlighted .linkLevel_1, .nestedMenu .linkLevel_1-highlighted .linkLevel_1, .productList .linkLevel_1-highlighted .linkLevel_1 { background-image: linear-gradient(#4fb4e3, #01618d); background-size: 100%; background-color: #258ebf; color: #fff; text-shadow: 1px 1px 1px #111; } .generalList .link-hasChildren .link-title:after, .nestedMenu .link-hasChildren .link-title:after, .productList .link-hasChildren .link-title:after { margin-left: .25em; } @media (min-width: 57em) { .productList.menuLevel_1 { display: table; width: 100%; } } .productList.menuLevel_1 > li.linkLevel_1-highlighted { box-shadow: none; background-image: linear-gradient(#4fb4e3, #01618d); background-size: 100%; background-color: #258ebf; color: #fff; text-shadow: 1px 1px 1px #111; } .productList.menuLevel_1 > li.linkLevel_1-highlighted .link-title { font-weight: 400; } .lt-ie8 .productList.menuLevel_1 > li.linkLevel_1-highlighted { max-width: none; } @media (min-width: 57em) and (min-width: 60em) { .productList.menuLevel_1 > li.linkLevel_1-highlighted { max-width: 9em; } } @media (min-width: 57em) and (min-width: 57em) { .productList .linkLevel_1 { background: 0; padding: .8em .5em; text-align: center; display: block; } } .lt-ie8 .productList .linkLevel_1 { padding: .8em 1em; } @media (min-width: 57em) { .productList .link-wrapper { display: inline-block; height: 100%; } } @media (min-width: 57em) { .generalList .linkLevel_1, .generalList .linkLevel_2, .generalList .linkLevel_3 { padding: 0; display: inline-block; } } .expandableContent { position: relative; } @media (min-width: 32em) { .expandableContent-displays-at-medium { display: block  !important; border: 0; position: relative  !important; overflow: visible; clip: auto; height: auto; width: auto; margin: 0; } } @media (min-width: 44em) { .expandableContent-displays-at-large { display: block  !important; border: 0; position: relative  !important; overflow: visible; clip: auto; height: auto; width: auto; margin: 0; } } @media (min-width: 60em) { .breadcrumb-wrapper { display: block; padding-top: .6em; font-size: .7em; color: #949494; } } .advancedSearchFilter { background: url(/_ui/desktop/common/css/images/stripes-bg.png); clear: both; font-weight: 700; } .advancedSearchFilter:after { display: table; content: ""; clear: both; } .advancedSearchFilter-form-label { font-size: .8em; } @media (min-width: 38em) { .advancedSearchFilter-form-label { float: left; } } .advancedSearchFilter-form-dropdown { width: 70%; margin: 5px 0 0 10px; } @media (min-width: 38em) { .advancedSearchFilter-form-dropdown { width: 200px; } } .advancedSearchFilter-button { display: block; margin: 1em auto 0; clear: both; } @media (min-width: 38em) { .advancedSearchFilter-button { margin: 0; float: right; clear: none; } } .advancedSearchFilter-container { margin-bottom: 0; padding: 1em; overflow: hidden; border-bottom: 1px solid #b1b1b1; } .advancedList-search-wrapper { margin: 1em; } .offCanvas-closeOverlay { width: 100%; } @media (min-width: 57em) { .offCanvas-closeOverlay { opacity: 0; } } .productMenu-is-open .mainContent, .productMenu-is-open .mainFooter, .productMenu-is-open .offCanvas-closeOverlay { -webkit-transform: translate3d(14em, 0, 0); -moz-transform: translate3d(14em, 0, 0); -ms-transform: translate3d(14em, 0, 0); -o-transform: translate3d(14em, 0, 0); transform: translate3d(14em, 0, 0); } @media (min-width: 23em) { .productMenu-is-open .mainContent, .productMenu-is-open .mainFooter, .productMenu-is-open .offCanvas-closeOverlay { -webkit-transform: translate3d(20em, 0, 0); -moz-transform: translate3d(20em, 0, 0); -ms-transform: translate3d(20em, 0, 0); -o-transform: translate3d(20em, 0, 0); transform: translate3d(20em, 0, 0); } } @media (min-width: 28.75em) { .productMenu-is-open .mainContent, .productMenu-is-open .mainFooter, .productMenu-is-open .offCanvas-closeOverlay { -webkit-transform: translate3d(25.75em, 0, 0); -moz-transform: translate3d(25.75em, 0, 0); -ms-transform: translate3d(25.75em, 0, 0); -o-transform: translate3d(25.75em, 0, 0); transform: translate3d(25.75em, 0, 0); } } .generalMenu-is-open .mainContent, .generalMenu-is-open .mainFooter, .generalMenu-is-open .offCanvas-closeOverlay { -webkit-transform: translate3d(-14em, 0, 0); -moz-transform: translate3d(-14em, 0, 0); -ms-transform: translate3d(-14em, 0, 0); -o-transform: translate3d(-14em, 0, 0); transform: translate3d(-14em, 0, 0); } @media (min-width: 23em) { .generalMenu-is-open .mainContent, .generalMenu-is-open .mainFooter, .generalMenu-is-open .offCanvas-closeOverlay { -webkit-transform: translate3d(-20em, 0, 0); -moz-transform: translate3d(-20em, 0, 0); -ms-transform: translate3d(-20em, 0, 0); -o-transform: translate3d(-20em, 0, 0); transform: translate3d(-20em, 0, 0); } } @media (min-width: 28.75em) { .generalMenu-is-open .mainContent, .generalMenu-is-open .mainFooter, .generalMenu-is-open .offCanvas-closeOverlay { -webkit-transform: translate3d(-25.75em, 0, 0); -moz-transform: translate3d(-25.75em, 0, 0); -ms-transform: translate3d(-25.75em, 0, 0); -o-transform: translate3d(-25.75em, 0, 0); transform: translate3d(-25.75em, 0, 0); } } .offCanvas-bar_3-left-is-open .mainContent, .offCanvas-bar_3-left-is-open .mainFooter, .offCanvas-bar_3-left-is-open .offCanvas-closeOverlay { -webkit-transform: translate3d(13.3125em, 0, 0); -moz-transform: translate3d(13.3125em, 0, 0); -ms-transform: translate3d(13.3125em, 0, 0); -o-transform: translate3d(13.3125em, 0, 0); transform: translate3d(13.3125em, 0, 0); } .offCanvas-bar_3-right-is-open .mainContent, .offCanvas-bar_3-right-is-open .mainFooter, .offCanvas-bar_3-right-is-open .offCanvas-closeOverlay { -webkit-transform: translate3d(-13.3125em, 0, 0); -moz-transform: translate3d(-13.3125em, 0, 0); -ms-transform: translate3d(-13.3125em, 0, 0); -o-transform: translate3d(-13.3125em, 0, 0); transform: translate3d(-13.3125em, 0, 0); } .enableTransitions .offCanvas-bar_3-right-is-open .mainContent, .enableTransitions .offCanvas-bar_3-right-is-open .mainFooter, .enableTransitions .offCanvas-bar_3-right-is-open .offCanvas-closeOverlay { -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; } @media (min-width: 57em) { .bar_2 { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } @media (min-width: 57em) and (min-width: 73.75em) { .generalMenu { right: 50%; margin-right: -36.875em; } } .nestedMenu-heading > .icon { right: 8%; } .no-js .nestedMenu-heading > .icon { display: none; } .no-fontface .nestedMenu-heading > .icon { margin-top: .1em; } .nestedMenu-heading > .text { padding-right: 1em; } @media (min-width: 57em) { .no-js .searchBox { position: absolute; top: -0.5em; right: -0.5em; z-index: 1; font-size: .6em; width: 26em; background: 0; } } @media (min-width: 57em) { .bar_2 .searchContainer { display: none; } } @media (min-width: 57em) { .bar_1 .searchContainer { display: block; } } .lt-ie8 .configuratorItem-accessories-wrapper .expandableHeading, .lt-ie8 .configuratorItem-accessories-wrapper .unexpandableHeading { width: 880px; } @media (min-width: 57em) { .espot-productMenu-list > ol, .espot-productMenu-list > ul { padding: 1em; background-color: #efefef; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 57em) { .espot-productMenu-list li { padding-right: 0; float: left; width: 32%; margin: 0 .5%; display: flex; -webkit-flex: 0 0 32%; flex: 0 0 32%; } } .offCanvas-right-is-open .espot-sidebar-list-large { display: block; } .offCanvas-right-is-open .espot-sidebar-list-large .espot-sidebar-list li { width: 98%; margin-left: 1%; margin-right: 1%; } .hero.hero-alignedBottom { padding-bottom: 0; } @media (min-width: 45em) { .hero.hero-alignedTop { padding-top: 0; } } .hero-content { position: relative; z-index: 1; } @media (min-width: 45em) { .hero-alignedTop .hero-text { padding-top: 1.7em; } } .hero-media { overflow: hidden; max-height: 100%; } .hero-alignedBottom .hero-media { position: absolute; right: 0; bottom: 0; vertical-align: bottom; } @media (min-width: 45em) { .hero-alignedBottom .hero-media { position: static; } } .hero-alignedBottom .hero-media img { vertical-align: bottom; } .hero-alignedTop .hero-media { position: absolute; top: 0; right: 0; width: 48%; } @media (min-width: 45em) { .hero-alignedTop .hero-media { position: static; width: auto; } } .hero-alignedRight .hero-media { padding-right: 0; float: right; } @media (min-width: 60em) { .hero-series { padding-right: 35%; background-position: top right; } } .unexpandableHeading:before { width: 1em; height: 1em; margin-right: .5em; margin-left: -1.5em; line-height: .9em; font-size: 1.2em; font-weight: 400; text-align: center; vertical-align: center; border: 1px solid #0ea2da; color: #0ea2da; text-indent: 0; } .unexpandableHeading { font-size: .95rem; clear: both; margin: 0; font-weight: 700; cursor: pointer; text-indent: -0.175em; padding: .5em 2% .5em 2.5em; } .no-js .unexpandableHeading { cursor: auto; } .has-arrowLink.unexpandableHeading { position: relative; } table .unexpandableHeading { display: table-cell; } .unexpandableHeading:before { content: "+"; } .no-js .unexpandableHeading:before { content: none; } .expandableHeading-is-expanded:before { content: "-"; } .no-js .expandableHeading-is-expanded:before { content: none; } @media (min-width: 32em) { .expandableHeading-static-at-medium { font-size: 1rem; background: #f0f0f0; padding: .5em .75em; font-weight: 700; text-transform: uppercase; cursor: default; } } .expandableHeading-static-at-large:before, .expandableHeading-static-at-medium:before { width: 0; height: 0; margin-right: 0; border: 0; content: none; } @media (min-width: 44em) { .expandableHeading-static-at-large { font-size: 1rem; background: #f0f0f0; padding: .5em .75em; font-weight: 700; text-transform: uppercase; cursor: default; } } @media (min-width: 32em) { .expandableHeading-hide-at-medium { display: none; } } @media (min-width: 44em) { .expandableHeading-hide-at-large { display: none; } } .unexpandableHeading:before { display: none; } .expandableMenu-item { padding: .5em 2% .7em 0; line-height: 1.2; } .expandableMenu-item > input { margin-left: .688rem; } .domReadyCSS .social .icons-sprite, .domReadyCSS .social .icons-facebook, .domReadyCSS .social .icons-flickr, .domReadyCSS .social .icons-googlePlus, .domReadyCSS .social .icons-lenovoForums, .domReadyCSS .social .icons-pinterest, .domReadyCSS .social .icons-twitter, .domReadyCSS .social .icons-youtube { background-image: url("/_ui/desktop/common/css/images/icons-s1e68df8d7c.png"); background-repeat: no-repeat; } .domReadyCSS .icons-facebook { background-position: 0 -50px; } .domReadyCSS .icons-flickr { background-position: 0 -125px; } .domReadyCSS .icons-googlePlus { background-position: 0 -100px; } .domReadyCSS .icons-lenovoForums { background-position: 0 -75px; } .domReadyCSS .icons-pinterest { background-position: 0 -25px; } .domReadyCSS .icons-twitter { background-position: 0 -150px; } .domReadyCSS .icons-youtube { background-position: 0 0; } @font-face { font-family: "icomoon"; src: url("/_ui/desktop/common/css/fonts/icomoon.eot"); src: url("/_ui/desktop/common/css/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/icomoon.woff") format("woff"), url("/_ui/desktop/common/css/fonts/icomoon.ttf") format("truetype"), url("/_ui/desktop/common/css/fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "icomoon"; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .no-fontface [data-icon]:before { content: none; } .iconFallback-sprite, .iconFallback-xe003, .iconFallback-xe005, .iconFallback-xe006, .iconFallback-xe00a, .iconFallback-xe00e, .iconFallback-xe00f, .iconFallback-xe010-white, .iconFallback-xe010, .iconFallback-xe012-gray, .iconFallback-xe012, .iconFallback-xe013, .iconFallback-xe014 { background: url("/_ui/desktop/common/css/images/iconFallback-s7b37b026aa.png") no-repeat; } .iconFallback-xe003 { background-position: 0 -48px; } .iconFallback-xe005 { background-position: 0 0; } .iconFallback-xe006 { background-position: 0 -24px; } .iconFallback-xe00a { background-position: 0 -270px; } .iconFallback-xe00e { background-position: 0 -72px; } .iconFallback-xe00f { background-position: 0 -96px; } .iconFallback-xe010-white { background-position: 0 -208px; } .iconFallback-xe010 { background-position: 0 -121px; } .iconFallback-xe012-gray { background-position: 0 -228px; } .iconFallback-xe012 { background-position: 0 -249px; } .iconFallback-xe013 { background-position: 0 -176px; } .iconFallback-xe014 { background-position: 0 -144px; } .fontface .iconFallback-sprite, .fontface .iconFallback-xe003, .fontface .iconFallback-xe005, .fontface .iconFallback-xe006, .fontface .iconFallback-xe00a, .fontface .iconFallback-xe00e, .fontface .iconFallback-xe00f, .fontface .iconFallback-xe010-white, .fontface .iconFallback-xe010, .fontface .iconFallback-xe012-gray, .fontface .iconFallback-xe012, .fontface .iconFallback-xe013, .fontface .iconFallback-xe014 { background-image: none; } .no-fontface .iconFallback-sprite, .no-fontface .iconFallback-xe003, .no-fontface .iconFallback-xe005, .no-fontface .iconFallback-xe006, .no-fontface .iconFallback-xe00a, .no-fontface .iconFallback-xe00e, .no-fontface .iconFallback-xe00f, .no-fontface .iconFallback-xe010-white, .no-fontface .iconFallback-xe010, .no-fontface .iconFallback-xe012-gray, .no-fontface .iconFallback-xe012, .no-fontface .iconFallback-xe013, .no-fontface .iconFallback-xe014 { display: block; height: 32px; width: 40px; line-height: 0; } .no-fontface .iconFallback-xe00a { height: 24px; width: 27px; } .no-fontface .iconFallback-xe00e { height: 24px; width: 24px; } .no-fontface .iconFallback-xe00f { height: 25px; width: 15px; } .no-fontface .iconFallback-xe003 { height: 24px; width: 24px; } .no-fontface .iconFallback-xe005 { height: 24px; width: 28px; } .no-fontface .iconFallback-xe006 { height: 24px; width: 25px; } .no-fontface .iconFallback-xe010-white { height: 20px; width: 20px; } .no-fontface .iconFallback-xe010 { height: 23px; width: 23px; } .no-fontface .iconFallback-xe012, .no-fontface .iconFallback-xe012-gray { height: 21px; width: 21px; } .no-fontface .iconFallback-xe013, .no-fontface .iconFallback-xe014 { height: 32px; width: 32px; } .icon-rounded-plus:before, .icon-rounded-minus:before, .icon-rounded-greaterThan:before { background: #898989; border: 1px solid #898989; border-radius: 50%; display: inline-block; margin-right: .5em; line-height: .9em; font-size: 1.2em; font-weight: normal; text-align: center; vertical-align: center; width: 1em; height: 1em; color: #fff; } .icon-rounded-plus:before { content: "+"; } .icon-rounded-minus:before { content: "®C"; } .icon-rounded-greaterThan:before { content: ">"; font-size: 1em; line-height: 1.2em; width: 1.2em; height: 1.2em; } body, h1, h2, h3, dl, dt, dd, form, figure { padding: 0; margin: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font: 1em/1.75 helvetica, sans-serif; background: #efefef; position: relative; color: #555  !important; -webkit-text-size-adjust: none; } h1, h2, h3 { font-size: 1em; font-weight: normal; } dl { -webkit-text-size-adjust: 100%; } a { color: #009dd9; text-decoration: none; outline: 0; } img { border: 0; max-width: 100%; max-height: 100%; } .nestedMenu > li, .productList > li, .generalList > li, .espot, .espot-2, .espot-3, .espot-image, .footer-navigation-links, .footer-bottomBar-wrapper { overflow: hidden; *zoom: 1; } .nestedMenu, .productList, .generalList, .social ul, .espot-productMenu-list > ul, .espot-productMenu-list > ol, .espot-home-list, .espot-sidebar-list > ul, .espot-sidebar-list > ol, .expandableMenu-list, .footer-navigation-links ul { padding: 0; margin: 0; list-style: none; } .screen-reader-text, .bar_1-link > .text, .nestedMenu .seeAllButton .text, .productList .seeAllButton .text, .generalList .seeAllButton .text { position: absolute; top: -9999px; left: -9999px; } .nowrap { white-space: nowrap; } .social-link, .trusteValidation-icon, .trusteValidation { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .social-link:before, .trusteValidation-icon:before, .trusteValidation:before { content: ""; display: block; width: 0; height: 150%; } .button-ribbon { font-family: lenovo-do-regular, Arial, sans-serif; } .columnSlider-heading, .skipLinks-link, .bar_1-link > .text, .js .countrySelector { font-family: lenovo-do-medium, Arial, sans-serif; } .bar_2-calledOut-link > .text, .bar_3-heading, .nestedMenu-heading > .text, .searchInput-button, .espot-title, .hero-text { font-family: lenovo-do-bold, Arial, sans-serif; } .bar_3-offCanvas-heading > .text, .bar_3-leftLink, .bar_3-rightLink, .bar_3-footer, .nestedMenu, .productList, .generalList, .no-fontface .nestedMenu .actionArrow > .arrow[data-icon]:before, .no-fontface .productList .actionArrow > .arrow[data-icon]:before, .no-fontface .generalList .actionArrow > .arrow[data-icon]:before, .button-standard, .button-standard-alt, .button-called-out, .button-called-out-alt, .button-called-out-positive, .button-flat, .expandableMenu, .calloutBox { font-family: Helvetica, Arial, sans-serif; } .is-visuallyhidden, .tooltip-heading { position: absolute  !important; overflow: hidden; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .nestedMenu .linkLevel_2, .productList .linkLevel_2, .generalList .linkLevel_2 { display: block; color: #292929; background-color: #aaa; border-bottom: 1px solid #6f6f6f; -webkit-transition: background-color .3s; -webkit-transition-delay: .1s; -moz-transition: background-color .3s .1s; -o-transition: background-color .3s .1s; transition: background-color .3s .1s; } .nestedMenu .linkLevel_2:hover, .productList .linkLevel_2:hover, .generalList .linkLevel_2:hover { color: #292929; } .nestedMenu li:last-child > .linkLevel_2, .productList li:last-child > .linkLevel_2, .generalList li:last-child > .linkLevel_2 { border-bottom: 0; } .nestedMenu li:first-child > .linkLevel_2, .productList li:first-child > .linkLevel_2, .generalList li:first-child > .linkLevel_2 { box-shadow: inset 0 7px 4px -4px rgba(0, 0, 0, .5); } .bar_2, .bar_3, .mainContent, .mainFooter { -webkit-transition: -webkit-transform .4s ease; -moz-transition: -moz-transform .4s ease; -o-transition: -o-transform .4s ease; transition: transform .4s ease; } body.no-transitions * { -webkit-transition: none  !important; -moz-transition: none  !important; -o-transition: none  !important; transition: none  !important; } .bar_1, .bar_2, .bar_3 { position: relative; float: left; width: 100%; overflow: visible; } .bar_2, .bar_3 { -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); } .bar_1-logo, .bar_2-calledOut-link, .bar_1-link { display: inline-block; -webkit-transform: skewX(-17deg); -moz-transform: skewX(-17deg); -ms-transform: skewX(-17deg); -o-transform: skewX(-17deg); transform: skewX(-17deg); } .bar_1-logo > *, .bar_2-calledOut-link > *, .bar_1-link > * { display: inline-block; -webkit-transform: skewX(17deg); -moz-transform: skewX(17deg); -ms-transform: skewX(17deg); -o-transform: skewX(17deg); transform: skewX(17deg); } .bar_1-logo, .bar_2-calledOut-link { margin-left: -6px; } .bar_1-link:last-child { margin-right: -6px; } .bar_1-logo, .bar_1-link { -webkit-box-shadow: rgba(0, 0, 0, .5) 15px 24px 10px -11px, rgba(0, 0, 0, .5) 8px -5px 10px -4px; -moz-box-shadow: rgba(0, 0, 0, .5) 15px 24px 10px -11px, rgba(0, 0, 0, .5) 8px -5px 10px -4px; box-shadow: rgba(0, 0, 0, .5) 15px 24px 10px -11px, rgba(0, 0, 0, .5) 8px -5px 10px -4px; } .bar_3-offCanvas-heading { padding: .5em 2%; color: white; background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #88160a), color-stop(40%, #cf2a23) ); background-image: -webkit-linear-gradient(#88160a, #cf2a23 40%); background-image: -moz-linear-gradient(#88160a, #cf2a23 40%); background-image: -o-linear-gradient(#88160a, #cf2a23 40%); background-image: linear-gradient(#88160a, #cf2a23 40%); background-color: #cf2a23; cursor: pointer; } .bar_3-offCanvas-heading > .icon { display: inline-block; vertical-align: middle; margin: .1em .5em 0; } .bar_3-offCanvas-heading > .text { font-size: .9em; font-weight: bold; text-shadow: 1px 1px 1px black; text-transform: uppercase; } .lt-ie9 .recommmendAccessory, .linkList-item, .compareTable-heading, .no-js .compareTable-rowHeading.compareTable-addRemoveItems, .scrolling .compareTable-addRemoveItems, .expandableHeading, .expandableHeading-onlySmall, .configuratorItem-summary { *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#FFFEFEFE',endColorstr='#FFE7E7E7'); background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #fefefe), color-stop(100%, #e7e7e7) ); background-image: -webkit-linear-gradient(#fefefe, #e7e7e7); background-image: -moz-linear-gradient(#fefefe, #e7e7e7); background-image: -o-linear-gradient(#fefefe, #e7e7e7); background-image: linear-gradient(#fefefe, #e7e7e7); background-color: #fefefe; } .compareTable-heading-verticalZebraStripe { background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #f8f8f8), color-stop(100%, #cecfce) ); background-image: -webkit-linear-gradient(#f8f8f8, #cecfce); background-image: -moz-linear-gradient(#f8f8f8, #cecfce); background-image: -o-linear-gradient(#f8f8f8, #cecfce); background-image: linear-gradient(#f8f8f8, #cecfce); background-color: #f8f8f8; } .expandableHeading, .expandableHeading-onlySmall, .expandableMenu-item, .tabbedBrowse-configurator-expandItems-expand-all { padding: .5em 2% .5em 2.5em; } .nestedMenu .link-hasChildren .link-title:after, .productList .link-hasChildren .link-title:after, .generalList .link-hasChildren .link-title:after, .compareTable-addRemoveItems button:after { content: "\25bc"; margin-left: 1em; font-size: .7em; } .bar_1-link, .bar_1-link > .icon, .bar_1-link > .emphasis, .bar_2-link { -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; color: #bbb; text-shadow: 1px 2px 3px rgba(0, 0, 0, .6); } .bar_1-link:hover, .bar_1-link > .icon:hover, .bar_1-link > .emphasis:hover, .bar_2-link:hover { color: white; } .mainContent { position: relative; clear: both; } .mainFooter { clear: both; } .pageWrapper { width: 100%; margin: 0 auto; position: relative; clear: both; } @media (min-width: 76.75em) { .pageWrapper { width: 73.75em; } .pageWrapper.homePage { width: 80em; } .mainFooter .footer-bottomBar .footer-bottomBar-wrapper { width: 100%  !important; } } .bar_2 .pageWrapper { width: 92.5em; } .contentContainer { background: #fff; } @media (min-width: 76.75em) { .contentContainer:before, .contentContainer:after { content: ""; width: 7px; height: 100%; position: absolute; top: 0; } .contentContainer:before { background-size: 100%; background-image: -webkit-gradient( linear, 0 50%, 100% 50%, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .3)) ); background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3) ); background-image: -moz-linear-gradient( left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3) ); background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3) ); background-image: linear-gradient( left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3) ); margin-left: -7px; left: 0; } .contentContainer:after { background-size: 100%; background-image: -webkit-gradient( linear, 100% 50%, 0% 50%, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .3)) ); background-image: -webkit-linear-gradient( right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3) ); background-image: -moz-linear-gradient( right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3) ); background-image: -o-linear-gradient( right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3) ); background-image: linear-gradient( right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3) ); margin-right: -7px; right: 0; } } .bar_1 { overflow: hidden; color: white; background: #747474 url(/_ui/desktop/common/css/images/bar-1-background.png) bottom repeat-x; } @media (min-width: 51em) { .bar_1 { height: 4.0625em; } } .bar_1-logo img { margin-left: -5.1em; } .bar_1-logo { height: 3.2em; float: left; padding: 0 12px; background: #cf2a23; } @media (min-width: 51em) { .bar_1-logo { height: auto; line-height: 0; padding: 0; background: transparent; box-shadow: none; -webkit-transform: skewX(0); -moz-transform: skewX(0); -ms-transform: skewX(0); -o-transform: skewX(0); transform: skewX(0); } .bar_1-logo > * { -webkit-transform: skewX(0); -moz-transform: skewX(0); -ms-transform: skewX(0); -o-transform: skewX(0); transform: skewX(0); } } .bar_1-logo-link { background-repeat: no-repeat; width: 111px; height: 18px; line-height: 0; text-indent: -999em; display: block; } .svg .bar_1-logo-link { background-image: url(/_ui/desktop/common/css/images/lenovo-logo.png); } .no-svg .bar_1-logo-link, .no-js .bar_1-logo-link { background-image: url(/_ui/desktop/common/css/images/lenovo-logo.png); } @media (min-width: 51em) { .bar_1-logo-link { height: 4.0625em; } .svg .bar_1-logo-link, .no-svg .bar_1-logo-link, .no-js .bar_1-logo-link { background: url(/_ui/desktop/common/css/images/lenovo-logo-large.png) no-repeat center; width: 27.5em; height: 4.0625em; margin-left: -5.1em; } } .bar_1-links { float: right; overflow: hidden; } @media (min-width: 63.5em) { .bar_1-links { float: left; line-height: 1; } } .bar_1-link { cursor: pointer; display: block; padding: 1px 18px; border: 0; margin: 0; background: 0; float: left; line-height: 3em; font-size: 1em; -webkit-appearance: none; height: 3.2em; } button.bar_1-link { cursor: pointer; display: block; padding: 1px 15px; border: 0; margin: 0; background: 0; float: left; line-height: 3em; font-size: 1em; -webkit-appearance: none; height: 3.2em; } a.bar_1-link { cursor: pointer; display: block; padding: 1px 18px; border: 0; margin: 0; background: 0; float: left; line-height: 3em; font-size: 1em; -webkit-appearance: none; height: 3.2em; } .bar_1-link:visited { color: #222; } .bar_1-link > .text { text-transform: uppercase; } .bar_1-link > .icon { font-size: 1.6em; vertical-align: middle; } .bar_1-link:hover > .icon { color: white; } @media (min-width: 51em) { .bar_1-link { box-shadow: none; } } @media (min-width: 63.5em) { .bar_1-link { padding: 0; line-height: 1.75em; } } .no-js .bar_1-link-search { display: none; } @media (min-width: 38em) { .bar_1-link-search { display: none  !important; } } .bar_1-link-number { display: none; } @media (min-width: 38em) { .bar_1-link-number { display: block; } .bar_1-link-number > .text { position: static; margin-right: .5em; } } @media (min-width: 51em) { .bar_1-link-number { display: none; } } @media (min-width: 63.5em) { .bar_1-link-number { display: block; } .bar_1-link-number > .text { color: #fff; font-size: .75em; line-height: 1; } } @media (min-width: 70em) { .bar_1-link-number > .text { font-size: 1em; margin-top: .5em; } } .no-js .bar_1-link-phone { display: none; } @media (min-width: 38em) { .bar_1-link-phone { display: none  !important; } } .no-fontface .bar_1-link-find .iconFallback-xe003 { margin-top: .5em; } @media (min-width: 38em) { .bar_1-link-find > .text { position: static; margin-right: .5em; } } @media (min-width: 51em) { .bar_1-link-find { display: none; } } .bar_2-link-cart > .icon, .bar_2-link-showGeneralMenu > .icon { vertical-align: middle; font-size: 1.6em; } .bar_2-link-cart > .text, .bar_2-link-showGeneralMenu > .text { font: 0/0 serif; text-shadow: none; color: transparent; position: absolute; } .bar_2 { color: #c7c7c7; background: #323232; -webkit-box-shadow: inset rgba(0, 0, 0, .5) 0 0 13px 7px; -moz-box-shadow: inset rgba(0, 0, 0, .5) 0 0 13px 7px; box-shadow: inset rgba(0, 0, 0, .5) 0 0 13px 7px; } .lt-ie8 .bar_2 { position: static; } @media (min-width: 51em) { .bar_2-calledOut { display: none; } } .bar_2-links { float: right; } @media (min-width: 51em) { .bar_2-links { display: none; } } .bar_2-link { position: relative; display: inline-block; padding: .5em 10px; text-transform: uppercase; } .bar_2-calledOut-link { float: left; color: white; background: #212121; display: block; text-shadow: -1px -1px 2px black; padding: .5em 5% .8em 4%; } .bar_2-calledOut-link > .icon { vertical-align: middle; font-size: 1.6em; margin-right: .5em; float: left; } .no-fontface .bar_2-calledOut-link > .icon { margin-right: .4em; margin-top: .35em; margin-bottom: .4em; } .bar_2-calledOut-link > .text { float: left; padding-top: 8px; } .bar_2-link-arrow { margin-left: .3em; font-size: 1.7em; line-height: 1; position: relative; top: .05em; } .no-js .bar_2-link-showProductMenu { display: none; } .number-flag { position: absolute; display: block; bottom: 1em; right: 0; min-width: 1.6em; height: 1.6em; border-radius: 50%; font-size: .75em; text-align: center; color: white; background: #cf2a23; text-shadow: none; } .no-js .bar_2-link-cart { margin-right: .75em; } .bar_2-link-showGeneralMenu { padding-right: 18px; } .no-fontface .bar_2-link-showGeneralMenu { margin-top: .5em; } .no-js .bar_2-link-showGeneralMenu { display: none; } .bar_3 { -webkit-box-shadow: 0 0 14px 6px rgba(0, 0, 0, .5); -moz-box-shadow: 0 0 14px 6px rgba(0, 0, 0, .5); box-shadow: 0 0 14px 6px rgba(0, 0, 0, .5); background-color: #f1f1f1; color: black; } .bar_3-heading { padding: 1rem 5rem 1rem 5rem; text-align: center; line-height: 1.2; font-size: 1.3em; color: #373737; } @media (min-width: 66em) { .bar_3-heading { float: left; padding: .7em 0 .9em; text-shadow: white 1px 1px 1px; padding-left: 0; text-align: left; margin-top: 0; line-height: 0; } } .bar_3-leftLink { position: absolute; top: 1rem; left: 1rem; width: 5rem; font-weight: bold; font-size: .9em; line-height: 1.1; } .no-js .bar_3-leftLink { display: none; } .bar_3-rightLink { position: absolute; top: 1rem; right: 1rem; width: 5rem; text-align: right; font-weight: bold; font-size: .9em; line-height: 1.1; } .no-js .bar_3-rightLink { display: none; } @media (min-width: 19em) { .bar_3-link-tag { width: 8.5em; padding-right: 3em; right: 0; } .no-fontface .bar_3-link-tag { padding-right: 1em; } } @media (min-width: 19em) { .bar_3-link-tag .bar_3-link:after { font-family: icomoon; content: "\e01b"; margin-right: .5em; font-size: 1.5em; position: absolute; top: 3.2px; top: .2rem; right: -0.1em; color: #cf2a23; } .no-fontface .bar_3-link-tag .bar_3-link:after { content: none; } } .bar_3-link-tag { font-size: .75em; } @media (min-width: 19em) { .bar_3-link-tag { width: 8.5em; padding-right: 3em; right: 0; } } @media (min-width: 24.37em) { .bar_3-link-tag { font-size: .9em; } } @media (min-width: 19em) { .bar_3-link-tag .bar_3-link:after { font-family: icomoon; content: "\e01b"; margin-right: .5em; font-size: 1.5em; position: absolute; top: 3.2px; top: .2rem; right: -0.1em; color: #cf2a23; } } .bar_3-rightLink-checkoutTotal { color: #cf2a23; } .bar_3-footer { font-size: .8em; font-weight: bold; text-align: center; color: #cf2a23; } .bar_3-footer a { color: #cf2a23; } a.bar_3-footer-reviews { color: #009dd9; } .bar_3-footer-item { padding: 0 1em; } .bar_3-footer-reviews > .stars { margin-right: .5em; } .bar_3-footer-features:before { font-family: icomoon; content: "\e009"; margin-right: .5em; font-size: .8em; } @media (min-width: 44em) { .left-sidebar-at-small .bar_3-offCanvas-heading-left { padding-left: .7em; cursor: default; } .left-sidebar-at-small .bar_3-offCanvas-heading-left > .icon { display: none; } } @media (min-width: 60em) { .left-sidebar-at-mid .bar_3-offCanvas-heading-left { padding-left: .7em; cursor: default; } .left-sidebar-at-mid .bar_3-offCanvas-heading-left > .icon { display: none; } } @media (min-width: 66em) { .left-sidebar-at-large .bar_3-offCanvas-heading-left { padding-left: .7em; cursor: default; } .left-sidebar-at-large .bar_3-offCanvas-heading-left > .icon { display: none; } } .bar_3-offCanvas-heading-right { padding-left: .7em; } .bar_3-offCanvas-heading-right > .icon { float: right; } .no-js .bar_3-offCanvas-heading-right > .icon { display: none; } @media (min-width: 47em) { .right-sidebar-at-small .bar_3-offCanvas-heading-right { cursor: default; } .right-sidebar-at-small .bar_3-offCanvas-heading-right > .icon { display: none; } } @media (min-width: 65em) { .right-sidebar-at-mid .bar_3-offCanvas-heading-right { cursor: default; } .right-sidebar-at-mid .bar_3-offCanvas-heading-right > .icon { display: none; } } .masthead { color: red; } .nestedMenu .linkLevel_1, .productList .linkLevel_1, .generalList .linkLevel_1, .nestedMenu .linkLevel_2, .productList .linkLevel_2, .generalList .linkLevel_2, .nestedMenu .linkLevel_3, .productList .linkLevel_3, .generalList .linkLevel_3 { display: block; padding: 1.2rem 3.9rem 1.2rem 0rem; padding-left: 4%; } .no-js .nestedMenu .linkLevel_1, .nestedMenu .no-js .linkLevel_1, .no-js .productList .linkLevel_1, .productList .no-js .linkLevel_1, .no-js .generalList .linkLevel_1, .generalList .no-js .linkLevel_1, .no-js .nestedMenu .linkLevel_2, .nestedMenu .no-js .linkLevel_2, .no-js .productList .linkLevel_2, .productList .no-js .linkLevel_2, .no-js .generalList .linkLevel_2, .generalList .no-js .linkLevel_2, .no-js .nestedMenu .linkLevel_3, .nestedMenu .no-js .linkLevel_3, .no-js .productList .linkLevel_3, .productList .no-js .linkLevel_3, .no-js .generalList .linkLevel_3, .generalList .no-js .linkLevel_3 { padding-top: .5rem; padding-bottom: .6rem; } .nestedMenu, .productList, .generalList { line-height: 1.3; } .nestedMenu > li, .productList > li, .generalList > li { position: relative; } .nestedMenu .link-title, .productList .link-title, .generalList .link-title { font-weight: bold; } .nestedMenu .actionArrow > .arrow, .productList .actionArrow > .arrow, .generalList .actionArrow > .arrow { position: absolute; color: white; top: 50%; margin-top: -3.5rem; right: 0; width: 3.4rem; height: 7rem; font-size: 1.2em; line-height: 6.2; text-align: center; } .no-fontface .nestedMenu .actionArrow > .arrow[data-icon]:before, .no-fontface .productList .actionArrow > .arrow[data-icon]:before, .no-fontface .generalList .actionArrow > .arrow[data-icon]:before { content: "\25B6"; } .nestedMenu .actionArrow > .text, .productList .actionArrow > .text, .generalList .actionArrow > .text { display: none; } .nestedMenu .seeAllButton, .productList .seeAllButton, .generalList .seeAllButton { display: none; } @media (min-width: 51em) { .nestedMenu .seeAllButton, .productList .seeAllButton, .generalList .seeAllButton { display: block; margin: 0 0 1.25em 1em; } } .nestedMenu .seeAllButton .text, .productList .seeAllButton .text, .generalList .seeAllButton .text { display: inline; position: relative; top: auto; left: auto; font-family: lenovo-do-bold, Arial, sans-serif; font-size: .8em; text-transform: uppercase; color: #cf2a23; } .nestedMenu .seeAllButton .text:after, .productList .seeAllButton .text:after, .generalList .seeAllButton .text:after { font-family: icomoon; content: "\e012"; margin-left: 1em; font-size: .8em; vertical-align: middle; } .nestedMenu .link-wrapper, .productList .link-wrapper, .generalList .link-wrapper { position: relative; overflow: hidden; width: 100%; } .nestedMenu .linkLevel_1, .productList .linkLevel_1, .generalList .linkLevel_1 { color: #fff; background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #3a3a3a), color-stop(100%, #0c0c0c) ); background-image: -webkit-linear-gradient(#3a3a3a, #0c0c0c); background-image: -moz-linear-gradient(#3a3a3a, #0c0c0c); background-image: -o-linear-gradient(#3a3a3a, #0c0c0c); background-image: linear-gradient(#3a3a3a, #0c0c0c); background-color: #222; border-top: 1px solid #393939; } .nestedMenu .linkLevel_1:visited, .productList .linkLevel_1:visited, .generalList .linkLevel_1:visited { color: #fff; } .nestedMenu .linkLevel_1:hover, .productList .linkLevel_1:hover, .generalList .linkLevel_1:hover { color: #fff; } .nestedMenu .linkLevel_2 > .link-subtitle, .productList .linkLevel_2 > .link-subtitle, .generalList .linkLevel_2 > .link-subtitle { color: #646464; } .nestedMenu .menuLevel_2 .actionArrow > .arrow, .productList .menuLevel_2 .actionArrow > .arrow, .generalList .menuLevel_2 .actionArrow > .arrow { color: #292929; } .nestedMenu .menuLevel_2 .actionArrow-hasChildren > .arrow, .productList .menuLevel_2 .actionArrow-hasChildren > .arrow, .generalList .menuLevel_2 .actionArrow-hasChildren > .arrow { border-left: 1px solid #727272; box-shadow: 0 0 8px #757575; } .nestedMenu .linkLevel_3, .productList .linkLevel_3, .generalList .linkLevel_3 { color: #292929; background-color: #eaeaea; border-bottom: 1px solid #bdbdbd; -webkit-transition: background-color .3s; -webkit-transition-delay: .1s; -moz-transition: background-color .3s .1s; -o-transition: background-color .3s .1s; transition: background-color .3s .1s; } .nestedMenu .linkLevel_3:hover, .productList .linkLevel_3:hover, .generalList .linkLevel_3:hover { color: #292929; } .nestedMenu .linkLevel_3 > .link-subtitle, .productList .linkLevel_3 > .link-subtitle, .generalList .linkLevel_3 > .link-subtitle { color: #8d8d8d; } .nestedMenu .menuLevel_3 .actionArrow > .arrow, .productList .menuLevel_3 .actionArrow > .arrow, .generalList .menuLevel_3 .actionArrow > .arrow { color: #292929; } .nestedMenu.menuLevel_3 > li:first-child .linkLevel_3, .menuLevel_3.productList > li:first-child .linkLevel_3, .menuLevel_3.generalList > li:first-child .linkLevel_3 { box-shadow: inset 0 7px 4px -4px rgba(0, 0, 0, .5); } .nestedMenu .link-hasSubtitle, .productList .link-hasSubtitle, .generalList .link-hasSubtitle { padding-top: .8rem; padding-bottom: .8rem; } .nestedMenu .link-subtitle, .productList .link-subtitle, .generalList .link-subtitle { font-size: .8em; font-weight: normal; } .nestedMenu li.is-expanded > .link-wrapper .link-hasChildren .link-title:after, .productList li.is-expanded > .link-wrapper .link-hasChildren .link-title:after, .generalList li.is-expanded > .link-wrapper .link-hasChildren .link-title:after { content: "\25b2"; } .nestedMenu.menuLevel_1 > li > div > .actionArrow-hasChildren > .arrow, .menuLevel_1.productList > li > div > .actionArrow-hasChildren > .arrow, .menuLevel_1.generalList > li > div > .actionArrow-hasChildren > .arrow { border-left: 1px solid #555; box-shadow: 0 0 8px black; } @media (min-width: 51em) { .productList.menuLevel_1 { display: table; width: 100%; } .productList.menuLevel_1 > li { position: static; display: table-cell; vertical-align: top; border-right: 1px solid #9d9d9d; } .productList.menuLevel_1 { background: #2f2f2f; box-shadow: inset 0 .6em 1.3em black; } .lt-ie8 .productList.menuLevel_1 > li { display: inline; } .productList.menuLevel_1 > li:last-child { border-right: 0; } .productList .linkLevel_1, .productList .linkLevel_2, .productList .linkLevel_3 { padding: 0; display: inline-block; } .productList .linkLevel_1 { display: inline-block; height: 100%; font-size: .75em; color: white; font-weight: normal; line-height: 1.2; border-top: 0; } .productList .linkLevel_1:visited { color: white; } .productList .actionArrow > .arrow { display: none; } .productList.menuLevel_1 > li > .productList { position: absolute; width: 100%; left: 0; } .no-js .productList.menuLevel_1 > li:hover, .productList.menuLevel_1 > li.is-expanded { background: white; box-shadow: none; overflow: visible; } .no-js .productList.menuLevel_1 > li:hover .linkLevel_1, .productList.menuLevel_1 > li.is-expanded .linkLevel_1 { color: #009dd9; } .no-js .productList.menuLevel_1 > li:hover .linkLevel_1.link-hasChildren .link-title:after, .productList.menuLevel_1 > li.is-expanded .linkLevel_1.link-hasChildren .link-title:after { content: "\25b2"; } .no-js .productList.menuLevel_1 > li:hover .link-wrapper, .productList.menuLevel_1 > li.is-expanded .link-wrapper { position: static; } .no-js .productList.menuLevel_1 > li:hover .link-wrapper .lt-ie8, .productList.menuLevel_1 > li.is-expanded .link-wrapper .lt-ie8 { display: inline; } .no-js .productList.menuLevel_1 > li:hover > .productList, .productList.menuLevel_1 > li.is-expanded > .productList { display: block  !important; } .productList .productList .link-hasChildren .link-title:after { display: none; } .productList .menuLevel_2 { box-shadow: 0 .2em .4em rgba(0, 0, 0, .3); top: 100%; width: 54.5em; padding: 1em; background: white; border: 1px solid #ddd; border-top: 0; } .productList .child-level_2 { float: left; width: 16em; margin: 0 .75em 3em; } .productList .espots { clear: both; } .productList .linkLevel_2 { margin-bottom: 1em; background: transparent; border: 0; } .productList .linkLevel_2 > .link-title { font-family: lenovo-do-bold, Arial, sans-serif; text-transform: uppercase; line-height: 1.2; color: #009dd9; font-weight: bold; } .productList .linkLevel_2 > .link-subtitle { line-height: 1.1; font-weight: bold; } .productList .menuLevel_3 { display: block  !important; } .productList .menuLevel_3 > li { display: block; margin: 0; } .productList .linkLevel_3 { display: block; width: 100%; margin-bottom: .5em; font-size: .8em; background: transparent; border: 0; } .productList .linkLevel_3 > .link-title { color: #009dd9; line-height: 1; font-weight: bold; } .productList.menuLevel_3 > li:first-child .linkLevel_3 { box-shadow: none; } } @media (min-width: 51em) and (min-width: 51em) { .productList .linkLevel_1 { background: transparent; padding: .8em 1em; } } @media (min-width: 51em) { .productList .link-wrapper { display: inline-block; } .lt-ie8 .productList .link-wrapper { display: inline; width: auto; } } @media (min-width: 76.75em) { .productList.menuLevel_1 { border-left: 1px solid #9d9d9d; border-right: 1px solid #9d9d9d; } .lt-ie8 .productList.menuLevel_1 { border-right: 0; } } @keyframes fade { 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } } @media (min-width: 51em) { .generalList .linkLevel_1, .generalList .linkLevel_2, .generalList .linkLevel_3 { padding: 0; display: inline-block; } .generalList.menuLevel_1 > li { overflow: visible; display: inline-block; margin-right: -4px; } .lt-ie8 .generalList.menuLevel_1 > li { display: inline; } .generalList.menuLevel_1 > li:last-child { margin-right: 0; } .generalList.menuLevel_1 > li:last-child .linkLevel_1 { border-right: 0; } .no-js .generalList.menuLevel_1 > li:hover .linkLevel_1.link-hasChildren, .generalList.menuLevel_1 > li.is-expanded .linkLevel_1.link-hasChildren { color: #009dd9; background: white; } .no-js .generalList.menuLevel_1 > li:hover .menuLevel_2, .generalList.menuLevel_1 > li.is-expanded .menuLevel_2 { display: block  !important; } .generalList .linkLevel_1 { padding: .3em 1em; font-size: .75em; margin-left: -3px; color: white; background: transparent; box-shadow: none; border-top: 0; border-right: 2px groove #979797; font-weight: normal; } .generalList .linkLevel_1:visited { color: white; } .generalList .menuLevel_2 { position: absolute; z-index: 1; top: 100%; left: 0; width: 20em; margin-top: -2px; box-shadow: 0 .2em .4em rgba(0, 0, 0, .3); background: white; text-align: left; } .generalList .linkLevel_2 { display: block; width: 100%; padding: .7em 1em; font-size: .75em; color: #009dd9; border: 0; background: 0; } .generalList .linkLevel_2:hover { color: #009dd9; } .generalList .actionArrow { display: none; } .lt-ie8 .generalList .link-wrapper { display: inline; } } .expandableContent { clear: both; border: 1px solid #e8e8e8; } .expandableContent-is-collapsed { display: none; } .social nav { line-height: 0; } .social ul { height: 25px; line-height: 0; } .social li { display: inline-block; margin-right: 2px; line-height: 0; } .lt-ie8 .social li { display: inline; zoom: 1; } .social-title { font-size: .8rem; font-weight: 700; margin-bottom: .5em; text-transform: uppercase; } .social-link { display: block; height: 25px; width: 25px; line-height: 0; } .breadcrumb-wrapper { display: none; } @media (min-width: 60em) { .breadcrumb-wrapper { display: block; padding-top: .6em; font-size: .7em; color: #949494; } } .breadcrumb-item { color: #949494; } .breadcrumb-item:hover { text-decoration: underline; } .productMenu, .generalMenu, .offCanvas-bar_3-left, .offCanvas-bar_3-right { position: absolute; top: 0; -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); } .hide-offCanvas .productMenu, .hide-offCanvas .generalMenu, .hide-offCanvas .offCanvas-bar_3-left, .hide-offCanvas .offCanvas-bar_3-right { display: none; } .productMenu, .generalMenu { width: 14em; background-color: #2c2c2c; } @media (min-width: 23em) { .productMenu, .generalMenu { width: 20em; } } @media (min-width: 28.75em) { .productMenu, .generalMenu { width: 25.75em; } } .productMenu { left: -14em; } @media (min-width: 23em) { .productMenu { left: -20em; } } @media (min-width: 28.75em) { .productMenu { left: -25.75em; } } .generalMenu { right: -14em; } @media (min-width: 23em) { .generalMenu { right: -20em; } } @media (min-width: 28.75em) { .generalMenu { right: -25.75em; } } .offCanvas-bar_3-left, .offCanvas-bar_3-right { z-index: 1; width: 13.3125em; } .offCanvas-bar_3-left { left: -13.3125em; } .offCanvas-bar_3-right { background-color: #efefef; right: -13.3125em; } .offCanvas-bar_3-right-promos { top: -0.5em; } @media (min-width: 47em) { .offCanvas-bar_3-right-promos { top: 2.4em; right: .5em; } .bar_3-offCanvas-heading-right { display: none; } } .no-js .offCanvas-bar_3-right { right: 0; width: 100%; position: relative; } .body-inner-wrapper { overflow: hidden; } .offCanvasWrapper { float: left; width: 100%; background-color: black; } .offCanvas-content { box-shadow: 0 1px 3px rgba(0, 0, 0, .4); } .offCanvas-closeOverlay { background-color: white; filter: alpha(opacity=0); opacity: 0; position: absolute; bottom: 0; cursor: pointer; } .offCanvas-left-is-open .offCanvas-closeOverlay { right: 0; } .offCanvas-right-is-open .offCanvas-closeOverlay { left: 0; } .productMenu { z-index: 11; } .no-js .productMenu { left: 0; width: 100%; position: static; margin-top: 3.8em; } .generalMenu { z-index: 11; } .no-js .generalMenu { right: 0; width: 100%; position: static; } .productMenu-is-open .bar_2 { -webkit-transform: translate3d(14em, 0, 0); -moz-transform: translate3d(14em, 0, 0); -ms-transform: translate3d(14em, 0, 0); -o-transform: translate3d(14em, 0, 0); transform: translate3d(14em, 0, 0); } @media (min-width: 23em) { .productMenu-is-open .bar_2 { -webkit-transform: translate3d(20em, 0, 0); -moz-transform: translate3d(20em, 0, 0); -ms-transform: translate3d(20em, 0, 0); -o-transform: translate3d(20em, 0, 0); transform: translate3d(20em, 0, 0); } } @media (min-width: 28.75em) { .productMenu-is-open .bar_2 { -webkit-transform: translate3d(25.75em, 0, 0); -moz-transform: translate3d(25.75em, 0, 0); -ms-transform: translate3d(25.75em, 0, 0); -o-transform: translate3d(25.75em, 0, 0); transform: translate3d(25.75em, 0, 0); } } .productMenu-is-open .mainContent, .productMenu-is-open .mainFooter { -webkit-transform: translate3d(14em, 0, 0); -moz-transform: translate3d(14em, 0, 0); -ms-transform: translate3d(14em, 0, 0); -o-transform: translate3d(14em, 0, 0); transform: translate3d(14em, 0, 0); } @media (min-width: 23em) { .productMenu-is-open .mainContent, .productMenu-is-open .mainFooter { -webkit-transform: translate3d(20em, 0, 0); -moz-transform: translate3d(20em, 0, 0); -ms-transform: translate3d(20em, 0, 0); -o-transform: translate3d(20em, 0, 0); transform: translate3d(20em, 0, 0); } } @media (min-width: 28.75em) { .productMenu-is-open .mainContent, .productMenu-is-open .mainFooter { -webkit-transform: translate3d(25.75em, 0, 0); -moz-transform: translate3d(25.75em, 0, 0); -ms-transform: translate3d(25.75em, 0, 0); -o-transform: translate3d(25.75em, 0, 0); transform: translate3d(25.75em, 0, 0); } } .generalMenu-is-open .bar_2 { -webkit-transform: translate3d(-14em, 0, 0); -moz-transform: translate3d(-14em, 0, 0); -ms-transform: translate3d(-14em, 0, 0); -o-transform: translate3d(-14em, 0, 0); transform: translate3d(-14em, 0, 0); } @media (min-width: 23em) { .generalMenu-is-open .bar_2 { -webkit-transform: translate3d(-20em, 0, 0); -moz-transform: translate3d(-20em, 0, 0); -ms-transform: translate3d(-20em, 0, 0); -o-transform: translate3d(-20em, 0, 0); transform: translate3d(-20em, 0, 0); } } @media (min-width: 28.75em) { .generalMenu-is-open .bar_2 { -webkit-transform: translate3d(-25.75em, 0, 0); -moz-transform: translate3d(-25.75em, 0, 0); -ms-transform: translate3d(-25.75em, 0, 0); -o-transform: translate3d(-25.75em, 0, 0); transform: translate3d(-25.75em, 0, 0); } } .generalMenu-is-open .mainContent, .generalMenu-is-open .mainFooter { -webkit-transform: translate3d(-14em, 0, 0); -moz-transform: translate3d(-14em, 0, 0); -ms-transform: translate3d(-14em, 0, 0); -o-transform: translate3d(-14em, 0, 0); transform: translate3d(-14em, 0, 0); } @media (min-width: 23em) { .generalMenu-is-open .mainContent, .generalMenu-is-open .mainFooter { -webkit-transform: translate3d(-20em, 0, 0); -moz-transform: translate3d(-20em, 0, 0); -ms-transform: translate3d(-20em, 0, 0); -o-transform: translate3d(-20em, 0, 0); transform: translate3d(-20em, 0, 0); } } @media (min-width: 28.75em) { .generalMenu-is-open .mainContent, .generalMenu-is-open .mainFooter { -webkit-transform: translate3d(-25.75em, 0, 0); -moz-transform: translate3d(-25.75em, 0, 0); -ms-transform: translate3d(-25.75em, 0, 0); -o-transform: translate3d(-25.75em, 0, 0); transform: translate3d(-25.75em, 0, 0); } } .offCanvas-bar_3-left-is-open .bar_3 { -webkit-transform: translate3d(13.3125em, 0, 0); -moz-transform: translate3d(13.3125em, 0, 0); -ms-transform: translate3d(13.3125em, 0, 0); -o-transform: translate3d(13.3125em, 0, 0); transform: translate3d(13.3125em, 0, 0); } .offCanvas-bar_3-left-is-open .mainContent, .offCanvas-bar_3-left-is-open .mainFooter { -webkit-transform: translate3d(13.3125em, 0, 0); -moz-transform: translate3d(13.3125em, 0, 0); -ms-transform: translate3d(13.3125em, 0, 0); -o-transform: translate3d(13.3125em, 0, 0); transform: translate3d(13.3125em, 0, 0); } .offCanvas-bar_3-right-is-open .bar_3 { -webkit-transform: translate3d(-13.3125em, 0, 0); -moz-transform: translate3d(-13.3125em, 0, 0); -ms-transform: translate3d(-13.3125em, 0, 0); -o-transform: translate3d(-13.3125em, 0, 0); transform: translate3d(-13.3125em, 0, 0); } .enableTransitions .offCanvas-bar_3-right-is-open .bar_3 { -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; } .offCanvas-bar_3-right-is-open .mainContent, .offCanvas-bar_3-right-is-open .mainFooter { -webkit-transform: translate3d(-13.3125em, 0, 0); -moz-transform: translate3d(-13.3125em, 0, 0); -ms-transform: translate3d(-13.3125em, 0, 0); -o-transform: translate3d(-13.3125em, 0, 0); transform: translate3d(-13.3125em, 0, 0); } .enableTransitions .offCanvas-bar_3-right-is-open .mainContent, .enableTransitions .offCanvas-bar_3-right-is-open .mainFooter { -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; } .productMenu-is-open.offCanvas-bar_3-left-is-open .mainContent, .productMenu-is-open.offCanvas-bar_3-left-is-open .mainFooter { -webkit-transform: translate3d(27.3125em, 0, 0); -moz-transform: translate3d(27.3125em, 0, 0); -ms-transform: translate3d(27.3125em, 0, 0); -o-transform: translate3d(27.3125em, 0, 0); transform: translate3d(27.3125em, 0, 0); } @media (min-width: 23em) { .productMenu-is-open.offCanvas-bar_3-left-is-open .mainContent, .productMenu-is-open.offCanvas-bar_3-left-is-open .mainFooter { -webkit-transform: translate3d(33.3125em, 0, 0); -moz-transform: translate3d(33.3125em, 0, 0); -ms-transform: translate3d(33.3125em, 0, 0); -o-transform: translate3d(33.3125em, 0, 0); transform: translate3d(33.3125em, 0, 0); } } @media (min-width: 28.75em) { .productMenu-is-open.offCanvas-bar_3-left-is-open .mainContent, .productMenu-is-open.offCanvas-bar_3-left-is-open .mainFooter { -webkit-transform: translate3d(39.0625em, 0, 0); -moz-transform: translate3d(39.0625em, 0, 0); -ms-transform: translate3d(39.0625em, 0, 0); -o-transform: translate3d(39.0625em, 0, 0); transform: translate3d(39.0625em, 0, 0); } } .generalMenu-is-open.offCanvas-bar_3-right-is-open .mainContent, .generalMenu-is-open.offCanvas-bar_3-right-is-open .mainFooter { -webkit-transform: translate3d(-27.3125em, 0, 0); -moz-transform: translate3d(-27.3125em, 0, 0); -ms-transform: translate3d(-27.3125em, 0, 0); -o-transform: translate3d(-27.3125em, 0, 0); transform: translate3d(-27.3125em, 0, 0); } @media (min-width: 23em) { .generalMenu-is-open.offCanvas-bar_3-right-is-open .mainContent, .generalMenu-is-open.offCanvas-bar_3-right-is-open .mainFooter { -webkit-transform: translate3d(-33.3125em, 0, 0); -moz-transform: translate3d(-33.3125em, 0, 0); -ms-transform: translate3d(-33.3125em, 0, 0); -o-transform: translate3d(-33.3125em, 0, 0); transform: translate3d(-33.3125em, 0, 0); } } @media (min-width: 28.75em) { .generalMenu-is-open.offCanvas-bar_3-right-is-open .mainContent, .generalMenu-is-open.offCanvas-bar_3-right-is-open .mainFooter { -webkit-transform: translate3d(-39.0625em, 0, 0); -moz-transform: translate3d(-39.0625em, 0, 0); -ms-transform: translate3d(-39.0625em, 0, 0); -o-transform: translate3d(-39.0625em, 0, 0); transform: translate3d(-39.0625em, 0, 0); } } .hide-offCanvas-bar_3 .offCanvas-bar_3-left, .hide-offCanvas-bar_3 .offCanvas-bar_3-right { display: none; } @media (min-width: 60em) { .bar_3-innerWrapper { padding-left: .7em; } } @media (min-width: 44em) { .left-sidebar-at-small .offCanvas-bar_3-left { display: block  !important; margin-top: 0  !important; left: 0; width: 13.3125em; } .lt-ie8 .left-sidebar-at-small .offCanvas-bar_3-left { left: 0  !important; top: auto  !important; } .left-sidebar-at-small .bar_3-leftLink { display: none; } .left-sidebar-at-small .accounts-for-left-sidebar { padding-left: 13.3125em; } } @media (min-width: 60em) { .left-sidebar-at-mid .offCanvas-bar_3-left { display: block  !important; margin-top: 0  !important; left: 0; width: 13.3125em; } .lt-ie8 .left-sidebar-at-mid .offCanvas-bar_3-left { left: 0  !important; top: auto  !important; } .left-sidebar-at-mid .bar_3-leftLink { display: none; } .left-sidebar-at-mid .accounts-for-left-sidebar { padding-left: 13.3125em; } } @media (min-width: 66em) { .left-sidebar-at-large .offCanvas-bar_3-left { display: block  !important; margin-top: 0  !important; left: 0; width: 13.3125em; } .lt-ie8 .left-sidebar-at-large .offCanvas-bar_3-left { left: 0  !important; top: auto  !important; } .left-sidebar-at-large .bar_3-leftLink { display: none; } .left-sidebar-at-large .accounts-for-left-sidebar { padding-left: 13.3125em; } } @media (min-width: 47em) { .right-sidebar-at-small .offCanvas-bar_3-right { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; display: block  !important; margin-top: 0  !important; right: auto; position: static; width: auto; top: auto; } .right-sidebar-at-small .bar_3-offCanvas-heading-right { display: none; } .right-sidebar-at-small .bar_3-rightLink { display: none; } .right-sidebar-at-small .accounts-for-right-sidebar { padding-right: 13em; } } @media (min-width: 65em) { .right-sidebar-at-mid .offCanvas-bar_3-right { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; display: block  !important; margin-top: 0  !important; right: auto; position: static; width: auto; top: auto; } .right-sidebar-at-mid .bar_3-offCanvas-heading-right { display: none; } .right-sidebar-at-mid .bar_3-rightLink { display: none; } .right-sidebar-at-mid .accounts-for-right-sidebar { padding-right: 13em; } } @media (min-width: 51em) { .bar_2 { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .productMenu { max-width: none; left: auto; min-height: 0  !important; height: auto  !important; position: relative; width: 100%; } .no-js .productMenu { position: relative; margin-top: 0; } .productMenu .nestedMenu-heading, .productMenu .menuLevel_2 { display: none; } .generalMenu { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; max-width: none; min-height: 0  !important; height: auto  !important; background: 0; right: 0; top: -2.2em; width: auto; text-align: right; } .no-js .generalMenu { position: absolute; } .generalMenu .nestedMenu-heading, .generalMenu .menuLevel_2 { display: none; } } @media (min-width: 51em) and (min-width: 73.75em) { .generalMenu { right: 50%; margin-right: -36.875em; } .no-js .generalMenu { right: 50%; } .lt-ie8 .generalMenu { top: 2.2em; right: 50.7%; } } .nestedMenu-heading { padding: 1rem 0rem 1rem 0rem; padding-left: 4%; padding-right: 4%; background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #b3b3b3), color-stop(100%, #747474) ); background-image: -webkit-linear-gradient(#b3b3b3, #747474); background-image: -moz-linear-gradient(#b3b3b3, #747474); background-image: -o-linear-gradient(#b3b3b3, #747474); background-image: linear-gradient(#b3b3b3, #747474); background-color: #919191; cursor: pointer; } .no-js .nestedMenu-heading { padding-top: .4rem; padding-bottom: .3rem; } .nestedMenu-heading > .icon { position: absolute; margin-top: -0.1em; font-family: icomoon; vertical-align: middle; font-size: 1.1em; color: #5b5b5b; } .nestedMenu-heading > .text { color: #1a1a1a; text-shadow: -1px -1px 1px rgba(255, 255, 255, .4); text-transform: uppercase; } .nestedMenu-heading-left > .icon { left: 4%; } .no-js .nestedMenu-heading-left > .icon { display: none; } .no-fontface .nestedMenu-heading-left > .icon { margin-top: .1em; } .nestedMenu-heading-left > .text { padding-left: 2em; } .no-js .nestedMenu-heading-left > .text { padding-left: 0; } .nestedMenu-heading-right > .icon { right: 2.3%; } .no-js .nestedMenu-heading-right > .icon { display: none; } .no-fontface .nestedMenu-heading-right > .icon { margin-top: .1em; } .nestedMenu-heading-right > .text { padding-right: 1em; } @media (min-width: 47em) { .right-sidebar-at-small .subseries-offCanvas-bar_3-right-innerWrapper { position: relative; z-index: 1; } .right-sidebar-at-small .splitter-offCanvas-bar_3-right-innerWrapper { position: absolute; z-index: 1; top: 440px; right: 1em; width: 12em; } .right-sidebar-at-small .accessories-offCanvas-bar_3-right-innerWrapper { position: absolute; top: 1em; right: 1em; width: 12em; } } @media (min-width: 65em) { .right-sidebar-at-mid .subseries-offCanvas-bar_3-right-innerWrapper { position: relative; z-index: 1; } .right-sidebar-at-mid .splitter-offCanvas-bar_3-right-innerWrapper { position: absolute; z-index: 1; top: 440px; right: 1em; width: 12em; } .right-sidebar-at-mid .accessories-offCanvas-bar_3-right-innerWrapper { position: absolute; top: 1em; right: 1em; width: 12em; } } .button-standard, .button-standard-alt, .button-called-out, .button-called-out-alt, .button-called-out-positive, .button-flat { display: inline-block; padding: .5em .8em; font-size: .8rem; font-weight: bold; text-transform: uppercase; border-style: solid; border-width: 1px; cursor: pointer; margin: 0; line-height: 1.5em; } .button-ribbon, .button-ribbon-small { position: relative; display: inline-block; text-transform: uppercase; cursor: pointer; text-shadow: 1px 1px 1px black; color: white; background-color: #de260e; } .button-ribbon:after, .button-ribbon-small:after { position: absolute; width: 3.36em; right: 0; top: 0; height: 100%; color: white; background-color: #9e2f1c; content: "\25B6"; font-size: .7rem; text-align: center; } .lt-ie9 .button-ribbon:after, .lt-ie9 .button-ribbon-small:after { display: none; } .button-standard { background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #efefef), color-stop(100%, #cecfce) ); background-image: -webkit-linear-gradient(#efefef, #cecfce); background-image: -moz-linear-gradient(#efefef, #cecfce); background-image: -o-linear-gradient(#efefef, #cecfce); background-image: linear-gradient(#efefef, #cecfce); background-color: #efefef; color: #555; border-color: #a7a7a7; text-shadow: 1px 1px 1px white; } .button-standard:hover { background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #f2f2f2), color-stop(100%, #d8d9d8) ); background-image: -webkit-linear-gradient(#f2f2f2, #d8d9d8); background-image: -moz-linear-gradient(#f2f2f2, #d8d9d8); background-image: -o-linear-gradient(#f2f2f2, #d8d9d8); background-image: linear-gradient(#f2f2f2, #d8d9d8); background-color: #f2f2f2; color: #555; } .button-standard-alt { background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #636163), color-stop(100%, #424542) ); background-image: -webkit-linear-gradient(#636163, #424542); background-image: -moz-linear-gradient(#636163, #424542); background-image: -o-linear-gradient(#636163, #424542); background-image: linear-gradient(#636163, #424542); background-color: #555; color: #fff; border-color: #292929; text-shadow: 1px 1px 1px #111; } .button-standard-alt:hover { background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #828182), color-stop(100%, #686a68) ); background-image: -webkit-linear-gradient(#828182, #686a68); background-image: -moz-linear-gradient(#828182, #686a68); background-image: -o-linear-gradient(#828182, #686a68); background-image: linear-gradient(#828182, #686a68); background-color: #777; color: #fff; } .button-called-out { background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #4fb4e3), color-stop(100%, #01618d) ); background-image: -webkit-linear-gradient(#4fb4e3, #01618d); background-image: -moz-linear-gradient(#4fb4e3, #01618d); background-image: -o-linear-gradient(#4fb4e3, #01618d); background-image: linear-gradient(#4fb4e3, #01618d); background-color: #258ebf; color: #fff; border-color: #206485; text-shadow: 1px 1px 1px #111; } .button-called-out:hover, .parent-hover:hover .button-called-out { color: #fff; background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #7cc7e8), color-stop(100%, #0081b3) ); background-image: -webkit-linear-gradient(#7cc7e8, #0081b3); background-image: -moz-linear-gradient(#7cc7e8, #0081b3); background-image: -o-linear-gradient(#7cc7e8, #0081b3); background-image: linear-gradient(#7cc7e8, #0081b3); background-color: #4fb4e3; } .button-called-out-alt { background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #f8dd48), color-stop(100%, #f2af06) ); background-image: -webkit-linear-gradient(#f8dd48, #f2af06); background-image: -moz-linear-gradient(#f8dd48, #f2af06); background-image: -o-linear-gradient(#f8dd48, #f2af06); background-image: linear-gradient(#f8dd48, #f2af06); background-color: #ffc82e; color: #222; text-shadow: 1px 1px 1px #fff; border-color: #d48e08; } .button-called-out-alt:hover { color: #222; background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #fae474), color-stop(100%, #f5c445) ); background-image: -webkit-linear-gradient(#fae474, #f5c445); background-image: -moz-linear-gradient(#fae474, #f5c445); background-image: -o-linear-gradient(#fae474, #f5c445); background-image: linear-gradient(#fae474, #f5c445); background-color: #fae474; } .button-called-out-positive { background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #79c521), color-stop(100%, #317900) ); background-image: -webkit-linear-gradient(#79c521, #317900); background-image: -moz-linear-gradient(#79c521, #317900); background-image: -o-linear-gradient(#79c521, #317900); background-image: linear-gradient(#79c521, #317900); background-color: #317900; color: #fff; text-shadow: 1px 1px 1px #317900; border-color: #317900; } .button-called-out-positive:hover { color: #fff; background-size: 100%; background-image: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #79c521), color-stop(100%, #61a41a) ); background-image: -webkit-linear-gradient(#79c521, #61a41a); background-image: -moz-linear-gradient(#79c521, #61a41a); background-image: -o-linear-gradient(#79c521, #61a41a); background-image: linear-gradient(#79c521, #61a41a); background-color: #f8dd48; } .button-flat { background-color: #050505; color: #ccc; text-shadow: none; border-style: none; } .button-flat[disabled="disabled"] { background-color: #868686; color: #afafaf; cursor: default; } .button-ribbon { padding: .2em 3.8em .2em 1em; font-size: 1em; } .button-ribbon:after { line-height: 3.2em; background-color: #9e2f1c; } @media (min-width: 40em) { .button-ribbon { font-size: 1.1em; } } .button-ribbon-small { padding: .5em 3.6em .5em .8em; font-size: .8em; font-weight: bold; background-size: 100%; background-image: -webkit-gradient( linear, 0 50%, 100% 50%, color-stop(0, #a8190b), color-stop(100%, #7c1912) ); background-image: -webkit-linear-gradient(left, #a8190b, #7c1912); background-image: -moz-linear-gradient(left, #a8190b, #7c1912); background-image: -o-linear-gradient(left, #a8190b, #7c1912); background-image: linear-gradient(left, #a8190b, #7c1912); } .button-ribbon-small:after { line-height: 4em; color: #cb7e7a; background-color: #5a170f; } .button-full { width: 100%; text-align: center; } .button-small { font-family: lenovo-do-bold, Arial, sans-serif; font-size: .7rem; } .button-right { text-align: right; } .lt-ie8 .button-right { padding-left: 0; padding-right: 0; text-indent: -2em; } .button-left { text-align: left; } .button-tall { padding-top: 1.2em; padding-bottom: 1.2em; } .buttonText { font-size: .7rem; margin-top: 1em; text-align: center; } .buttonText-left { float: left; text-align: left; } .buttonText-right { float: right; text-align: right; } .disclosureBox { clear: both; background: #747474 url(/_ui/desktop/common/css/images/bar-1-background.png) bottom repeat-x; display: none; } .searchBox { padding: 1em; } @media (min-width: 38em) { .searchBox { display: none  !important; } } .no-js .searchBox { display: block  !important; } @media (min-width: 51em) { .no-js .searchBox { position: absolute; top: -0.5em; right: -0.5em; z-index: 1; font-size: .6em; width: 26em; background: 0; } } @media (min-width: 38em) { .searchBox .searchContainer { display: none; } } .no-js .searchBox .searchContainer { display: block; } .bar_2 .searchContainer { display: none; } @media (min-width: 38em) { .bar_2 .searchContainer { display: block; } } @media (min-width: 51em) { .bar_2 .searchContainer { display: none; } } .bar_2 .searchContainer .searchInput { position: absolute; width: 41%; top: 1.5em; right: 11.5em; font-size: .7em; } .bar_1 .searchContainer { display: none; } @media (min-width: 51em) { .bar_1 .searchContainer { display: block; } } .bar_1 .searchContainer .searchInput { float: right; width: 26em; margin-top: .5em; margin-right: .5em; font-size: .6em; } .searchInput-text, .searchInput-button { margin: 0; height: 2.2em; } .searchInput { width: 100%; padding-right: 6.25em; position: relative; } .searchInput-text { width: 100%; font-size: 1em; padding: .5em; color: initial; } .global-search-dropdown-image li.ui-menu-item { min-height: 30px; } .global-search-dropdown-image li .global-search-text { padding-left: .8em; } .global-search-dropdown-image li .global-search-desc { position: absolute; top: 0; bottom: 0; right: 0; } .ui-autocomplete .ui-state-focus { margin: 0; border-bottom: 0; border-right: 0; border-left: 0; background-color: #757575; color: white; } .ui-autocomplete .ui-state-focus:first-child { margin: 0; border: 0; } .global-search-text-only li:hover { background-color: #757575; cursor: pointer; } .global-search-text-only .ui-state-focus { margin: 0; } .ui-autocomplete li .global-search-img { width: 20%; float: left; padding-right: .1em; margin: .1em 0; border-right: 1px solid #ddd; } .ui-autocomplete li.ui-menu-item { position: relative; list-style-image: none; float: left; clear: left; width: 100%; } .ui-autocomplete li .global-search-desc { width: 79%; float: left; padding-left: .5em; margin-bottom: .2em; font-size: .8em; } .ui-autocomplete li .global-search-text { padding-left: .5em; font-size: .8em; } .lt-ie8 .searchInput-text { height: .6em; } .searchInput-button { position: absolute; top: 0; right: 0; font-size: 1em; text-transform: uppercase; vertical-align: top; width: 6.25em; padding: .3em 1em; } .newsletterSignup { background: url(/_ui/desktop/common/css/images/banner-flag.png) no-repeat 0 28px; margin-left: -1.3em; font-size: .75em; } .newsletterSignup h2 { background: #cf2a23; color: white; font-family: lenovo-do-bold, Arial, sans-serif; font-size: 1.25em; padding: .1em .8em; text-transform: uppercase; } .newsletterSignup h2 strong { background: white; color: #cf2a23; } .newsletterSignup input { margin: 0; } .newsletterInput-wrapper { background: #b8b8b8; padding: .6em .5em .7em .65em; margin-left: 1.2em; } .newsletterInput { line-height: 0; padding-right: 6.9em; position: relative; } .newsletterInput-button { color: #505050; position: absolute; top: 0; right: 0; font-size: 1em; text-transform: uppercase; vertical-align: top; width: 6.95em; padding: .3em 1em; height: 2.3em; } .newsletterInput-text { width: 100%; font-size: 1em; border: 0; border-width: 0; padding: 0 .5em; -webkit-appearance: none; height: 2.2em; } .callBox { padding: .6em; font-size: 1.2em; text-align: center; } .no-js .callBox { display: block  !important; padding: .1em; } @media (min-width: 38em) { .callBox { display: none  !important; } .no-js .callBox { display: none  !important; } } .callBox > .text { margin-right: .5em; color: #0c0c0c; text-shadow: 1px 1px 2px rgba(136, 136, 136, .6); } .callBox > .emphasis { color: white; text-shadow: 1px 1px 11px rgba(0, 0, 0, .3); } .title-primaryBrand, .seriesPreview-title, .seriesListings-title, .tabbedBrowse-productListing-title, .facetedResults-title, .checkoutForm-fieldsetGroup-title { color: #cf2a23; line-height: 1.1; } .title-primaryBrand a, .seriesPreview-title a, .seriesListings-title a, .tabbedBrowse-productListing-title a, .facetedResults-title a, .checkoutForm-fieldsetGroup-title a { color: #cf2a23; } .textLink { color: #009dd9; cursor: pointer; } .textLink:hover { text-decoration: underline; } .textLink[disabled="disabled"] { color: #d8d8d8; text-decoration: none; cursor: default; } .pageHeading { padding: 1rem 1rem 1rem 1rem; margin-bottom: 1rem; color: black; border-bottom: 1px solid #cecfce; font-weight: bold; } .pageHeading-container { display: block; } @media (min-width: 48.5em) { .pageHeading-container { display: inline-block; vertical-align: top; } } .pageSubHeading { font-weight: bold; padding-left: 1rem; margin-bottom: 1rem; } @media (min-width: 51em) { .pageSubHeading { padding: 0; } } .bar_1-tagline { display: none; float: right; } @media (min-width: 63.5em) { .no-js .bar_1-tagline { float: none; position: absolute; left: 36.3em; } } .bar_1-tagline span { color: #fff; font-size: .75em; line-height: .75em; margin: .5em 1.25em; padding-left: 1.25em; text-align: right; font-family: "Segoe UI", sans-serif; font-weight: bold; } .espot, .espot-2, .espot-3, .espot-image { display: block; position: relative; width: 100%; line-height: 1.1; box-shadow: 0 0 10px rgba(0, 0, 0, .4); } .espot-media { float: left; max-width: 21%; margin-right: 4%; } .espot-media > img { max-width: 100%; } .espot-content { float: right; width: 75%; padding-right: .5em; margin-top: 1em; } .lt-ie8 .espot-content { padding-right: 0; } .espot-title { text-transform: uppercase; color: #0078a6; } .espot-subtitle { font-weight: bold; text-transform: uppercase; color: black; } .espot-text { color: #555; margin: 0 0 .75em; font-size: .8em; } .espot { border: 6px solid white; background-color: #f8f8f8; } .espot .espot-title { font-size: 1.125em; } .espot .espot-subtitle { font-size: .875em; } .espot-readMore { font-weight: bold; color: #009dd9; padding-right: .5em; margin-bottom: .5em; } .espot-2 { border: 10px solid white; border-color: rgba(255, 255, 255, .75); background-color: #cdd5d8; } .espot-2 .espot-title { font-size: 1.375em; } .espot-2 .espot-subtitle { font-size: 1em; } .espot-3 { border: 10px solid white; border-color: rgba(255, 255, 255, .75); background-color: #cdd5d8; } .espot-3 .espot-title { font-size: 1.125em; } .espot-3 .espot-subtitle { font-size: .875em; } .espot-3-action { width: 100%; float: left; padding: .4em 2% .4em 25%; color: white; background-color: #00628d; font-size: .8em; font-weight: bold; text-transform: uppercase; } .lt-ie8 .espot-3-action { width: 73%; } .espot-3-action:hover, .parent-hover:hover .espot-3-action { text-decoration: underline; } .espot-image { border: 6px solid white; border-color: rgba(255, 255, 255, .75); background-color: rgba(255, 255, 255, .76); line-height: 0; } .espot-image img { width: 100%; } .espot-productMenu-list > ul, .espot-productMenu-list > ol, .espot-home-list, .espot-sidebar-list > ul, .espot-sidebar-list > ol { clear: both; overflow: visible; } .espot-productMenu-list > ul, .espot-productMenu-list > ol { width: 100%; float: left; padding: .5em 1em; background-color: #aaa; } @media (min-width: 51em) { .espot-productMenu-list > ul, .espot-productMenu-list > ol { padding: 1em; background-color: #efefef; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } } .espot-productMenu-list li { marign: 0 auto; padding: .5em 0; } @media (min-width: 51em) { .espot-productMenu-list li { padding-right: 0; float: left; width: 32%; margin: 0 .5%; display: -webkit-flex; display: flex; -webkit-flex: 0 0 32%; flex: 0 0 32%; } .espot-productMenu-list li:last-child { margin-right: 0; } } .espot-home-list { width: 95%; padding: 1em 0; margin: 0 auto; } @media (min-width: 32em) { .espot-home-list { width: 100%; } } @media (min-width: 62em) { .espot-home-list { width: 16em; position: absolute; top: 1em; right: 4%; } } .espot-home-list li { margin-bottom: 1em; } @media (min-width: 32em) { .espot-home-list li { float: left; width: 48%; margin: 0 1% 2%; } .espot-home-list li:nth-child(2n + 1) { clear: left; } } @media (min-width: 48em) { .espot-home-list li { width: 31.33333%; } .espot-home-list li:nth-child(2n + 1) { clear: none; } .espot-home-list li:nth-child(3n + 1) { clear: left; } } @media (min-width: 62em) { .espot-home-list li { width: 100%; margin: 0 0 1em; } .espot-home-list li:nth-child(3n + 1) { clear: none; } } .espot-sidebar-list > ul, .espot-sidebar-list > ol { padding-top: 1em; margin: 0 2%; } .espot-sidebar-list li { display: block; width: 100%; margin: .7em 0; } @media (min-width: 29.8125em) { .espot-sidebar-list li { display: inline-block; vertical-align: top; width: 45%; margin-right: 16px; margin-right: 1rem; } .espot-sidebar-list li:last-child { margin-right: 0; } } @media (min-width: 44em) { .left-sidebar-at-small .espot-sidebar-list > ul, .left-sidebar-at-small .espot-sidebar-list > ol { margin: 0 6%; } .left-sidebar-at-small .espot-sidebar-list li { width: 100%; margin-right: 0; } .lt-ie8 .left-sidebar-at-small .espot-sidebar-list li { width: 10.5em; } } @media (min-width: 60em) { .left-sidebar-at-mid .espot-sidebar-list > ul, .left-sidebar-at-mid .espot-sidebar-list > ol { margin: 0 6%; } .left-sidebar-at-mid .espot-sidebar-list li { width: 100%; margin-right: 0; } .lt-ie8 .left-sidebar-at-mid .espot-sidebar-list li { width: 10.5em; } } @media (min-width: 66em) { .left-sidebar-at-large .espot-sidebar-list > ul, .left-sidebar-at-large .espot-sidebar-list > ol { margin: 0 6%; } .left-sidebar-at-large .espot-sidebar-list li { width: 100%; margin-right: 0; } .lt-ie8 .left-sidebar-at-large .espot-sidebar-list li { width: 10.5em; } } .espot-sidebar-list-small { display: block; clear: both; } @media (min-width: 44em) { .left-sidebar-at-small .espot-sidebar-list-small { display: none; } } @media (min-width: 60em) { .left-sidebar-at-mid .espot-sidebar-list-small { display: none; } } @media (min-width: 66em) { .left-sidebar-at-large .espot-sidebar-list-small { display: none; } } .espot-sidebar-list-large { display: none; } @media (min-width: 44em) { .left-sidebar-at-small .espot-sidebar-list-large { display: block; } } @media (min-width: 60em) { .left-sidebar-at-mid .espot-sidebar-list-large { display: block; } } @media (min-width: 66em) { .left-sidebar-at-large .espot-sidebar-list-large { display: block; } } .hero { position: relative; width: 100%; float: left; padding: 1.7em 4% 1em; background-size: cover; background-position: center bottom; } .hero:before { position: absolute; width: 100%; height: .7em; top: 0; left: 0; background-color: rgba(255, 255, 255, .5); content: "\0000a0"; } @media (min-width: 45em) { .hero { display: table; } } .lt-ie8 .hero { width: 96%; padding: 1.7em 2% 1em 2%; } @media (min-width: 45em) { .hero-content { width: 17.5em; display: table-cell; vertical-align: middle; } .lt-ie8 .hero-content { float: left; } } .hero-text { color: black; width: 100%; float: left; margin-bottom: .5em; line-height: 1; } @media (min-width: 25em) { .hero-text { font-size: 1.3em; } } .hero-inverted .hero-text { color: white; text-shadow: 0 1px 5px black; } .hero-title { font-size: 1.5em; margin-bottom: .3em; text-transform: uppercase; } .hero-subtitle { text-transform: uppercase; font-size: .8em; } .hero-subtitle-alt { color: #555; } .hero-inverted .hero-subtitle-alt { color: #a7a7a7; } .hero-extras { margin-top: 1em; max-width: 15em; width: 40%; padding-right: 4%; float: left; } @media (min-width: 45em) { .hero-extras { width: 100%; } } .hero-extra { margin-bottom: 1em; } .hero-extra img { max-width: 100%; } .hero-media { width: 60%; float: left; } @media (min-width: 45em) { .hero-media { display: table-cell; vertical-align: middle; width: auto; float: none; } .lt-ie8 .hero-media { float: left; width: 33em; } } @media (min-width: 62em) { .hero-media { padding-right: 18em; } } .hero-media img { max-width: 100%; } .hero-productDescription { color: white; padding: .1em 2%; } .styleguide-element .hero-productDescription { position: relative; } .hero-productDescription-heading { font-size: 1.4em; line-height: 1; text-transform: uppercase; } @media (min-width: 50em) { .hero-productDescription-heading { margin: .5em 0; font-size: 1.7em; text-align: left; } } .hero-productDescription-body { margin: 0 0 1em; font-size: .9em; line-height: 1.3; } table .expandableHeading, table .expandableHeading-onlySmall { display: table-cell; } .expandableHeading:before, .expandableHeading-onlySmall:before { content: "+"; } .expandableHeading-is-expanded:before, .expandableHeading-onlySmall-is-expanded:before { content: "-"; } @media (min-width: 44em) { .expandableHeading-only-smallWidth { display: none; } } @media (min-width: 44em) { .expandableHeading-onlySmall { font-size: 16px; font-size: 1rem; background: #f0f0f0; padding: .5em .75em; font-weight: bold; text-transform: uppercase; cursor: default; } .expandableHeading-onlySmall:before { width: 0; height: 0; margin-right: 0; border: 0; content: ""; content: none; } } @media (min-width: 44em) { .expandableHeading-onlySmall-is-expanded:before { width: 0; height: 0; margin-right: 0; border: 0; content: none; } } .expandableMenu { font-size: .9em; background-color: white; } .expandableMenu-list { background-color: white; padding: .5em 0; } .expandableMenu-item { display: block; } .expandableMenu-item > input { margin-right: 1em; } .footer-navigation { -webkit-box-shadow: inset 1px -9px 10px -10px; -moz-box-shadow: inset 1px -9px 10px -10px; box-shadow: inset 1px -9px 10px -10px; background: #a4a4a4; clear: left; padding: 2em 1.9em 4.5em 2.2em; position: relative; } .footer-navigation a:hover { text-decoration: underline; } @media (min-width: 50em) { .footer-navigation { overflow: hidden; *zoom: 1; padding: 2em 5% 2.2em; } } .footer-navigation-links { margin-top: 2em; } @media (min-width: 50em) { .footer-navigation-links { margin-top: 0; float: left; width: 60%; } } @media (min-width: 70em) { .footer-navigation-links { margin-top: 0; float: left; width: 70%; } } .footer-navigation-links-title { font-size: .8rem; letter-spacing: .1rem; color: white; font-weight: 700; text-transform: uppercase; } .footer-navigation-links-list { margin-bottom: 1em; } .footer-navigation-links-list li { line-height: 1.4; } .footer-navigation-links-list a { font-size: .8rem; color: #373737; } @media (min-width: 35em) { .footer-navigation-links-list { display: inline-block; float: left; margin-bottom: 2em; width: 50%; } } @media (min-width: 50em) { .footer-navigation-links-list { width: 48%; } } @media (min-width: 70em) { .footer-navigation-links-list { width: 25%; } .lt-ie8 .footer-navigation-links-list { width: 24.5%; } } @media (min-width: 50em) { .footer-navigation-newsletter { float: right; width: 17.5em; } } .footer-navigation-links-minor, .footer-social { margin-top: 2em; } .footer-navigation-social { clear: left; margin-top: .7em; } @media (min-width: 50em) { .footer-navigation-social { clear: none; float: right; margin-top: 1.7em; width: 17.5em; } } @media (min-width: 50em) { .footer-navigation-links-minor { float: right; width: 17.5em; } } .trusteValidation-icon, .trusteValidation { background: url(/_ui/desktop/common/images/seal_s.png) no-repeat top left; padding: .5em 0; height: 33px; width: 47%; display: inline-block; } .feedback-button { font-size: .8rem; background: white; color: black; display: inline-block; float: right; padding: .5em 0; height: 33px; text-decoration: none; text-align: center; width: 47%; z-index: 100; } .feedback-button:hover { color: black; text-decoration: none; } @media (min-width: 50em) { .feedback-button { -webkit-border-radius: .5em; -moz-border-radius: .5em; -ms-border-radius: .5em; -o-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: #414141 0 0 6px 0; -moz-box-shadow: #414141 0 0 6px 0; box-shadow: #414141 0 0 6px 0; filter: alpha(opacity=90); opacity: .9; background: #fff url(/_ui/desktop/common/css/images/feedback-icon.gif) center .7em no-repeat; bottom: 1em; padding: 2.2em 0 .25em; position: fixed; height: auto; right: 1em; width: 8em; } } .footer-bottomBar { font-size: .7rem; -webkit-box-shadow: #000 0 .5em 2.3em; -moz-box-shadow: #000 0 .5em 2.3em; box-shadow: #000 0 .5em 2.3em; background: #525252; color: #b8b8b8; padding: 1em 5%; } @media (min-width: 50em) { .footer-bottomBar { text-align: center; } } .footer-bottomBar a, .footer-bottomBar a:hover, .footer-bottomBar a:visited { color: #b8b8b8; margin-right: .35em; text-decoration: underline; } .footer-bottomBar small { font-size: .7rem; display: block; } @media (min-width: 50em) { .footer-bottomBar small { display: inline; margin-right: .5em; } } .footer-bottomBar-nav, .footer-bottomBar-nav nav { display: inline; } .countrySelector-wrapper { margin: 1em 0 0; } @media (min-width: 50em) { .countrySelector-wrapper { margin: 1em auto .5em; } } .js .countrySelector-wrapper { border: solid 1px #383838; height: 33px; position: relative; display: block; width: 25em; overflow: hidden; } .domReadyCSS .countrySelector-wrapper { background: #868686 url(/_ui/desktop/common/css/images/arrow-down.png) no-repeat right center; } .lt-ie8 .countrySelector-wrapper { border: 0; background: 0; } .js .countrySelector { font-size: .9rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: 0; border-radius: 0; color: #222; margin: 0; padding: .4em .75em; width: 26em; text-shadow: 1px 1px 1px #7e7e7e; } .js .countrySelector:focus { color: black; outline: 0; text-shadow: 1px 1px 1px #979797; } .lt-ie8 .countrySelector { background: inherit; width: auto; } .countrySelector-submit { display: none; } .no-js .countrySelector-submit { display: inline-block; margin-top: .9em; } .expandableHeading:before, .expandableHeading-onlySmall:before, .expandableHeading-is-expanded:before, .expandableHeading-onlySmall-is-expanded:before, .tabbedBrowse-configurator-expandItems-expand-all:before { border: 1px solid #0ea2da; color: #0ea2da; display: inline-block; font-size: 1.2em; font-weight: normal; height: 1em; line-height: .9em; margin-left: -1.5em; margin-right: .5em; text-align: center; text-indent: 0; width: 1em; } .expandableHeading, .expandableHeading-onlySmall { clear: both; cursor: pointer; font-size: .95rem; font-weight: bold; text-indent: -0.175em; color: #555; } span.button.learn { border: 1px solid #206485; color: #fff; background: #4fb4e3; background: -webkit-gradient( linear, 50% 0%, 50% 100%, color-stop(0, #4fb4e3), color-stop(100%, #01618d) ), #4fb4e3; background: -webkit-linear-gradient(top, #4fb4e3, #01618d), #4fb4e3; background: -moz-linear-gradient(top, #4fb4e3, #01618d), #4fb4e3; background: -o-linear-gradient(top, #4fb4e3, #01618d), #4fb4e3; background: linear-gradient(top, #4fb4e3, #01618d), #4fb4e3; text-shadow: 1px 1px 1px #111; text-align: center; margin-top: 10px; font-size: 12px  !important; } @media (min-width: 68em) { .bar_1-tagline { display: block; } } .simple_disp-img img { display: none; } .simple_disp-img { margin-top: 1em; } .simple_disp-img a { background-image: url(/_ui/desktop/common/css/images/lenovo-logo.png); background-repeat: no-repeat; display: block; height: 18px; line-height: 0; width: 111px; } #mainContent .simple_disp-img a { display: inline; line-height: 0; } @media (min-width: 51em) { .simple_disp-img { margin-top: 0; } .simple_disp-img img { display: block; } .simple_disp-img a { background-image: none; height: 4.0625em; width: 22.5em; } #mainContent .simple_disp-img a { background-image: none; height: 100%; width: 100%; } } .bar_3-rightLink, .bar_3-leftLink { display: none; } @media (max-width: 51em) { li.espots { display: none; } } @media screen and (min-width: 53em) { .productList .child-level_2 { width: 10em; } .brand-story .premium-banner-image, #rotating-hero-banner .premium-banner-image { max-height: none; } } @media (min-width: 57em) { .productList .child-level_2 { width: 12em; } } @media (min-width: 64em) { .productList .child-level_2 { width: 13em; } } @media (min-width: 74em) { .productList .child-level_2 { width: 16em; } } .productList .where_to_buy, .generalList .where_to_buy { display: none; } .productList .highlight.where_to_buy { background: #4fb4e3  !important; background: -webkit-gradient( linear, 50% 0, 50%, 100%, color-stop(0, #4fb4e3), color-stop(100%, #01618d) ), #4fb4e3  !important; background: -webkit-linear-gradient(top, #4fb4e3, #01618d), #4fb4e3  !important; } @media (min-width: 56em) { .productList .where_to_buy, .generalList .where_to_buy { display: block; } } .productList .no-link > .link-title { color: #009dd9; cursor: pointer; } @media (min-width: 56em) { .productList .no-link > .link-title { cursor: default; } } .bar_3-leftLink, .bar_3-rightLink { top: auto; bottom: .5rem; } .bar_3-compareAll { font-weight: bold; font-size: .9em; line-height: 1.1; padding-bottom: .5rem; } .bar_3-compareAll a { color: #009dd9; } .bar_3-heading { padding: 1rem; } @media (min-width: 60em) { .bar_3-rightLink { top: 16px; top: 1rem; bottom: auto; } } @media (min-width: 66em) { .bar_3-heading { padding: .7em 0 .9em; padding-left: 0; } } .footer-bottomBar a, .footer-bottomBar a:hover, .footer-bottomBar a:visited { margin-right: 1em; } .productList.menuLevel_3 > li.all-links, .productList .menuLevel_2 > li.all-links { display: inline; } .nestedMenu li.is-expanded > .link-wrapper .link-hasChildren .link-title:after, .productList li.is-expanded > .link-wrapper .link-hasChildren .link-title:after, .generalList li.is-expanded > .link-wrapper .link-hasChildren .link-title:after, .nestedMenu .link-hasChildren .link-title:after, .productList .link-hasChildren .link-title:after, .generalList .link-hasChildren .link-title:after { content: none  !important; } @media (min-width: 51em) { .productList .linkLevel_1 > .link-title > span, .productList .linkLevel_2 > .link-title > span, .generalList.menuLevel_1 .linkLevel_1 > .link-title > span, .generalList .menuLevel_2 .linkLevel_2 > .link-title > span, .productList .linkLevel_3 > .link-title > span { display: none; } .nestedMenu .link-hasChildren .link-title:after, .productList .link-hasChildren .link-title:after, .generalList .link-hasChildren .link-title:after { content: none  !important; } .nestedMenu li.is-expanded > .link-wrapper .link-hasChildren .link-title:after, .productList li.is-expanded > .link-wrapper .link-hasChildren .link-title:after, .generalList li.is-expanded > .link-wrapper .link-hasChildren .link-title:after { content: none  !important; } .productList.menuLevel_3 > li.all-links, .productList .menuLevel_2 > li.all-links { display: none; } } .generalList.menuLevel_1 > li.all-links, .generalList .menuLevel_2 > li.all-links, .generalList .menuLevel_3 > li.all-links { display: none  !important; } .nestedMenu-heading .off-text { font-size: 1.7em; line-height: 1; position: relative; top: .05em; } span.no-child { padding-left: 5px; font-size: .75rem; } @media (min-width: 35em) and (max-width: 70em) { .footer-navigation-links-list:nth-child(3) { clear: both; } } .bar_3-offCanvas-heading > .icon { float: none; } .lt-ie10 .generalList .link-wrapper { width: auto  !important; } .js .countrySelector-wrapper { width: 28em; } @media (min-width: 51em) { .generalList .link-hasChildren .link-title:after { content: "\25bc"  !important; } .generalList li.is-expanded > .link-wrapper .link-hasChildren .link-title:after { content: "\25b2"  !important; } .productList.menuLevel_1 .link-wrapper { text-align: center; } .productList.menuLevel_2 .link-wrapper, .productList.menuLevel_3 .link-wrapper, .productList.menuLevel_4 .link-wrapper { text-align: left; } } .espot-productMenu-list .home-espot { display: none; } .espot-sidebar-list .home-espot { display: none; } @media (max-width: 66em) and (min-width: 51em) and (orientation: portrait) { .offCanvas-content { margin-top: -8px; } #mainContent.mainContent.contentContainer.pageWrapper { overflow-y: visible; overflow-x: visible; } } @media (max-width: 51em) { .offCanvas-content { margin-top: -8px; } #mainContent.mainContent.contentContainer.pageWrapper { overflow-y: visible; overflow-x: visible; } } .sub { display: none; } #rollovercart { display: none; color: black; padding: 0; background-color: white; text-align: left; position: relative; } #rollovercart #rollovercartHeader { height: 16px; padding: 2px 5px 4px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: underline; font-weight: bold; font-size: 1.2em; background-color: #efefef; } #rollovercart #rollovercartHeader #rollovercartTitle { float: left; } #rollovercart #rollovercartHeader #rollovercartCloseButton { color: #000; float: right; cursor: pointer; } #rollovercart #rollovercartHeader #rollovercartCloseButton a:link, #rollovercart #rollovercartHeader #rollovercartCloseButton a:visited { color: #000; cursor: pointer; } #rollovercart #rollovercartHeader #rollovercartCloseButton a:hover { color: #555; cursor: pointer; } #rollovercart #rollovercartContents { padding: 10px; } #rollovercart #rollovercartContents #rollovercartContentsTable { border-collapse: collapse; white-space: normal; } #rollovercart #rollovercartContents #rollovercartContentsTable .rollovercartItemImg { height: 50px; padding-right: 10px; width: 50px; } #rollovercart #rollovercartContents #rollovercartContentsTable .rollovercartRow { border-bottom: 1px solid #cecfce; } #rollovercart #rollovercartContents #rollovercartContentsItems { list-style-type: none; margin: 0; padding: 0; } #rollovercart #rollovercartContents #rollovercartContentsItems > li { border: 0; display: block; float: none; height: auto; margin: 0; padding: 5px 0 0 0; } #rollovercart #rollovercartContents #rollovercartContentsItems > li:first-child { padding-top: 0; } #rollovercart #rollovercartContents #rollovercartContentsItems > li > a { display: table-cell; font-size: 12px; line-height: 13px; min-height: 50px; position: relative; padding: 0 0 10px 60px; text-decoration: none; } #rollovercart #rollovercartContents #rollovercartContentsItems > li > a .rollovercartItemImg { border: 0; height: 50px; left: 0; position: absolute; top: 0; width: 50px; } #rollovercart #rollovercartContents #rollovercartContentsItems > li > a .rollovercartItemName { font-weight: bold; text-transform: uppercase; color: #009dd9; display: block; text-decoration: none; } #rollovercart #rollovercartContents #rollovercartContentsItems > li > a .rollovercartItemQty { color: #555; display: block; margin-top: 5px; text-decoration: none; } #rollovercart #rollovercartContents #rollovercartContentsItems > li > a:hover .rollovercartItemName, #rollovercart #rollovercartContents #rollovercartContentsItems > li > a:active .rollovercartItemName { color: #009dd9; text-decoration: underline; } #rollovercart #rollovercartContents #rollovercartContentsItems > li > a:hover .rollovercartItemQty, #rollovercart #rollovercartContents #rollovercartContentsItems > li > a:active .rollovercartItemQty { color: #555; text-decoration: none; } #rollovercart #rollovercartContents #rollovercartContentsItems > li > a:visited .rollovercartItemName { color: #009dd9; text-decoration: none; } #rollovercart #rollovercartContents #rollovercartContentsItems > li > a:visited .rollovercartItemQty { color: #555; text-decoration: none; } #rollovercart #rollovercartFooter { padding: 0 10px 10px; } #rollovercart #rollovercartFooter #rollovercartViewMore { display: none; } #rollovercart #rollovercartFooter #rollovercartViewCart { margin: 0 auto; width: 100%  !important; } #rollovercart #rollovercartFooter #rollovercartViewCart > span { padding: 5px; } #rollovercart .rollovercartArrowBorder { border-color: transparent transparent #000 transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -21px; left: 30px; } #rollovercart .rollovercartArrow { border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px; height: 0; width: 0; position: absolute; top: -18px; left: 30px; } .bar_1 .bar_1-tagline > span { color: #fff; font-size: .75em; line-height: .75em; margin: .5em .5em; padding-left: 0; text-align: right; font-family: "Segoe UI", sans-serif; font-weight: bold; } .bar_3-logos { float: right; display: none; margin-top: -1em; margin-bottom: .5em; } .bar_3-logos img { display: block; } .bar_3-logos .shadow-divider { background-image: url("/_ui/desktop/common/css/images/strip-separator.png"); background-position: right center; background-repeat: no-repeat; float: left; padding: 30px 20px; } .bar_3-logos .left { float: left; min-height: 60px; min-width: 200px; position: relative; } .bar_3-logos .right { float: right; min-height: 60px; min-width: 200px; position: relative; } .bar_3-logos .left > a, .bar_3-logos .right > a { bottom: 0; display: block; position: absolute; } .messagebar { background-color: #dc291e; display: none; } .messagebar #floatingPopupDimmerLayer, .messagebar #floatingPopupWrapper, .messagebar .marketingCoupon, #floatingPopupWrapper { display: none; } .messagebar .couponModal { display: none; padding: 10px; text-align: center; } .messagebar .couponModal h2, .messagebar .couponModal h3, .messagebar .couponModal h4, .messagebar .couponModal h5 { margin: 0; } @media (min-width: 63.5em) { .bar_1 .bar_1-links { float: left; display: block; height: 5em; } .bar_1 .bar_1-link-number { display: block; line-height: 1.75em; height: 1.5em; width: 14.5em; } .bar_1-link-number > .text { line-height: .85em; } } @media (min-width: 60em) { .bar_1 .search-container { float: none; } } @media (min-width: 65em) { .bar_1 .search-container { float: right; } .bar_3-logos { display: block; } } .generalMenu ol.generalList > li:first-child + li + li.child-level_2 .link-title { font-size: 1.1em; } .generalMenu ol.generalList > li:first-child + li + li .child-level_2 .link-subtitle { color: #000; font-size: .9em; } .generalMenu ol.generalList > li:nth-child(3) > ol .link-title { font-size: 1.1em; } .generalMenu ol.generalList > li:nth-child(3) > ol .link-subtitle { color: #000; font-size: .9em; } .searchInput-button { width: auto; } @media (max-width: 51em) { li.espots { display: none; } } @media (max-width: 51em) { .bar_3-logos { display: block; width: 100%; text-align: center; margin: .5em 0; } .bar_3-logos .left, .bar_3-logos .shadow-divider { display: none; } .bar_3-logos .right { float: none; display: inline-block; } .bar_3-logos .right img { margin-left: 4em; height: 46px; } .premium-banner-copy p.premium-quote { font-size: .8em  !important; } } @media (min-width: 51em) { .productList.menuLevel_1 .link-wrapper { text-align: center; } } @media (min-width: 51em) and (max-width: 66em) { .bar_3-logos .right img { margin-left: 0; height: auto; } #splitterPage .bar_3-logos, #brandPage .bar_3-logos, .bar_3-logos { display: block; width: 100%; text-align: center; margin: .5em 0; } #splitterPage .bar_3-logos .right, #splitterPage .bar_3-logos .shadow-divider, #splitterPage .bar_3-logos .left, #brandPage .bar_3-logos .right, #brandPage .bar_3-logos .shadow-divider, #brandPage .bar_3-logos .left, .bar_3-logos .right, .bar_3-logos .shadow-divider, .bar_3-logos .left { display: inline-block; float: none; } #splitterPage .bar_3-logos .left a, #brandPage .bar_3-logos .left a, .bar_3-logos .left a { top: 0; } } .nestedMenu li.is-expanded > .link-wrapper .link-hasChildren .link-title:after, .productList li.is-expanded > .link-wrapper .link-hasChildren .link-title:after, .nestedMenu .link-hasChildren .link-title:after, .productList .link-hasChildren .link-title:after { content: none  !important; } .productList.menuLevel_2 .link-wrapper, .productList.menuLevel_3 .link-wrapper, .productList.menuLevel_4 .link-wrapper { text-align: left; } #site_name { padding: 0; margin-bottom: 40px; width: 60px; height: 24px; font-family: LenovoDoBold, sans-serif; color: #fff; font-size: 30px; position: absolute; top: 10px; text-shadow: 2px 2px #dc291e; } .siteSearch { float: right; } .siteSearch .control-group { width: 290px; } .siteSearch .siteSearchInput { padding-right: 35px  !important; } .siteSearch .siteSearchSubmit { background: url("/_ui/desktop/common/images/storesFacetSearchIcon.png") no-repeat scroll center center transparent; border: 0 none; display: block; float: right; height: 28px; margin: 1px 1px 1px -30px; padding: 0; width: 28px; } #header input#search { z-index: 10000; } .ui-autocomplete { width: 97%  !important; z-index: 10000  !important; border: 1px solid #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 8px 15px #2c3a55; -moz-box-shadow: 0 8px 15px #2c3a55; box-shadow: 0 8px 15px #999; padding: 5px; margin: 0; float: none; } .ui-autocomplete .ui-menu-item:first-child { border-top: 0; } .ui-autocomplete li.ui-menu-item { border-bottom: 1px solid #ddd; } .ui-autocomplete .ui-menu-item a, .ui-autocomplete .ui-menu-item a:hover { display: block; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-weight: normal  !important; color: #000  !important; } .ui-autocomplete .suggestions.ui-menu-item a, .ui-autocomplete .suggestions.ui-menu-item a:hover { padding: 10px; text-transform: uppercase; } .ui-autocomplete .ui-menu-item .ui-state-hover { background: #f6f6f6; } .ui-autocomplete .ui-menu-item .thumb { float: left; width: 76px; height: 76px; } .ui-autocomplete .ui-menu-item .thumb img { width: 100%; height: auto; } .ui-autocomplete .ui-menu-item .desc { margin: 10px 10px 0 100px; } .ui-autocomplete .ui-menu-item .desc .title { float: left; white-space: normal; width: 115px; display: block; } .ui-autocomplete .ui-menu-item .desc .price { float: right; font-weight: bold  !important; } .ui-autocomplete .global-search-group { font-size: .8em; background-color: #fff; color: #333; padding: 0  !important; } .ui-autocomplete .global-search-group .ui-icon { position: inherit; float: right; } .ui-widget-content .ui-state-focus { border-top: none  !important; } .ui-autocomplete .global-search-group span.group-title { font-size: .9rem; font-weight: bold; display: block; background: #ddd; padding: .3em 0 .3em .5em; } .ui-autocomplete .global-search-results { width: 100%; font-size: .9rem; } .ui-autocomplete .global-search-results .global-search-price { font-weight: bold; float: right; width: 50%; text-align: right; padding: 0 .5em 0 0; } .ui-autocomplete .global-search-results .global-search-ratings { min-height: 1.4em; float: left; width: 50%; } .ui-autocomplete .global-search-results .global-search-img { border: 0; } .ui-autocomplete .global-search-results .result-item { clear: both; overflow: hidden; } .ui-autocomplete .global-search-price { float: right; color: #009dd9; font-size: .75rem; } @media (min-width: 32em) { .ui-autocomplete { width: 400px  !important; } } img.global-search-img { min-height: 71px; } .espots-group > ul, .espots-group > ul li ul { padding: 0; list-style: none; margin: 0; } .espots-group > ul > li > ul > li { margin: 0 0 .7em 0; } @media (min-width: 65em) { .espots-group > ul { width: 12em; top: 400px; right: 1em; position: absolute; padding: 0; z-index: 1; } .espots-group > ul li { display: block; } .espots-group > ul li .splitter-offCanvas-bar_3-right-innerWrapper { position: static; } } .subseries-promo-bar { font-size: .9rem; padding: 0 20px; line-height: 2em; } .subseries-promo-bar > div { background: 0; -webkit-box-shadow: none; box-shadow: none; width: 100%; height: auto; -moz-box-shadow: none; line-height: 20px; padding: 7px 0; } #eSpots { float: left; width: 12.5em; margin: 0 .7em; } .e-spot { border: 10px solid white; border-color: rgba(255, 255, 255, .75); background-color: #cdd5d8; display: block; position: relative; width: 100%; line-height: 1.1; box-shadow: 0 0 10px rgba(0, 0, 0, .4); margin: 7% 0; } .e-spot > img, .espotLink > img { position: absolute; } .e-spot img { max-width: 100%; height: auto; position: absolute; } .e-spot .text h3 { font-size: .9em; text-transform: uppercase; color: #0078a6; } .e-spot .text { overflow: hidden; min-height: 110px; max-height: 386px; padding-right: 7px; background: #cdd5d8; } .e-spot h3 { margin-left: 100px; padding-top: 10px; font-size: 18px; font-family: lenovo-do-bold, Arial, sans-serif; line-height: 17px; text-transform: uppercase; color: #0078a6; } .e-spot .sub-title { margin-left: 40px; padding-top: 4px; color: black; text-transform: uppercase; font-size: 14px; line-height: 15px; word-wrap: break-word; } .e-spot .text p { margin: 0 0 0 100px; padding: 0 5px 5px 0; font-size: 12px; line-height: 1.2; color: #555; } .e-spot .ShopNow { height: 26px; padding-left: 70px; line-height: 26px; font-size: 13px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; background: #08638b; white-space: nowrap; color: white; } .e-spot .ShopNow, .e-spot .ShopNow a { color: #fff; } .sign_up p { margin: 0; font-family: arial; font-size: 12px; color: #fff; } .sign_up .ipt_box { border: 1px solid #cecece; height: 15px; margin: 5px 0 0; padding: 10px 0  !important; width: 99%; } .sign_up .btn { margin-top: 5px; text-align: right; } #menu_list #eSpotsBottom { width: 100%; padding: 20px 0 151px 20px; background: #efefef; margin: 0; } #menu_list #eSpotsBottom .e-spot { float: left; width: 32%; margin: 0 .8em 0 0; } #menu_list #eSpotsBottom .e-spot:last-child { margin: 0; } @media (min-width: 51em) { .productList #eSpotsBottom .e-spot { width: 32%; margin: 0 .8em 0 0; float: left; } } .home-pg .menuWrapper { position: relative; } .home-pg .logoWrapper { position: fixed; z-index: 4500; background: 0; border-left-width: 0; margin-right: 0; overflow: hidden; } .home-pg .logoWrapper .logo { position: fixed; top: 0; overflow: hidden; padding: 0; height: 200px; width: 65px; -webkit-transition: width 2s, height 1s; transition: width 2s, height 1s; } .home-pg .logoWrapper .logo.slip-scroll { background-color: transparent; } #logo-bg1 { background-color: #e22319; } @media (min-width: 72em) { .masthead .pageWrapper { position: fixed; left: 0; } } @media (min-width: 93em) { .pageWrapper.homePage { width: 92.5em; float: none; } .masthead .pageWrapper { left: 50%; margin-left: -46.25em; width: 92.5em; float: none; } } .lt-ie9 .pageWrapper.homePage { width: 92.5em; } .lt-ie9 .masthead .pageWrapper { left: 50%; margin-left: -46.25em; width: 92.5em; float: none; } header:after { content: ""; display: table; clear: both; } .hero-media img { float: left; } @font-face { font-family: "Lato"; src: local("Lato Hairline"), local("Lato-Hairline"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Hairline.eot?v=15"); src: local("Lato Hairline"), local("Lato-Hairline"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Hairline.eot?v=15&#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Hairline.woff2?v=15") format("woff2"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Hairline.woff?v=15") format("woff"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Hairline.ttf?v=15") format("truetype"); font-style: normal; font-weight: 100; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato"; src: local("Lato Light"), local("Lato-Light"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Light.eot?v=15"); src: local("Lato Light"), local("Lato-Light"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Light.eot?v=15&#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Light.woff2?v=15") format("woff2"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Light.woff?v=15") format("woff"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Light.ttf?v=15") format("truetype"); font-style: normal; font-weight: 300; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato"; src: local("Lato Regular"), local("Lato-Regular"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Regular.eot?v=15"); src: local("Lato Regular"), local("Lato-Regular"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Regular.eot?v=15&#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Regular.woff2?v=15") format("woff2"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Regular.woff?v=15") format("woff"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Regular.ttf?v=15") format("truetype"); font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato"; src: local("Lato Bold"), local("Lato-Bold"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Bold.eot?v=15"); src: local("Lato Bold"), local("Lato-Bold"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Bold.eot?v=15&#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Bold.woff2?v=15") format("woff2"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Bold.woff?v=15") format("woff"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Bold.ttf?v=15") format("truetype"); font-style: normal; font-weight: 700; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato"; src: local("Lato Black"), local("Lato-Black"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Black.eot?v=15"); src: local("Lato Black"), local("Lato-Black"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Black.eot?v=15&#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Black.woff2?v=15") format("woff2"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Black.woff?v=15") format("woff"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Black.ttf?v=15") format("truetype"); font-style: normal; font-weight: 700; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato"; src: local("Lato Light Italic"), local("Lato-LightItalic"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-LightItalic.eot?v=15"); src: local("Lato Light Italic"), local("Lato-LightItalic"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-LightItalic.eot?v=15&#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-LightItalic.woff2?v=15") format("woff2"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-LightItalic.woff?v=15") format("woff"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-LightItalic.ttf?v=15") format("truetype"); font-style: italic; font-weight: 400; text-rendering: optimizeLegibility; } @font-face { font-family: "Lato"; src: local("Lato Italic"), local("Lato-Italic"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Italic.eot?v=15"); src: local("Lato Italic"), local("Lato-Italic"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Italic.eot?v=15&#iefix") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Italic.woff2?v=15") format("woff2"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Italic.woff?v=15") format("woff"), url("/_ui/desktop/common/css/fonts/latolatin2/LatoLatin-Italic.ttf?v=15") format("truetype"); font-style: italic; font-weight: 300; text-rendering: optimizeLegibility; } body { font: 1em/1.75 "Lato", Helvetica, Arial, sans-serif; background: #efefef; position: relative; color: #555; -webkit-text-size-adjust: none; } .fieldrow .fieldlabel { white-space: normal  !important; } .bar_2-calledOut-link > .text, .bar_3-heading, .nestedMenu-heading > .text, .searchInput-button, .espot-title, .hero-text, .mediaGallery-mediaList-heading, .tabbedBrowse-features-featureHeading, .category-navigation-item-container h1.title, .hero-text .hero-subtitle { font-family: "Lato", Helvetica, Arial, sans-serif  !important; } .accessoriesLanding-seeMoreLink, .accessoriesLanding-title, .bar_2-calledOut-link > .text, .bar_3-heading, .espot-title, .extraOptions-title, .hero-text, .horizontalAd-title, .mediaGallery-mediaList-heading, .nestedMenu-heading > .text, .productGrid-seeMoreLink, .productGrid-title, .ribbonHeading, .searchInput-button, .tabbedBrowse-features-featureHeading, .whichPc-headline, .whichPc-hero-title, .offCanvas-bar_3-left label.expandableMenu-item, h3.expandableHeading.expandableHeading-is-expanded, h3.expandableHeading, h3.expandableHeading-onlySmall { font-family: "Lato", Helvetica, Arial, sans-serif  !important; } .bar_3 { background-color: #e3e3e3; color: black; } .button-small { font-family: "Lato", Helvetica, Arial, sans-serif  !important; font-size: .7rem; } .button-standard, .button-standard-alt, .button-called-out, .button-called-out-alt, .button-called-out-alt:hover, .button-called-out-positive, .button-flat { display: inline-block; padding: .5em .8em; font-size: .8rem; font-weight: normal; text-transform: none; border: 0; cursor: pointer; margin: 0; line-height: 1.5em; background-image: none; text-shadow: none; margin-bottom: .1rem; } button:hover.button-standard.searchFilter-button { background-image: none; } a:hover.button-standard.button-full { background-image: none; } button:hover.baseButton.button-called-out { background-image: none; } a:hover.seriesListings-footer-button.button-called-out.button-full, a:hover.button-called-out.button-full.facetedResults-cta, a:hover.button-standard-alt.tabbedBrowse-productListing-footer-button-first.button-full, a:hover.button-standard-alt.tabbedBrowse-accessories-button.button-full { background-image: none; } a:hover#continueButton { background-image: none; } .sidebarNav-heading { font-weight: normal; } .compareTable-title, .categoryDescription-heading, .columnSlider-heading, .skipLinks-link, .bar_1-link > .text, .callBox, .title-primaryBrand, .seriesPreview-title, .seriesListings-title, .tabbedBrowse-productListing-title, .facetedResults-title, .checkoutForm-fieldsetGroup-title, .hero-productDescription-heading, .separator-heading, .additionalInfoOverlay-title, .js .countrySelector { font-family: "Lato", Helvetica, Arial, sans-serif  !important; font-weight: normal; } h1.seriesPreview-title, .title-primaryBrand a, .seriesPreview-title a, .seriesListings-title a, .tabbedBrowse-productListing-title a, .facetedResults-title a, .checkoutForm-fieldsetGroup-title a { color: #ff6a00; } .brandListings-title { font-family: "Lato", Helvetica, Arial, sans-serif  !important; color: #ff6a00  !important; line-height: 1.1; font-size: 1.3rem; text-align: center; } .brandListings-header a { color: #ff6a00  !important; } .image-label .content, .hero-productDescription-body h2 { font-family: "Lato", Helvetica, Arial, sans-serif  !important; } .compareTable-title, .accessoriesListing-title, .additionalInfoOverlay-title, .bar_1-link > .text, .brandHeader-title, .callBox, .categoryDescription-heading, .checkoutForm-fieldsetGroup-title, .columnSlider-heading, .compareModal-title, .dealsListing-tagline, .facetedResults-title, .hero-productDescription-heading, .js .countrySelector, .separator-heading, .seriesListings-title, .seriesPreview-title, .skipLinks-link, .tabbedBrowse-productListing-title, .title-primaryBrand, .whichPc-form-question-count, .accessoriesLanding-seeMoreLink, .accessoriesLanding-title, .bar_2-calledOut-link > .text, .bar_3-heading, .espot-title, .extraOptions-title, .hero-text, .horizontalAd-title, .mediaGallery-mediaList-heading, .nestedMenu-heading > .text, .productGrid-seeMoreLink, .productGrid-title, .ribbonHeading, .searchInput-button, .tabbedBrowse-features-featureHeading, .whichPc-headline, .whichPc-hero-title { font-family: "Lato", Helvetica, Arial, sans-serif  !important; } .subseries-promo-bar { background-image: none; background-color: #4ac0e0; } .bar_3, .offCanvas-content { box-shadow: none  !important; } .bar_3-heading { text-shadow: none; } .lt-ie9 .recommmendAccessory, .linkList-item, .compareTable-heading, .no-js .compareTable-rowHeading.compareTable-addRemoveItems, .scrolling .compareTable-addRemoveItems, .expandableHeading, .expandableHeading-onlySmall, .configuratorItem-summary { background-image: none; background-color: #e7e7e7; } a.button.learn, a.button.darkgray { background-image: none  !important; text-shadow: none  !important; border: none  !important; } .tabbedBrowse-accessories { background-image: none; border-bottom: 1px solid #ddd; } button.pricingSummary-button.button-called-out.button-full.nextStep { background-image: none; text-shadow: none; } :hover button.pricingSummary-button.button-called-out.button-full { background-image: none; } :hover input#cart-summary-ecouponForm-button { background-image: none; } a:hover.cart-checkoutButtons-checkout.button-called-out-positive.fs1 { background-image: none; background-color: #64a81b; } input#cart-summary-ecouponForm-button { margin: 10px 0 0 0; background-color: #d9dad9; } input:hover#cart-item-pricing-and-quantity-form-button { background-image: none; } span.at4-icon.aticon-facebook, span.at4-icon.aticon-twitter, span.at4-icon.aticon-pinterest_share, span.at4-icon.aticon-google_plusone_share { background-color: #949494  !important; } span:hover.at4-icon.aticon-facebook { background-color: #305891  !important; } span:hover.at4-icon.aticon-twitter { background-color: #2ca8d2  !important; } span:hover.at4-icon.aticon-pinterest_share { background-color: #c82828  !important; } span:hover.at4-icon.aticon-google_plusone_share { background-color: #ce4d39  !important; } a.button-ribbon-small { background-image: none; background-color: #a8190b; text-shadow: none; } a:hover.accessoriesListing-footer-button.button-called-out.button-full { background-image: none; } a:hover.button-called-out.button-full { background-image: none; } #nm_wrapper input#nm_submitbtn { background-image: none  !important; border: none  !important; text-shadow: none  !important; } .tabbedBrowse-accessories-item-container { border-bottom: none  !important; } button.button-called-out.signInForm-submitButton, a.button-called-out.signInModule-createAccount-button { background-image: none; text-shadow: none; } @media all and (max-width: 55em) { h1.columnSlider-heading, .csstransforms3d .columnSlider-heading a { color: #009dd0  !important; } } .tabs-main > li.tab-item-currentTab > a { background-image: none  !important; background-color: #3e8ddd  !important; } .tabs-main > li.tab-item-currentTab > a:before { background-color: #3e8ddd  !important; background-image: none  !important; } .js .tabs-item-currentTab { background-color: #3e8ddd; background-image: none; } .tabs-item-currentTab a:before { background-color: #3e8ddd; background-image: none; } .facetResultsContainer, .facet-area-products-found-container, .facet-area-clear-container { display: none; } .facetResultsLoader { background-color: #fff  !important; background-image: url("/_ui/desktop/common/css/images/ajax-loader.gif"); background-position: center 300px; background-repeat: no-repeat; bottom: 0; cursor: wait; display: none; left: 0; position: absolute; right: 0; top: 0; z-index: 999; filter: alpha(opacity = 50); -moz-opacity: .5; opacity: .5; } .browsing .facetResultsContainer { display: block; } .browsing .columnSlider-dots, .browsing .categoryWrapper, .browsing .seriesListings, .browsing .gst, .browsing .hero-series, .browsing .hero-brand, .browsing .brandListingWrapper, .browsing .couponsavings { display: none; } @media (min-width: 65em) { .browsing .offCanvas-bar_3-right { display: none  !important; } } .facet-area-clear-all, .facet-area-clear-all a { text-align: center; } .facet-results-area { text-align: center; font-size: .8rem; font-weight: normal  !important; text-transform: capitalize  !important; background: #fff; } .expandableMenu-item { padding-left: 1em; } .bar_3-offCanvas-heading { padding: .5em 2%; color: white; background-image: none; background-color: #3e8ddd; cursor: pointer; } .bar_3-offCanvas-heading > .text { font-weight: normal; text-shadow: none; text-transform: capitalize; } h3.expandableHeading.expandableHeading-is-expanded, h3.expandableHeading, h3.expandableHeading-onlySmall { background-image: none; background-color: #e7e7e7; } .expandableHeading, .expandableHeading-onlySmall { font-size: .95rem; clear: both; margin: 0; font-weight: normal; cursor: pointer; text-indent: -0.175em; } a:hover.button-standard-alt.button-full.button-left.button-small.button-tall { background-image: none; } a.button-called-out.button-full.facetedResults-cta { border: 0; } a:hover.button-called-out.button-full.facetedResults-cta { background-image: none; } ol.facetedResults { display: none; } ul.galleryOptions li a label { font-family: "Lato", Helvetica, Arial, sans-serif  !important; font-weight: normal; } .e-spot { border: 10px solid white; border-color: rgba(255, 255, 255, .75); background-color: #cdd5d8; display: block; position: relative; width: 100%; line-height: 1.1; box-shadow: none  !important; margin: 7% 0; } .espot, .espot-2, .espot-3, .espot-image { box-shadow: none  !important; } #current a:before { background-color: #3e8ddd; background-image: none  !important; } #search-tabs > ul > li#current { background-color: #3e8ddd  !important; background-image: none  !important; } #search-tabs > ul > li { background-image: none  !important; } .searchFacetCatalog { background-color: #e7e7e7  !important; border: none  !important; background-image: none  !important; } #search-wrapper .searchTop { box-shadow: none  !important; border: none  !important; } .bar_3 { webkit-box-shadow: none  !important; box-shadow: none  !important; } .tab-item.tab-item-currentTab .novarto-container .summ { z-index: 0; } .tabs-main > li > a { text-decoration: none  !important; } @media (max-width: 32em) { .tabbedBrowse-productListing-footer .tabbedBrowse-productListing-button-container:first-child .tabbedBrowse-productListing-footer-button-first { display: none; } } .offCanvas-bar_3-left label.expandableMenu-item { font-weight: 400; word-break: break-all; } h3.expandableHeading.expandableHeading-is-expanded, h3.expandableHeading, h3.expandableHeading-onlySmall, .bar_3-offCanvas-heading > .text { font-weight: 700; } .expandableHeading:before, .expandableHeading-onlySmall:before, .expandableHeading-is-expanded:before, .expandableHeading-onlySmall-is-expanded:before, .tabbedBrowse-configurator-expandItems-expand-all:before { font-size: 17px; } .bar_3-offCanvas-heading > .text { font-family: "Lato", Helvetica, Arial, sans-serif  !important; font-size: 1.1em; } .bar_3-heading { font-size: 1.75em  !important; font-weight: normal; width: 100%; } .bar_3-offCanvas-heading > .text, .bar_3-leftLink, .bar_3-rightLink, .bar_3-footer, .nestedMenu, .productList, .generalList, .no-fontface .nestedMenu .actionArrow > .arrow[data-icon]:before, .no-fontface .productList .actionArrow > .arrow[data-icon]:before, .no-fontface .generalList .actionArrow > .arrow[data-icon]:before, .button-standard, .button-standard-alt, .button-called-out, .button-called-out-alt, .button-called-out-positive, .button-flat, .expandableMenu, .calloutBox, input, select, option { font-family: "Lato", Helvetica, Arial, sans-serif  !important; } #rollovercart #rollovercartContents #rollovercartContentsItems > li > a { font-size: 14px; } dl.footer-legal-terms { font-size: .9rem; } .sabrix-taxExemption { display: none; } .checkoutForm-margin-left { margin-left: 1.5rem; } .facetedResults-cta { word-wrap: break-word; } .wordBreak { word-wrap: break-word; } #longscroll-subseries #breadcrumb { border: 0; } .bar3_width { width: 38%; } @media (max-width: 66em) { .bar3_width { width: 100%; } .bar_3 .bar_3-logos { display: none  !important; } } @media (min-width: 60em) { .facetResultsContainer { padding-left: 13.75em; } } .clearboth { clear: both; } select#WishlistSelect { width: 100%; } .seriesListings-body { margin-bottom: 1em; position: relative; overflow: visible; min-height: 171px; } .footer-navigation-links-minor, .footer-social { margin-top: 0; } .mainFooter .countrySelector-header, .mainFooter .newsletter-header { font-size: .8rem; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; margin-bottom: .2em; text-transform: uppercase; color: #555; background: 0; } #footer_shadow { border: 0; } .footer-trusteValidation { margin: 1em 0 0 0; } .pageWrapper .newsletterSignup { font-size: .75em; } .pageWrapper .newsletterSignup input { margin: 0; } .pageWrapper .newsletterInput-wrapper { background: #b8b8b8; } .pageWrapper .newsletterInput { line-height: 0; padding-right: 0  !important; position: relative; } #footerSignUp.newsletterInput-button { color: #fff; background-color: #424242; background-image: none; position: absolute; top: 0; right: 0; font-size: 1.2em; text-transform: uppercase; vertical-align: top; width: auto; padding: .3em .05em; height: 2.2em; font-family: Helvetica, Arial, sans-serif; text-shadow: none; border-color: #000; font-weight: bold; } .pageWrapper .newsletterInput-text { width: 100%; font-size: 1em; border: 1px solid #424242; padding: 0 .5em; -webkit-appearance: none; height: 2.6em; font-family: "Lato", Helvetica, Arial, sans-serif; } .domReadyCSS .footer-icons-sprite, .domReadyCSS .footer-icons-facebook, .domReadyCSS .footer-icons-flickr, .domReadyCSS .footer-icons-googlePlus, .domReadyCSS .footer-icons-lenovoForums, .domReadyCSS .footer-icons-m-truste-logo, .domReadyCSS .footer-icons-pinterest, .domReadyCSS .footer-icons-truste-logo, .domReadyCSS .footer-icons-twitter, .domReadyCSS .footer-icons-youtube, .domReadyCSS .trusteValidation-icon, .domReadyCSS .footer-icons-bk, .domReadyCSS .footer-icons-instagram, .domReadyCSS .footer-icons-lenovoblog, .domReadyCSS .footer-icons-lenovoteam, .domReadyCSS .footer-icons-linkedin, .domReadyCSS .footer-icons-picasa { background-image: url("/_ui/desktop/common/images/footer-icons.png?"); background-repeat: no-repeat; } .footer-icons-facebook { background-position: -61px 0; } .footer-icons-facebook:hover, .footer-icons-facebook.facebook-hover { background-position: -61px -38px; } .footer-icons-flickr { background-position: -61px -76px; } .footer-icons-flickr:hover, .footer-icons-flickr.flickr-hover { background-position: -61px -114px; } .footer-icons-googlePlus { background-position: -61px -152px; } .footer-icons-googlePlus:hover, .footer-icons-googlePlus.googlePlus-hover { background-position: -61px -190px; } .footer-icons-lenovoForums { background-position: -61px -228px; } .footer-icons-lenovoForums:hover, .footer-icons-lenovoForums.lenovoForums-hover { background-position: -61px -266px; } .footer-icons-m-truste-logo { background-position: -62px -304px; } .footer-icons-m-truste-logo:hover, .footer-icons-m-truste-logo.m-truste-logo-hover { background-position: -62px -344px; } .footer-icons-pinterest { background-position: -61px -384px; } .footer-icons-pinterest:hover, .footer-icons-pinterest.pinterest-hover { background-position: -61px -422px; } .footer-icons-truste-logo, .trusteValidation-icon { background-position: 0 -460px; } .footer-icons-truste-logo:hover, .trusteValidation-icon:hover, .footer-icons-truste-logo.truste-logo-hover { background-position: 0 -495px; } .footer-icons-twitter { background-position: -61px -530px; } .footer-icons-twitter:hover, .footer-icons-twitter.twitter-hover { background-position: -61px -568px; } .footer-icons-youtube { background-position: -61px -606px; } .footer-icons-youtube:hover, .footer-icons-youtube.youtube-hover { background-position: -61px -644px; } .footer-icons-bk { background-position: -61px -910px; } .footer-icons-bk:hover, .footer-icons-bk.bk-hover { background-position: -61px -948px; } .footer-icons-instagram { background-position: -61px -682px; } .footer-icons-instagram:hover, .footer-icons-instagram.instagram-hover { background-position: -61px -720px; } .footer-icons-lenovoblog { background-position: -61px -986px; } .footer-icons-lenovoblog:hover, .footer-icons-lenovoblog.lenovoblog-hover { background-position: -61px -1024px; } .footer-icons-lenovoteam { background-position: -61px -1062px; } .footer-icons-lenovoteam:hover, .footer-icons-lenovoteam.lenovoteam-hover { background-position: -61px -1100px; } .footer-icons-linkedin { background-position: -61px -834px; } .footer-icons-linkedin:hover, .footer-icons-linkedin.linkedin-hover { background-position: -61px -872px; } .footer-icons-picasa { background-position: -61px -758px; } .footer-icons-picasa:hover, .footer-icons-picasa.picasa-hover { background-position: -61px -796px; } .new-social-icons-sprite, .new-social-icons-bk, .new-social-icons-instagram, .new-social-icons-lenovo-blog, .new-social-icons-lenovo-team, .new-social-icons-linkedin, .new-social-icons-picasa { background-image: url("/_ui/desktop/common/images/footer-icons.png?v2"); background-repeat: no-repeat; } .new-social-icons-bk { background-position: 0 0; } .new-social-icons-bk:hover, .new-social-icons-bk.bk-hover { background-position: 0 -38px; } .new-social-icons-instagram { background-position: 0 -76px; } .new-social-icons-instagram:hover, .new-social-icons-instagram.instagram-hover { background-position: 0 -114px; } .new-social-icons-lenovo-blog { background-position: 0 -152px; } .new-social-icons-lenovo-blog:hover, .new-social-icons-lenovo-blog.lenovo-blog-hover { background-position: 0 -190px; } .new-social-icons-lenovo-team { background-position: 0 -228px; } .new-social-icons-lenovo-team:hover, .new-social-icons-lenovo-team.lenovo-team-hover { background-position: 0 -266px; } .new-social-icons-linkedin { background-position: 0 -304px; } .new-social-icons-linkedin:hover, .new-social-icons-linkedin.linkedin-hover { background-position: 0 -342px; } .new-social-icons-picasa { background-position: 0 -380px; } .new-social-icons-picasa:hover, .new-social-icons-picasa.picasa-hover { background-position: 0 -418px; } .footer-navigation-social { clear: none; margin: 1.5em 0 0 1.5em; } footer .social-link { display: block; height: 33px; width: 33px; line-height: 0; } footer .social ul { height: 33px; } .js .pageWrapper .countrySelector-wrapper { height: 31px; width: 22em; } .js .pageWrapper .countrySelector { font-size: .9rem; -webkit-appearance: none; -moz-appearance: none; background: transparent; border: 0; border-radius: 0; color: #222; margin: 0; padding: .4em 3.25em .4em 4.5em; width: 25em; height: 31px; font-family: Helvetica, Arial, sans-serif; } .js .pageWrapper .countrySelector:hover { cursor: pointer; } .js .pageWrapper .countrySelector option { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 400; } div.countrySelector-flag { height: 30px; width: 45px; float: left; margin-bottom: -1.85em; overflow: hidden; } .domReadyCSS .countrySelector-flag { background: url("/_ui/desktop/common/images/Flag-Footer.png") no-repeat left center; } div.countrySelector-flag.flag-DZ { background-position: 0 0; } div.countrySelector-flag.flag-AO { background-position: -45px 0; } div.countrySelector-flag.flag-AR { background-position: -90px 0; } div.countrySelector-flag.flag-AU { background-position: -135px 0; } div.countrySelector-flag.flag-AT { background-position: -180px 0; } div.countrySelector-flag.flag-BH { background-position: -225px 0; } div.countrySelector-flag.flag-BD { background-position: -270px 0; } div.countrySelector-flag.flag-BE { background-position: -360px 0; } div.countrySelector-flag.flag-BJ { background-position: -405px 0; } div.countrySelector-flag.flag-BO { background-position: -450px 0; } div.countrySelector-flag.flag-BW { background-position: -495px 0; } div.countrySelector-flag.flag-BR { background-position: 0 -30px; } div.countrySelector-flag.flag-BG { background-position: -45px -30px; } div.countrySelector-flag.flag-BF { background-position: -90px -30px; } div.countrySelector-flag.flag-BI { background-position: -135px -30px; } div.countrySelector-flag.flag-CM { background-position: -180px -30px; } div.countrySelector-flag.flag-CA { background-position: -270px -30px; } div.countrySelector-flag.flag-CV { background-position: -315px -30px; } div.countrySelector-flag.flag-CF { background-position: -360px -30px; } div.countrySelector-flag.flag-TD { background-position: -405px -30px; } div.countrySelector-flag.flag-CL { background-position: -450px -30px; } div.countrySelector-flag.flag-CN { background-position: -495px -30px; } div.countrySelector-flag.flag-CO { background-position: 0 -60px; } div.countrySelector-flag.flag-KM { background-position: -45px -60px; } div.countrySelector-flag.flag-CD { background-position: -135px -60px; } div.countrySelector-flag.flag-CI { background-position: -180px -60px; } div.countrySelector-flag.flag-HR { background-position: -225px -60px; } div.countrySelector-flag.flag-CZ { background-position: -270px -60px; } div.countrySelector-flag.flag-DK { background-position: -315px -60px; } div.countrySelector-flag.flag-DE { background-position: -360px -60px; } div.countrySelector-flag.flag-DJ { background-position: -405px -60px; } div.countrySelector-flag.flag-EC { background-position: -450px -60px; } div.countrySelector-flag.flag-EG { background-position: -495px -60px; } div.countrySelector-flag.flag-GQ { background-position: 0 -90px; } div.countrySelector-flag.flag-ER { background-position: -45px -90px; } div.countrySelector-flag.flag-EE { background-position: -90px -90px; } div.countrySelector-flag.flag-ET { background-position: -135px -90px; } div.countrySelector-flag.flag-FI { background-position: -180px -90px; } div.countrySelector-flag.flag-FR { background-position: -225px -90px; } div.countrySelector-flag.flag-GA { background-position: -270px -90px; } div.countrySelector-flag.flag-GM { background-position: -315px -90px; } div.countrySelector-flag.flag-GH { background-position: -360px -90px; } div.countrySelector-flag.flag-GR { background-position: -405px -90px; } div.countrySelector-flag.flag-GN { background-position: -450px -90px; } div.countrySelector-flag.flag-GW { background-position: -495px -90px; } div.countrySelector-flag.flag-HK { background-position: 45px -120px; } div.countrySelector-flag.flag-HU { background-position: 0 -120px; } div.countrySelector-flag.flag-IN { background-position: -45px -120px; } div.countrySelector-flag.flag-ID { background-position: -90px -120px; } div.countrySelector-flag.flag-IE { background-position: -135px -120px; } div.countrySelector-flag.flag-IL { background-position: -180px -120px; } div.countrySelector-flag.flag-IT { background-position: -225px -120px; } div.countrySelector-flag.flag-JP { background-position: -270px -120px; } div.countrySelector-flag.flag-JO { background-position: -315px -120px; } div.countrySelector-flag.flag-KZ { background-position: -360px -120px; } div.countrySelector-flag.flag-KE { background-position: -405px -120px; } div.countrySelector-flag.flag-KR { background-position: -450px -120px; } div.countrySelector-flag.flag-KW { background-position: -495px -120px; } div.countrySelector-flag.flag-LV { background-position: 0 -150px; } div.countrySelector-flag.flag-LB { background-position: -45px -150px; } div.countrySelector-flag.flag-LS { background-position: -90px -150px; } div.countrySelector-flag.flag-LR { background-position: -135px -150px; } div.countrySelector-flag.flag-LY { background-position: -180px -150px; } div.countrySelector-flag.flag-LT { background-position: -225px -150px; } div.countrySelector-flag.flag-MG { background-position: -270px -150px; } div.countrySelector-flag.flag-MW { background-position: -315px -150px; } div.countrySelector-flag.flag-MY { background-position: -360px -150px; } div.countrySelector-flag.flag-MX { background-position: -405px -150px; } div.countrySelector-flag.flag-MA { background-position: -450px -150px; } div.countrySelector-flag.flag-MZ { background-position: -495px -150px; } div.countrySelector-flag.flag-MM { background-position: 0 -180px; } div.countrySelector-flag.flag-NL { background-position: -45px -180px; } div.countrySelector-flag.flag-NZ { background-position: -90px -180px; } div.countrySelector-flag.flag-NE { background-position: -135px -180px; } div.countrySelector-flag.flag-NG { background-position: -180px -180px; } div.countrySelector-flag.flag-NO { background-position: -225px -180px; } div.countrySelector-flag.flag-PK { background-position: -270px -180px; } div.countrySelector-flag.flag-PY { background-position: -315px -180px; } div.countrySelector-flag.flag-PE { background-position: -360px -180px; } div.countrySelector-flag.flag-PH { background-position: -405px -180px; } div.countrySelector-flag.flag-PL { background-position: -450px -180px; } div.countrySelector-flag.flag-PT { background-position: -495px -180px; } div.countrySelector-flag.flag-RO { background-position: 0 -210px; } div.countrySelector-flag.flag-RU { background-position: -45px -210px; } div.countrySelector-flag.flag-SA { background-position: -90px -210px; } div.countrySelector-flag.flag-RS { background-position: -135px -210px; } div.countrySelector-flag.flag-SG { background-position: -180px -210px; } div.countrySelector-flag.flag-SK { background-position: -225px -210px; } div.countrySelector-flag.flag-SI { background-position: -270px -210px; } div.countrySelector-flag.flag-ZA { background-position: -315px -210px; } div.countrySelector-flag.flag-ES { background-position: -360px -210px; } div.countrySelector-flag.flag-LK { background-position: -405px -210px; } div.countrySelector-flag.flag-SE { background-position: -450px -210px; } div.countrySelector-flag.flag-CH { background-position: -495px -210px; } div.countrySelector-flag.flag-TW { background-position: 0 240px; } div.countrySelector-flag.flag-TZ { background-position: -45px -240px; } div.countrySelector-flag.flag-TH { background-position: -90px -240px; } div.countrySelector-flag.flag-TG { background-position: -135px -240px; } div.countrySelector-flag.flag-TN { background-position: -180px -240px; } div.countrySelector-flag.flag-TR { background-position: -225px -240px; } div.countrySelector-flag.flag-UG { background-position: -270px -240px; } div.countrySelector-flag.flag-UA { background-position: -315px -240px; } div.countrySelector-flag.flag-AE { background-position: -360px -240px; } div.countrySelector-flag.flag-GB { background-position: -405px -240px; } div.countrySelector-flag.flag-US { background-position: -450px -240px; } div.countrySelector-flag.flag-UY { background-position: -495px -240px; } div.countrySelector-flag.flag-VE { background-position: 0 -270px; } div.countrySelector-flag.flag-VN { background-position: -45px -270px; } div.countrySelector-flag.flag-ZM { background-position: -90px -270px; } div.countrySelector-flag.flag-ZW { background-position: -135px -270px; } div.countrySelector-flag.flag-MD { background-position: -180px -270px; } div.countrySelector-flag.flag-BY { background-position: -225px -270px; } div.countrySelector-flag.flag-MK { background-position: -270px -270px; } div.countrySelector-flag.flag-PA { background-position: -315px -270px; } div.countrySelector-flag.flag-CR { background-position: -360px -270px; } div.countrySelector-flag.flag-HN { background-position: -405px -270px; } div.countrySelector-flag.flag-NI { background-position: -450px -270px; } div.countrySelector-flag.flag-SV { background-position: -495px -270px; } div.countrySelector-flag.flag-GT { background-position: -0px -300px; } div.countrySelector-flag.flag-DO { background-position: -45px -300px; } div.countrySelector-flag.flag-BZ { background-position: -90px -300px; } .mainFooter .footer-navigation { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: #bcbcbc; clear: left; padding: 2em 1.9em 2em 2em; position: relative; } .mainFooter .footer-navigation a:hover { text-decoration: underline; } .mainFooter .footer-navigation-links-title { font-size: .8rem; color: #414141; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 0; } .mainFooter .footer-navigation-links-title:hover { cursor: pointer; } .mainFooter .footer-navigation-links-title::before, .mainFooter .footer-navigation-links-title:before { content: ""; display: inline-block; color: #434343; width: 19px; margin-right: .5em; margin-left: -1.5em; font-size: 1.3em; top: 4px; height: 19px; background-size: 100%; } .mainFooter .footer-navigation-links-title.footer-nav-list-open:before { background-image: url("/_ui/desktop/common/images/minus.png?1427918492"); } .mainFooter .footer-navigation-links-title.footer-nav-list-collapsed:before { background-image: url("/_ui/desktop/common/images/plus.png?1427918512"); } .no-smil .footer-navigation-links-title::before, .no-smil .footer-navigation-links-title:before { margin-left: -1.15em; } .footer-navigation-links-list { margin-bottom: 1em; } .footer-navigation-links-list li { line-height: 1.4; } .footer-navigation-links-list a { font-size: .8rem; color: #373737; font-weight: 400; } .mainFooter .footer-bottomBar { font-size: .7rem; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: #bcbcbc; color: #373737; padding: 0 1.9em 2em 2em; text-align: left; } .mainFooter .footer-bottomBar a { color: #373737; } .mainFooter .footer-bottomBar .footer-bottomBar-wrapper { width: 100%; padding-top: 5px; } .footer-bottomBar-wrapper small, .footer-bottomBar-wrapper .footer-bottomBar-nav { float: left; font-weight: 400; } div#truste.block { margin: -5px 0 0 0; padding: 0; float: right; display: none; } div#truste.block.trust-US, div#truste.block.trust-CA, div#truste.block.trust-MX, div#truste.block.trust-CO { display: block; } div#truste.block a { display: block; } div#truste.block .footer-icons-truste-logo { width: 94px; height: 30px; } div#truste.block .trusteValidation-icon { width: 94px; height: 30px; } div#truste.block .footer-icons-m-truste-logo { width: 32px; height: 35px; } div#truste.block a, div#truste.block a:hover, div#truste.block a:visited { margin-right: 0; } .footer-navigation-countrySelector { float: left; } .footer-trusteValidation { clear: both; float: left; width: 7em; padding-top: 1.2em; } .footer-trusteValidation a { width: 100%; } @media (min-width: 55em) { .footer-trusteValidation { clear: none; margin: 1em 0 0 0; float: left; padding-top: .5em; } } @media (min-width: 35em) { .pageWrapper .footer-navigation-newsletter, .pageWrapper .footer-navigation-social { float: left; } .js .countrySelector-wrapper { margin: 0; } .pageWrapper .footer-navigation-links { margin-top: 0; float: left; width: 100%; } .pageWrapper .footer-navigation-column-4 > li { width: 20%; margin-left: 5%; max-width: 11em; } .pageWrapper .footer-navigation-column-4 > li:first-child { margin-left: 25px; } .pageWrapper .footer-navigation-column-5 > li { width: 15%; margin-left: 5%; } .pageWrapper .footer-navigation-column-5 > li:first-child { margin-left: 25px; } .pageWrapper .footer-navigation-column-6 > li { width: 12%; margin-left: 5%; } .pageWrapper .footer-navigation-column-6 > li:first-child { margin-left: 25px; } .pageWrapper .footer-navigation-links-list { display: inline-block; float: left; margin-top: 1.8em; margin-bottom: 0; } .pageWrapper .footer-navigation-links-list ul { margin-left: .2em; } .mainFooter .footer-navigation { padding: 2em 1.9em 2em 2em; } .pageWrapper .footer-navigation-links-title:before { position: relative; } .mainFooter .pageWrapper, footer, .pageWrapper .footer-navigation-links ul, .pageWrapper .footer-bottomBar-wrapper, .pageWrapper .footer-navigation-header { *zoom: 1; } .mainFooter .pageWrapper:after, footer:after, .pageWrapper .footer-navigation-links ul:after, .pageWrapper .footer-bottomBar-wrapper:after, .pageWrapper .footer-navigation-header:after { content: ""; display: table; clear: both; } } @media (min-width: 45em) { .pageWrapper .footer-navigation-countrySelector { float: right; } } @media (max-width: 35em) { .footer-navigation-newsletter { margin-left: 1em; width: 90%; } .footer-navigation-social, .footer-navigation-countrySelector { margin: 1em; width: 90%; float: left; } .footer-trusteValidation { margin: 0 0 0 1em; padding-top: 0; } .footer-navigation-links-minor, .footer-social { margin: 0; } .js .countrySelector-wrapper { width: 100%; margin: 0; } .js .countrySelector { width: 40em; } .footer-navigation-links { margin: 0; float: left; width: 100%; } .mainFooter .footer-navigation { padding: 0; } .footer-navigation-links-title { font-size: 1.1em; } .footer-navigation-links-list { width: 100%; margin: 0; padding: 3% 5% 3% 9%; border-bottom: 1px solid #000; } .footer-navigation-links-list:first-child { border-top: 1px solid #000; } .footer-navigation-links-title:before { position: relative; } .footer-navigation-links-title.footer-nav-list-open:before { line-height: .9em; top: 3px; font-size: .8em; } .footer-navigation-links-title.footer-nav-list-collapsed:before { line-height: 1em; top: 3px; font-size: .8em; } .no-smil .footer-navigation-links-list { padding-left: 11%; } .mainFooter .footer-bottomBar { padding: 2% 5%; margin-top: 0; } .footer-navigation-header { padding-top: 1em; } } @media (max-width: 62em) and (min-width: 37em) { .footer-navigation-social { clear: left; margin: 1.1em 0 0 0; } } @media (max-width: 37em) and (min-width: 35em) { .footer-navigation-social { clear: left; margin: 1.1em 0 0 0; } .footer-navigation-column-5 > li, .footer-navigation-column-6 > li { width: 26%; margin-left: 6%; } .footer-navigation-column-5 > li:nth-child(4), .footer-navigation-column-5 > li:first-child, .footer-navigation-column-6 > li:nth-child(4), .footer-navigation-column-6 > li:first-child { margin-left: 25px; } .footer-navigation-column-5 > li.footer-navigation-links-list:nth-child(4), .footer-navigation-column-6 > li.footer-navigation-links-list:nth-child(4) { clear: left; } } @media (max-width: 20em) { footer .social ul li { margin-right: -2px; } } @media (max-width: 23em) { footer .social ul li { margin-bottom: 5px; } .footer-navigation-countrySelector { margin: 2.5em auto 1em auto; } } @media (max-width: 62em) and (min-width: 37.5em) { .footer-navigation-countrySelector { margin: -3.4em 0 0 0; } } @media (max-width: 45em) and (min-width: 35em) { .footer-navigation-countrySelector { float: left; clear: left; margin: .8em 0 0 0; } } @media (max-width: 25em) { .js .countrySelector { width: 30em; } .footer-navigation-links-list { padding-left: 11%; } .no-smil .footer-navigation-links-list { padding-left: 14%; } } @media (min-width: 50em) { .footer-navigation { overflow: hidden; *zoom: 1; padding: 2em 5% 2em; } } @media (min-width: 70em) { .footer-navigation-links { margin-top: 0; float: left; width: 100%; } .lt-ie8 .footer-navigation-links-list { width: 24.5%; } } @media (max-width: 32em) { .footer-navigation-links-list { padding-left: 9%; } .no-smil .footer-navigation-links-list { padding-left: 12%; } .heroSlider .lSPager.lSpg > li a { width: 3em  !important; } } @media (max-width: 27em) { .footer-navigation-links-list { padding-left: 10%; } .no-smil .footer-navigation-links-list { padding-left: 13%; } } @media (max-width: 22em) { .footer-navigation-links-list { padding-left: 12%; } .no-smil .footer-navigation-links-list { padding-left: 15%; } } @media (max-width: 75em) and (min-width: 35em) { footer .footer-navigation-links-list:nth-child(3) { clear: none; } } @media (max-width: 55em) and (min-width: 35em) { .footer-navigation-column-4 > li { width: 40%; margin-left: 10%; } .footer-navigation-column-4 > li:nth-child(3), .footer-navigation-column-4 > li:first-child { margin-left: 25px; } .footer-navigation-column-4 > li.footer-navigation-links-list:nth-child(3) { clear: left; } } @media (max-width: 65em) and (min-width: 50em) { .footer-navigation-column-5 > li { width: 25%; margin-left: 5%; } .footer-navigation-column-5 > li:nth-child(4), .footer-navigation-column-5 > li:first-child { margin-left: 25px; } .footer-navigation-column-5 > li.footer-navigation-links-list:nth-child(4) { clear: left; } } @media (max-width: 50em) and (min-width: 37em) { .footer-navigation-column-6 > li, .footer-navigation-column-5 > li { width: 27%; margin-left: 5%; } .footer-navigation-column-6 > li:nth-child(4), .footer-navigation-column-6 > li:first-child, .footer-navigation-column-5 > li:nth-child(4), .footer-navigation-column-5 > li:first-child { margin-left: 25px; } .footer-navigation-column-5 > li.footer-navigation-links-list:nth-child(4), .footer-navigation-column-6 > li.footer-navigation-links-list:nth-child(4) { clear: left; } } @media (max-width: 77em) and (min-width: 50em) { .footer-navigation-column-6 > li { width: 25%; margin-left: 5%; } .footer-navigation-column-6 > li:nth-child(4), .footer-navigation-column-6 > li:first-child { margin-left: 25px; } .footer-navigation-column-6 > li.footer-navigation-links-list:nth-child(4) { clear: left; } } @media (min-width: 76.75em) { .mainFooter .footer-bottomBar .footer-bottomBar-wrapper { width: 105.5em; } } @media (max-width: 23em) { .footer-bottomBar-wrapper nav a { float: left; } .footer-bottomBar-wrapper nav a:nth-child(3) { clear: left; } } @media (max-width: 40em) { .footer-bottomBar-nav { clear: left; } } @media (max-width: 55em) { footer .footer-navigation-links-minor { float: right; margin-top: -2.5em; } footer .footer-navigation-links-minor > #oo_float { float: right; } } .pageWrapper .newsletterSignup { background: 0; } .pageWrapper .newsletterInput-wrapper { margin: 0; padding: 0; } .pageWrapper .footer-navigation-newsletter { width: 19em; } .pageWrapper .newsletterSignup { margin-left: 0; } .pageWrapper .newsletterSignup h2 { padding: 0; } .pageWrapper .social li { margin-right: 2px; } @media (min-width: 35em) { .footer-navigation-column-3 > li:first-child { margin-left: 25px; } } @media (min-width: 35em) { .footer-navigation-column-3 > li { width: 20%; margin-left: 5%; max-width: 11em; } } @media (min-width: 35em) { .footer-navigation-column-2 > li:first-child { margin-left: 25px; } } @media (min-width: 35em) { .footer-navigation-column-2 > li { width: 20%; margin-left: 5%; max-width: 11em; } } @media (min-width: 35em) { .footer-navigation-column-1 > li:first-child { margin-left: 25px; } } @media (min-width: 35em) { .footer-navigation-column-1 > li { width: 20%; margin-left: 5%; max-width: 11em; } } .social-title { display: none; } .phone_menu .menu_2_wrapper .menu_level_2 .link_text span { display: inline; } .dockNav { display: none; } @media (max-width: 46.875em) and (min-height: 28.125em) and (min-width: 17.188em) { .dockNav { display: block; bottom: 0; position: fixed; z-index: 999999; width: 100%; text-align: center; background-color: #efefef; border-top: 1px solid #cacaca; } .dockNav a { height: 44px; width: 12%; display: inline-block; margin: 10px 2% 0px 2%; color: #000; text-transform: capitalize; font-size: .7rem; position: relative; } .dockNav a img { border: 0; margin: 0 auto; display: block; max-width: 100%; height: 55%; } .dockNav a span { line-height: .9em; position: absolute; bottom: 0; left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); } .stickyDock { padding-bottom: 2em; } #_evh-button { display: none; } .dockNav #MobileChatSalesContainer { height: 44px; max-width: 12%; display: inline-block; margin: 0 2%; position: relative; } .dockNav #MobileChatSalesContainer img { max-width: 100%; display: none; } .mainFooter { padding-bottom: 50px; background: #bcbcbc; } } select.countrySelector::-ms-expand { display: none; } .footer-paymentOptions-title { font-weight: 900; } html { box-sizing: border-box; } .masthead .pageWrapper { left: 0  !important; margin-left: 0  !important; margin: 0  !important; width: 100%; } header:after { content: ""; display: table; clear: both; } .mainContent.pageWrapper.homePage { width: 100%; } .tagline { display: none; } .mobile-sniffer { width: 0; } .bar_2 { display: none; } .navWrapper { border-bottom: 1px solid #dedede; } #oo_float { display: none; } .brand-banner-copy h3, .premium-banner-copy h2 { font-family: Lato, Helvetica, Arial, sans-serif; font-weight: 300; } .premium-banner-container, .premium-banner-wrapper { background-color: #f2f2f2; } .premium-banner-container, #rwd-video-wrapper { cursor: pointer; } .bannerImgCta, .secondBannerLink { display: block; width: 100%; height: 100%; } .copy-left, .copy-right { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .tagline { display: none; } .mobile-sniffer { width: 0; } .bar_2 { display: none; } .navWrapper { border-bottom: 1px solid #dedede; } .premium-banner-wrapper.has-carousel, .premium-banner-wrapper.no-carousel { margin-top: 0; } .premium-banner-container, .premium-banner-wrapper { height: 600px; background-color: #f2f2f2; } .premium-banner-container { position: relative; overflow: hidden; } .premium-banner-wrapper.has-carousel { position: relative; overflow: visible; } .has-carousel .premium-banner-container { position: relative; overflow: visible; } .has-carousel .premium-banner-container { position: relative; overflow: hidden; background-color: #f2f2f2; } .brand-banner-copy, .premium-banner-copy { position: absolute; text-align: center; z-index: 12; } .brand-banner-copy a, .brand-banner-copy a:hover, .premium-banner-copy a, .premium-banner-copy a:hover { color: #000; } .premium-banner-copy-overlay-mobile { width: 100%; } div.premium-banner-copy p a.premium-links:hover { color: #ff6a00; transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; } .copy-left { top: 50%; right: 62%; padding-left: 7em; } .copy-right { top: 50%; right: 10%; left: 50%; } .copy-top { top: 25px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); } .copy-bottom { bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } .copy-centered { top: 45%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .premium-banner-image { line-height: 0; margin: 0; padding: 0; text-align: center; height: 100%; width: 100%; overflow: hidden; position: relative; max-height: 250px; } .premium-banner-image img { display: block; position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-height: 100%; max-width: none; transform: translate(-50%, -50%); height: 600px; cursor: pointer; } .premium-banner-copy h2 { font-size: 3em; line-height: 1.2em; color: #000; } .brand-banner-copy h3 { font-size: 1.1em; line-height: 1.4em; color: #000; padding: .5em; } .brand-stories .has-carousel .premium-jumps span { display: block; width: 12px; height: 12px; margin: 5px 7px; border-radius: 20px; opacity: .5; border: 1px solid #6f7170; background: #fff; } .brand-banner-copy.copy-bottom h3, .brand-banner-copy.copy-left h3, .brand-banner-copy.copy-right h3, .brand-banner-copy.copy-top h3 { font-family: Lato, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 3em; line-height: 1.4em; color: #000; } .premium-banner-copy p { margin: .2em 0; } .premium-banner-copy p.premium-quote { margin-left: auto; margin-right: auto; font-family: Lato, Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.4em; color: #000; text-transform: uppercase; max-width: 44em; font-weight: 900; } .premium-banner-copy p.premium-quote-source { font-family: Lato, Helvetica, Arial, sans-serif; font-size: .9em; color: #000; font-weight: 400; } .premium-banner-copy p a.premium-links:first-child { margin: 0 1.2em 0 0; } .premium-banner-copy p a.premium-links { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 1.4em; line-height: 1.6em; color: #3e8ddd; font-weight: 400; } .brand-banner-copy h3.copy-white, .premium-banner-copy h2.copy-white { color: #fff; font-size: 6.4em; line-height: 1.2em; text-shadow: 0 1px 12px #000; margin: .9em 0 0; padding: 0; } .brand-banner-copy p.copy-white, .premium-banner-copy p.copy-white { font-family: Lato, Helvetica, Arial, sans-serif; text-transform: uppercase; width: 100%; color: #fff; font-size: 170%; letter-spacing: .1em; line-height: 1em; text-shadow: 0 1px 12px #000; margin: 0; padding: 0 .1em; font-weight: 900; } .brand-banner-copy p.copy-white-source, .premium-banner-copy p.copy-white-source { color: #fff; font-size: 130%; line-height: 1em; text-shadow: 0 1px 12px #000; margin: .4em 0 .6em; padding: 0; } .premium-banner-copy p a.copy-white { color: #ff6a00; text-shadow: 0 1px 12px #000; } .premium-banner-copy p a.copy-white:hover { color: #fff; } .image-left, .image-right { position: absolute; max-width: 1165px; padding: 0; } .image-right { left: 44.4%; max-height: none; } .image-left { left: 5%; max-height: none; } .has-carousel .image-left, .no-carousel .image-left { left: 0; min-width: 100%; } .has-carousel .image-right, .no-carousel .image-right { min-width: 100%; } .image-bottom { display: block; position: relative; margin: 0 auto; max-height: none; } .pageWrapper .footer-navigation-column-4 > li { max-width: none; } .is-hidden { display: none; } div.brand-story { text-align: center; overflow: hidden; max-height: 600px; } div.brand-stories .has-icon img { display: inline-block; margin: 0; } .brand-banner-copy.copy-centered { position: absolute; display: inline-block; top: 50%; left: 50%; background: rgba(0, 0, 0, .7); text-align: center; text-transform: uppercase; line-height: 1.2em; z-index: 2; padding: .3em; min-width: 60%; font-family: Lato, Helvetica, Arial, sans-serif; font-weight: 100; } .brand-banner-copy.copy-centered h3 a { color: #fff; transition: .2s; background: 0; } .brand-banner-copy.copy-centered h3 a:hover { background: 0; color: #ff6a00; } .brand-banner-image { line-height: 0; margin: 0; padding: 0; } div.brand-stories img { display: block; margin: 0 auto; height: 100%; } div.promos-home { max-width: 100em; margin-left: auto; margin-right: auto; padding: 3em 0; vertical-align: top; overflow: hidden; } div.promos-home:empty { display: none; } div.promos-home::after { clear: both; content: ""; display: table; } div.promo { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; text-align: center; vertical-align: top; } div.promo:last-child { margin-right: 0; } div.promo-count-3 { text-align: center; } div.promo-count-3 div.promo { float: none; display: inline-block; width: 31%; } div.promo img { display: block; width: 100%; max-height: 220px; padding: 0 0 .4em; } div.promo-count-3 div.promo img { max-height: 100%; } div.promo p { font-family: Lato, Helvetica, Arial, sans-serif; padding: 2px .1em 0 .1em; color: #000; font-size: .8em; line-height: 1.2em; margin: 0 auto; } div.promo p a.promo-header { font-family: Lato, Helvetica, Arial, sans-serif; font-size: 1.36em; line-height: 1.1em; text-transform: uppercase; color: #000; font-weight: 300; } div.promo p a.promo-header:hover { color: #4ac0e0; } #premium-banner-video { position: relative; background-color: #000; height: 600px; overflow: hidden; } #premium-banner-video #hero-ytplayer { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } #premium-banner-video h2, #premium-banner-video .premium-quote a, #premium-banner-video .premium-quote-source a { color: #fff; } #rwd-overlay-video-wrapper { height: 600px; overflow: hidden; position: absolute; z-index: 11; width: 100%; } #ytplayer-wrapper { padding-bottom: 56.25%; height: 0; position: relative; } #ytplayer-wrapper #ytplayer { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .has-video { position: relative; cursor: pointer; } .has-video:before, .has-video:after { content: ""; position: absolute; display: block; cursor: pointer; } .has-video:before { width: 35px; height: 35px; border-radius: 20em; background-color: #fff; z-index: 10; right: -59.5px; bottom: -8px; transform: translate(-50%, 0); border: 1px solid rgba(0, 0, 0, .4); } .has-video:before:hover { background-color: #dadada; } .has-video:after { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 16px solid #000; z-index: 11; right: -38.5px; bottom: -6px; transform: translate(-35%, -54%); } .has-video:after:hover { border-left-color: #000; } .has-video:hover:before { background-color: #dadada; border: 1px solid rgba(0, 0, 0, .7); } .has-video:hover:after { border-left-color: #000; } #js-ytCloseButton { width: 21px; height: 21px; border-radius: 20em; background-color: #ccc; position: absolute; z-index: 20; cursor: pointer; top: 5%; right: 2.5%; } #js-ytCloseButton:before, #js-ytCloseButton:after { content: ""; position: absolute; display: block; cursor: pointer; width: 3px; height: 23px; background-color: #000; margin-left: 9px; margin-top: 0; } #js-ytCloseButton:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } #js-ytCloseButton:after { -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); } #js-ytCloseButton:hover { background-color: #777; } .lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lightSlider:before, .lightSlider:after { content: " "; display: table; } .lightSlider { margin: 0; } .lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } .lSSlideWrapper > .lightSlider:after { clear: both; } .lSSlideWrapper .lSSlide { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform, height; transition-property: transform, height; -webkit-transition-duration: inherit  !important; transition-duration: inherit  !important; -webkit-transition-timing-function: inherit  !important; transition-timing-function: inherit  !important; } .lSSlideWrapper .lSFade { position: relative; } .lSSlideWrapper .lSFade > * { position: absolute  !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } .lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0; transition-delay: 0; -webkit-transition-duration: inherit  !important; transition-duration: inherit  !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit  !important; transition-timing-function: inherit  !important; } .lSSlideWrapper .lSFade > *.active { z-index: 10; } .lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } .lSSlideOuter .lSPager.lSpg { margin: 0  !important; padding: 0; text-align: center; position: absolute; width: 100%; } .lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline; padding: 0 5px; } .lSSlideOuter .lSPager.lSpg > li a { background-color: #222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; -webkit-transition: all .5s linear 0; transition: all .5s linear 0; } .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; } .lSSlideOuter .media { opacity: .8; } .lSSlideOuter .media.active { opacity: 1; } .lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius .12s linear 0 .35s linear 0; transition: border-radius .12s linear 0 .35s linear 0; } .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; } .lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } .lSSlideOuter .lSPager.lSGallery:after { clear: both; } .lSAction > a { width: 32px; display: block; top: 45%; height: 32px; background-image: url("/_ui/desktop/common/css/images/colorbox/controls.png"); cursor: pointer; position: absolute; margin-top: -16px; opacity: .5; -webkit-transition: opacity .35s linear 0; transition: opacity .35s linear 0; } .lSAction > a:hover { opacity: 1; } .lSAction > .lSPrev { background-position: 0 0; left: 10px; } .lSAction > .lSNext { background-position: -32px 0; right: 10px; } .lSAction > a.disabled { pointer-events: none; } .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; } .lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0  !important; } .lSSlideOuter.vertical .lSGallery { position: absolute  !important; right: 0; top: 0; } .lSSlideOuter.vertical .lightSlider > * { width: 100%  !important; max-width: none  !important; } .lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } .lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } .lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } .lSSlideOuter.lSrtl { direction: rtl; } .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager { padding-right: 0; } .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li { float: left; } .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li { float: right  !important; } @-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } @-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } @-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } @-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } @keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } .lSSlideOuter .rightEnd { -webkit-animation: rightEnd .3s; animation: rightEnd .3s; position: relative; } .lSSlideOuter .leftEnd { -webkit-animation: leftEnd .3s; animation: leftEnd .3s; position: relative; } .lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd .3s; animation: topEnd .3s; position: relative; } .lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd .3s; animation: bottomEnd .3s; position: relative; } .lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd .3s; animation: leftEnd .3s; position: relative; } .lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd .3s; animation: rightEnd .3s; position: relative; } .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .heroSlider .lSAction, .brandSlider .lSAction { position: absolute; } .heroSlider .lSAction .lSPrev, .heroSlider .lSAction .lSNext, .brandSlider .lSAction .lSPrev, .brandSlider .lSAction .lSNext { height: 78px; width: 42px; margin-top: 0; background-image: none; position: relative; } #rotating-hero-banner { position: relative; } .heroSlider .lSPager.lSpg > li { padding: 0 10px; } .heroSlider .lSPager.lSpg > li a { background-color: #ddd; border-radius: 0; width: 4em; height: .556em; } .heroSlider .lSPager.lSpg > li:hover a, .heroSlider .lSPager.lSpg > li.active a { background-color: #000; opacity: .5; } .heroSlider .lSAction { width: 100%; margin-top: -340px; *zoom: 1; } .heroSlider .lSAction:after { content: ""; display: table; clear: both; } .heroSlider .lSAction > a { z-index: 10; } .heroSlider .lSAction .lSPrev { float: left; } .heroSlider .lSAction .lSPrev:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 3.5em; height: 3.5em; border-top: 2px solid #2b2b2b; border-left: 2px solid #2b2b2b; left: 5px; bottom: 17px; -moz-transform: rotateZ(-52deg) skewX(-15deg); -ms-transform: rotateZ(-52deg) skewX(-15deg); -webkit-transform: rotateZ(-52deg) skewX(-15deg); transform: rotateZ(-52deg) skewX(-15deg); } .heroSlider .lSAction .lSPrev:hover:after { border-color: #aaa; } .heroSlider .lSAction .lSNext { float: right; } .heroSlider .lSAction .lSNext:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 3.5em; height: 3.5em; border-top: 2px solid #2b2b2b; border-left: 2px solid #2b2b2b; left: -7px; bottom: 17px; -moz-transform: rotateZ(-232deg) skewX(-15deg); -ms-transform: rotateZ(-232deg) skewX(-15deg); -webkit-transform: rotateZ(-232deg) skewX(-15deg); transform: rotateZ(-232deg) skewX(-15deg); } .heroSlider .lSAction .lSNext:hover:after { border-color: #aaa; } .brandSlider .lSPager.lSpg { margin: -30px 0 0 0; background: rgba(0, 0, 0, .7); position: relative; } .brandSlider .lSPager.lSpg > li a { background-color: #ddd; } .brandSlider .lSPager.lSpg > li:hover a, .brandSlider .lSPager.lSpg > li.active a { background-color: #000; } .brandSlider .lSAction { width: 100%; margin-top: -340px; *zoom: 1; } .brandSlider .lSAction:after { content: ""; display: table; clear: both; } .brandSlider .lSAction > a { z-index: 10; } .brandSlider .lSAction .lSPrev { float: left; } .brandSlider .lSAction .lSPrev:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 3.5em; height: 3.5em; border-top: 2px solid #2b2b2b; border-left: 2px solid #2b2b2b; left: 5px; bottom: 17px; -moz-transform: rotateZ(-52deg) skewX(-15deg); -ms-transform: rotateZ(-52deg) skewX(-15deg); -webkit-transform: rotateZ(-52deg) skewX(-15deg); transform: rotateZ(-52deg) skewX(-15deg); } .brandSlider .lSAction .lSPrev:hover:after { border-color: #aaa; } .brandSlider .lSAction .lSNext { float: right; } .brandSlider .lSAction .lSNext:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 3.5em; height: 3.5em; border-top: 2px solid #2b2b2b; border-left: 2px solid #2b2b2b; left: -7px; bottom: 17px; -moz-transform: rotateZ(-232deg) skewX(-15deg); -ms-transform: rotateZ(-232deg) skewX(-15deg); -webkit-transform: rotateZ(-232deg) skewX(-15deg); transform: rotateZ(-232deg) skewX(-15deg); } .brandSlider .lSAction .lSNext:hover:after { border-color: #aaa; } #promoBumper2 .lSSlideWrapper, #promoBumper2 .lSSlideOuter { overflow: visible; } #promoBumper2 .lSSlideWrapper { padding-left: 1.25em; } .promo-carousel .lSAction { height: 105%; } .promo-carousel .lSAction .lSPrev, .promo-carousel .lSAction .lSNext { background-color: #fff; background-image: none; border: 0 solid #000; height: 100%; top: 0; margin-top: 0; opacity: 1; width: 65px; } .promo-carousel .lSAction .lSPrev { left: -48px; border-right-width: 1px; } .promo-carousel .lSAction .lSPrev:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 2.25em; height: 2.25em; border-top: 2px solid #000; border-left: 2px solid #000; left: 40%; bottom: 45%; -moz-transform: rotateZ(-52deg) skewX(-15deg); -ms-transform: rotateZ(-52deg) skewX(-15deg); -webkit-transform: rotateZ(-52deg) skewX(-15deg); transform: rotateZ(-52deg) skewX(-15deg); } .promo-carousel .lSAction .lSPrev:hover:after { border-color: #888; } .promo-carousel .lSAction .lSNext { border-left-width: 1px; } .promo-carousel .lSAction .lSNext:after { content: ""; display: block; position: absolute; overflow: hidden; font-size: 12px; width: 2.25em; height: 2.25em; border-top: 2px solid #000; border-left: 2px solid #000; left: 18%; bottom: 45%; -moz-transform: rotateZ(-232deg) skewX(-15deg); -ms-transform: rotateZ(-232deg) skewX(-15deg); -webkit-transform: rotateZ(-232deg) skewX(-15deg); transform: rotateZ(-232deg) skewX(-15deg); } .promo-carousel .lSAction .lSNext:hover:after { border-color: #888; } @media (max-width: 73.75em) { .premium-banner-container, .premium-banner-wrapper { height: 500px; background-color: #dfdfdf; } #premium-banner-video { height: 500px; } } @media (max-width: 30em) { .premium-banner-container, .premium-banner-wrapper { height: 450px; background-color: #e6e6e6; } #promoBumper2 .lSSlideWrapper { padding-left: 0; } } @media screen and (max-width: 120em) { .image-bottom { top: 198px; } .image-full { display: block; width: 1920px; position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); } div.promos-home { padding: 3em; } #promoBumper div.promos-home { padding: 4em 3em 3em 3em; } } @media (min-width: 120em) { .promos-home { padding: 3em  !important; } } @media (min-width: 64em) and (max-width: 76.75em) { .image-left { left: -20%; } } @media (max-width: 53em) { div.promo p a.promo-header { font-size: 1.1em; } div.promo { margin-bottom: 2em; } div.promo p { font-size: .9em; } div.promo-count-3 div.promo { float: left; display: inline-block; width: 48%; } div.promo-count-3 div.promo:first-child { float: none; clear: left; display: block; margin-left: auto; margin-right: auto; } .premium-banner-copy h2 { font-size: 1.8em; color: #000; } .brand-banner-copy.copy-centered { font-size: .875em; line-height: 100%; z-index: 2; max-width: 75%; width: 75%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } div.promo { float: left; display: block; width: 48.82117%; padding: .3em .8em; min-height: 15em; } div.promo:last-child { margin-right: 0; } .image-bottom, .image-left, .image-right { position: relative; width: 100%; } .brand-banner-copy, .premium-banner-copy { position: relative; margin-left: .8em; margin-right: .8em; } .image-right, .image-left, .image-top, .image-bottom { left: 0; padding: .8em 0 0 0; } .image-bottom { top: 120px; display: block; } .premium-banner-image img { max-height: 250px; width: auto; } .promos-home { padding: 1em .1em; } .image-left { left: 0; padding: .8em; } .mobile-sniffer { width: 1px; } #js-ytCloseButton { top: 10%; } .heroSlider .premium-banner-copy, .hero-carousel .premium-banner-copy, #premium-banner-video .premium-banner-copy { top: 75%; right: auto; left: 50%; bottom: auto; position: absolute; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding-left: 0; } .heroSlider .premium-banner-copy img, #premium-banner-video .premium-banner-copy img { max-height: 35px; max-width: 35vw; } .heroSlider .premium-banner-image, .hero-carousel .premium-banner-image, #premium-banner-video .premium-banner-image { background-color: #f2f2f2; -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .heroSlider .premium-banner-image, #premium-banner-video .premium-banner-image img { min-height: 250px; } .promo-carousel .lSAction .lSPrev, .promo-carousel .lSAction .lSNext { display: none; } .promo-carousel .lSAction .lSPrev { left: -32px; } .promo-carousel .lSAction .lSNext { right: -32px; } } @media screen and (max-width: 50em) { div.promo img { max-height: 210px; } div.brand-story { height: 250px; } div.brand-stories img { width: auto; z-index: 1; max-width: none; } div.promos-home { padding: 1em 1.5em; } div.promo { float: left; display: block; width: 48.82117%; margin: 0; padding: .5em .5em 0; } div.promo:last-child { margin-right: 0; } div.promo p { font-size: .9em; } } @media screen and (max-width: 26.25em) { div.promo { min-height: 13em; } div.promo img { max-height: 100px; } .premium-banner-copy p.premium-quote { font-size: .8em; } div.premium-banner-copy p.premium-quote-source { font-size: .75em; } div.premium-banner-copy p a.premium-links { font-size: 1em; } .js .pageWrapper .countrySelector-wrapper { width: 18em  !important; } .image-full { max-width: 1371px; } div.promos-home { padding: .4em .8em; } div.promo p { padding: 0; font-size: .78em; } div.promo p a.promo-header { font-size: 1.1em; } } @media screen and (max-width: 85em) { div.brand-story { height: 100%; min-height: 250px; } div.promos-home, #promoBumper div.promos-home { padding: 4em 1em 1em 1em; } } @media screen and (max-width: 22.5em) { div.promos-home { padding: 2em .4em .2em .4em; } } @media screen and (max-width: 85em) { div.promo img { max-height: 180px; } } @media (max-width: 26em) { #premium-banner-video { height: 360px; } } @media only screen and (min-width: 50em) { #premium-banner-video #rwd-video-wrapper { padding-bottom: 56.25%; height: 0; position: relative; } } @media (min-width: 64.06em) { .heroSlider .lSPager.lSpg > li a { padding: 0 5px; width: 3em; height: .557em; } } @media (max-width: 67.5em) { .heroSlider .lSAction { display: none  !important; } .brandSlider .lSAction { display: none  !important; } } @media (max-width: 53em) and (max-width: 30em) { .heroSlider .premium-banner-copy img, #premium-banner-video .premium-banner-copy img { margin-bottom: -10px; } } @media screen and (max-width: 30em) { .premium-quote-source + p a.premium-links { font-size: 1.1em; } } @media screen and (max-width: 40em) { .premium-quote-source + p { line-height: 1em; } .premium-quote-source + p a.premium-links { font-size: 1.2em; line-height: 1em; } } .nav .general_Menu .other_menu > a:before { background: url(/_ui/desktop/common/css/images/masthead/rb_icons.png) no-repeat top -226px left -4px; } .footer-bottomBar-wrapper small, .footer-bottomBar-wrapper .footer-bottomBar-nav { float: none; display: inline-block; } .footer-bottomBar-nav { margin-left: 5px; } @media (min-width: 53.125em) { .promos-home.promo-slider { width: 95%; } #promoBumper2 .lSSlideWrapper { padding-left: 0; padding-right: 1.25em; } .promo-carousel .lSAction .lSPrev, .promo-carousel .lSAction .lSNext { background-color: #fff; background-image: none; border: 0 solid #000; height: 100%; top: 0; margin-top: 0; opacity: 1; width: 45px; } .promo-carousel .lSAction .lSPrev:after { width: 2em; height: 2em; } .promo-carousel .lSAction .lSNext:after { width: 2em; height: 2em; left: 0; } .promo-carousel .lSAction .lSNext { border-left-width: 1px; } .promo-carousel .lSAction .lSPrev { left: -48px; border-right-width: 1px; } } @media (max-width: 53em) { .image-right { max-width: 70%; } .heroSlider .premium-banner-copy, .hero-carousel .premium-banner-copy { width: 90%; padding: 0; margin: 0; } } .hp-h1tag { position: absolute; left: -1000000px; } @media (max-width: 37.5em) { .hero-carousel .premium-banner-image .has-mobile-hero, .brand-stories .premium-banner-image .has-mobile-hero { display: none  !important; } .hero-carousel .premium-banner-image .mobile-hero, .brand-stories .premium-banner-image .mobile-hero { display: block  !important; } } @media (min-width: 37.5em) { .hero-carousel .premium-banner-image .has-mobile-hero, .brand-stories .premium-banner-image .has-mobile-hero { display: block  !important; } .hero-carousel .premium-banner-image .mobile-hero, .brand-stories .premium-banner-image .mobile-hero { display: none  !important; } } a.compare-removeall { color: #009dd9; } .phoneNumberPopup { position: absolute; width: 200px; background: #fff; display: none; border: 1px solid #ebebeb; border-top: 0; z-index: 99; right: 0; } .phoneNumberPopup ul li { list-style-type: none; } .phone_menu .phoneNumberPopup ul li .has-nosubmenu span { display: block; } .nav .general_Menu .phone_menu { position: relative; } .phoneNumberPopup ul { padding-left: 10px; } .phone_menu.gen_menu:hover .phoneNumberPopup { display: block; } @media (min-width: 53em) and (max-width: 73.75em) { .brand-story .premium-banner-image img, #rotating-hero-banner .premium-banner-image img { max-height: 500px; } } @media (max-width: 52.9375em) { .hero-carousel .premium-banner-image img.mobile-hero.image-top { max-height: none; height: 100%; } .hero-carousel .premium-banner-image img.image-top { max-height: 100%; } } @media (min-width: 50em) and (max-width: 52.9375em) { .hero-carousel .premium-banner-image img.image-top { max-height: 110%; } } .brand-story div.brand-story { height: 250px; } .brand-story .premium-banner-image img { max-height: 250px; } @media (min-width: 50em) { .brand-story div.brand-story { height: 350px; } .brand-story .premium-banner-image img { max-height: 350px; } } @media (min-width: 73.75em) { .brand-story div.brand-story { height: 600px; } .brand-story .premium-banner-image img { max-height: none; } } @media (min-width: 53em) and (max-width: 85em) { .promo-carousel .lSAction .lSNext { right: -20px; } #promoBumper2 .lSSlideOuter { padding-left: 2em; } } @media (min-width: 85em) { .promo-carousel .lSAction .lSNext { right: -48px; } } .salestag-New { font-weight: bold; } @media (min-width: 76.75em) { .mainFooter .pageWrapper { width: 100%; } } @media (min-width: 750px) { aside.bar_3-logos.bar_logos_right { display: block  !important; margin-top: 3%  !important; width: auto; } .affinity_bar3_width { background-color: #e3e3e3; float: left; width: 50%; } } @media (max-width: 750px) { .affinity_bar3_width { width: 100%; background-color: #e3e3e3; } } .affinityDiv { padding-top: 0  !important; min-height: 10%  !important; display: block  !important; } .affinityDiv .pageWrapper { width: 100%  !important; } .affinityLogoImage { display: block; float: left; margin-right: 5px; margin-top: -10px; max-height: 60px; max-width: 241px; } .afiinity_welcomemessge, .afiinity_graymemessge { padding-left: 90px  !important; word-break: break-word; padding-left: 10px; font-size: 1.875em; float: left; color: #414141; font-weight: 350; line-height: 1; padding-top: 13px; word-break: break-word; } .afiinity_welcomemessge span { color: green; } /*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face { font-family: "FontAwesome"; src: url("/_ui/desktop/common/css/fonts/fontawesome-webfont.eot?v=4.2.0"); src: url("/_ui/desktop/common/css/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("/_ui/desktop/common/css/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("/_ui/desktop/common/css/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("/_ui/desktop/common/css/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } @media screen and (max-width: 480px) { .eCoupon-wrapper { display: flex; height: 70px; background-color: #333; justify-content: center; align-items: center; } .eCoupon-message { width: 275px; height: 38px; font-family: Lato; font-size: 16px; line-height: 1.5; color: #fff; } .eCoupon #masMastheadModule { top: 70px; } } @media screen and (min-width: 481px) and (max-width: 768px) { .eCoupon-wrapper { display: flex; height: 70px; background-color: #333; justify-content: center; align-items: center; } .eCoupon-message { height: 16px; font-family: Lato; font-size: 18px; line-height: 1.33; color: #fff; } .eCoupon #masMastheadModule { top: 70px; } } @media screen and (min-width: 769px) { .eCoupon-wrapper { display: flex; height: 69px; background-color: #333; justify-content: center; align-items: center; } .eCoupon .eCoupon-wrapper { position: fixed; width: 100%; top: 0; z-index: 999; } .eCoupon #masMastheadModule { top: 69px; } .eCoupon-message { height: 21px; font-family: Lato; font-size: 24px; line-height: 1; color: #fff; } } .eCoupon-remove { position: fixed; width: 17px; height: 17px; right: 11px; top: 11px; font-size: 24px; color: #fff; opacity: .8; } .eCoupon-remove:hover, .eCoupon-remove:focus { opacity: 1; } .lsb_contaienr { display: inline-block; padding: 24px 20px 19px 20px; } .lsb_contaienr .title { color: #000; font-size: 26px; font-weight: bold; letter-spacing: 0; line-height: 32px; } .lsb_contaienr .desc { color: #000; font-size: 16px; letter-spacing: 0; line-height: 19px; margin-top: 8px; margin-bottom: 35px; } .lsb_contaienr .autoDetect { color: #000; font-size: 16px; letter-spacing: 0; line-height: 19px; } .lsb_contaienr .detectBtn { display: inline-block; height: 45px; color: #fff; font-size: 16px; letter-spacing: 0; line-height: 19px; text-align: center; border-radius: 4px; background-color: #1976a1; padding: 0 45px; margin-top: 13px; margin-bottom: 14px; cursor: pointer; outline: 0; border: 0; font-family: Lato; } .lsb_contaienr .detectBtn svg { margin-right: 10px; } .lsb_contaienr .confirmation_popup .detectBtn { transform: translateX(-50%); position: relative; left: 50%; bottom: 0; margin-top: 27px; margin-bottom: 0; padding: 0 90px; } .lsb_contaienr .detectBtn span { margin-top: 22.5px; display: inline-block; transform: translateY(-50%); } .lsb_contaienr .requiresLsb { color: #1976a1; font-size: 16px; letter-spacing: 0; line-height: 19px; cursor: pointer; } .lsb_contaienr .requiresLsb .requiresLsbIcon { height: 18px; width: 18px; display: inline-block; font-size: 13px; font-weight: 600; line-height: 18px; border-radius: 10px; text-align: center; border: 1.8px solid #606060; color: #606060; margin-right: 9px; margin-left: 7px; vertical-align: top; } .confirmation_popup { padding: 16px 38px 28px 37px; } .confirmation_popup .confir_main_text .confir_main_text_title { color: #000; font-family: Lato; font-size: 22px; font-weight: 300; letter-spacing: 0; line-height: 27px; } .confirmation_popup .confir_main_text .confir_main_text_content { color: #000; font-family: Lato; font-size: 16px; letter-spacing: 0; line-height: 23px; margin-top: 16px; margin-bottom: 27px; } .confirmation_popup .watch_video_label { color: #000; } .lsb_contaienr .lsb_dialog_wrap .confirmation_popup { display: none; width: 600px; box-shadow: 0 0 9px 0 rgba(0, 0, 0, .25); background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .confirmation_popup .confirmPopcloseBtn { width: 24px; height: 24px; font-size: 38px; line-height: 24px; display: inline-block; text-align: center; position: absolute; right: 14px; top: 12px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); cursor: pointer; color: #000; } .lsb_dialog_wrap { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .5); z-index: 999; display: none; } .lsb_popup { position: fixed; height: auto; top: 25%; left: 50%; border: 1px solid #333; background: #fff; display: none; } .lsb_checking { width: 650px; padding: 10px 15px; margin-left: -325px; color: #333; line-height: 1.42857; font-size: 14px; } .lsb_checking h4 { color: #1976a1; font-weight: normal; border-bottom: 1px solid #1976a1; padding: 10px 0 11px; margin: 0; font-size: 22px; text-align: center; line-height: 1.1; } .lsb_title { position: relative; } .lsb_close { position: absolute; top: -2px; right: -8px; color: #1976a1; cursor: pointer; } .lsb_checking .lsb_close:after { font-family: "FontAwesome"; content: "\f00d"; } .lsb_checking p { margin: 10px 0 10px; font-size: 14px; line-height: 1.42857; } .lsb_loading_img { width: 100px; height: 100px; margin: 10px auto; position: relative; font-size: 14px; line-height: 20px; } .lsb_loading_img p { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 100%; text-align: center; margin: 0; line-height: 20px; } .updating_txt { display: none; } .lsb_download { width: 600px; margin-left: -300px; padding: 16px 34px 16px 33px; color: #000; border: 0; font-weight: normal; text-align: center; } .lsb_download h4 { margin: 0; font-size: 22px; font-weight: 300; letter-spacing: 0; line-height: 1.227271; } .lsb_popup h4 .lsc_title_icon { display: inline-block; margin-right: 8px; vertical-align: middle; } .lsb_download .lsb_close { font-size: 18px; color: #000; top: -1px; right: -17px; } .lsb_download .lsb_title { margin-bottom: 16px; text-align: left; padding-left: 6px; } .lsb_download .subtitle { min-height: 37px; font-size: 16px; letter-spacing: 0; line-height: 1.4375; margin-bottom: 13px; padding: 0 4px 0; text-align: left; background: 0; color: #000; } .lsb_download .lsb_features { display: flex; } .lsb_download .lsb_feature { flex: 1; margin-left: 22px; } .lsb_download .lsb_feature:first-of-type { margin-left: 0; } .lsb_download .feature_icon { display: block; height: 32px; } .lsb_download .lsb_feature p { margin: 0; margin-top: 9px; font-size: 16px; letter-spacing: 0; line-height: 1.4375; text-align: center; } .lsb_download .lsc_tnc { margin: 0; margin-top: 35px; padding: 0 4px; font-size: 16px; letter-spacing: 0; line-height: 1.5; text-align: left; } .lsc_tnc_label input { display: none; } .lsc_tnc_label .checkbox_select { display: none; } .lsc_tnc_label.confirmed .checkbox_default { display: none; } .lsc_tnc_label.confirmed .checkbox_select { display: inline; } .lsc_tnc_label { margin: 0 8px 0 0; font-weight: normal; vertical-align: middle; } .lsc_tnc_label svg { cursor: pointer; } .lsc_tnc a { font-family: Lato; color: #1976a1; text-decoration: none; outline: 0; } .lsc_download_button { box-sizing: border-box; width: 416.67px; min-height: 45px; margin: 29px 0 22px; padding: 0 6px 0; font-family: Lato; color: #fff; font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 1.1875; text-align: center; border: 1px solid #1976a1; border-radius: 4px; background-color: #1976a1; cursor: pointer; outline: 0; } .lsc_download_button.disabled { color: #757575; border: 1px solid #bcbcbc; background-color: #fff; cursor: default; } @media screen and (max-width: 750px) { .lsb_contaienr { display: none; } } }