/* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/4.1.productdetails.css' (Mode: Static) */ /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH]: 4.1.productdetails.css //////////////////////////////////////////////////////////////////////////////*/ div#breadcrumbnav { padding: 8px } div.globalbanner { display: none } div.productbanner { clear: both; float: left; width: 100%; margin-top: 1px } div.productbanner img { width: 100% } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Product Details //////////////////////////////////////////////////////////////////////////////*/ div.productdetails { margin: 10px 0; clear: both; float: left; width: 100% } div.productdetails div#proddetails { float: left; width: 100%; clear: left; margin-top: 20px; } div.productdetails div#proddetails.detailsright, div.pdsupply.detailsright { float: right; clear: right } div.pdsupply.detailsright { width: 100% } div#maincontent div.productname { float: left; width: 100%; padding-bottom: 5px } div#maincontent div.productname.prdnameright { float: right } div#maincontent div.productname div.review_rating div.avgreviews { display: none } div#maincontent div.productname div.review_rating div.totalreviews { display: flex; flex-flow: row-reverse } div#maincontent div.productname div.review_rating div.totalreviews span.ratingcount span.avgcount, div#maincontent div.productname div.review_rating div.totalreviews span.ratingcount span.revlbl { display: none } div.productname h1 { color: #000000; font-weight: var(--default-font-weight-semi-bold); font-size: 34px; line-height: normal; } #productname sup { font-size: 21px; } div.productname div.supplystock { background: #4f4f4f; color: #fff; float: left; font-family: open sans, sans-serif; font-weight: 400; line-height: normal; margin-top: 10px; padding: 5px 10px; font-size: 12px } div.productname div.supplystock.supindincative { display: none } div.productdetails div.prodmainimage { float: none; max-width: 600px; width: 100%; margin: auto; text-align: center; display: flex; justify-content: center; align-items: center; flex-wrap: wrap } div.productdetails div.prodmainimage div#prodmainimage { width: calc(100% - 90px); float: left } div.productdetails div.prodmainimage div#prodmainimage.noaltimage { width: 100% } div.productdetails div.prodmainimage div.owl-carousel div.owl-stage { align-items: center; margin: 0 auto; justify-content: center } div.productdetails div.prodmainimage div.owl-carousel div.owl-dots { display: none; } div.productdetails div.prodmainimage div.owl-carousel div.owl-nav { width: 100%; right: auto; display: block; top: 50%; margin: 0; transform: translateY(-50%) } div.productdetails div.prodmainimage div.owl-carousel div.owl-nav button { font-family: FontAwesome; text-indent: 0; height: auto; font-size: 30px; background: none !Important } div.productdetails div.prodmainimage div.owl-carousel div.owl-nav button span { display: none } div.productdetails div.prodmainimage div.owl-carousel div.owl-nav button.owl-prev:before { content: "\f104" } div.productdetails div.prodmainimage div.owl-carousel div.owl-nav button.owl-next:before { content: "\f105" } div.productdetails div.prodmainimage div#alternateimages_carousel_content.owl-carousel { width: 95%; } div.productdetails div.prodmainimage div#alternateimages_carousel_content.owl-carousel div.owl-nav { display: none } div.productdetails div.prodmainimage div#alternateimages_carousel div.owl-carousel div.owl-nav { display: none; } div.productdetails div.prodmainimage div.carouselimageitem1 { position: relative } div.productdetails div.prodmainimage div.carouselimageitem1 div.lowpricebadge { position: absolute; right: 0; top: 0; width: 150px; height: 150px; background: url("//media.mercolamarket.com/assets/images/shop/EN-Low-Price-Badge.png") no-repeat 0 0; background-size: contain; z-index: 1; } div.productdetails div.prodmainimage div.carouselimageitem1 div.bestseller { position: absolute; top: 0; left: 0; background: #da8627; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: var(--default-font-weight-semi-bold); } div.productdetails div.warningmsg { clear: both; overflow: hidden; } div.productname div.productuomdetails { display: flex; font-size: 15px; color: #999999; margin: 3px 0 15px; flex-wrap: wrap; align-items: center; } div.productname div.productuomdetails div.uomdetailsproduct, div.productname div.productuomdetails div.uomdetails { border-right: 1px solid #999999; padding-right: 10px; margin-right: 10px; line-height: 15px; } div.productdetails div.prodmainimage div#movetowishlist { background: #edebe9 } div.productdetails div.prodmainimage div#movetowishlist a { color: #2369b4; font-size: 13px; font-weight: var(--default-font-weight-bold); padding-bottom: 0 } div.productdetails div.prodmainimage div#movetowishlist a + span.wishlistmsg { width: 100%; padding-bottom: 6px } div.prdvideo1, div.prdvideo2, div.prdvideo3 { clear: both; float: left; width: 100%; margin: 15% 0; padding-bottom: 56.25%; position: relative; bottom: 0; left: 0; top: 0 } div.prdvideo1, div.prdvideo2, div.prdvideo3 { display: block } div.prdvideo1 iframe, div.prdvideo2 iframe, div.prdvideo3 iframe { height: 100%; position: absolute; width: 100%; left: 0; padding: 0 5px; } div.productvideo.videoedge iframe { position: static; height: 315px } div.productdetails div#proddetails div.skudropdown div.selectbox { min-height: 42px } div.skudropdown div.optionbox { clear: both; overflow: hidden; } div.skudropdown div.optionboxcl { min-height: 95px } div#skudetails { padding-bottom: 0px; } div.color_swatch { min-height: 45px; margin-bottom: 20px } div.color_swatch dl#skucolorswatch dd { display: flex; flex-direction: column } div.color_swatch dl#skucolorswatch dd label { width: 100%; color: #333; font-weight: var(--default-font-weight-bold); font-size: 14px } div.size_swatch { margin-bottom: 20px } div.size_swatch dl#skusizeswatch dd label { width: auto; color: #333; font-weight: var(--default-font-weight-bold); font-size: 14px; } div.size_swatch dl#skusizeswatch dd ul.sizeswatchlinks { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 0px; position: relative; left: -10px; width: 100%; padding-right: 1px; } div.size_swatch dl#skusizeswatch dd ul.sizeswatchlinks li { width: calc(33% - 10px); margin-left: 10px; margin-bottom: 10px; } div.size_swatch dl#skusizeswatch dd ul.sizeswatchlinks li a { cursor: pointer; width: 100%; border: 1px solid #999; padding: 2px; border-radius: 10px; display: block; margin: 0 10px 0 0; display: flex; align-items: center; justify-content: center; text-transform: uppercase; min-height: 35px; text-align: center; line-height: 1; } div.size_swatch dl#skusizeswatch dd ul.sizeswatchlinks li.selected a { border: 2px solid #226cab; font-weight: var(--default-font-weight-bold); color: #333; pointer-events: none; } div.size_swatch dl#skusizeswatch dd ul.sizeswatchlinks li a img { display: none } div.size_swatch dl#skusizeswatch dd ul.sizeswatchlinks li.outofstock a { border: 2px solid #d7d4cf; background: url("//media.mercolamarket.com/assets/images/shop/out-of-stock-diagonal-line.png") #efefef; background-size: 100% 100%; } div.size_swatch dl#skusizeswatch dd ul.sizeswatchlinks li.outofstock.selected a { border: 2px solid #226cab } div.size_swatch dl#skusizeswatch dd div.sidetop { display: flex; width: 120px; justify-content: space-between; align-items: center } div.size_swatch dl#skusizeswatch dd div.sidetop div.sizechart { margin: 0 5px 0 5px; white-space: nowrap } ul.skuprice { clear: both; float: left; width: 100%; font-size: 14px; color: #999999; margin-bottom: 0px; display: flex; align-items: baseline; flex-wrap: wrap } #product_skuContainer ul.skuprice { align-items: flex-end; } #product_skuContainer ul.skuprice.skupriceUpdate { align-items: baseline; } ul.skuprice li { font-size: 18px; line-height: normal } ul.skuprice li.bestifused { width: 100%; font-size: 13px; margin-top: 15px; } ul.skuprice li.bestifused div#productexpiry ul.skuprice li { display: flex; align-items: center } ul.skuprice li.bestifused div#productexpiry ul.skuprice li label, ul.skuprice li.bestifused div#productexpiry ul.skuprice li span { font-size: 13px; line-height: normal; font-weight: normal } ul.skuprice li li { padding: 0; } ul.skuprice li.listpricecontent { margin-left: 10px; padding-left: 10px; border-left: 1px solid #999999; } ul.skuprice li.yourprice { color: #999999; font-size: 16px; text-transform: uppercase; margin: 0; display: flex; align-items: flex-end; line-height: 1; } ul.skuprice li.yourprice label { padding: 0 0 0 5px; float: none; font-size: 18px } ul.skuprice li.yourprice label.genyrlbl { line-height: 30px; padding-left: 0; width: auto; float: left; display: none } ul.skuprice li.yourprice span { font-size: 35px; color: #333333; font-weight: var(--default-font-weight-bold); float: left } ul.skuprice li.yourprice span.dietcontainer { clear: left; padding-left: 130px } ul.skuprice li.yourprice div.dietContainer { float: left; width: auto; clear: none } ul.skuprice li.listpricecontent label { width: auto; padding-left: 5px; line-height: normal; float: none } ul.skuprice li.listpricecontent span.savings { font-size: 16px; font-weight: var(--default-font-weight-bold); color: #af1a30; display: none; } ul.skuprice li.listpricecontent.wholesaleCont { border: none; padding: 0; margin: 0; margin-top: 6px; margin-left: 6px; } ul.skuprice li.perdayprice { font-size: 13px; width: 100% } ul.skuprice li.savings { color: #2369b4; text-transform: uppercase } ul.skuprice li.savings span { text-transform: none } ul.skuprice li label { width: 140px; font-weight: normal; float: left; padding-right: 5px } ul.skuprice li span.listprice { font-size: 18px; color: #999999; line-height: normal } ul.skuprice li span.price { font-weight: normal; font-size: 18px } ul.skupriceUpdate { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start } ul.skupriceUpdate .listPriceUpdate { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; margin-top: 8px; text-transform: uppercase; font-size: 16px; } #product_skuContainer ul.skuprice.skupriceUpdate:not(:has(#classPrice)) { flex-direction: row; } ul.listPriceUpdate span.listprice.listBold { color: #444; font-size: 16px; } ul.listPriceUpdate span.retail-lbl { color: #444; font-size: 16px; } div.productuom, div#bestused { display: none } div#uomproduct { float: none; width: auto; color: #999999; text-transform: uppercase; } div#uomproduct ul li { display: block; padding: 0; font-size: 15px } div#uomproduct ul li span { padding-right: 10px; width: auto; display: inline-block } div#uomproduct ul li span + span { width: auto; padding-right: 0 } div.pdsupply { color: #828282; font-size: 14px; margin-top: 15px } div.pdsupply label { width: 40px; line-height: normal; float: left } div.pdsupply div.pdsupplylist { float: left; width: 100%; display: flex; justify-content: space-between; margin-top: 10px } div.pdsupply div.pdsupplylist div.sdcontainer { width: auto; border: 1px solid #d7d4cf; border-radius: 10px; margin-bottom: 15px; -ms-flex: 1; -webkit-flex: 1; flex: 1; margin: 0 4px 15px; cursor: pointer; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } div.pdsupply div.pdsupplylist div.sdcontainer:hover { border: 1px solid #226cab; border-radius: 10px } div.pdsupply div.pdsupplylist div.sdcontainer div.oosborder { display: none } div.pdsupply div.pdsupplylist div.sizedisplay { float: left; padding: 10px; width: 100%; cursor: pointer; } div.pdsupply div.pdsupplylist div.sizedisplay h3 { padding: 0px; font-size: 18px; } div.pdsupply div.pdsupplylist div.sizedisplay div.savings { padding: 0px; } div.pdsupply div.pdsupplylist div.sizedisplay + div.sizedisplay { margin-left: 4px } div.pdsupply div.pdsupplylist div.sizedisplay + div.sizedisplay + div.sizedisplay { margin-left: 4px } div.pdsupply div.pdsupplylist div.sdcontainer.selectedsize { border: 1px solid #226cab; background: #ffffff; cursor: pointer } div.pdsupply div.pdsupplylist div.sdcontainer:first-child { margin-left: 0 } div.pdsupply div.pdsupplylist div.sdcontainer:last-child { margin-right: 0 } div.pdsupply div.pdsupplylist div.sdcontainer.productoos.selectedsize { border: 2px solid #999999; background: #efefef; cursor: pointer } div.pdsupply div.pdsupplylist div.sdcontainer.productoos.selectedsize.active { border: 2px solid #226cab; } div.pdsupply div.pdsupplylist div.sdcontainer.productoos.selectedsize div.sizedisplay { position: relative; overflow: hidden; display: inline-block; position: relative; background: url("/Templates/Mercola/images/oos-strikeout.png") #efefef; background-size: 100% 100%; } div.pdsupply div.pdsupplylist div.sdcontainer.productoos.selectedsize.nofreeshipping { background: url("/Templates/Mercola/images/oos-strikeout.png") #efefef; background-size: 100% 100%; } div.pdsupply div.pdsupplylist div.sdcontainer.productoos.selectedsize.nofreeshipping div.sizedisplay { background: none; } div.pdsupply div.pdsupplylist div.sdcontainer.productoos.selectedsize ul.dietCicons { padding: 0 } div.pdsupply div.pdsupplylist div.sdcontainer.productoos.selectedsize ul.dietCicons li.freeshipping { padding: 0px; margin: 0; background: #98989a; color: #fff; } div.pdsupply div.sizedisplay.selectedsize input[type=button], div.pdsupply div.sizedisplay.selectedsize ul.dietCicons.freeshipping li.freeshipping { cursor: inherit } .totalreviews span.ratreview { padding-left: 3px; text-decoration: underline; display: none; } div.pdsupply div.pdsupplylist div.sizedisplay div.savings { text-align: center; color: #333333; font-weight: var(--default-font-weight-bold); font-size: 16px } div.pdsupply div.pdsupplylist div.sizedisplay div.savings span.savings { width: auto; word-wrap: break-word; display: inline-block; text-align: left; color: #999999; } div.pdsupply div.pdsupplylist div.sdcontainer.productoos.selectedsize div.sizedisplay div.savings { color: #292a29; font-weight: var(--default-font-weight-bold); } div.pdsupply div.pdsupplylist div.sizedisplay ul.dietCicons li.freeshipping { padding: 0; font-size: 13px; float: none; text-align: center; } div.pdsupply input[type=button], div.pdsupply h3 { margin: 0; padding: 0; background: none; color: #464745; width: 100%; font-weight: var(--default-font-weight-bold); font-size: 16px; text-align: center } div.pdsupply input.selectedsize { border: 0 } dl#skucolorswatch dt { padding: 5px 0; font-weight: normal } dl#skucolorswatch dt label { width: 140px; font-weight: normal; float: left; line-height: 26px; } dl#skucolorswatch dd ul.swatchlinks { clear: both; overflow: visible; margin: 0px; display: flex; position: relative } dl#skucolorswatch dd ul.swatchlinks li label { position: absolute; left: 0; top: 0; display: none; pointer-events: none; text-transform: uppercase; color: #adadad; line-height: normal } dl#skucolorswatch dd ul.swatchlinks li.selected label { display: block } dl#skucolorswatch dd ul.swatchlinks li { margin: 20px 10px 0 0 } dl#skucolorswatch dd ul.swatchlinks li a { cursor: pointer; width: 45px; height: 45px; border: 1px solid #999; padding: 4px; display: block; margin-top: 0px } dl#skucolorswatch dd ul.swatchlinks li.selected { pointer-events: none; } dl#skucolorswatch dd ul.swatchlinks li.selected a { border: 2px solid #226cab; pointer-events: none; } dl#skucolorswatch dd ul.swatchlinks li.outofstock a { position: relative; background: #fff; border: 0; padding: 0; } dl#skucolorswatch dd ul.swatchlinks li.outofstock a img { position: absolute; top: 4px; left: 4px; width: 37px; z-index: 1 } dl#skucolorswatch dd ul.swatchlinks li.outofstock a span.oosborder { position: absolute; left: 0; top: 0; width: 45px; height: 45px; border: 1px solid #999; background: url("/Templates/Mercola/images/oos-strikeout.png"); background-size: 100% 100%; z-index: 2 } dl#skucolorswatch dd ul.swatchlinks li.outofstock.selected a span.oosborder { border: 2px solid #226cab } dl#skucolorswatch dd ul.swatchlinks li.outofstock { position: static } dl#skucolorswatch dd ul.swatchlinks li.outofstock.selected.foroptionvalue { position: absolute; width: 100%; } dl#skucolorswatch dd ul.swatchlinks li.outofstock label.outofstock { position: absolute; cursor: pointer; display: block; top: 20px; left: 0; width: 45px; height: 45px; border: 1px solid #999; background: url("/Templates/Mercola/images/oos-strikeout.png"); background-size: 100% 100% } dl#skuoptionslist { padding: 10px 0 5px; font-weight: normal; clear: both; overflow: hidden } dl#skuoptionslist.skuoptionslist_Color { padding-bottom: 13px } dl#skuoptionslist dt { float: left; width: 140px; font-weight: normal; line-height: 27px; } dl#skuoptionslist dd select { width: 160px } div#skudetails div.producterrmsg { background: #af1a30; color: #fff; text-align: center; padding: 5px; margin-top: 5px; font-weight: bold; font-size: 13px } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Auto-Ship //////////////////////////////////////////////////////////////////////////////*/ div.auto-ship-box { background: #fff; padding: 10px 0; clear: both; float: left; width: 100%; margin: 0 0 15px; } div.auto-ship-box ul { width: 100%; float: left } div.auto-ship-box ul li { clear: both; overflow: hidden; padding-bottom: 0px; position: relative } div.auto-ship-box ul li.onetimesubscription { display: none; } div.auto-ship-box ul li#freqdrpdwncontainer { padding-left: 17px; padding-bottom: 0; margin-top: 10px; display: none; overflow: visible } div.auto-ship-box ul li#freqdrpdwncontainer div.currencylist { display: flex; position: relative; } div.auto-ship-box ul li#freqdrpdwncontainer label { width: auto; line-height: 41px; margin-right: 10px; width: 50px; color: #6b6b6b; } div.auto-ship-box ul li#freqdrpdwncontainer div.customCombobox { font-size: 14px; padding: 0px; box-shadow: 0 0 0 0; width: calc(90% - 60px) !important; background: #fff; display: flex; flex-direction: row-reverse; align-items: center } div.auto-ship-box ul li#freqdrpdwncontainer div.customCombobox:before { content: "\f107"; margin: 0 10px; font-family: 'FontAwesome'; } div.auto-ship-box ul li#freqdrpdwncontainer select { font-size: 14px; padding: 0px; box-shadow: 0 0 0 0; width: calc(90% - 60px) !important } div.auto-ship-box ul li input[type="checkbox"] { float: left; margin-right: 5px; margin-top: 7px; position: absolute; visibility: hidden; } div.auto-ship-box ul li label { font-weight: normal; font-size: 14px; float: left; width: calc(100% - 20px) } div.auto-ship-box ul li.multitimesubscription label { width: auto; height: 26px; color: #636363; cursor: pointer; font-size: 17px; line-height: 26px; padding-left: 0px; position: relative; background: url("/Templates/Mercola/images/autoship-logo.png") no-repeat 32px 50%; background-size: contain; } div.auto-ship-box ul li.multitimesubscription a.tool-tip { cursor: pointer; width: 17px; height: 17px; display: inline-block; position: absolute; top: 4px; font-weight: var(--default-font-weight-bold); font-size: 14px; background: #636363; text-align: center; border-radius: 17px; line-height: 17px; color: #fff; margin-left: 3px; } div.auto-ship-box div.autoshipoints { float: left; width: 180px; margin: 5px 0; display: none } div.auto-ship-box ul li input[type="checkbox"] + label::before { content: ''; display: inline-block; vertical-align: text-top; width: 22px; height: 22px; background: white; margin-right: 42px; border: 2px solid #B8B8B8; border-radius: 2px; } div.auto-ship-box ul li input[type="checkbox"]:checked + label::before { background: #226CAB !important; border: 2px solid #226CAB; } div.auto-ship-box ul li input[type="checkbox"]:checked + label::after { content: "\f00c"; position: absolute; left: 3px; top: 1px; background: white; width: 1px; height: 2px; font-size: 16px; font-family: FontAwesome; color: #fff; } div#autoshipinfo { width: 95%; max-width: 600px } div.autoshipmessage ul { list-style: disc; margin-top: 10px; } div.autoshipmessage ul li { list-style: disc; margin-left: 15px; font-size: 16px; padding: 10px 0 0; } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: ... //////////////////////////////////////////////////////////////////////////////*/ .owl-carousel .owl-nav .owl-next.disabled { display: none } div.customCombobox { font-family: Arial; font-weight: bold; cursor: pointer; width: 100% !important; position: relative; outline: none; line-height: 20px; background: linear-gradient(to bottom, #f8f8f8 1%, #f0f0f0 100%); border: 1px solid #dbdbdb; clear: both; overflow: hidden } div.customCombobox a { cursor: pointer; clear: both; overflow: hidden; color: #000; padding: 0 !important; width: 20% } div.customCombobox a img { width: 22px; height: 17px; margin: 10px 0 0 10px; float: left } div.customCombobox a p.imgDisplay, div.customCombobox div.autosdd div.asdetails p.asname { margin: 0; padding: 9px 0px 9px 9px; float: left; line-height: 22px; cursor: pointer; font-weight: var(--default-font-weight-bold); font-size: 15px; color: #3b3b3b; width: 100% } div.customCombobox div.autosdd, div.customCombobox a { width: calc(100% - 30px); display: block } div.customCombobox div.autosdd div.asdetails p.asdaydate, div.customCombobox div.autosdd div.asimg { display: none } div.currencylist ul.ulcustomCombobox { margin: 0; padding: 0; background: #fff; float: none; width: 99.6%; width: 100% !important; position: absolute; z-index: 10; font-family: Arial; display: none } div.currencylist ul.ulcustomCombobox.showulcustomCombobox { display: block; top: calc(100% + 5px); border-top: 1px solid #dbdbdb; left: 30px; width: calc(90% - 0px) !important; max-height: 287px; overflow-y: auto; } div.currencylist ul.ulcustomCombobox li { list-style: none; clear: both; overflow: hidden; margin: 0; padding: 0; border: 1px solid #dbdbdb; border-top: 0; background: #fff; float: none; font-weight: bold } div.currencylist ul.ulcustomCombobox li a { display: block; clear: both; overflow: hidden; color: #000; cursor: pointer } div.currencylist ul.ulcustomCombobox li.delfreq { display: none } div.currencylist ul.ulcustomCombobox li a:active { background: #F1F1F1; } div.currencylist ul.ulcustomCombobox li a:hover { background: linear-gradient(to bottom, #f8f8f8 1%, #f0f0f0 100%); } div.currencylist ul.ulcustomCombobox li img { float: left; height: 50px; margin: 0; width: 22px; } div.currencylist ul.ulcustomCombobox li p.imgDisplay { font-size: 14px 10px; padding: 14px; } div.currencylist ul.ulcustomCombobox li span.currencyprice { float: right; font-size: 15px; text-align: right; padding: 9px 28px 0 0; } div.customboxoverlay { display: none; } div.currencylist ul.ulcustomCombobox li div.autosdd { display: flex; padding: 10px; cursor: pointer; } div.currencylist ul.ulcustomCombobox li div.autosdd:hover { background: linear-gradient(to bottom, #f8f8f8 1%, #f0f0f0 100%); } div.currencylist ul.ulcustomCombobox li div.autosdd div.asdetails { width: calc(100% - 110px); font-size: 11px; display: flex; flex-wrap: wrap; align-content: space-between; } div.currencylist ul.ulcustomCombobox li div.autosdd div.asdetails p.asname { font-weight: var(--default-font-weight-bold); width: 100% } div.currencylist ul.ulcustomCombobox li div.autosdd div.asdetails p.asname { width: 100%; font-size: 13px; } div.currencylist ul.ulcustomCombobox li div.autosdd div.asdetails p.asdaydate span { width: 100%; display: inline-block } div.currencylist ul.ulcustomCombobox li div.autosdd div.asdetails p.asdaydate span.asshipdate { color: #8ec641 } div.currencylist ul.ulcustomCombobox li div.autosdd div.asdetails p.asdaydate span.asshipdate label { line-height: normal !important; margin: 0 !important; width: auto !important; color: #000 !important; font-size: 11px; padding-right: 3px; } div.currencylist ul.ulcustomCombobox li div.autosdd div.asimg { width: 110px; display: flex; justify-content: center; } div.currencylist p.currencyinfo { color: #5f5f5f; font-size: 10px; margin: 0; padding: 5px 0 0; text-align: center; } li#freqdrpdwncontainer .custom-select { position: relative; font-family: Arial; } li#freqdrpdwncontainer .custom-select select { display: none; } .select-selected { background-color: DodgerBlue; } .select-selected:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; } .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; } .select-items div, .select-selected { color: #ffffff; padding: 8px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; user-select: none; } .select-items { position: absolute; background-color: DodgerBlue; top: 100%; left: 0; right: 0; z-index: 99; } .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } ul.actionlinks li.cartline { margin: 0px 0; clear: both; overflow: visible; height: 65px; padding: 10px 0; } ul.actionlinks li.cartline a.subQty, ul.actionlinks li.cartline a.addQty { color: #333; display: block; float: left; font-family: open sans, sans-serif; font-size: 24px; font-weight: 400; height: 45px; line-height: 45px; text-align: center; width: 45px; border: 1px solid #999 } ul.actionlinks li.cartline input.addtocart_qty { color: #333; border: 0 none; border-radius: 0; float: left; font-family: open sans, sans-serif; font-size: 20px; height: 45px; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0; text-align: center; width: 45px; box-shadow: 1px 2px 2px #ffffff inset; margin: 0 } ul.actionlinks li.cartline a.addtocart { background: #af1a30; border: 0 none; color: #fff; cursor: pointer; float: left; border-radius: 0px; font-size: 18px; font-weight: normal; height: 45px; line-height: 25px; margin: 0; padding: 10px; width: calc(100% - 180px); text-shadow: none; clear: none; text-transform: uppercase; border-radius: 50px; } ul.actionlinks li.cartline a.addtocart.shopproduct {width:100%} ul.actionlinks li#movetowishlist { float: right; width: 62%; padding-left: 10px } ul.actionlinks li#movetowishlist a.movetowishlist.btn { padding: 0; height: 24px; margin-right: 15px } ul.actionlinks li.cartline a.addtocart_disabled { background: #ccc; border: 0 none; border-radius: 50px; color: #fff; float: left; font-weight: var(--default-font-weight-light); font-size: 18px; font-weight: normal; height: 45px; line-height: 25px; margin: 0; padding: 10px; width: calc(100% - 180px); text-shadow: none; clear: none; } ul.actionlinks li.cartline div.movewshlst + a.addtocart, ul.actionlinks li.cartline div.movewshlst + a.addtocart_disabled { width: calc(100% - 144px) } ul.actionlinks li.cartline div.movewshlst + a.addtocart.shopproduct {width:100%} ul.actionlinks li.movetosubscription a#btnMovetoSubscription { color: #fff; display: block; cursor: pointer; background: #af1a30; border: 0; border-radius: 50px; font-size: 18px; line-height: 25px; font-weight: normal; text-align: center; text-shadow: none; text-transform: uppercase; width: 100%; height: 45px; padding: 10px; margin: 0 0 10px; clear: both; } ul.actionlinks li.movetosubscription span.subscription_error_msg { color: #af1a30; float: left; clear: left; padding-top: 5px; width: 100% } div#movetowishlist { float: left; height: 45px; line-height: 45px; width: 45px; text-align: center } div#movetowishlist a.movetowishlist { padding: 0px; font-size: 25px; margin: 0; height: auto; line-height: normal; color: #af1a30 } div.movewshlst { float: left; margin: 0 2px } span.productrestriction { display: inline-block; margin: 10px 0 } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Product Info //////////////////////////////////////////////////////////////////////////////*/ div.productinfo { clear: left; margin: 15px 0 20px; float: right; width: 100%; flex: 1 1 100%; padding-left: 5px } div.dietaryconsideration { float: left; width: 60% } div.PDPdietContainer { float: left; max-width: 420px } div.productinfo div.dietaryconsideration { width: 100% } div.productinfo div.dietaryconsideration ul.PDPdietCicons { margin-left: 0; padding-top: 30px; } div.productinfo div.dietaryconsideration ul.PDPdietCicons li { width: auto; cursor: default; text-align: left; margin-bottom: 10px; list-style: none !important; } div.productinfo div.dietaryconsideration ul.PDPdietCicons li img { max-width: 40px; margin-right: 5px; float: left } div.productinfo div.dietaryconsideration ul.PDPdietCicons li ul { float: left; width: calc(100% - 75px); font-size: 14px; } div.productinfo div.dietaryconsideration ul.PDPdietCicons li ul li { width: auto; font-size: 16px; margin-right: 0; list-style: disc; line-height: 24px; margin-left: 20px; padding-left: 10px; } div.dietContainer.dietfsContainer { margin-bottom: 0px; height: auto; cursor: pointer } ul.dietCicons { padding: 0 } ul.dietCicons li.freeshipping { width: auto !Important; height: auto !important; max-width: inherit; margin: 0; padding: 0px 0 0 10px; font-size: 18px; color: #999999 } div.pdsupplylist ul.dietCicons li.freeshipping { width: 100% !important; padding: 0; text-align: center; color: #ffffff; background: #d7d4cf; font-size: 15px; font-weight: var(--default-font-weight-semi-bold); text-transform: inherit } div.pdsupplylist div.sdcontainer:hover ul.dietCicons li.freeshipping, div.pdsupplylist div.sdcontainer.selectedsize ul.dietCicons li.freeshipping { background: #226cab } ul.dietCicons.freeshipping li { cursor: default; } ul.dietCicons.freeshipping li.freeshipping { cursor: pointer } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Social Media //////////////////////////////////////////////////////////////////////////////*/ div.sociallinks { float: right } div.sociallinks ul { clear: both; overflow: hidden } div.sociallinks ul li { float: left; margin-left: 5px } div.sociallinks ul li a.sendtofriend { background: url("/Templates/Mercola/images/icons.png") no-repeat -130px -2px; color: #03519b; cursor: pointer; float: left; font-size: 11px; height: 21px; overflow: hidden; text-indent: -9999px; width: 30px; margin-top: 1px } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Product Recommendations //////////////////////////////////////////////////////////////////////////////*/ div.prodrecommendation { float: left; width: 100%; margin-bottom: 15px; margin-top: 20px; } div.prodrecommendation h5 { font-weight: var(--default-font-weight-bold); color: #000; font-size: 16px; margin-bottom: 5px; margin-left: 8px; } div.prodrecommendation ul { border: 1px solid #ccc; border-radius: 10px; font-size: 13px; clear: both; overflow: hidden } div.prodrecommendation ul li { float: left; padding: 10px 12px; width: 100%; color: #000; } div.prodrecommendation ul li select { width: 100%; max-width: 400px } div.prodrecommendation ul li.recommtitle { border-bottom: 0px solid #ebebeb; width: 100%; font-weight: var(--default-font-weight-bold); color: #333 } div.prodrecommendation ul li span { float: left; width: 60% } div.prodrecommendation ul li span a { color: #000 } div.prodrecommendation ul li span.qty { float: right; width: 38%; text-align: right } div.prodrecommendation.kitcaseqty ol { border: 0; font-size: 13px; clear: both; overflow: hidden } div.prodrecommendation.kitcaseqty ol li { padding: 0 0 10px 10px; float: left; margin-left: 30px; list-style: decimal; font-weight: var(--default-font-weight-bold); color: #333; font-size: 18px; width: 100% } div.prodrecommendation.kitcaseqty ol li.recommtitle { border: 0; width: 100%; font-weight: var(--default-font-weight-bold); color: #333; margin: 0; padding: 0 0 10px 0px; font-size: 16px; } div.prodrecommendation.kitcaseqty ol li select { padding: 5px 3px; background: #fff; box-shadow: none; border-radius: 8px; width: calc(100% - 30px); font-weight: normal } div.prodrecommendation div.outstknotice { clear: both; overflow: hidden; margin-top: 10px } div.prodrecommendation div.outstknotice span { color: #af1a30; font-weight: bold } div.prodrecommendation div.outstknotice ul { border: 0; border-top: 1px solid #ebebeb; font-size: 12px; margin-top: 5px } div.prodrecommendation div.outstknotice ul li { padding: 5px 0 0 } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Tabs //////////////////////////////////////////////////////////////////////////////*/ ul.tabs li { padding: 0px; border-top: 1px solid #ebebeb } ul.tabs li span { color: #535353; background: #fff; padding-right: 10px; font-size: 33px; position: relative; top: -29px; display: inline } div#productreviews ul.tabs li { padding: 10px; border: 0 } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Product Features Tab //////////////////////////////////////////////////////////////////////////////*/ div#tab-product-features { clear: both; overflow: hidden } div#tab-product-features div.prdlblkit { float: left; width: 100%; max-width: 425px } div#tab-product-features div.prdlblkit.nodesc { float: left } div#tab-product-features div.description { float: left; width: 100%; margin-bottom: 20px } div#tab-product-features div.description.expanddesc { float: left; width: 100% !important } div#tab-product-features div.description.expanddesc + div.dietconsideration.productinfo { width: 100% } #apparel1 .prdlblkit, #dvDynamicHtml > .prdlblkit { margin-bottom: 20px; } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Product Info List //////////////////////////////////////////////////////////////////////////////*/ ul.ULProductInfo { padding: 0 0 25px 10px; } @media only screen and (max-width:640px) { ul.ULProductInfo { padding-left: 10px; } } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Product Label Box //////////////////////////////////////////////////////////////////////////////*/ div.product-label_box { width: 100%; border: 1px solid #ebebeb; margin-bottom: 20px; padding: 10px 20px 0 } div.product-label_box p.lined { border-bottom: 1px solid #ebebeb; margin: 10px 0; padding: 2px 1px 2px 0; } div.product-label_box ul.ULProductInfo { margin-left: 10px } div.product-label_box ul.ULProductInfo li { padding: 0 0 10px 20px !important; background: url("/Templates/Mercola/images/icons_24bit.png") 0 -672px no-repeat; list-style: none } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: .label-snapshot_box //////////////////////////////////////////////////////////////////////////////*/ .label-snapshot_box { padding-left: 20px; } div.label-snapshot_box ul.ULProductInfo li { list-style: disc; margin-bottom: 10px; } div.label-snapshot_box ul.ULProductInfo li a { font-weight: normal; font-size: 18px !important; text-decoration: underline; } div.label-snapshot_box ul.ULProductInfo li a:hover { font-weight: normal; text-decoration: none; font-size: 18px !important; } @media only screen and (max-width:640px) { .label-snapshot_box { padding-left: 0px; } } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: div.description //////////////////////////////////////////////////////////////////////////////*/ div#productdescriptions { clear: both; margin-top: 60px; float: left; width: 100%; font-size: 14px } div.description { padding-left: 30px; } div.description p { clear: both; font-size: 16px; overflow: hidden; margin: 0 0 10px; line-height: 24px; } div.description a { color: #2369b4; } div.description a:hover { text-decoration: none; } div.description a.aProductSalesPage { float: left; font-weight: bold; margin-left: 16px; padding: 0 0 0 18px; text-decoration: underline; background: url("/Templates/Mercola/images/icons_24bit.png") 0 -118px no-repeat; } div.description u { text-decoration: none; } div.description h4 { font-size: 20px; font-weight: 700; padding-bottom: 20px; } div.description ul.ULProductInfo { margin-left: 20px; } div.description ul.ULProductInfo li { font-size: 16px; background: none; line-height: 24px; list-style: disc !important; list-style-position: outside; padding: 0 0 20px !important; } @media only screen and (max-width:640px) { div.description { padding-left: unset; } div.description p { font-size: 14px; line-height: 22px; } div.description h4 { font-size: 18px; font-weight: 700; padding-bottom: 10px; } div.description ul.ULProductInfo li { font-size: 14px; line-height: 22px; } } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Notes //////////////////////////////////////////////////////////////////////////////*/ div.description div.prodNote { color: #6C6C6C; background: #fff; padding: 0px 12px; border-radius: 5px; border: 1px solid #E79817; } div.prodNote div p { margin: unset; line-height: unset; padding-left: 60px; font-size: 14px !important; } ul.note-list { padding-left: 80px !important; } ul.note-list li { list-style: disc !important } a.link-note { font-size: 14px !important; font-weight: normal !important; text-decoration: underline !important; } .delivery-note { padding: 12px 0px; } .delivery-note::before { left: 2.6%; width: 30px; margin-top: 8px; position: absolute; content: url("//media.mercolamarket.com/assets/images/shop/pdp-delivery-icon.png"); } .return-note { padding: 12px 0px; } .return-note::before { left: 3%; width: 30px; margin-top: 8px; position: absolute; content: url("//media.mercolamarket.com/assets/images/shop/pdp-returns-icon.png"); } .shipping-note { padding: 12px 0px; } .shipping-note::before { left: 5%; width: 30px; margin-top: 8px; position: absolute; content: url("//media.mercolamarket.com/assets/images/shop/pdp-shipping-icon.png"); } .shipping-note-2 { padding: 12px 0px; } .shipping-note-2::before { left: 3%; width: 30px; margin-top: 8px; position: absolute; content: url("//media.mercolamarket.com/assets/images/shop/pdp-shipping-icon.png"); } .special-care-note { padding: 12px 0px; } .special-care-note::before { left: 2.7%; width: 30px; margin-top: 8px; position: absolute; content: url("//media.mercolamarket.com/assets/images/shop/pdp-care-icon.png"); } .special-note { padding: 12px 0px; } .special-note::before { left: 3%; width: 30px; margin-top: 8px; position: absolute; content: url("//media.mercolamarket.com/assets/images/shop/pdp-notice-icon.png"); } @media only screen and (max-width:1180px) { .delivery-note::before { left: 3.6%; } .return-note::before { left: 4%; } .shipping-note-2::before { left: 4%; } .special-note::before { left: 4%; } } @media only screen and (max-width:1024px) { .delivery-note::before { left: 4%; } .return-note::before { left: 4.6%; } .shipping-note-2::before { left: 4.6%; } .special-note::before { left: 4.6%; } } @media only screen and (max-width:991px) { .delivery-note::before { left: 4.2%; } .return-note::before { left: 4.8%; } .shipping-note-2::before { left: 4.8%; } .special-note::before { left: 4.8%; } } @media only screen and (max-width:896px) { .delivery-note::before { left: 4.2%; } .return-note::before { left: 5%; } .shipping-note-2::before { left: 5%; } .special-note::before { left: 5%; } } @media only screen and (max-width:768px) { div.accordionwrap { padding: 0 10px; } div.description div.prodNote { padding: 0 12px 0 5px; } .delivery-note::before { left: 4.1%; } .return-note::before { left: 4%; } .shipping-note-2::before { left: 4%; } .special-note::before { left: 4%; } .special-care-note::before { left: 5.5%; } } @media only screen and (max-width:512px) { div.prodNote div p { padding-left: 50px; } ul.note-list { padding-left: 70px !important; } .delivery-note::before { left: 6.3%; } .return-note::before { left: 7%; } .shipping-note::before { left: 8%; } .shipping-note-2::before { left: 7%; } .special-note::before { left: 7%; } .special-care-note::before { left: 9%; } } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: FAQs //////////////////////////////////////////////////////////////////////////////*/ .faq-pdp li { padding: 10px; font-size: 18px; font-weight: 700; margin: 0px 10px; list-style: decimal; } .faq-pdp li p { font-size: 16px; font-weight: normal; padding: 8px 0px 8px 0px; } ol.faq-pdp { padding-left: 35px; } ol.faq-pdp ul.ULProductInfo li { font-size: 16px !important; list-style: disc !important; font-weight: normal !important; } @media only screen and (max-width:640px) { ol.faq-pdp { padding-left: 10px; } ol.faq-pdp ul.ULProductInfo li { font-size: 14px !important; } .faq-pdp li { font-size: 16px !important; } .faq-pdp li p { font-size: 14px !important; } } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Amazon Content //////////////////////////////////////////////////////////////////////////////*/ #featdesk { display: block; } #featmobile { display: none; } .featuredbrand { width: 100%; padding: 0px !important; } @media only screen and (max-width:640px) { #featdesk { display: none; } #featmobile { display: block; } .featuredbrand { padding: 0px !important; } } .owl-carousel .owl-wrapper-outer { z-index: 1; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { top: 50%; padding: 0; z-index: 1; width: 21px; height: 88px; display: block; transform: translateY(-50%); } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-dots { left: 0; right: 0; z-index: 99; display: none; margin: 15px auto; position: absolute; text-align: center; } .owl-carousel button.owl-dot { margin: 5px; width: 12px; height: 12px; opacity: 0.9; border-radius: 10px; padding: 0px !important; background-color: #ddd; } .owl-carousel button.owl-dot:hover { background-color: #c4c4c4; } .owl-carousel button.owl-dot.active { background-color: #c4c4c4; } .featuredbrand .owl-controls .owl-page { cursor: pointer; display: inline-block; } .featuredbrand .owl-theme .owl-controls { width: auto; top: initial; right: initial; position: static; text-align: center; } .featuredbrand .owl-theme .owl-controls .owl-buttons div { padding: 5px 9px; } .featuredbrand .owl-theme .owl-buttons i { margin-top: 2px; } .featuredbrand .owl-theme .owl-controls div.owl-pagination { display: none; margin: 0 auto; } .featuredbrand .owl-theme .owl-controls .owl-page span { width: 12px; height: 12px; opacity: 0.5; display: block; margin: 5px 7px; border-radius: 20px; background: #767676; border: 1px solid #efefef; } .featuredbrand .owl-theme .owl-controls .owl-page.active span, .featuredbrand .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; } .featuredbrand .owl-carousel { border: 0; position: relative; } .featuredbrand .owl-carousel .owl-nav { margin-top: -58px !important; } .featuredbrand .owl-carousel .item { margin: 0; padding: 0; color: #FFF; display: block; border-radius: 3px; text-align: center; width:100%;} .featuredbrand .owl-carousel .owl-stage-outer::after { width:1px; content: " "; position: absolute; top: 0; left: 0; height: 100%; background-color:transparent; } .featuredbrand .owl-carousel .item img, .featuredbrand .item img { width: 100%; } .featuredbrand .owl-carousel .owl-item { border: 0; padding: 0; height: auto; } .featuredbrand .owl-carousel .owl-nav { top: 0; position: static; } .featuredbrand .owl-carousel .owl-nav button { position: static; } .featuredbrand .owl-carousel .owl-nav button.disabled { display: none !important; } .featuredbrand .owl-carousel .owl-dots { display: block; position: relative; } @media only screen and (max-width:1536px) { .featuredbrand .owl-carousel .owl-item:nth-child(6) .item img, .featuredbrand .owl-carousel .owl-item:nth-child(8) .item img { margin-left: -1px; } } #featured_banner_home { margin-bottom: 25px; } #featured_banner_home .owl-prev, #featured_banner_home .owl-next { top: 50%; padding: 0; width: 21px; height: 88px; display: block; position: absolute; transform: translateY(-50%); } #featured_banner_home .owl-prev { left: 0; background: url("/Templates/Mercola/templates/mercola/images/banner-carousel-left.png") no-repeat 0 0; } #featured_banner_home .owl-next { right: 0; background: url("/Templates/Mercola/templates/mercola/images/banner-carousel-right.png") no-repeat 0 0; } #htmlcontent2[data-store="wholesale"] { margin-top: 20px; } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: .card-body //////////////////////////////////////////////////////////////////////////////*/ .card-body { padding: 20px; } @media only screen and (max-width:640px) { .card-body { padding: 10px; } } .card-body .description p { font-size: 16px; } @media only screen and (max-width:640px) { .card-body .description p { font-size: 14px; } } .card-body .description h4 { font-size: 18px; } .accordionwrap .card-body a { font-size: 14px; } #discovermore { clear: both; text-align: center; padding: 0px 20px 10px 20px; } p.left { clear: both; text-align: left !important; padding: 10px 0px 20px !important; } a.adiscovermorepage { color: #226CAB !important; font-size: 22px !important; line-height: 30px !important; font-weight: normal !important; text-decoration: underline !important; } a:hover.adiscovermorepage { color: #464646 !important; text-decoration: none !important; } @media only screen and (max-width: 640px) { a.adiscovermorepage { padding: 10px 0px; font-size: 18px !important; line-height: 26px !important; } } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Alternate Images Carousel //////////////////////////////////////////////////////////////////////////////*/ div#alternateimages_carousel { clear: both; overflow: hidden; margin: 5px 10px; border: 0 } div.videolink1, div.videolink2, div.videolink3 { float: none; margin: 10px auto 0; position: relative; height: 60px } div.videolink1 div.ytvideo, div.videolink2 div.ytvideo1, div.videolink3 div.ytvideo2 { margin: 0 auto } .owl-item div.videolink1, .owl-item div.videolink2, .owl-item div.videolink3 { float: none; margin: 24%; position: static; top: 0px; width: 46px } div.videolink1 a, div.videolink2 a, div.videolink3 a { width: 70px; height: 51px; display: inline-block; background: url("https://media.mercola.com/assets/shopimages/thumbnail_PDP_70w.jpg") 0 0 no-repeat; text-indent: -9999999px } .owl-carousel .owl-nav { margin-top: 10px; position: absolute; right: 10px; text-align: center; top: -40px; width: 100%; } .owl-carousel .owl-nav button.owl-prev { background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat -35px 0; display: block; height: 20px; float: left; text-indent: -99999px; width: 13px; } .owl-carousel .owl-nav button.owl-next { background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat -55px 0; display: block; height: 20px; float: right; text-indent: -99999px; width: 13px; } .owl-carousel .owl-wrapper-outer { margin: 0; width: 100%; z-index: 1 } .owl-theme .owl-nav { margin: 0; right: -3%; width: 106%; top: 35% } div.carouselimageitem img { cursor: pointer } div#alternateimages_carousel_content div.carouselimageitem { width: 70px !Important; float: none; max-width: 100px; margin: 0; padding: 5px 0 } div#alternateimages_carousel_content div.carouselimageitem.videolink1, div#alternateimages_carousel_content div.carouselimageitem.videolink2, div#alternateimages_carousel_content div.carouselimageitem.videolink3 { height: 60px; display: flex; align-items: center } div#alternateimages_carousel_content .owl-item { padding: 2px; opacity: 0.35; display: flex; justify-content: center; flex: 0 } div#alternateimages_carousel_content .owl-item.active.current { opacity: 1 } div#alternateimages_carousel_content .owl-item div.carouselimageitem { max-width: 100%; float: none; height: 60px !important; margin: 0; padding: 0 } div#alternateimages_carousel_content.owl-carousel .owl-wrapper { width: 100% !important; max-width: 100px } div#alternateimages_carousel_content.owl-theme .owl-nav button.owl-prev { background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat -29px 0; height: 30px; width: 17px } div#alternateimages_carousel_content.owl-theme .owl-nav button.owl-next { background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat -58px 0; height: 30px; width: 17px } div#alternateimages_carousel div.slick-list { clear: both; overflow: hidden; margin-bottom: 5px } div#alternateimages_carousel button.top-arrow { background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat 0 -159px; width: 32px; height: 16px; outline: none; display: none } div#alternateimages_carousel button.bottom-arrow { background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat 0 -189px; width: 32px; height: 16px; outline: none; display: none } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Gift Certificate //////////////////////////////////////////////////////////////////////////////*/ div#giftcertificate h1 { color: #be1c1c; font-size: 24px; margin-bottom: 10px } div.productdetails.gfproductdetails div#proddetails { width: 100% !important; padding: 0; border: 1px solid #ccc } div.productdetails.gfproductdetails h2 { background: #f5f9fa; padding: 12px 20px; color: #337ebb; font-size: 20px } div.productdetails.gfproductdetails h3 { color: #337ebb; font-size: 20px; font-weight: normal; padding-bottom: 10px; } div.productdetails.gfproductdetails #skudetails { padding: 25px 20px 0 } div.productdetails.gfproductdetails #skudetails ul.skuprice label { font-size: 13px; color: #000; width: 150px } div.productdetails.gfproductdetails #skudetails ul.skuprice span.price { clear: left; float: left; } #giftcertificatecontainer { padding: 25px 20px 0; font-size: 13px; clear: both; } #giftcertificatecontainer ul li { padding: 20px 0 10px; clear: both; overflow: hidden } #giftcertificatecontainer ul.actionlinks li#addtocart { padding: 0; margin: 0 0 10px } #giftcertificatecontainer ul.actionlinks li#addtocart a.ddtocart_disabled { width: 248px; background: #ccc; border: 0 none; border-radius: 10px; color: #fff; float: left; font-family: open sans, sans-serif; font-size: 26px; font-weight: normal; height: 58px; line-height: normal; margin: 0; padding: 11px 10px 12px; text-shadow: none; clear: none; } #giftcertificatecontainer ul.actionlinks li#addtocart a.addtocart { width: 248px; background: #7fba00; border: 0 none; color: #fff; cursor: pointer; float: left; border-radius: 10px; line-height: 35px; font-size: 26px; font-weight: normal; height: 58px; line-height: normal; margin: 0; padding: 11px 10px 12px; text-shadow: none; clear: none; } #giftcertificatecontainer ul li label { width: 100%; padding-bottom: 10px } #giftcertificatecontainer ul li label.error { padding: 0 } #giftcertificatecontainer ul li input[type=text] { padding: 6px 2px; width: 260px } #giftcertificatecontainer ul li textarea { width: 260px; resize: none; border: 1px solid #ccc; font-size: 13px; box-shadow: 1px 2px 2px #e7e7e7 inset; -moz-box-shadow: 1px 2px 2px #e7e7e7 inset; -webkit-box-shadow: 1px 2px 2px #e7e7e7 inset; -ms-box-shadow: 1px 2px 2px #e7e7e7 inset; padding: 2px; } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Bundled Products //////////////////////////////////////////////////////////////////////////////*/ div.bundleproduct { clear: both; overflow: hidden; margin: 20px 0 0; float: left; width: 100%; } #apparel1 > div.bundleproduct { padding: 0 5%; } div.bundleproduct h3 { color: #000; font-family: open sans, sans-serif; font-size: 30px; font-weight: 600; line-height: 20px; margin-right: 0; padding: 10px 70px 10px 10px; width: auto; } #specialpromotionalproducts #cartlinescontainer { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-start; border-radius: 20px; } #specialpromotionalproducts #cartlinescontainer .bdlprodimg { width: 100%; margin: 15px 0; } #specialpromotionalproducts #cartlinescontainer .bundleprice { width: 100%; margin: 20px 0; order: 3 } #specialpromotionalproducts #cartlinescontainer .owl-stage { width: 100% !important; } #specialpromotionalproducts #cartlinescontainer .bdlprodimg .owl-item ul { width: 100%; } .bdlprodimg.owl-carousel { margin: 0; border-top: 0; overflow: visible } .bdlprodimg.owl-carousel .owl-stage-outer { overflow: visible; } .bdlprodimg.owl-theme .owl-nav { right: 10px; top: -35px; width: 57px } .bdlprodimg.owl-theme .owl-nav button.owl-prev, .bdlprodimg.owl-theme .owl-nav button.owl-next { height: 30px; width: 16px } .bdlprodimg.owl-theme .owl-nav button.owl-prev { background-position: -28px -11px } .bdlprodimg.owl-theme .owl-nav button.owl-next { background-position: -59px -11px } .bdlprodimg.owl-carousel .owl-item li { margin-right: 2px; padding-right: 15px; position: relative; text-align: center; max-height: 170px } .bdlprodimg.owl-carousel .owl-item li img { max-width: 170px; width: 100% } .bdlprodimg.owl-carousel .owl-item li span.addbdleproduct { color: #000; display: block; float: left; font-family: open sans, sans-serif; font-size: 24px; font-weight: 400; height: 58px; line-height: 58px; position: absolute; right: 0; text-align: center; top: 29%; width: 15px; } .bdlprodimg.owl-carousel .owl-item.last li span.addbdleproduct { display: none } ul.bundleprodnamelist { float: left; width: 100%; box-sizing: border-box; } ul.bundleprodnamelist.noproduct { width: 100% } ul.bundleprodnamelist li:first-child { padding-top: 0 } ul.bundleprodnamelist li { padding-top: 5px; clear: both; overflow: hidden; line-height: normal } ul.bundleprodnamelist li span { font-size: 13px } ul.bundleprodnamelist li span.chkselect { float: left; margin-right: 5px; margin-top: 4px } ul.bundleprodnamelist li span.lblPrice { font-size: 16px; color: #000; font-weight: bold } ul.bundleprodnamelist li label { float: left; width: 90%; font-size: 18px } ul.bundleprodnamelist li label a.prodlink { color: #23527c !important } ul.bundleprodnamelist li label a.prodlink:hover { color: #af1a30 !important; text-decoration: underline } div.bundleprice { float: right; width: 100%; margin-top: 10px } div.bundleprice label.lblTotalPrice { font-size: 20px; display: block; font-weight: bold; } div.bundleprice label.lblTotalPrice span.totalprice { font-size: 22px; color: #000; font-weight: bold; padding-left: 0px } div.bundleprice span.skulistactionlink { display: block; text-align: center } div.bundleprice input.btnaddtocart { border: 0 none; border-radius: 50px; color: #fff; font-family: open sans, Sans-Serif; font-weight: normal; font-size: 18px; padding: 12px 10px; width: 100%; background: #af1a30; cursor: pointer; margin-top: 10px; line-height: normal; } ul.bundleprodnamelist li.imghidden { display: none } #catalog_content #specialpromotionalproducts .owl-carousel .owl-item { height: auto; } #catalog_content #specialpromotionalproducts .owl-carousel .owl-item li { display: flex; justify-content: center; align-items: center; height: 100%; } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Promo Message //////////////////////////////////////////////////////////////////////////////*/ div.productdetails div.promomesscontent div.stickers { width: 100%; background: #fff; position: static; max-width: inherit; text-align: left } div.productdetails div.promomesscontent div.stickers ul li { color: #636363; font-family: Lato, Verdana, Sans-Serif; text-transform: none; text-indent: 0; font-size: 13px; } div.productdetails div.promomesscontent div.stickers ul li * { font-size: 15px; font-weight: normal; font-family: open sans, Sans-Serif } div.productdetails div.activepromo { margin-bottom: 10px; border-bottom: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; background: url("/Templates/Mercola/images/backgrounds.png") no-repeat center -485px; padding-top: 15px; margin-top: 10px; float: left; width: 100% } div.productdetails div.activepromo h2 { background: #fff; font-size: 16px; font-family: open sans, Sans-Serif; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #636363; padding-bottom: 7px } div.productdetails div.activepromo div.promomesscontent { cursor: pointer; background: #fff; } div.productdetails div.promomesscontent div.stickers ul li.free-sticker { background: none; margin-bottom: 15px; margin-top: 5px; padding: 0 0 0 50px; min-height: 40px; position: relative } div.productdetails div.promomesscontent div.stickers ul li.free-sticker > span { background: #226cab; color: #fff; padding: 3px 8px; font-size: 12px; font-weight: var(--default-font-weight-semi-bold); margin-bottom: 5px; position: absolute; left: 0; top: 5px } div.productdetails div.promomesscontent div.stickers ul li.free-sticker > span::before { content: 'Free'; } div.productdetails div.promomesscontent div.stickers ul li.sale-sticker { padding-bottom: 15px; padding-left: 50px; min-height: 40px; position: relative; background: none; color: #636363 !important; } div.productdetails div.promomesscontent div.stickers ul li.sale-sticker * { font-size: 13px !important } div.productdetails div.promomesscontent div.stickers ul li.sale-sticker > span { background: #af1b31; color: #fff; padding: 3px 8px; font-size: 12px !important; font-weight: var(--default-font-weight-semi-bold); margin-bottom: 5px; position: absolute; left: 0; top: 10px } div.productdetails div.promomesscontent div.stickers ul li.sale-sticker > span:before { content: "Sale" } div.productdetails div.promomesscontent div.stickers ul li.sale-reward { background: url("/Templates/Mercola/images/sticker-reward.png") no-repeat 0 0; padding-bottom: 15px; padding-left: 50px; min-height: 40px } div.productdetails div.promomesscontent div.stickers ul li.freeshipping-sticker { background: url("/Templates/Mercola/images/sticker-freeshipping.png") no-repeat 0 0; padding-bottom: 15px; padding-left: 50px; min-height: 40px } div.productdetails div.promomesscontent ul li.bogo-sticker { font-size: 13px; color: #636363 } div.productdetails div.promomesscontent div.stickers ul li.bogo-sticker { background: none; padding-bottom: 15px; min-height: 60px; position: relative; } div.productdetails div.promomesscontent div.stickers ul li.bogo-sticker strong { color: #fff; background: #af1a30; padding: 3px 10px; font-weight: var(--default-font-weight-semi-bold); } div.productdetails div.promomesscontent div.stickers ul li.bogo-sticker span { background: #af1b31; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: var(--default-font-weight-semi-bold); margin-bottom: 5px; position: absolute; left: 0; top: 5px; width: 55px; } div.productdetails div.promomesscontent div.stickers ul li.new-sticker { background: url("/Templates/Mercola/images/new-sticker.png") no-repeat 0 0; padding-bottom: 15px; padding-left: 50px; min-height: 40px } div.productdetails div.promomesscontent div.stickers ul li.btgo-sticker { background: url("//media.mercolamarket.com/assets/images/shop/btg1-sticker.png") no-repeat 0 8px; padding-bottom: 15px; padding-left: 65px; min-height: 40px; padding-top: 19px; } .stickers ul li em { color: #888; font-size: 11px !important; font-style: normal; font-weight: normal } .addcartalert { font-size: 13px; margin: 0 auto; font-weight: bold; text-align: center !important; width: 90%; max-width: 300px } .alertbutton { float: none; background-color: #2f7ae8 !important; border-radius: 0; text-shadow: none !important; font-size: 14px; font-weight: bold; line-height: 30px; min-width: 110px; text-transform: uppercase; margin: 10px auto 0px; color: #fff; height: 30px; padding: 0 10px; display: block; border-radius: 0px } .alertbutton:hover, .alertbutton:focus { color: #fff } .popup_visible div.popup_wrapper_visible div.discountpopup { border: 0; padding: 5%; width: 90% } .popup_visible div.popup_wrapper_visible.popup_wrapper_loader div.discountpopup { height: auto !important; width: 90% !important } div.popup_wrapper_visible.popup_wrapper_loader div.popup_content a.btn_close { display: block !Important } div.popup_wrapper_loader div.discountpopup.popup_content { background: #fff; visibility: hidden !important } div.popup_wrapper_visible.popup_wrapper_loader div.discountpopup.popup_content { visibility: visible !important } .popup_content a.btn_close_pdp { position: absolute; right: 5px; top: 5px; background: url("/Templates/Mercola/images/icons.png") no-repeat -178px 0; width: 29px; height: 29px; text-indent: -99999px; opacity: 1; padding: 0 } .sizechart { margin: 0 0 10px 140px } .sizechart a { margin: 0; color: #2369b4; font-weight: var(--default-font-weight-bold); text-decoration: underline; } .sizechartpopup { width: 94%; max-width: 600px } .sizechartcontent p.logo { text-align: center } .sizechartcontent p.logo img { width: 190px } .sizechartcontent .chartdetails { margin-top: 10px; border-top: 1px solid #d1d1d1; padding-top: 10px; clear: both; overflow: hidden } .chartdetails h2 { float: left; font-size: 23px; line-height: 30px; color: #646464; width: 100%; text-align: center; margin-bottom: 10px } .chartdetails ul.tabs { float: left; width: 100%; text-align: center; } .chartdetails ul.tabs li { border: 0; display: inline-block; background: #959595; margin-right: 1%; cursor: pointer; color: #fff; height: 30px; line-height: 30px; font-size: 14px; text-transform: uppercase; font-weight: bold; width: 31.33% } .chartdetails ul.tabs li.current { background: #000 } .sizechartpopup div.tab-content { display: none; margin-top: 10px } .sizechartpopup div.tab-content.current { display: block } ul.sizechartdetails li { width: 100% } ul.sizechartdetails li ul { clear: both; overflow: hidden; padding: 5px 10px } ul.sizechartdetails li ul.sizes:nth-child(odd) { background: #eeeeee } ul.sizechartdetails li ul.sizes.title { font-weight: bold; font-size: 14px; background: #e2e2e2 } ul.sizechartdetails li ul.sizes.title li { font-weight: bold } ul.sizechartdetails li ul li { float: left; width: calc(100% - 95px); color: #525252; font-weight: normal } ul.sizechartdetails li ul li:first-child { width: 95px } ul.sizechartdetails li ul li span { width: 33.33%; float: left; text-align: center } ul.sizechartdetails.adults li ul li span { width: 20% } p.sizeinfo { padding: 10px; color: #525252; } p.sizeinfo span { font-weight: bold } p.samplimg { text-align: center } p.samplimg img { width: 250px } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Customer Reviews //////////////////////////////////////////////////////////////////////////////*/ span.firstreview { display: block; font-size: 15px; color: #999999 } span.firstreview span.firstrating { padding: 0; background: url("/Templates/Mercola/images/star.png"); height: 14px; width: 70px; display: inline-block; margin: 0 6px 0 0; position: relative; top: 2px } span.firstreview span.ratreview { text-decoration: underline } span.firstreview a { color: #333; } div.customerreviews { clear: both; margin-top: 60px; width: 100%; float: left } span.rating { float: left; margin-top: 10px; font-size: 14px } a.writereview { color: #2369b4; } div#customerreviewfeedback { max-width: 700px; width: 90%; border: 3px solid #000; } div#customerreviewsfeedback { clear: both; overflow: hidden } div#customerreviewsfeedback h1 { font-size: 25px; border-bottom: 1px solid #ccc; padding-bottom: 10px; font-weight: var(--default-font-weight-semi-bold) } div#customerreviewsfeedback label { font-size: 14px; width: 170px; clear: left; float: left; line-height: 29px; margin-top: 15px; font-weight: var(--default-font-weight-semi-bold) } div#customerreviewsfeedback label.error { margin: 0; line-height: normal; padding-left: 170px; width: auto } div#customerreviewsfeedback label + input, div#customerreviewsfeedback label + textarea { float: left; margin-top: 15px; width: calc(100% - 170px); max-width: 200px; padding: 5px; } div#customerreviewsfeedback label + input#feedbackTitle { max-width: inherit } div#customerreviewsfeedback label + textarea { border: 1px solid #ccc; box-shadow: 1px 2px 2px #e7e7e7 inset; -moz-box-shadow: 1px 2px 2px #e7e7e7 inset; -webkit-box-shadow: 1px 2px 2px #e7e7e7 inset; -ms-box-shadow: 1px 2px 2px #e7e7e7 inset; padding: 5px; width: calc(100% - 170px); max-width: inherit; resize: none; } div#customerreviewsfeedback p.actionlink { float: none; clear: both; display: flex; justify-content: center; margin: 0; flex-wrap: wrap } div#customerreviewsfeedback p.actionlink a.submitreview { background: #226cab; font-size: 15px; padding: 10px 80px; margin-top: 15px; font-weight: var(--default-font-weight-semi-bold) } div#customerreviewsfeedback p.actionlink span.reviewfeedbackmsg { float: none; width: 100%; text-align: center } div#customerreviewsfeedback span#feedbackstarrating.rateit { margin-top: 15px } ul.customerreview { clear: none; overflow: hidden; margin-bottom: 0px; width: auto; float: left } ul.customerreview:last-child { padding-bottom: 0; margin: 0; border: 0 } ul.customerreview li span.ratingCount { color: #0074cc } ul.customerreview span.rateit { margin-top: -2px } ul.customerreview li.rating span.ratreview { padding-left: 3px; text-decoration: underline } ul.customerreview li.review { clear: left; width: 100%; margin-top: 15px; float: left; } ul.customerreview li.review h6, div.customerreviews ul.customerreview ul.customerReviewComment li span { font-size: 17px; color: #000; margin-bottom: 5px; font-weight: var(--default-font-weight-semi-bold); } ul.customerreview li.review blockquote, div.customerreviews ul.customerreview ul.customerReviewComment li p { padding: 0; font-size: 14px; color: #5f5f68; border: 0; margin: 0 0 10px 0 } div.customerreviews ul.customerreview ul.customerReviewComment li p { margin: 0 } ul.customerreview li.reviewdate { clear: left } div.customerreviews ul.customerreview li { display: flex } div.customerreviews ul.customerreview li.rating { display: flex; width: auto; justify-content: space-between; flex-wrap: wrap } div.customerreviews div.totalreviews { display: flex; flex-flow: column; margin-bottom: 25px; color: #000; font-size: 14px; } div.customerreviews div.totalreviews span.ratingcount { font-size: 16px; color: #535353; display: flex; align-items: baseline } div.customerreviews div.totalreviews span.ratingcount span.revlbl { padding-left: 3px } div.customerreviews div.totalreviews span.avgcount { font-size: 35px; padding-right: 5px; position: relative; top: 3px; color: #000; font-weight: var(--default-font-weight-bold); } div.customerreviews div.totalreviews { width: 100% } div.customerreviews div.totalreviews a { cursor: default } div.customerreviews div.totalreviews a.writereview { display: block } div.customerreviews div.avgreviews { width: 100% } div.customerreviews div.avgreviews ul li { display: flex; align-items: center; margin-bottom: 10px; } div.customerreviews div.avgreviews ul li span.rateit { padding: 0; margin: 0; width: 50px } div.customerreviews div.avgreviews ul li span.rateit span.rateit-range { display: none } div.customerreviews ul.customerreview li span.ratingProgress { width: 25px; font-size: 12px; color: #4d4d4d; text-align: right; } div.customerreviews div.progress { height: 12px; border-radius: 0; margin-bottom: 0px; width: calc(100% - 75px); background: #e0e0e0 } div.customerreviews div.progress div.progress-bar { background-color: #4d4d4d } div.customerreviews ul.customerreview li.reviewer { clear: none; font-size: 15px; float: none; display: flex; align-items: center; font-weight: var(--default-font-weight-bold); margin-top: 2px } div.customerreviews ul.customerreview li.reviewer span.verifiedpurchase { color: #3b6c2a; font-size: 13px; font-weight: normal; margin-left: 5px; display: flex; align-items: center } div.customerreviews ul.customerreview li.reviewer span.verifiedpurchase i.fa { color: #fff; background: #3b6c2a; border-radius: 50%; padding: 2px; font-size: 12px; margin-right: 3px } div.customerreviews ul.customerreview li.reviewdate { clear: none; float: right } div.customerreviews ul.customerreview li.thumbsupanddown { font-size: 12px; color: #5f5f68; display: flex; align-items: center } div.customerreviews ul.customerreview li.thumbsupanddown div.votecount { margin-left: 3px; border: 1px solid #5f5f68; padding: 3px 15px; } div.customerreviews ul.customerreview li.thumbsupanddown div.votecount:first-child { margin-left: 15px } div.customerreviews ul.customerreview li.review { display: flex; flex-flow: column } div.customerreviews ul.customerreview ul.customerReviewComment { margin-top: 10px } div.customerreviews ul.customerreview ul.customerReviewComment li { padding: 10px; border-top: 1px solid #fff; background: #f5f5f5; display: flex; flex-wrap: wrap } div.customerreviews ul.customerreview ul.customerReviewComment li span { width: 135px } div.customerreviews ul.customerreview ul.customerReviewComment li p { width: calc(100% - 135px) } div.customerreviews ul.customerreview li.reviewcomment { margin-top: 10px; display: none } div.customerreviews ul.customerreview li.reviewcomment textarea { border: 1px solid #ccc; padding: 5px; width: 100%; resize: none } div.customerreviews ul.customerreview li.reviewcomment input[type=button] { border: 0 none; border-radius: 5px; color: #fff; font-family: open sans, Sans-Serif; font-weight: normal; font-size: 13px; padding: 5px 50px; width: auto; background: #7fba00; cursor: pointer; margin-top: 10px; line-height: normal; float: right; margin-top: 10px } div.sortreviews { float: right; width: 200px; line-height: 30px; position: relative; } div.sortreviews span#customerReviewSort { float: left; padding-right: 15px } div.sortreviews div.dd.ddcommon { width: 100% !important } div.sortreviews div.dd.ddcommon:focus { outline: none } div.sortreviews div.dd.ddcommon span.divider { font-family: "Glyphicons Halflings"; float: right } div.sortreviews div.dd.ddcommon span.divider::before { content: "\e252" } div.ddChild { top: 40px !important; width: 100%; } div.ddChild ul { background: #fff; border: 1px solid #ccc; border-bottom: 0; } div.ddChild ul li { border-bottom: 1px solid #ccc; cursor: pointer; font-family: FontAwesome, var(--default-font); padding: 0 10px } div.ddChild ul li:hover { background: #f7f7f7 } div.ddChild ul li:first-child { display: none !important } div.sortreviews div.ddTitle { cursor: pointer; border: 1px solid #bbbbbb; padding: 5px 10px; } div.sortreviews div.ddTitle span.ddTitleText span.ddlabel span { display: none } #productreviews div.ddChild ul { border-bottom: 1px solid #ccc; } #productreviews div.ddChild ul li { border-bottom: 0 !important; } div#productreviews div.reviewdetails { clear: both; display: flex; justify-content: space-between } div#productreviews div.reviewdetails div.totalrating { background: #f9f8f8; padding: 15px 20px; width: 365px; } div#productreviews div.reviewdetails div.totalrating span.firstreview { display: none } div#productreviews div.reviewdetails div.totalrating div.sharereview { margin-top: 30px; display: flex; flex-flow: column } div#productreviews div.reviewdetails div.totalrating div.sharereview label { font-size: 15px; font-weight: var(--default-font-weight-bold); text-align: center } div#productreviews div.reviewdetails div.totalrating div.sharereview a#writereviewtab { background: #226cab; font-size: 15px; padding: 10px 0px; margin-top: 5px; text-align: center; color: #fff; font-weight: var(--default-font-weight-semi-bold) } div.reviewdetails div#tab-customer-reviews { width: calc(100% - 395px); } div.reviewdetails div#tab-customer-reviews.nocustomerreview { display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: var(--default-font-weight-bold) } div.writereviewlogin a { display: block; padding: 10px; background-color: #555; color: #fff; font-weight: bold; text-decoration: none; margin-bottom: 3px; clear: both } div.writereviewlogin a:hover { background: #83b6dd } div.notifyme { font-size: 15px; display: flex; flex-wrap: wrap; margin-top: 5px; } div.pdsupply div.notifyme label { width: 100% } div.notifyme > p { padding-bottom: 10px; color: #af1a30; font-weight: var(--default-font-weight-bold); } div.enteremail { margin-top: 10px; display: flex; flex-wrap: wrap; width: 100% } div.enteremail input#email { margin: 0; height: auto; padding: 5px 10px; width: calc(100% - 205px) } div.enteremail.nowishlist input#email { width: calc(100% - 160px) } div.enteremail::placeholder { color: #acacac } div.comingsoonmsg { font-size: 15px; } div.comingsoonmsg > p { padding-bottom: 10px; color: #af1a30; font-weight: var(--default-font-weight-bold); font-size: 20px; } div.pdsupply div.comingsoonmsg label { width: 100% } div.comingsoonmsg input#comingsoonemail { margin: 0; height: auto; padding: 5px 10px; width: calc(100% - 160px) } div.comingsoonmsg input::placeholder { color: #aaa; } div.productdetails div.warningmsg div.enteremail a.notifyme { margin: 0 0 0 5px !important; padding: 8px !important; background: #af1a30 !important; font-size: 16px !important; font-weight: var(--default-font-weight-semi-bold) !important; text-transform: uppercase !important; color: #fff; text-align: center !important; border-radius: 50px; flex: 1; } div.entercomingsoonemail { padding-top: 10px; display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } div.productdetails div.comingsoonmsg div.entercomingsoonemail a.notifyme { margin: 0 0 0 5px !important; padding: 8px !important; background: #af1a30 !important; width: 155px !important; font-size: 16px !important; font-weight: var(--default-font-weight-semi-bold) !important; text-transform: uppercase !important; color: #fff; text-align: center !important; border-radius: 50px; } div.enteremail div#movetowishlist { height: 38px; line-height: 38px } div.pdsupply div.notifyme div.emailmarketing { display: inline-flex; margin-top: 10px; flex-wrap: wrap } div.pdsupply div.notifyme div.emailmarketing input[type=checkbox] { margin: 0 5px 0 0; height: 16px !important; width: 16px !important } div.pdsupply div.notifyme div.emailmarketing label { margin: 0; padding: 0; line-height: normal; font-size: 16px; width: calc(100% - 21px) } div.pdsupply div.notifyme div.emailmarketing label.validationmess { width: 100%; margin-top: 10px } div.customerreviews div#productreviews.r-tabs { padding-top: 0 } div.customerreviews div#productreviews.r-tabs ul.customerreview { display: flex; flex-flow: column; width: 100%; float: none } div.reviewcount { clear: both; overflow: hidden; padding-top: 15px; border-top: 1px solid #ccc; margin-top: 15px } div.reviewcount.reviewcountall { display: none; transition: fadeIn 5s; } div.loadreviews { display: flex; margin-top: 25px; justify-content: center } div.loadreviews a { background: #226cab; padding: 10px 40px; color: #fff; font-weight: var(--default-font-weight-bold); font-size: 16px } div.reviewfirstletter { font-weight: var(--default-font-weight-bold); color: #fff; float: left; width: 30px; margin-right: 10px; } div.reviewfirstletter p { background: #83b6dd; padding: 0; height: 30px; width: 30px; text-align: center; font-size: 16px; line-height: 30px; border-radius: 30px; } div.reviewfirstletter p + span.glyphicon { background: #11bf81; font-size: 6px; height: 13px; width: 13px; text-align: center; line-height: 10px; border-radius: 10px; float: right; border: 2px solid #fff; top: -11px; position: relative; left: 4px; } div#pdpCustomerReviewsScroll { float: left; width: 100%; height: 1px; background: #fff } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: The Land of the Media Query //////////////////////////////////////////////////////////////////////////////*/ @media (min-width:360px){ul.skuprice li.yourprice span.dietcontainer{clear:none;padding-left:0px}dl#skuoptionslist dt{width:140px}ul.skuprice li label{width:auto}dl#skuoptionslist dd select{width:200px}.sizechart{margin:0 0 10px 140px}} @media (min-width:421px){ul.actionlinks li#movetowishlist{width:68%}div.pdsupply.detailsright{float:left;width:100%}div.pdsupply label{width:140px}} @media (max-width:480px){div#customerreviewsfeedback label{width:100%}div#customerreviewsfeedback label + input,div#customerreviewsfeedback label + textarea{width:100%;max-width:inherit;margin-top:0}div#customerreviewsfeedback p.rating label{width:53px}div#customerreviewsfeedback p.actionlink{margin-left:0;width:100%}div#customerreviewsfeedback p.actionlink a.submitreview{width:100%}div#customerreviewsfeedback label.error{padding-left:0}div.customerreviews ul.customerreview li div.totalreviews a.writereview{display:inline-block;margin-top:3px}div.customerreviews ul.customerreview li div.avgreviews{border:0;width:100%;padding:0;margin-top:20px}} @media (max-width:1300px){div.size_swatch dl#skusizeswatch dd ul.sizeswatchlinks { grid-template-columns: 31.5% 31.5% 31.5%; margin-right: 1px; font-size: 12px; } }@media (max-width:400px){div.size_swatch dl#skusizeswatch dd ul.sizeswatchlinks{grid-template-columns:31% 31% 31%}} @media (min-width:480px){ul.skuprice{width:100%}div.productdetails.gfproductdetails #skudetails ul.skuprice label{width:160px}#giftcertificatecontainer ul li label{width:160px;float:left;padding-right:5px;line-height:34px;padding-bottom:0}#giftcertificatecontainer ul li label.gcmess{line-height:normal}#giftcertificatecontainer ul li label.messlength{padding-left:160px;width:auto;line-height:normal}#giftcertificatecontainer ul li label.error{line-height:normal;padding-left:160px;width:auto}#giftcertificatecontainer ul.actionlinks li#addtocart a.addtocart,#giftcertificatecontainer ul.actionlinks li#addtocart a.ddtocart_disabled{margin-left:160px}.chartdetails h2{width:125px;text-align:left}.chartdetails ul.tabs{width:calc(100% - 125px)}div.auto-ship-box div.autoshipoints{margin-top:20px}} @media (min-width:570px){ul.actionlinks li#movetowishlist{width:74%}div.productdetails.gfproductdetails #skudetails ul.skuprice label{width:185px}#giftcertificatecontainer ul li label{width:185px}#giftcertificatecontainer ul li label.messlength{padding-left:185px}#giftcertificatecontainer ul li label.error{padding-left:185px}#giftcertificatecontainer ul li input[type=text],#giftcertificatecontainer ul li textarea{width:300px}#giftcertificatecontainer ul.actionlinks li#addtocart a.addtocart,#giftcertificatecontainer ul.actionlinks li#addtocart a.ddtocart_disabled{margin-left:185px}.popup_visible div.popup_wrapper_visible div.discountpopup{padding:3%;width:85%}.popup_visible div.popup_wrapper_visible.popup_wrapper_loader div.discountpopup{width:85%!important}div.pdsupply label{width:140px}} @media (max-width:480px){div.enteremail input#email{font-size:13px}} @media (max-width:992px){div.productdetails div.prodmainimage div.carouselimageitem1 div.lowpricebadge{width:100px;height:100px}} @media (max-width:820px){div#productreviews div.reviewdetails{flex-wrap:wrap}div#productreviews div.reviewdetails div#avgrating,div#productreviews div.reviewdetails div.totalrating,div.reviewdetails div#tab-customer-reviews{width:100%}div.reviewdetails div#tab-customer-reviews.nocustomerreview{padding-top:20px}div.sortreviews{width:100%;padding-top:5px;padding-bottom:5px}} @media (max-width:768px){div.productname h1{font-size:28px}ul.skuprice li{font-size:18px}ul.skuprice li.yourprice span{font-size:32px}ul.skuprice li span.listprice,ul.skuprice li.yourprice label{font-size:18px}div.auto-ship-box ul li.multitimesubscription label{font-size:15px}div.currencylist ul.ulcustomCombobox{top:auto;position:fixed;bottom:-100%;display:block;z-index:10000000;height:auto;max-height:300px;width:100%!important;left:0;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;background:none;border-top:0}div.currencylist ul.ulcustomCombobox.showulcustomCombobox{top:auto;bottom:0px;left:0;width:100%!important;max-height:300px;border-top:0}div.currencylist ul.ulcustomCombobox li.delfreq{display:block;padding:10px;border-radius:10px 10px 0 0;position:relative;pointer-events:none}div.currencylist ul.ulcustomCombobox li.delfreq a.btnclose{position:absolute;top:8px;right:8px;background:#000;width:20px;height:20px;background:url("//media.mercola.com/assets/images/shop/x-icon.svg") no-repeat 0 0;background-size:contain}div.currencylist ul.ulcustomCombobox li.delfreq h3{font-weight:var(--default-font-weight-bold);text-align:center;font-size:13px}div.customboxoverlay{position:fixed;top:0;left:0;width:100%;z-index:1000000;display:none;opacity:0;-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;-ms-transition:all 2s ease;transition:all 2s ease;background:#000;height:100%}div.customboxoverlay.showcustomboxoverlay{display:block;opacity:.5}div.productdetails div.prodmainimage div#alternateimages_carousel_content.owl-carousel{display:none}div.productdetails div.prodmainimage div.owl-carousel div.owl-dots{display:block}div.productdetails div.prodmainimage div.owl-carousel div.owl-dots.disabled{display:none}div.productdetails div.prodmainimage div.owl-carousel div.owl-dots button.owl-dot{height:10px;width:10px;border:2px solid #999;border-radius:50%;margin:0 5px}div.productdetails div.prodmainimage div.owl-carousel div.owl-dots button.owl-dot.active{border:2px solid #333;background:#333}div.productdetails div.prodmainimage div.carouselimageitem1 div.lowpricebadge{width:150px;height:150px}div.customerreviews ul.customerreview ul.customerReviewComment li span{width:100%}div.customerreviews ul.customerreview ul.customerReviewComment li p{width:100%}div.bundleprice label.lblTotalPrice span.totalprice{font-size:20px}ul.bundleprodnamelist li label{font-size:16px}ul.bundleprodnamelist li span.lblPrice{font-size:14px}div.bundleproduct h3{padding:0;text-align:center}} @media (max-width:480px){div.productdetails div.prodmainimage div.carouselimageitem1 div.lowpricebadge{width:100px;height:100px}#freqdrpdwncontainer div.currencylist ul.ulcustomCombobox.showulcustomCombobox{border-radius:10px;bottom:47px}} @media (min-width:769px){div#tab-product-features div.description{width:54%;margin-bottom:0}div#tab-product-features div.prdlblkit{width:40%!important;float:right!important}div#maincontent div.productname{width:50%;margin-top:0px}div.productdetails div.prodmainimage{float:right;max-width:638px;width:50%!important}div.productdetails div.prodmainimage.imgleft{float:left}div.productdetails div#proddetails{margin-top:0}div.productdetails div#proddetails,div.pdsupply,div.pdsupply.detailsright{width:50%;padding-right:3%}div.pdsupply.detailsright,div#maincontent div.productname.prdnameright{padding-right:0%;padding-left:2%}div.productdetails div#proddetails.detailsright{width:100%!important;padding-left:0}div.pdsupply.detailsright{margin-top:0}div.pdsupply label{width:40px}div.pdsupply div.pdsupplylist{width:100%}ul.actionlinks.cartlinescontainer{padding-right:3%}ul.actionlinks li#movetowishlist{width:62%}div.productdetails.gfproductdetails #skudetails ul.skuprice label{width:230px}#giftcertificatecontainer ul li label{width:230px}#giftcertificatecontainer ul li label.messlength{padding-left:230px}#giftcertificatecontainer ul li input[type=text],#giftcertificatecontainer ul li textarea{float:left;margin-right:5px}#giftcertificatecontainer ul li label.error{padding-left:0;line-height:34px}#giftcertificatecontainer ul.actionlinks li#addtocart a.addtocart,#giftcertificatecontainer ul.actionlinks li#addtocart a.ddtocart_disabled{margin-left:230px}ul.bundleprodnamelist{width:60%}div.bundleprice{margin-top:15px}div.bundleprice label.lblTotalPrice{text-align:left;font-size:22px}div.bundleprice span.skulistactionlink{text-align:left}div.bundleprice input.btnaddtocart{max-width:inherit}.popup_visible div.popup_wrapper_visible div.discountpopup{width:75%}.popup_visible div.popup_wrapper_visible.popup_wrapper_loader div.discountpopup{width:75%!important}div.auto-ship-box ul{width:100%}div.auto-ship-box div.autoshipoints{margin-top:5px}div.writereviewlogin a{display:none}div.productinfo{clear:right;width:40%}div.PDPdietContainer{float:right}div.PDPdietContainer.expanddesc{float:left}} @media (min-width:901px){div#maincontent div.productname,div.productdetails div#proddetails,div.pdsupply{width:45%!important;float:left}div.pdsupply.detailsright{width:45%!important;float:right}div.productdetails.gfproductdetails #skudetails ul.skuprice label{width:300px}#giftcertificatecontainer ul li label{width:300px}#giftcertificatecontainer ul li label.messlength{padding-left:300px;clear:left}#giftcertificatecontainer ul.actionlinks li#addtocart a.addtocart,#giftcertificatecontainer ul.actionlinks li#addtocart a.ddtocart_disabled{margin-left:300px}.popup_visible div.popup_wrapper_visible div.discountpopup{width:65%;max-width:700px;padding:2%}.popup_visible div.popup_wrapper_visible.popup_wrapper_loader div.discountpopup{width:65%!important}div.sortreviews{margin-bottom:17px}#specialpromotionalproducts #cartlinescontainer .bdlprodimg{width:65%}} @media (min-width:1024px){div.auto-ship-box div.autoshipoints{margin-top:20px}} @media (min-width:1201px){div.productdetails{padding:0 5%!important}div#tab-product-features div.description{width:54%!important}ul.bundleprodnamelist{width:68%!important}div.bundleprice{width:30%!important}} /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: YouTube Video Thumbnail //////////////////////////////////////////////////////////////////////////////*/ .imgvideo { cursor: pointer; } .playbutton { background: url("https://cdn0.iconfinder.com/data/icons/vector-basic-tab-bar-icons/48/play_button-128.png") center center no-repeat; position: absolute; top: 50px; left: 50px; width: 74px; height: 74px; margin: -37px 0 0 -37px; z-index: 10; opacity: .6; } .ytvideo, .ytvideo1, .ytvideo2 { position: relative; margin: 0; padding: 0; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; } .ytvideo, .ytvideo1, .ytvideo2 iframe { border-style: none; height: 50px; width: 80px; } div#productdescriptions h2 { font-size: 30px; margin: 0 0 5px; font-weight: 700; padding: 0 0 0 20px; } div.accordionwrap { border: 1px solid #ccc; padding: 10px 30px; overflow: hidden; border-radius: 20px; } div.accordionwrap div.card { border-top: 1px solid #ccc; display: inline-block; width: 100%; padding: 7px 0; } div.accordionwrap div.card:first-child { padding-top: 0; border: none; } div.accordionwrap div.card:last-child { padding-bottom: 0; } div.accordionwrap div.card a { color: #000; text-decoration: none; font-size: 22px; font-weight: 600; width: 100%; text-align: left; } div.accordionwrap div.card a i { font-size: 30px; font-weight: 700; padding-right: 10px; } @media (min-width:931px) { #specialpromotionalproducts #cartlinescontainer { border: 1px solid #ccc; } ul.bundleprodnamelist { margin: 0 0 20px 30px; } div.bundleproduct h3 { margin-bottom: 10px } #specialpromotionalproducts #cartlinescontainer .bundleprice { order: unset; width: 30%; } } @media (max-width:930px) { #apparel1 #maincontent ~ #productdescriptions { padding: 0 !important; } div#productdescriptions h2 { font-size: 26px; font-weight: 700; margin: 0 0 20px 26px } div.accordionwrap div.card:first-child { padding: 7px 0; border-top: 1px solid #ccc; } div.accordionwrap div.card:last-child { border-bottom: 1px solid #ccc; padding: 7px 0; } div.accordionwrap div.card a { font-size: 22px; } div.accordionwrap { border: 0; overflow: hidden; } #maincontent > #productdescriptions > div.accordionwrap { padding: 0px; } #maincontent > #productdescriptions h2 { margin-left: 0px; } div a.btn { padding: 10px 0 !important; } #specialpromotionalproducts #cartlinescontainer .bundleprice { margin-bottom: 30px; } div.bundleproduct h3 { font-size: 26px; line-height: normal; } #apparel1 > div.bundleproduct { padding: 0 30px; } #apparel1 > div.bundleproduct .header { border-top: 1px solid #ccc; padding-top: 20px; } #apparel1 > div.bundleproduct #cartlinescontainer { border-bottom: 1px solid #ccc; border-radius: 0; } } /*////////////////////////////////////////////////////////////////////////////// // [ENGLISH] PDP: Label Info //////////////////////////////////////////////////////////////////////////////*/ div.productdetails div#proddetails.detailsright [data-rfkid] h2, div.pdsupply.detailsright [data-rfkid] h2 { position: absolute; background: none; margin: 0 !important; padding: 0 !important; left: 8px; top: -30px; text-align: left; } .pdp-lbl-desc-box { margin: 0; padding: 0; } .pdp-lbl-desc-box .card-body { float: left; width: 50%; } .pdp-lbl-desc-box div.productinfo { float: right; width: 50%; margin-top: 0px; } .pdp-lbl-desc-box div.productinfo div.dietaryconsideration { float: none; margin-left: 20px; } .pdp-lbl-desc-box div.productinfo div.dietaryconsideration div.PDPdietContainer { float: none; max-width: 100%; } .pdp-lbl-desc-box div.productinfo div.dietaryconsideration ul.PDPdietCicons li { display: flex; align-items: center; margin-bottom: 20px; float: none; } .pdp-lbl-desc-box div.productinfo div.dietaryconsideration ul.PDPdietCicons li ul li { list-style: none; margin-bottom: 0px; font-size: 16px; } @media only screen and (max-width:640px) { .pdp-lbl-desc-box div.productinfo div.dietaryconsideration ul.PDPdietCicons li ul li { font-size: 14px; } } @media (max-width:768px) { .pdp-lbl-desc-box .card-body { float: none; width: 100%; } .pdp-lbl-desc-box div.productinfo { float: none; margin-top: 20px; width: 100%; } } /* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/magiczoomplus.css' (Mode: Static) */ /* Magic Zoom Plus v5.2.2 Copyright 2017 Magic Toolbox Buy a license: https://www.magictoolbox.com/magiczoomplus/ License agreement: https://www.magictoolbox.com/license/ */ /** * Core styles */ .MagicZoom, .mz-figure, .mz-lens, .mz-zoom-window, .mz-loading, .mz-hint, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage, .mz-expand .mz-image-stage > figure .mz-caption, .mz-thumb img, .mz-expand-thumbnails, .mz-expand-controls, .mz-button { -webkit-box-sizing: border-box; box-sizing: border-box; } .MagicZoom, .mz-figure { display: inline-block; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr !important; position: relative; z-index: 1; margin: 0 auto; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .MagicZoom { -webkit-transform: translate3d(0,0,0); -ms-touch-action: pan-y; touch-action: pan-y; } figure.mz-figure { overflow: hidden; margin: 0 !important; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .MagicZoom img, .mz-figure img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; } .MagicZoom > img, .mz-figure > img { width: 100%; height: auto; } .ie8-magic .MagicZoom > img, .ie8-magic .mz-figure > img { width: 100%; max-width: none !important; } .mz-figure.mz-no-zoom.mz-no-expand, .mz-expand .mz-figure.mz-no-zoom { cursor: default !important; } .mz-figure.mz-active, .mz-expand { -ms-touch-action: none; touch-action: none; } .mz-lens, .mz-zoom-window { position: absolute !important; overflow: hidden !important; pointer-events: none !important; } .mz-lens img, .mz-zoom-window img { position: absolute !important; max-width: none !important; max-height: none !important; } .mz-lens img { -webkit-transition: none !important; transition: none !important; } .mz-zoom-window { z-index: 2000000000; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .mz-zoom-window.mz-magnifier { -webkit-mask-image: -webkit-radial-gradient(circle, white, black); -webkit-mask-clip: content; cursor: none; } .mz-figure.mz-active .mz-zoom-window.mz-magnifier { pointer-events: auto !important; cursor: inherit !important; } .mz-zoom-window.mz-magnifier.mz-expanded { z-index: 2147483647; } .mz-zoom-window img { width: auto; height: auto; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto !important; -webkit-transition: none !important; transition: none !important; -webkit-transform-origin: 50% 50% !important; -ms-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; } .mz-zoom-window.mz-preview img { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: 0 !important; width: 100% !important; height: auto !important; -webkit-transform: none !important; transform: none !important; } .lt-ie9-magic .mz-zoom-window img { margin: 0 !important; } .mz-expand-controls { z-index: 2147483647; } .mz-fade { -webkit-transition: opacity .25s; transition: opacity .25s; } .mz-hidden { opacity: 0; } .mz-visible { opacity: 1; } .mobile-magic .mz-expand .mz-expand-bg { -webkit-transform-style: flat !important; transform-style: flat !important; } .mobile-magic .mz-expand .mz-image-stage > figure .mz-caption { display: none !important; } .mobile-magic .mz-expand-controls.mz-fade { transition: none !important; } .mobile-magic .mz-expand > .mz-zoom-window { top: 0 !important; left: 0 !important; } .mz-expanded-view-open, .mz-expanded-view-open body { overflow: hidden !important; } .mz-expanded-view-open body { height: auto !important; } /** * Main figure */ .mz-figure.mz-active { background: #fff; } .mz-figure.mz-no-zoom, .mz-figure.mz-click-zoom, .mz-figure.mz-active { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mz-figure.mz-active.mz-no-expand { cursor: crosshair; } .mz-figure.mz-active.mz-click-zoom.mz-no-expand { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } .mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand { cursor: none; } .mz-figure.mz-magnifier-zoom.mz-active { overflow: visible !important; } .mz-figure.mz-active > img { filter: url("~/Templates/Mercola/CSS/data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(80%) opacity(60%); filter: grayscale(80%) opacity(60%); } .no-cssfilters-magic .mz-figure.mz-active > img { opacity: 0.6; } .lt-ie10-magic .mz-figure.mz-active > img { opacity: 1; filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1,opacity=0.6); } .mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > img { opacity: 0; } .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom, .lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom > .mz-zoom-window { opacity: 1; } .lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img { filter: alpha(opacity=0); } .ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom { background: transparent; } /** * Zoom lens */ .mz-lens { border: 1px solid #aaa; border-color: rgba(170,170,170,0.7); box-shadow: 0 0 5px rgba(0,0,0,.3); cursor: none; z-index: 10; opacity: 0; } .mz-figure.mz-active .mz-lens { opacity: 1; -webkit-transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s; transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s; } .mz-figure.mz-active.mz-magnifier-zoom .mz-lens { border-radius: 50%; opacity: 0; cursor: none; } /** * Zoom window */ .mz-zoom-window { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .2); } .mz-zoom-window.mz-magnifier { border-radius: 100%; border: 0; background: rgba(255,255,255,.3); } .mz-zoom-window.mz-magnifier:before { content: ""; display: block; position: absolute; top: 0;bottom: 0; left: 0; right: 0; border-radius: 100%; border: 1px solid rgba(170,170,170,0.7); box-shadow: inset 0 0 20px 1px rgba(0,0,0,.3); background: transparent; z-index: 1; } .mz-zoom-window.mz-magnifier.mz-square, .mz-zoom-window.mz-magnifier.mz-square:before { border-radius: 0 !important; } .lt-ie9-magic .mz-zoom-window { border: 1px solid #e5e5e5; } .mz-zoom-window.mz-inner { border: none; box-shadow: none; } /* Caption in zoom window */ .mz-zoom-window .mz-caption { background: #777; color: #fff; font-size: 10pt; opacity: 0.8; position: absolute; top: 0; z-index: 150; padding: 3px; width: 100%; line-height: normal !important; text-align: center !important; } .lt-ie9-magic .mz-zoom-window .mz-caption { filter: alpha(opacity=80); } .mz-zoom-window.caption-bottom .mz-caption { top: auto; bottom: 0; } .mz-zoom-window.mz-expanded > .mz-caption { display: none; } /* Zoom window animations */ .mz-zoom-window.mz-deactivating, .mz-zoom-window.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .mz-zoom-window.mz-deactivating { -webkit-transition-duration: .25s, .25s, .25s; transition-duration: .25s, .25s, .25s; } .mz-zoom-window.mz-p-right, .mz-zoom-window.mz-p-left, .mz-zoom-window.mz-p-top, .mz-zoom-window.mz-p-bottom { opacity: 0; z-index: -100; } .mz-zoom-window.mz-p-right { -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } .mz-zoom-window.mz-p-left { -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } .mz-zoom-window.mz-p-top { -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); } .mz-zoom-window.mz-p-bottom { -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } /* Inner mode animation */ .mz-zoom-window > img { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-zoom-window.mz-p-inner.mz-deactivating > img, .mz-zoom-window.mz-p-inner.mz-activating > img { -webkit-transition: -webkit-transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; } /* Magnifier mode animation */ .mz-zoom-window.mz-p-magnifier { -webkit-transform: scale(.1); transform: scale(.1); } /* Preview mode animation */ .mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-preview.mz-activating, .mz-zoom-window.mz-custom.mz-deactivating, .mz-zoom-window.mz-custom.mz-activating { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-custom.mz-deactivating { -webkit-transition-duration: .2s; transition-duration: .2s; } .mz-zoom-window.mz-p-preview, .mz-zoom-window.mz-p-custom { opacity: 0; } /** * Hint & Loading */ .mz-hint, .mz-loading { color: #eee; background: rgba(49,51,61,0.7); font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; direction: ltr; display: inline-block; margin: 0; position: absolute; z-index: 1000; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .mz-hint { bottom: 8px; left: 0; right: 0; padding: 0 10%; background-color: transparent; -webkit-transition: opacity 0.25s ease, z-index 0.25s ease; transition: opacity 0.25s ease, z-index 0.25s ease; } .mz-hint-message { display: none; background: rgba(49,51,61,0.7); border-radius: 2em; padding: .7em 1.1em; } .mz-hint-message:before { content: '\02295'; font-family: serif; font-size: 1.5em; speak: none; text-align: center; vertical-align: -2px; margin-right: 6px; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .mobile-magic .mz-hint-message:before { display: none; } .mz-hint-hidden { opacity: 0; z-index: -1; -webkit-transition-delay: .6s; transition-delay: .6s; } /* Hint in the expanded view on mobile */ .mz-expand .mz-hint { font-size: 18px; line-height: 1.1em; top: 50%; bottom: auto; margin: 0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .mz-expand .mz-hint-message { padding: 1.1em; } .mz-expand .mz-hint-message:before { display: none; } .mz-expand .mz-hint-hidden { -webkit-transition-delay: 1s; transition-delay: 1s; opacity: 0; } /* Loading indicator */ .mz-loading { font-size: 0; border-radius: 100%; opacity: 0; padding: 0; width: 36px; height: 36px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .mz-loading:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 24px; height: 24px; margin: auto; text-indent: -9999em; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 1); border-top-color: transparent; box-sizing: border-box; } .mz-loading.shown { opacity: 1; z-index: 1; -webkit-transition: opacity 0s; transition: opacity 0s; } .mz-loading.shown:after { -webkit-animation: spin-loading .9s infinite linear; animation: spin-loading .9s infinite linear; } @-webkit-keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .lt-ie10-magic .mz-loading { border-radius: 2em; font-size: 12px; padding: .7em 1.1em; width: auto; height: auto; } .lt-ie10-magic .mz-loading:after { content: 'Loading...'; text-indent: 0; border: none; position: relative; } .lt-ie9-magic .mz-loading { filter: alpha(opacity=0); right: 0; left: 0; width: 126px; margin: auto; } .lt-ie9-magic .mz-hint-message, .lt-ie9-magic .mz-loading.shown { background: transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#7c31333D', EndColorStr='#7c31333D'); } .lt-ie9-magic .mz-hint-hidden { filter: alpha(opacity=0); } /** * Expanded view */ .mz-expand, .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg { width: auto !important; height: auto !important; } .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > svg { min-width: 100% !important; min-height: 100% !important; } .mz-expand { background-color: rgba(0, 0, 0, 1); text-align: center; vertical-align: middle; display: block; overflow: hidden; z-index: 2100000000; position: fixed; width: auto; height: auto; -webkit-perspective: 600px; perspective: 600px; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-overflow-style: none; } /* Expanded view background */ .mz-expand .mz-expand-bg { display: inline-block; vertical-align: middle; margin: auto; z-index: -100; max-width: none !important; max-height: none !important; -webkit-transform: translate3d(0,0,0) scale(10) rotate(0.01deg); -ms-transform: translate(0,0) scale(10,10) rotate(0.01deg); transform: translate3d(0,0,0) scale(10) rotate(0.01deg); -webkit-perspective: 600px; perspective: 600px; background-repeat: no-repeat; background-size: cover; } .mz-expand .mz-expand-bg > img { margin: auto; filter: url("~/Templates/Mercola/CSS/data:image/svg+xml;utf8,#blur"); -webkit-filter: blur(20px) brightness(60%); filter: blur(20px) brightness(60%); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-expand .mz-expand-bg > svg { margin: auto; opacity: .6; } [data-magic-ua=edge] .mz-expand .mz-expand-bg, .lt-ie10-magic .mz-expand .mz-expand-bg { display: none !important; } .lt-ie9-magic .mz-expand { background: #1f1f1f; } [data-magic-ua=edge] .mz-expand { background-color: rgba(31, 31, 31, .96); } /** Plain backgrounds: dark-bg, white-bg **/ .mz-expand.plain-bg .mz-expand-bg, .mz-expand.dark-bg .mz-expand-bg, .mz-expand.white-bg .mz-expand-bg { display: none !important; } .mz-expand.dark-bg { background-color: #1f1f1f; background-color: rgba(31, 31, 31, .96); } .mz-expand.white-bg { background-color: #fff; } /* Expanded view stage */ .mz-expand .mz-expand-stage { z-index: 2100000000; padding: 0; } .mz-expand .mz-expand-stage .mz-image-stage { z-index: 50; left: 10%; right: 10%; padding: 20px 0 40px 0; margin: 0; text-align: center; vertical-align: middle; -webkit-perspective: 600px; perspective: 600px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage { padding-bottom: 20px; } .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding: 0 !important; left: 0; right: 0; } .mz-expand .mz-image-stage > figure:before, .mz-expand .mz-image-stage:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; font-size: 0; line-height: 100%; width: 0; } .mz-expand .mz-image-stage > figure { width: 100%; max-width: 100%; max-height: 100%; padding: 0; margin: 0; display: inline-block; vertical-align: middle; font-size: 0; line-height: 100%; position: relative; } .mz-expand .mz-figure { overflow: visible; max-width: 100% !important; } .mz-expand .mz-figure > img { max-width: 100%; width: auto; height: auto; } .mz-expand .mz-zoom-in .mz-image-stage > figure, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active { width: 100%; height: 100%; } .mz-expand .mz-figure { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mz-expand .mz-figure.mz-active { cursor: crosshair; cursor: -webkit-zoom-out; cursor: -moz-zoom-out; cursor: zoom-out; } /* When inner zoom is always shown */ .mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img { z-index: 1; position: absolute !important; top: -5000px !important; bottom: -5000px !important; left: -5000px !important; right: -5000px !important; margin: auto !important; } .lt-ie10-magic .mz-zoom-window.mz-expanded img { filter: alpha(opacity=100); } .lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom { overflow: hidden; filter: alpha(opacity=100); } /* Caption in expanded view */ .mz-expand .mz-caption { color: #fff; text-shadow: 0px 0px 46px #000; padding: 10px 4px; font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-align: center; width: 100%; position: absolute; left: 0; opacity: 0; } .mz-expand .mz-caption.mz-show { -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; opacity: 1; } .mz-expand .mz-caption a { color: inherit; cursor: pointer; } .mz-expand.white-bg .mz-caption { color: #555; text-shadow: none; } .lt-ie9-magic .mz-expand .mz-caption { top: 100%; } .mz-expand .mz-zoom-window { box-shadow: none; background: transparent; } .lt-ie9-magic .mz-expand .mz-zoom-window { border: 0; } /* Expanded view on mobile */ .mobile-magic .mz-expand-stage .mz-expand-thumbnails, .mobile-magic .mz-expand-stage .mz-image-stage { left: 0px; right: 0px; } .mobile-magic .mz-expand .mz-expand-stage.with-thumbs { bottom: 0px; } .mobile-magic .mz-expand-stage .mz-image-stage { padding: 0; } .mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage { padding: 5px 0 60px; } .mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding-top: 0; } .mobile-magic .mz-expand .mz-expand-thumbnails { padding: 0; height: 60px; } /** * Buttons & Arrows */ .mz-expand-controls, button.mz-button { margin: 0 !important; padding: 0 !important; outline: 0 !important; } button.mz-button { cursor: pointer; z-index: 90 !important; position: absolute !important; text-transform: none !important; text-align: center; width: 21px !important; height: 52px !important; } button.mz-button:before { display: inline; position: static; color: inherit !important; font: inherit !important; -webkit-font-smoothing: inherit !important; } button.mz-button.mz-button-prev, button.mz-button.mz-button-next { margin: auto 0px !important; top: 0 !important; bottom: 0 !important; overflow: hidden !important; display:none!important } button.mz-button.mz-button-prev { left: 0 !important; } button.mz-button.mz-button-next { right: 0 !important; } button.mz-button.mz-button-close { font-size: 26px !important; margin: 10px !important; top: 0 !important; right: 0 !important; z-index: 95 !important; background: url("/Templates/Mercola/images/icons.png") no-repeat -178px -1px; width:31px!important; height:31px!Important; border:2px solid #fff!important; border-radius:100%!important } :root:not(.mobile-magic) button.mz-button { color: rgba(180, 180, 180, .75) !important; -webkit-transform: scale(.85) !important; transform: scale(.85) !important; -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important; transition: color .25s, border-color .25s, transform .25s !important; } .mobile-magic button.mz-button { -webkit-transition: -webkit-transform .1s !important; transition: transform .1s !important; } .mobile-magic button.mz-button:active { border-color: rgba(180, 180, 180, .6) !important; -webkit-transform: scale(.95) !important; transform: scale(.95) !important; } button.mz-button.mz-button-prev { background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat -28px 0; height: 52px; width: 21px; display: block; padding:0 } button.mz-button.mz-button-next { background: url("/Templates/Mercola/images/icons_24bit.png") no-repeat -56px 0; height: 52px; width: 21px; display: block; padding:0 } @media screen and (max-device-width: 767px) { button.mz-button-prev, button.mz-button-next { display: none !important; } } .lt-ie9-magic button.mz-button { border: 0; filter: alpha(opacity=75); } .lt-ie9-magic button.mz-button:hover { filter: alpha(opacity=100); } /** * Thumbnails */ /* Thumbnails on the page */ a[data-zoom-id], .mz-thumb, .mz-thumb:focus { display: inline-block; line-height: 0; outline: none; } a[data-zoom-id] img, .mz-thumb img { border: 0; box-sizing: border-box; } /* Thumbnails in expanded view */ .mz-expand-thumbnails { z-index: 50; position: absolute; bottom: 0; left: 0px; right: 0px; height: 80px; padding: 10px 0; box-sizing: border-box; display:none } .mz-expand-thumbnails .magic-thumbs .magic-thumb { padding: 10px 2px; } .mz-expand-thumbnails .magic-thumb > img { cursor: pointer; height: 40px; box-shadow:0 0 5px 1px rgba(0,0,0,0.3); } .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover { -webkit-filter: brightness(70%); filter: brightness(70%); } .mz-expand-thumbnails .magic-thumb-selected img { -webkit-filter: brightness(50%); filter: brightness(50%); } .mz-expand-thumbnails .magic-thumbs .magic-thumbs-button { box-shadow: none; } .no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img { opacity: .7; filter: alpha(opacity=70); } .no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img { opacity: .5; filter: alpha(opacity=50); } /** Hide thumbnails in expanded view with .no-expand-thumbnails class **/ .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage { padding-bottom: 40px; } .mz-expand.no-expand-thumbnails .mz-expand-thumbnails { display: none; } .mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage { padding: 0; } .magic-thumbs, .magic-thumbs .magic-thumbs-wrapper, .magic-thumbs ul, .magic-thumbs li, .magic-thumbs li:before, .magic-thumbs li:after, .magic-thumbs li img, .magic-thumbs .magic-thumbs-button { margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .magic-thumbs { direction: ltr; overflow: visible; z-index: 100; position: relative; left: 0; top: 0; padding: 0 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -ms-touch-action: none; touch-action: none; } .magic-thumbs { width: 100%; height: 100%; white-space: nowrap; } .magic-thumbs.no-buttons { padding: 0 !important; } .magic-thumbs-wrapper { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; } .magic-thumbs ul { list-style: none; font-size: 0; display: inline-block; vertical-align: middle; height: 100%; position: relative; white-space: nowrap; } .magic-thumbs.no-buttons ul { left: 0 !important; padding: 0 !important; -webkit-transition: none !important; transition: none !important; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .magic-thumbs ul li { margin: 0 4px; height: 100%; width: auto; vertical-align: top; line-height: 0; display: inline-block; } .magic-thumbs ul li:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .magic-thumbs ul li > img { width: auto; height: auto; max-width: none !important; max-height: 100% !important; vertical-align: middle; } .ie8-magic .magic-thumbs ul li > img { max-width: none !important; max-height: none !important; } /* vertical */ .magic-thumbs.magic-thumbs-vertical { height: 100%; } .magic-thumbs-vertical { padding: 30px 0; } .magic-thumbs-vertical ul { height: auto; width: 100%; white-space: normal; } .magic-thumbs-vertical ul li { width: 100%; height: auto; } .magic-thumbs-vertical ul li { margin: 4px 0; } .magic-thumbs-vertical ul li > img { max-width: 100% !important; max-height: none !important; } .ie8-magic .magic-thumbs-vertical ul li > img { width: 100%; } /** * Buttons */ .magic-thumbs button.magic-thumbs-button { color: #b4b4b4 !important; font: 900 24px/1 'magictoolbox-thin' !important; cursor: pointer; z-index: 90 !important; background-repeat: no-repeat; background-color: transparent !important; background-image: none; border: 0; border-radius: 0; box-shadow: none !important; overflow: hidden; position: absolute; text-transform: none !important; speak: none; text-align: center; -webkit-font-smoothing: antialiased; width: 30px; height: 100%; top: 0; bottom: 0; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; } .magic-thumbs button.magic-thumbs-button:before { display: inline; position: static; color: inherit !important; font: inherit !important; -webkit-font-smoothing: inherit !important; } .magic-thumbs .magic-thumbs-button-prev { background: url("/Templates/Mercola/images/banner-carousel-left.png") no-repeat 0 0!important; height: 52px!important; width: 21px!important; display: block; padding:0!important; left: 0!important; top:4px!important } .magic-thumbs .magic-thumbs-button-next { background: url("/Templates/Mercola/images/banner-carousel-right.png") no-repeat right 0!important; height: 52px!important; width: 21px!important; display: block; padding:0; right: 0!important; top:4px!important} :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button { color: rgba(180, 180, 180, .75) !important; -webkit-transform: scale(.85) !important; transform: scale(.85) !important; -webkit-transition: color .25s, -webkit-transform .25s !important; transition: color .25s, transform .25s !important; } :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:hover { color: rgba(180, 180, 180, 1) !important; -webkit-transform: scale(1) !important; transform: scale(1) !important; } /* Vertical buttons */ .magic-thumbs-vertical .magic-thumbs-button { width: 100%; height: 30px; left: 0; right: 0; top: auto; bottom: auto; } .magic-thumbs-vertical .magic-thumbs-button-prev { top: 0; } .magic-thumbs-vertical .magic-thumbs-button-next { bottom: 0; } .magic-thumbs-vertical .magic-thumbs-button-prev:before { content: "\a005"; } .magic-thumbs-vertical .magic-thumbs-button-next:before { content: "\a004"; } .magic-thumbs.no-buttons .magic-thumbs-button { display: none !important; } .magic-thumbs-button-disabled { opacity: 0.8; filter: alpha(opacity = 80); } div#alternateimages_carousel_content div.carouselimageitem img {width:100%; height:inherit;} /* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/magicscroll.css' (Mode: Static) */ /* Magic Scroll v2.0.28 Copyright 2017 Magic Toolbox Buy a license: https://www.magictoolbox.com/magicscroll/ License agreement: https://www.magictoolbox.com/license/ */ .MagicScroll, .mcs-caption, .mcs-button, .mcs-item, .mcs-item img, .mcs-item > *, .mcs-bullet, .mcs-bullet:before, .mcs-bullet:after, .mcs-wrapper, .mcs-items-container { margin: 0; padding: 0; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .MagicScroll, .mcs-item, .mcs-item a, .mcs-item img, .mcs-items-container { position: relative; } .MagicScroll, .mcs-item, .mcs-wrapper, .mcs-items-container { overflow: hidden; direction: ltr; } .mcs-wrapper, .mcs-item img { line-height: 100%; } .MagicScroll { z-index: 1; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; -moz-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .MagicScroll.MagicScroll-horizontal { -moz-touch-action: pan-y; -ms-touch-action: pan-y; touch-action: pan-y; } .MagicScroll.MagicScroll-vertical { -moz-touch-action: pan-x; -ms-touch-action: pan-x; touch-action: pan-x; } body.mcs-dragging { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } body.mcs-dragging .MagicScroll, body.mcs-dragging button.mcs-button.mcs-horizontal.mcs-button-arrow { cursor: inherit; } .mcs-item, .MagicScroll figure, /*.mcs-item img,*/ .mcs-item .mcs-caption { display: inline-block; } .mcs-item img { display: inline-block !important; } .MagicScroll > * { display: inline-block; max-width: 100%; } .MagicScroll > *:first-child { visibility: hidden; } .MagicScroll > *:nth-child(n+2) { display: none; } .MagicScroll > a { line-height: 100%; } .MagicScroll img { visibility: hidden; } .MagicScroll .mcs-item img { visibility: visible; float: none !important; } .mcs-button, .mcs-bullets, .mcs-wrapper { position: absolute; } .MagicScroll:before, .MagicScroll figcaption:before { content: ''; display: inline-block; vertical-align: top; height: 0; } .mcs-wrapper { top: 0; right: 0; bottom: 0; left: 0; vertical-align: top; z-index: 100; } .mcs-items-container { text-align: center; overflow: visible; width: 100%; height: 100%; } .mcs-item { top: 0; left: 0; zoom: 1; font-size: 9pt !important; line-height: 100%; max-width: 100%; } .mcs-item:after, .mcs-item > a:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .MagicScroll-horizontal .mcs-item { height: 100%; } .MagicScroll-vertical .mcs-item { display: block; width: 100%; } .mcs-item > a, .MagicScroll-horizontal .mcs-items-container > * { display: inline-block; } .mcs-item a, .mcs-item img { border: none; max-width: 100%; max-height: 100%; } .mcs-item a { height: 100%; } .mcs-item img { width: auto; height: auto; vertical-align: middle; } .MagicScroll figure { position: relative; vertical-align: middle; font-size: 0; margin: 0; max-width: 100%; max-height: 100%; line-height: normal; } .lt-ie9-magic .mcs-item > a > img { position: static; } .lt-ie9-magic figcaption { display: block; } .lt-ie10-magic .mcs-item a img { border: none; } .ie7-magic .mcs-item img, .ie7-magic .MagicScroll-vertical .mcs-item a { display: inline-block; } .ie7-magic .MagicScroll-horizontal .mcs-item { display: inline; } .mcs-button { display: block; } .MagicScroll .mcs-hidden { display: none !important; visibility: hidden !important; } .ie11-magic .MagicScroll[data-mode="scroll"] .mcs-items-container, .MagicScroll[data-mode="carousel"] .mcs-items-container, .MagicScroll[data-mode="cover-flow"] .mcs-items-container { -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; } .MagicScroll[data-mode="carousel"] .mcs-item, .MagicScroll[data-mode="cover-flow"] .mcs-item { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .MagicScroll figcaption { display: inline-block; position: relative; left: 0; float: left; width: 100%; line-height: 100%; clear: both; z-index: 150; } .MagicScroll figcaption, .MagicScroll[data-mode="carousel"] .mcs-item .mcs-caption, .MagicScroll[data-mode="cover-flow"] .mcs-item .mcs-caption { left: 50%; -webkit-transform: translateZ(1px) translateX(-50%); transform: translateZ(1px) translateX(-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lt-ie9-magic .MagicScroll figcaption, .lt-ie9-magic .MagicScroll figure img { float: right; } .MagicScroll .mcs-reflection { -webkit-transform: translateZ(-1px); position: absolute; display: inline-block; left: 0px; z-index: 1; } .MagicScroll .mcs-item.mcs-noimg { background: url("/Templates/Mercola/CSS/data:image/png;base64,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") center center no-repeat; } /* * Caption */ .mcs-item .mcs-caption { display: inline-block; vertical-align: bottom; position: absolute; z-index: 150; } .MagicScroll[data-mode="cover-flow"] .mcs-item figcaption.mcs-caption, .MagicScroll[data-mode="carousel"] .mcs-item figcaption.mcs-caption { top: 100%; } .MagicScroll[data-mode="scroll"] .mcs-item figure, .MagicScroll[data-mode="animation"] .mcs-item figure { overflow: hidden; } .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption, .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption { left: 0; width: 100%; bottom: 0; -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-transform: translateY(150%); -ms-transform: translate(0, 150%); transform: translateY(150%); } .MagicScroll[data-mode="scroll"] .mcs-item:hover .mcs-caption, .MagicScroll[data-mode="animation"] .mcs-item:hover .mcs-caption { -webkit-transform: translateY(0%); -ms-transform: translate(0, 0%); transform: translateY(0%); } .lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption, .lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption { bottom: -150%; } .lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item:hover .mcs-caption, .lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item:hover .mcs-caption { bottom: 0%; } /** * Buttons & Arrows */ .mcs-button { cursor: pointer; z-index: 1000; background-repeat: no-repeat; background-color: transparent; border: 0; border-radius: 0; -webkit-transition: opacity .25s linear; transition: opacity .25s linear; } .MagicScroll:hover > .mcs-button:hover { opacity: 1; } .mcs-button-arrow { z-index: 120; } .MagicScroll-horizontal .mcs-button-arrow { width: 40px; height: 100%; top: 0; } .MagicScroll-vertical .mcs-button-arrow { width: 100%; height: 40px; left: 0; } .MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; right: auto; top: 0; bottom: 0; } .MagicScroll-horizontal .mcs-button-arrow-next { left: auto; right: 0; top: 0; bottom: 0; } .MagicScroll-vertical .mcs-button-arrow-prev { top: 0; bottom: auto; left: 0; right: 0; } .MagicScroll-vertical .mcs-button-arrow-next { top: auto; bottom: 0; left: 0; right: 0; } .MagicScroll[data-mode="carousel"] .mcs-item, .MagicScroll[data-mode="cover-flow"] .mcs-item { overflow: visible; } /* * Bullets */ .mcs-bullets { text-align: center; display: inline-block !important; opacity: 0; top: 100%; } .mcs-bullets.show { opacity: 1.0; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .MagicScroll-horizontal .mcs-bullets { width: 100%; left: 0; } .MagicScroll-vertical .mcs-bullets { top: 0; left: 100%; display: inline-block; vertical-align: middle; } .mcs-bullet { border-radius: 50%; margin: 4px; cursor: pointer; display: inline-block; position: relative; text-indent: 9999px; vertical-align: middle; font: 0/0 a; color: transparent; outline: none; } .mcs-bullet.active { cursor: default; } /** * Animation mode */ [data-mode="animation"] div[data-action="exit"], [data-mode="animation"] div[data-action="enter"] { -webkit-animation-duration: 0.35s; animation-duration: 0.35s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } [data-mode="animation"] div[data-action="enter"] { -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1); animation-timing-function: cubic-bezier(.12,.37,.25,1); } [data-mode="animation"] .mcs-item { -webkit-animation-duration: 0; -webkit-transform: none; animation-name: none; animation-duration: 0; } [data-mode="animation"] .mcs-item[data-animation-nth="1"] { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } [data-mode="animation"] .mcs-item[data-animation-nth="2"] { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } [data-mode="animation"] .mcs-item[data-animation-nth="3"] { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } [data-mode="animation"] .mcs-item[data-animation-nth="4"] { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } [data-mode="animation"] .mcs-item[data-animation-nth="5"] { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; } [data-mode="animation"] .mcs-item[data-animation-nth="6"] { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } [data-mode="animation"] .mcs-item[data-animation-nth="7"] { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; } [data-mode="animation"] .mcs-item[data-animation-nth="8"] { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } [data-mode="animation"] .mcs-item[data-animation-nth="9"] { -webkit-animation-delay: 0.55s; animation-delay: 0.55s; } [data-mode="animation"] .mcs-item[data-animation-nth="10"] { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .MagicScroll-horizontal[data-mode="animation"] [data-forward] [data-entering], .MagicScroll-horizontal[data-mode="animation"] [data-forward] [data-exited] { -webkit-transform: translateX(100000px); transform: translateX(100000px); } .MagicScroll-horizontal[data-mode="animation"] [data-backward] [data-entering], .MagicScroll-horizontal[data-mode="animation"] [data-backward] [data-exited] { -webkit-transform: translateX(-100000px); transform: translateX(-100000px); } .MagicScroll-vertical[data-mode="animation"] [data-forward] [data-entering], .MagicScroll-vertical[data-mode="animation"] [data-forward] [data-exited] { -webkit-transform: translateY(100000px); transform: translateY(100000px); } .MagicScroll-vertical[data-mode="animation"] [data-backward] [data-entering], .MagicScroll-vertical[data-mode="animation"] [data-backward] [data-exited] { -webkit-transform: translateY(-100000px); transform: translateY(-100000px); } /** * SlideIn animation */ [data-mode="animation"] .mcs-item[data-action="exit"], .mcs-slidein[data-mode="animation"] .mcs-item[data-action="exit"] { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } [data-mode="animation"] .mcs-item[data-action="enter"], .mcs-slidein[data-mode="animation"] .mcs-item[data-action="enter"] { -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1); animation-timing-function: cubic-bezier(.12,.37,.25,1); -webkit-animation-duration: 0.35s; animation-duration: 0.35s; } /* Horizontal Forward */ .MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"], .mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] { -webkit-animation-name: h-forward-exit-slidein; animation-name: h-forward-exit-slidein; } .MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"], .mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] { -webkit-animation-name: h-forward-enter-slidein; animation-name: h-forward-enter-slidein; } @-webkit-keyframes h-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-600px); transform: translateX(-600px); } } @keyframes h-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-600px); transform: translateX(-600px); } } @-webkit-keyframes h-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px); } 100% { opacity: 1; -webkit-transform:translateX(0px); transform:translateX(0px); } } @keyframes h-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(180px); transform: translateX(180px); } 100% { opacity: 1; -webkit-transform:translateX(0px); transform:translateX(0px); } } /* Horizontal Backward */ .MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"], .mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] { -webkit-animation-name: h-backward-exit-slidein; animation-name: h-backward-exit-slidein; } .MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"], .mcs-slidein.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] { -webkit-animation-name: h-backward-enter-slidein; animation-name: h-backward-enter-slidein; } @-webkit-keyframes h-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(600px); transform: translateX(600px); } } @keyframes h-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(600px); transform: translateX(600px); } } @-webkit-keyframes h-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(-180px); transform: translateX(-180px); } 100% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes h-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateX(-180px); transform: translateX(-180px); } 100% { opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px); } } /* Vertical Forward */ .MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"], .mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] { -webkit-animation-name: v-forward-exit-slidein; animation-name: v-forward-exit-slidein; } .MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"], .mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] { -webkit-animation-name: v-forward-enter-slidein; animation-name: v-forward-enter-slidein; } @-webkit-keyframes v-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-600px); transform: translateY(-600px); } } @keyframes v-forward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-600px); transform: translateY(-600px); } } @-webkit-keyframes v-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(180px); transform: translateY(180px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes v-forward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(180px); transform: translateY(180px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } /* Vertical Backward */ .MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"], .mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] { -webkit-animation-name: v-backward-exit-slidein; animation-name: v-backward-exit-slidein; } .MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"], .mcs-slidein.MagicScroll-vertical[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] { -webkit-animation-name: v-backward-enter-slidein; animation-name: v-backward-enter-slidein; } @-webkit-keyframes v-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(600px); transform: translateY(600px); } } @keyframes v-backward-exit-slidein { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(600px); transform: translateY(600px); } } @-webkit-keyframes v-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(-180px); transform: translateY(-180px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } @keyframes v-backward-enter-slidein { 0% { opacity: 0; -webkit-transform: translateY(-180px); transform: translateY(-180px); } 100% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } } /** * Bounce animation */ .mcs-bounce[data-mode="animation"] .mcs-item[data-action="exit"] { -webkit-animation-timing-function: cubic-bezier(.84,0,1,1); animation-timing-function: cubic-bezier(.84,0,1,1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; /*-webkit-animation-delay: 0s; animation-delay: 0s;*/ } .mcs-bounce[data-mode="animation"] .mcs-item[data-action="enter"] { -webkit-animation-timing-function: cubic-bezier(.12,.37,.25,1); animation-timing-function: cubic-bezier(.12,.37,.25,1); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } /* Horizontal Forward */ .mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="exit"] { -webkit-animation-name: h-forward-exit-bounce; animation-name: h-forward-exit-bounce; } .mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-forward] .mcs-item[data-action="enter"] { -webkit-animation-name: h-forward-enter-bounce; animation-name: h-forward-enter-bounce; } @-webkit-keyframes h-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) translateZ(-1px); } } @keyframes h-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) translateZ(-1px); } } @-webkit-keyframes h-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(3000px); transform: translateX(3000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 75% { -webkit-transform:translateX(10px); transform:translateX(10px); } 90% { -webkit-transform:translateX(-5px); transform:translateX(-5px); } 100% { -webkit-transform:translateX(0px); transform:translateX(0px); } } @keyframes h-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(3000px); transform: translateX(3000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 75% { -webkit-transform:translateX(10px); transform:translateX(10px); } 90% { -webkit-transform:translateX(-5px); transform:translateX(-5px); } 100% { -webkit-transform:translateX(0px); transform:translateX(0px); } } /* Horizontal Backward */ .mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="exit"] { -webkit-animation-name: h-backward-exit-bounce; animation-name: h-backward-exit-bounce; } .mcs-bounce.MagicScroll-horizontal[data-mode="animation"] [data-backward] .mcs-item[data-action="enter"] { -webkit-animation-name: h-backward-enter-bounce; animation-name: h-backward-enter-bounce; } @-webkit-keyframes h-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) translateZ(-1px); } } @keyframes h-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) translateZ(-1px); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) translateZ(-1px); } } @-webkit-keyframes h-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(-3000px); transform: translateX(-3000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 75% { -webkit-transform:translateX(-10px); transform:translateX(-10px); } 90% { -webkit-transform:translateX(5px); transform:translateX(5px); } 100% { -webkit-transform:translateX(0px); transform:translateX(0px); } } @keyframes h-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateX(-3000px); transform: translateX(-3000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 75% { -webkit-transform:translateX(-10px); transform:translateX(-10px); } 90% { -webkit-transform:translateX(5px); transform:translateX(5px); } 100% { -webkit-transform:translateX(0px); transform:translateX(0px); } } /* Vertical Forward */ .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] div[data-action="exit"] { -webkit-animation-name: v-forward-exit-bounce; animation-name: v-forward-exit-bounce; } .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] div[data-action="enter"] { -webkit-animation-name: v-forward-enter-bounce; animation-name: v-forward-enter-bounce; } .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-entering] { -webkit-transform: translateY(100000px); transform: translateY(100000px); } .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-forward] [data-exited] { -webkit-transform: translateY(100000px); transform: translateY(100000px); } @-webkit-keyframes v-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes v-forward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @-webkit-keyframes v-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(3000px); transform: translateY(3000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 75% { -webkit-transform:translateY(10px); transform:translateY(10px); } 90% { -webkit-transform:translateY(-5px); transform:translateY(-5px); } 100% { -webkit-transform:translateY(0px); transform:translateY(0px); } } @keyframes v-forward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(3000px); transform: translateY(3000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 75% { -webkit-transform:translateY(10px); transform:translateY(10px); } 90% { -webkit-transform:translateY(-5px); transform:translateY(-5px); } 100% { -webkit-transform:translateY(0px); transform:translateY(0px); } } /* Vertical Backward */ .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-backward] div[data-action="exit"] { -webkit-animation-name: v-backward-exit-bounce; animation-name: v-backward-exit-bounce; } .mcs-bounce.MagicScroll-vertical[data-mode="animation"] [data-backward] div[data-action="enter"] { -webkit-animation-name: v-backward-enter-bounce; animation-name: v-backward-enter-bounce; } @-webkit-keyframes v-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes v-backward-exit-bounce { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 40% { opacity: 0.6; } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @-webkit-keyframes v-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(-3000px); transform: translateY(-3000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 75% { -webkit-transform:translateY(-10px); transform:translateY(-10px); } 90% { -webkit-transform:translateY(5px); transform:translateY(5px); } 100% { -webkit-transform:translateY(0px); transform:translateY(0px); } } @keyframes v-backward-enter-bounce { 0% { opacity: 0; -webkit-transform: translateY(-3000px); transform: translateY(-3000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 75% { -webkit-transform:translateY(-10px); transform:translateY(-10px); } 90% { -webkit-transform:translateY(5px); transform:translateY(5px); } 100% { -webkit-transform:translateY(0px); transform:translateY(0px); } } /* * Arrows */ .MagicScroll-horizontal .mcs-button-arrow-prev:before, .MagicScroll-horizontal .mcs-button-arrow-next:before, .MagicScroll-vertical .mcs-button-arrow-prev:before, .MagicScroll-vertical .mcs-button-arrow-next:before { content: ""; top: 50%; left: 50%; width: 12px; height: 12px; position: absolute; border-width: 3px; border-color: rgba(49,51,61,0.6); border-style: solid; border-right: none; border-bottom: none; -webkit-transition: border-color .15s linear; transition: border-color .15s linear; } .MagicScroll-horizontal .mcs-button-arrow-prev:before { left: 62%; -webkit-transform: translate(-50%, -50%) rotateZ(-45deg); transform: translate(-50%, -50%) rotateZ(-45deg); } .MagicScroll-horizontal .mcs-button-arrow-next:before { left: 40%; -webkit-transform: translate(-50%, -50%) rotateZ(135deg); transform: translate(-50%, -50%) rotateZ(135deg); } .MagicScroll-vertical .mcs-button-arrow-prev:before { top: 62%; -webkit-transform: translate(-50%, -50%) rotateZ(45deg); transform: translate(-50%, -50%) rotateZ(45deg); } .MagicScroll-vertical .mcs-button-arrow-next:before { top: 40%; -webkit-transform: translate(-50%, -50%) rotateZ(-135deg); transform: translate(-50%, -50%) rotateZ(-135deg); } .mcs-button-arrow.mcs-disabled { opacity: 0.01 !important; } .MagicScroll > .mcs-button-arrow { /*font-size: 20px;*/ width: 30px; height: 30px; margin: auto; opacity: 0.6; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; } .MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; right: auto; top: 0; bottom: 0; } .MagicScroll-horizontal .mcs-button-arrow-next { left: auto; right: 0; top: 0; bottom: 0; } .MagicScroll-vertical .mcs-button-arrow-prev { top: 0; bottom: auto; left: 0; right: 0; } .MagicScroll-vertical .mcs-button-arrow-next { top: auto; bottom: 0; left: 0; right: 0; } .MagicScroll:hover > .mcs-button-arrow:hover:not(.mcs-disabled) { opacity: 1; } .MagicScroll:hover > .mcs-button-arrow:hover:not(.mcs-disabled):before { border-color: rgba(49,51,61,1); } .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { width: 24px; height: 24px; border-radius: 3px; background: rgba(255, 255, 255, .75); box-shadow: 0 0 1px rgba(153, 153, 153, .5); -webkit-transition: background-color .15s linear; transition: background-color .15s linear; } .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before { width: 8px; height: 8px; } .MagicScroll-horizontal.MagicScroll-arrows-inside:hover > .mcs-button-arrow:hover:not(.mcs-disabled) { background-color: rgba(255, 255, 255, .96); } .MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev { left: 5px; } .MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next { right: 5px; } .MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev { top: 5px; } .MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next { bottom: 5px; } .lt-ie10-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { border: 1px solid rgba(153, 153, 153, .5); } .lt-ie9-magic .mcs-button-arrow:before { border-color: #83858B; } .lt-ie9-magic .MagicScroll:hover > .mcs-button-arrow:hover:before { border-color: #31333D; } .lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:before { border-color: #31333D; } .lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { background: #fff; border: 1px solid #999; filter: alpha(opacity = 60); } .lt-ie9-magic .MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover { filter: alpha(opacity = 96); } .lt-ie9-magic .mcs-button-arrow.mcs-disabled { filter: alpha(opacity = 0.01) !important; } /* * Bullets */ .MagicScroll-horizontal .mcs-bullets { margin-top: 10px; } .MagicScroll-horizontal.MagicScroll-bullets { margin-bottom: 35px; } .MagicScroll-vertical .mcs-bullets { margin-left: 10px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .MagicScroll-vertical.MagicScroll-bullets { margin-right: 35px; } .mcs-bullet { width: 10px; height: 10px; background-color: #83858B; } .mcs-bullet:hover { background-color: #5a5a5a; } .mcs-bullet.active { background-color: transparent; border: 1px solid #5a5a5a; } /* Caption */ .mcs-item .mcs-caption { color: white; padding: 5px 0; font: normal 9pt/1.2em 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, sans-serif; text-rendering: geometricPrecision; } .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption, .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption { background-color: #31333D; background-color: rgba(49,51,61,0.7); } .lt-ie9-magic .MagicScroll[data-mode="scroll"] .mcs-item .mcs-caption, .lt-ie9-magic .MagicScroll[data-mode="animation"] .mcs-item .mcs-caption { filter: alpha(opacity=60); } /* Carousel & Cover Flow */ .MagicScroll[data-mode="carousel"], .MagicScroll[data-mode="cover-flow"] { background: #4f4f4f; } .MagicScroll[data-mode="carousel"] img, .MagicScroll[data-mode="cover-flow"] img { box-shadow: 0px 15px 30px -10px #000; } .MagicScroll[data-mode="carousel"] figcaption, .MagicScroll[data-mode="cover-flow"] figcaption { padding: 4px 0 0; font-size: 10pt; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Helvetica Neue', Arial, Helvetica, sans-serif; } /* Misc */ .MagicScroll.mcs-shadows { box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.15); } .MagicScroll.mcs-border .mcs-item { background: #fff; border: 1px solid #efefef; } .MagicScroll-horizontal.mcs-border .mcs-item { margin: 0 3px; } .MagicScroll-vertical.mcs-border .mcs-item { margin: 3px 0; } /* * Loader */ .mcs-loader { pointer-events: none; position: absolute; z-index: 1000; top: 0px; left: 0px; right: 0px; bottom: 0px; } .mcs-loader .mcs-loader-text { position:absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -35px; width:70px; height:20px; } .mcs-loader-circles { position:absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width:60px; height:60px; opacity: 1; -webkit-transform:scale(0.6); transform:scale(0.6); } .mcs-loader-circle { position:absolute; background-color:#ffffff; height:11px; width:11px; border-radius:50%; -webkit-animation-name:MagicCircle; -webkit-animation-duration:0.48s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:linear; animation-name:MagicCircle; animation-duration:0.48s; animation-iteration-count:infinite; animation-direction:linear; } .mcs-loader-circle_01 { left:0; top:25px; -webkit-animation-delay:0.18s; animation-delay:0.18s; } .mcs-loader-circle_02 { left:7px; top:7px; -webkit-animation-delay:0.24s; animation-delay:0.24s; } .mcs-loader-circle_03{ left:25px; top:0; -webkit-animation-delay:0.3s; animation-delay:0.3s; } .mcs-loader-circle_04 { right:7px; top:7px; -webkit-animation-delay:0.36s; animation-delay:0.36s; } .mcs-loader-circle_05 { right:0; top:25px; -webkit-animation-delay:0.42s; animation-delay:0.42s; } .mcs-loader-circle_06 { right:7px; bottom:7px; -webkit-animation-delay:0.48s; animation-delay:0.48s; } .mcs-loader-circle_07{ left:25px; bottom:0; -webkit-animation-delay:0.54s; animation-delay:0.54s; } .mcs-loader-circle_08 { left:7px; bottom:7px; -webkit-animation-delay:0.6s; animation-delay:0.6s; } @-webkit-keyframes MagicCircle { 0%{background-color:#000000} 100%{background-color:#ffffff} } @keyframes MagicCircle { 0%{background-color:#000000} 100%{background-color:#ffffff} } .mcs-item-loader { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 40px; height: 40px; background-size: cover; background-repeat: no-repeat; background: url("/Templates/Mercola/CSS/data:image/gif;base64,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") no-repeat center center; } .MagicScroll.mcs-rounded { border: 1px solid #e1e1e1; border-radius: 10px; overflow: hidden !important; } .MagicScroll.mcs-rounded.MagicScroll-arrows-inside { overflow: hidden !important; } .MagicScroll.mcs-rounded.MagicScroll-arrows-outside { overflow: visible !important; } .MagicScroll.mcs-rounded .mcs-button-arrow { color: rgba(49,51,61,0.6); -webkit-transition: color .15s linear, background-color .15s linear; transition: color .15s linear, background-color .15s linear; } .MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow { width: 30px; height: 100%; } .MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow { width: 100%; height: 30px; } .MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-prev { left: 0; border-radius: 10px 0 0 10px; } .MagicScroll.mcs-rounded.MagicScroll-horizontal .mcs-button-arrow-next { right: 0; border-radius: 0 10px 10px 0; } .MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-prev { top: 0; border-radius: 10px 10px 0 0; } .MagicScroll.mcs-rounded.MagicScroll-vertical .mcs-button-arrow-next { bottom: 0; border-radius: 0 0 10px 10px; } .MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled { opacity: 1 !important; color: rgba(49,51,61,.1); text-shadow: none !important; } .MagicScroll.mcs-rounded.MagicScroll-arrows-outside .mcs-button-arrow { background: #efefef; opacity: 1; box-shadow: 0 0 1px rgba(153, 153, 153, .5); } .MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow:hover:not(.mcs-disabled) { background-color: rgba(255, 255, 255, .96); color: rgba(49,51,61,1); } .MagicScroll.mcs-rounded.MagicScroll-arrows-inside .mcs-button-arrow { background-color: rgba(255, 255, 255, .75); box-shadow: 0 0 1px rgba(153, 153, 153, .5); } .lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-prev { border-width: 0 1px 0 0; } .lt-ie10-magic .mcs-rounded.MagicScroll-horizontal.MagicScroll-arrows-inside .mcs-button-arrow-next { border-width: 0 0 0 1px; } .lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-prev { border-width: 0 0 1px 0; } .lt-ie10-magic .mcs-rounded.MagicScroll-vertical.MagicScroll-arrows-inside .mcs-button-arrow-next { border-width: 1px 0 0 0; } .lt-ie9-magic .mcs-rounded.MagicScroll .mcs-button-arrow { color: #83858B; } .lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow { background: #fff; filter: alpha(opacity = 75); } .lt-ie9-magic .mcs-rounded.MagicScroll.MagicScroll-arrows-inside .mcs-button-arrow:hover { filter: alpha(opacity = 96); } .lt-ie9-magic .MagicScroll.mcs-rounded .mcs-button-arrow.mcs-disabled { filter: alpha(opacity = 75) !important; color: #ccc; } /* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/1.6.font-awesome.css' (Mode: Static) */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url("/Templates/Mercola/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("/Templates/Mercola/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'), url("/Templates/Mercola/fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'), url("/Templates/Mercola/fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'), url("/Templates/Mercola/fonts/fontawesome-webfont.svg?v=4.7.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; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.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: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .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; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-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 { -ms-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: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .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-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .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, .fa-gratipay: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-pp: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-resistance: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-y-combinator-square:before, .fa-yc-square:before, .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"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* Comment Generated by Combres - Resource '~/Templates/Mercola/CSS/1.5.owl.carousel.css' (Mode: Static) */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; width:0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; z-index:1; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: inline-block; width: 95%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled {display:none} .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; overflow:hidden } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; justify-content:center; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { height:auto!important} /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/Templates/Mercola/CSS/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-item a { display: block; text-align: center; } .featuredproductcarousel.owl-carousel .owl-item { display:flex !important; } #sugestedproduct .owl-carousel { border:none; } #sugestedproduct .owl-carousel .owl-item{ border:none; }