/*@import url("/wp-content/themes/stives-ar-uat.unileversolutions.com_theme/typography.css");*/ @import url("../bwslite_r1/css/heart-font/heart-font.css"); @import 'https://fonts.googleapis.com/css?family=Montserrat'; /*Gradient for product background starts*/ [class^="icon-"], [class*=" icon-"] {background:none;} .home h3 span.icon.icon-st-ives-heart {font-size:58px;} .pink { background-color: #ce8890; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZGVjMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzI2ZTg1IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MjJjNTEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZGVjMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzI2ZTg1IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MjJjNTEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 222, 194)),color-stop(0.66, rgb(194, 110, 133)),color-stop(1, rgb(146, 44, 81))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); } /* IE8- CSS hack */ @media screen,screen9 { .pink { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffdec2",endColorstr="#ff922c51",GradientType=0); } } .purple { background-color: #b36b8d; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYzdhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjOWQ0YjhiIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM2MDE5NWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYzdhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjOWQ0YjhiIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM2MDE5NWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 199, 170)),color-stop(0.66, rgb(157, 75, 139)),color-stop(1, rgb(96, 25, 91))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 199, 170) 0%,rgb(157, 75, 139) 66%,rgb(96, 25, 91) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 199, 170) 0%,rgb(157, 75, 139) 66%,rgb(96, 25, 91) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 199, 170) 0%,rgb(157, 75, 139) 66%,rgb(96, 25, 91) 100%); } /* IE8- CSS hack */ @media screen,screen9 { .purple { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffc7aa",endColorstr="#ff60195b",GradientType=0); } } .pear { background-color: #bab566; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZjdiYyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYTBhMDQ2IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM3ZjczMWQiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZjdiYyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYTBhMDQ2IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM3ZjczMWQiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 247, 188)),color-stop(0.66, rgb(160, 160, 70)),color-stop(1, rgb(127, 115, 29))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 247, 188) 0%,rgb(160, 160, 70) 66%,rgb(127, 115, 29) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 247, 188) 0%,rgb(160, 160, 70) 66%,rgb(127, 115, 29) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 247, 188) 0%,rgb(160, 160, 70) 66%,rgb(127, 115, 29) 100%); } /* IE8- CSS hack */ @media screen,screen9 { .pear { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffff7bc",endColorstr="#ff7f731d",GradientType=0); } } .orange { background-color: #d07c58; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYzk4ZCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzU2NTRjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MzJkMTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYzk4ZCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzU2NTRjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MzJkMTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 201, 141)),color-stop(0.66, rgb(197, 101, 76)),color-stop(1, rgb(147, 45, 23))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 201, 141) 0%,rgb(197, 101, 76) 66%,rgb(147, 45, 23) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 201, 141) 0%,rgb(197, 101, 76) 66%,rgb(147, 45, 23) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 201, 141) 0%,rgb(197, 101, 76) 66%,rgb(147, 45, 23) 100%); } /* IE8- CSS hack */ @media screen,screen9 { .orange { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffc98d",endColorstr="#ff932d17",GradientType=0); } } .light-green { background-color: #9cbc7e; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmJiMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODBhZDc0IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMzMTcwMzciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmJiMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODBhZDc0IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMzMTcwMzciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 251, 178)),color-stop(0.66, rgb(128, 173, 116)),color-stop(1, rgb(49, 112, 55))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 251, 178) 0%,rgb(128, 173, 116) 66%,rgb(49, 112, 55) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 251, 178) 0%,rgb(128, 173, 116) 66%,rgb(49, 112, 55) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 251, 178) 0%,rgb(128, 173, 116) 66%,rgb(49, 112, 55) 100%); } /* IE8- CSS hack */ @media screen,screen9 { .light-green { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffffbb2",endColorstr="#ff317037",GradientType=0); } } .light-brown { background-color: #c4b097; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZWVjMyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjE5ZThmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM4OTZjNWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZWVjMyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjE5ZThmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM4OTZjNWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 238, 195)),color-stop(0.66, rgb(177, 158, 143)),color-stop(1, rgb(137, 108, 90))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 238, 195) 0%,rgb(177, 158, 143) 66%,rgb(137, 108, 90) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 238, 195) 0%,rgb(177, 158, 143) 66%,rgb(137, 108, 90) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 238, 195) 0%,rgb(177, 158, 143) 66%,rgb(137, 108, 90) 100%); } /* IE8- CSS hack */ @media screen,screen9 { .light-brown { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffeec3",endColorstr="#ff896c5a",GradientType=0); } } .dark-green { background-color: #8eb575; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2Y5ZjljNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjlhNTVkIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMyOTYxMWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2Y5ZjljNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjlhNTVkIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMyOTYxMWEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(249, 249, 199)),color-stop(0.66, rgb(105, 165, 93)),color-stop(1, rgb(41, 97, 26))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(249, 249, 199) 0%,rgb(105, 165, 93) 66%,rgb(41, 97, 26) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(249, 249, 199) 0%,rgb(105, 165, 93) 66%,rgb(41, 97, 26) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(249, 249, 199) 0%,rgb(105, 165, 93) 66%,rgb(41, 97, 26) 100%); } /* IE8- CSS hack */ @media screen,screen9 { .dark-green { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff9f9c7",endColorstr="#ff29611a",GradientType=0); } } .dark-brown { background-color: #aa8e74; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZTFiMyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjOGU3NDY3IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM1OTM5MjIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZTFiMyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjOGU3NDY3IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM1OTM5MjIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 225, 179)),color-stop(0.66, rgb(142, 116, 103)),color-stop(1, rgb(89, 57, 34))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 225, 179) 0%,rgb(142, 116, 103) 66%,rgb(89, 57, 34) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 225, 179) 0%,rgb(142, 116, 103) 66%,rgb(89, 57, 34) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 225, 179) 0%,rgb(142, 116, 103) 66%,rgb(89, 57, 34) 100%); } /* IE8- CSS hack */ @media screen,screen9 { .dark-brown { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffe1b3",endColorstr="#ff593922",GradientType=0); } } .cranberry { background-color: #c67568; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYzk5MyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYmE1ZTYzIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM3YTE0MjIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYzk5MyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYmE1ZTYzIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM3YTE0MjIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 781,color-stop(0, rgb(255, 201, 147)),color-stop(0.66, rgb(186, 94, 99)),color-stop(1, rgb(122, 20, 34))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 201, 147) 0%,rgb(186, 94, 99) 66%,rgb(122, 20, 34) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 201, 147) 0%,rgb(186, 94, 99) 66%,rgb(122, 20, 34) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 201, 147) 0%,rgb(186, 94, 99) 66%,rgb(122, 20, 34) 100%); } /* IE8- CSS hack */ @media screen,screen9 { .cranberry { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffc993",endColorstr="#ff7a1422",GradientType=0); } } .blue { background-color: #8bb1b7; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZjFjNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNmJhM2JjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzYwOGIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZjFjNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNmJhM2JjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzYwOGIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 696,color-stop(0, rgb(240, 241, 199)),color-stop(0.66, rgb(107, 163, 188)),color-stop(1, rgb(39, 96, 139))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); } /* IE8- CSS hack */ @media screen,screen9 { .blue { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff0f1c7",endColorstr="#ff27608b",GradientType=0); } } .yellow{ /* IE10+ */ background-image: -ms-radial-gradient(right top, ellipse farthest-corner, rgb(241,231,103) 0%, rgb(254,182,69) 100%); /* Mozilla Firefox */ background-image: -moz-radial-gradient(right top, ellipse farthest-corner, rgb(241,231,103) 0%, rgb(254,182,69) 100%); /* Opera */ background-image: -o-radial-gradient(right top, ellipse farthest-corner, rgb(241,231,103) 0%, rgb(254,182,69) 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(radial, right top, 0, right top, 572, color-stop(0, rgb(241,231,103)), color-stop(100, rgb(254,182,69))); /* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(right top, ellipse farthest-corner, rgb(241,231,103) 0%, rgb(254,182,69) 100%); /* W3C Markup */ background-image: radial-gradient(ellipse farthest-corner at right top, rgb(241,231,103) 0%, rgb(254,182,69) 100%);} @media screen,screen9 { .yellow { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645', GradientType=0 ); } } .red{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba2737+-1,efc5ca+0,ba2737+0,d24b5a+65,f18e99+100 */ /* IE10+ */ background-image: -ms-radial-gradient(right top, ellipse farthest-corner, rgb(241,142,153) 0%, rgb(186,39,55) 100%); /* Mozilla Firefox */ background-image: -moz-radial-gradient(right top, ellipse farthest-corner, rgb(241,142,153) 0%, rgb(186,39,55) 100%); /* Opera */ background-image: -o-radial-gradient(right top, ellipse farthest-corner, rgb(241,142,153) 0%, rgb(186,39,55) 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(radial, right top, 0, right top, 572, color-stop(0, rgb(241,142,153)), color-stop(100, rgb(186,39,55))); /* Webkit (Chrome 11+) */ background-image: -webkit-radial-gradient(right top, ellipse farthest-corner, rgb(241,142,153) 0%, rgb(186,39,55) 100%); /* W3C Markup */ background-image: radial-gradient(ellipse farthest-corner at right top, rgb(241,142,153) 0%, rgb(186,39,55) 100%); } @media screen,screen9 { .red { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba2737', endColorstr='#f18e99',GradientType=1 ); /* IE6-9 */ } } /*Gradient for product background ends*/ #footer #footer_nav { display: none; } div#LoadingImage { display: none; position: fixed; z-index: 100; background: url('./img/ajax-loader.gif') no-repeat; background-color: #666; opacity: 0.4; background-repeat: no-repeat; background-position: center; left: 0; bottom: 0; right: 0; top: 0; } #home section.navbar{ width: 100%; background: #fff; } #home section.banner .container{ background: #fff; } #home .teaser3, #article .teaser3, #product .teaser3{overflow : hidden; border: none; border-radius: 0px;} #home .caption, #article .caption, #product .caption{padding: 0px;} .spotlight-1078, .spotlight-3626{ position: relative; /*background-image: url("./img/background1.png");*/ background-color: #d07c58; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYzk4ZCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzU2NTRjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MzJkMTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYzk4ZCIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzU2NTRjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MzJkMTciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 201, 141)),color-stop(0.66, rgb(197, 101, 76)),color-stop(1, rgb(147, 45, 23))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 201, 141) 0%,rgb(197, 101, 76) 66%,rgb(147, 45, 23) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 201, 141) 0%,rgb(197, 101, 76) 66%,rgb(147, 45, 23) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 201, 141) 0%,rgb(197, 101, 76) 66%,rgb(147, 45, 23) 100%); } .spotlight-3751{ position: relative; /*background-image: url("./img/background2.png");*/ background-color: #bab566; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZjdiYyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYTBhMDQ2IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM3ZjczMWQiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZjdiYyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYTBhMDQ2IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM3ZjczMWQiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 247, 188)),color-stop(0.66, rgb(160, 160, 70)),color-stop(1, rgb(127, 115, 29))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 247, 188) 0%,rgb(160, 160, 70) 66%,rgb(127, 115, 29) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 247, 188) 0%,rgb(160, 160, 70) 66%,rgb(127, 115, 29) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 247, 188) 0%,rgb(160, 160, 70) 66%,rgb(127, 115, 29) 100%); } .spotlight-721{ position: relative; /*background-image: url("./img/background3.png");*/ background-color: #b36b8d; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYzdhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjOWQ0YjhiIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM2MDE5NWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmYzdhYSIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjOWQ0YjhiIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM2MDE5NWIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 199, 170)),color-stop(0.66, rgb(157, 75, 139)),color-stop(1, rgb(96, 25, 91))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 199, 170) 0%,rgb(157, 75, 139) 66%,rgb(96, 25, 91) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 199, 170) 0%,rgb(157, 75, 139) 66%,rgb(96, 25, 91) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 199, 170) 0%,rgb(157, 75, 139) 66%,rgb(96, 25, 91) 100%); } .spotlight-35{ background-image: url('./img/footer-banner-image.jpg'); background-size: 100%; background-repeat: no-repeat; max-height: 365px; height: auto; display: table; width: 100%; overflow: hidden; border: none; border-radius: 0px; } #home .teaser3.spotlight-35{width: 100%;} #home a.btn:hover, #article .articleListArea .btn:hover {background: #2d8c1c;color: white;} .teaser3.spotlight-35 figure {display: table-cell;width: 100%; text-align:center;} .teaser3.spotlight-35 figure > img {margin: 3% auto;max-width: 27%;width: 100%;} .spotlight-720{ margin: 40px 0 35px; /*background-image: url("./img/GirlImage1.png");*/ background-size: contain; background-repeat: no-repeat; background-position: top right; /*background-image: url("./img/FaceCareBackground.png");*/ background-color: #ce8890; /* IE9, iOS 3.2+ */ background-image: url("./img/Final_Facecare2.png"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZGVjMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzI2ZTg1IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MjJjNTEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url("./img/Final_Facecare2.png"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZGVjMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzI2ZTg1IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MjJjNTEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 222, 194)),color-stop(0.66, rgb(194, 110, 133)),color-stop(1, rgb(146, 44, 81))); /* Android 2.3 */ background-image: url("./img/Final_Facecare2.png"),-webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); /* IE10+ */ background-image: url("./img/Final_Facecare2.png"),repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); background-image: url("./img/Final_Facecare2.png"),-ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); background-position: right 20% center; } .home .spotlight-720{ margin: 40px 0 35px; /* background-image: url("./img/GirlImage1.png"); */ background-size: contain; background-repeat: no-repeat; background-position: top right; /*background-image: url("./img/FaceCareBackground.png");*/ /* background-color: #ce8890; */ /* IE9, iOS 3.2+ */ background-image: url("./img/HOMEPAGE_facecare-banner-desktop.png"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZGVjMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzI2ZTg1IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MjJjNTEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url("./img/HOMEPAGE_facecare-banner-desktop.png"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZGVjMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzI2ZTg1IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MjJjNTEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 222, 194)),color-stop(0.66, rgb(194, 110, 133)),color-stop(1, rgb(146, 44, 81))); /* Android 2.3 */ background-image: url("./img/HOMEPAGE_facecare-banner-desktop.png"),-webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); /* IE10+ */ background-image: url("./img/HOMEPAGE_facecare-banner-desktop.png"),repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); background-image: url("./img/HOMEPAGE_facecare-banner-desktop.png"),-ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); background-position: right 12% center; } .spotlight-2698{ background-color: #8bb1b7; /* IE9, iOS 3.2+ */ background-image: url("./img/bodycare-banner-girl-min.png"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZjFjNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNmJhM2JjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzYwOGIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url("./img/bodycare-banner-girl-min.png"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZjFjNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNmJhM2JjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzYwOGIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 696,color-stop(0, rgb(240, 241, 199)),color-stop(0.66, rgb(107, 163, 188)),color-stop(1, rgb(39, 96, 139))); /* Android 2.3 */ background-image: url("./img/bodycare-banner-mobile.png"),-webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); /* IE10+ */ background-image: url("./img/bodycare-banner-mobile.png"),repeating-radial-gradient(ellipse farthest-corner at right top,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); background-image: url("./img/bodycare-banner-mobile.png"),-ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); } .home .spotlight-2698{ background-color: #8bb1b7; /* IE9, iOS 3.2+ */ background-image: url("./img/bodycare-banner-mobile.png"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZjFjNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNmJhM2JjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzYwOGIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url("./img/bodycare-banner-mobile.png"),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZjFjNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNmJhM2JjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzYwOGIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 696,color-stop(0, rgb(240, 241, 199)),color-stop(0.66, rgb(107, 163, 188)),color-stop(1, rgb(39, 96, 139))); /* Android 2.3 */ background-image: url("./img/bodycare-banner-mobile.png"),-webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); /* IE10+ */ background-image: url("./img/bodycare-banner-mobile.png"),repeating-radial-gradient(ellipse farthest-corner at right top,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); background-image: url("./img/bodycare-banner-mobile.png"),-ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); } .home .imgContainer p{ font-size: 32px; line-height: 32px; letter-spacing: 0px; font-weight: bold; } .spotlight-2609{width: 970px;margin: auto;} .spotlight-2609 h3{text-align: center;font-size: 68px;line-height: 76px;margin-top: 20px;letter-spacing: 4px;font-family: "Montserrat";font-style: normal;font-weight: bold;color: #1e315c;} .spotlight-2609 p{text-align: center;font-size: 22px;line-height: 37px;font-family: "Montserrat";font-style: normal;font-weight: bold;color: #848484;letter-spacing: 0px;max-width: 910px;margin: auto;} .spotlight-2609 .heart-icon{color:#1e315c !important} .imgContainer{display: inline-block;vertical-align: top;text-align: center;} .imgContainer p{text-align: center;font-size: 32px;line-height: 32px;margin: auto;margin-top: 37px;max-width: 225px;font-family: "Montserrat";font-style: normal;font-weight: bold;color: #183060;letter-spacing: 0px;} .spotlight-1094{margin: 52px auto;} .spotlight-1094 .caption{padding: 0px;text-align: center;} .single-products a.btn.buy-it-now-btn,.single-products .olapic-tools a.btn.btn-info.olapic-gallery{ font-size: 15px !important; letter-spacing: 2px !important; font-weight: bold !important; } #home .btn, #product #quickViewContainer .buy-it-now-btn, #article .articleListArea .btn {letter-spacing: 2px !important;text-transform: uppercase;text-decoration: none;border-radius: 26px;font-size: 15px !important;line-height: 40px;background: #3fae2b;border: none;color: white;min-width: 145px;font-family: "Montserrat";font-style: normal;font-weight: bold !important;transition: all 0.3s;-webkit-appearance: all 0.3s;-o-appearnce: all 0.3s;-moz-appearnce: all 0.3s;-ms-appearance: all 0.3s;} #home .carousel-caption{height:75%;padding: 0px;margin: auto;text-align: center;background: none;} #home .carousel-caption h2{font-size: 80px;margin-top: 2%;line-height: 90px;letter-spacing: 13px;color: #fff;font-family: "Montserrat";font-style: normal;font-weight: 600;max-width: 790px;margin: auto;padding-top: 20px;} #home .carousel-caption p{ font-size: 32px;line-height: 29px;letter-spacing: 5px; color: #fff;font-family: "Montserrat";font-style: normal; font-weight: bold;position: absolute;text-align: center;width: 100%;margin-top: 10px;} hr.separater-line{width: 7%;margin-left: auto;margin-right: auto;margin-top: 40px;margin-bottom: 40px;background-color: #1e315c;height: 1px;} .spotlight-3751 h2, .spotlight-3626 h2, .spotlight-721 h2, .spotlight-1078 h2, .spotlight-2698 h2, .spotlight-720 h2{ font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #fff; } hr.homeBannerSeperator { width: 7%; background-color: #fff; margin-left: auto; margin-right: auto; border: 0; height: 2px; position: absolute; left: 46%; bottom: 35%; } .spotlight-3751 p, .spotlight-3626 p, .spotlight-721 p, .spotlight-1078 p, .spotlight-720 .caption p, .spotlight-2698 .caption p{ font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #fff; } #home .spotlight-720 figure, #product .spotlight-720 figure{ height: 100%; float: right; } .spotlight-720, .spotlight-2698{ position: relative; max-height: 1800px; padding: 5% 0; /* height: 667px; */ } .spotlight-2698 { display: table; background-size: contain; background-repeat: no-repeat; background-position: 128px,0; padding-right: 9%; } #home .container .spotlight-720 .caption, #product .spotlight-720 .caption{ position: absolute; width: 50%; margin-left: 15%; top: 50%; transform: translateY(-50%); } .spotlight-720 hr{ width: 70px; margin-top: 40px; float: left; } .product-landing .spotlight-720 a, .product-landing .spotlight-2698 a{ width: auto; display: inline-block; color: #fff; border-radius: 40px; padding: 5px 30px; background: #3fae2b; border: none; font-family: "Montserrat"; font-weight: bold; letter-spacing: 2px; line-height:40px; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; font-size: 15px; } .product-landing .spotlight-720 a:hover, .product-landing .spotlight-2698 a:hover{ background: #2d8c1c; color:#fff;} .spotlight-2698 hr{ width: 70px; float: right; margin-right: 22px; margin-top: 30px; } .spotlight-2698 img{ display: block; max-width: 172px; margin-left: 46px; margin-top: 19%; } .spotlight-2698 figure{ display: table-cell; width: 50%; } .spotlight-2698 .caption{ display: table-cell; width: 50%; vertical-align: middle; } /*Article page css*/ #article .spotlight-35 .caption, #product .spotlight-35 .caption, #contact-us .spotlight-35 .caption{ display: table-cell; width: auto; } .spotlight-35 .caption{ display: table-cell; width: auto; } #article #main .container .carousel{ width: 100%; } #article .spotlight-35, #product .spotlight-35{ width: 100%; } #article #footer{ clear: both; } #article .carousel-caption{ display: none; } #article #header .container, #product #header .container{ width: 100%; } #article .bannerUnderText{ font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 19px; line-height: 33px; color: #868686; text-align: center; padding: 2% 12% 5% 12%; border-top: 0; background: url(./img/divider.png) no-repeat center bottom; background-size: contain; -webkit-border-image: url(./img/divider.png) 1; border-bottom: 0; } #article .teasers{ min-height: 550px; margin: 0px; } /*Article page css*/ .term-facial .carousel img{ float: right; max-width: 900px; max-height:850px; } .term-facial .carousel{ background-color: #ce8890; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZGVjMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzI2ZTg1IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MjJjNTEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZGVjMiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYzI2ZTg1IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiM5MjJjNTEiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 1264,color-stop(0, rgb(255, 222, 194)),color-stop(0.66, rgb(194, 110, 133)),color-stop(1, rgb(146, 44, 81))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); } .term-facial .carousel-caption{ right: auto; left: 4%; color: #fff; height: 391px; max-width: 270px; background: none; } .term-facial .carousel-caption h2, .term-cuerpo .carousel-caption h2{ font-size: 85px; margin-top: 2%; line-height: 104px; letter-spacing: 0px; color: #fff; font-family: "Montserrat"; font-style: normal; font-weight: bold; margin: auto; } .term-facial .carousel-caption hr, .term-cuerpo .carousel-caption hr{ width: 24%; margin: 30px 0; float: right; } .term-facial .carousel-caption hr{ float: left; } .term-facial .carousel-caption p, .term-cuerpo .carousel-caption p{ font-size: 32px; line-height: 32px; letter-spacing: 4px; color: #fff; font-family: "Montserrat"; font-style: normal; font-weight: bold; text-align: right; clear: right; } .term-facial .carousel-caption p{ clear: left; text-align: left; letter-spacing: 4px; } .term-facial .carousel-inner{ height: auto; } .term-facial .bannerDescription, .term-cuerpo .bannerDescription{ font-size: 22px; line-height: 37px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #6d6d6d; padding: 3% 23% 2%; text-align: center; letter-spacing: 0px; } .term-cuerpo .carousel img{ float: left; max-width: 990px; } .term-cuerpo .carousel-caption{ text-align: right; right: 1%; left: auto; color: #fff; height: 390px; max-width: 520px; background: none; } .term-cuerpo .carousel{ background-color: #8bb1b7; /* IE9, iOS 3.2+ */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZjFjNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNmJhM2JjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzYwOGIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+); /* Android 2.3- hack (needed for the actual radial gradient) */ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSIxMDAlIiBjeT0iMCUiIHI9IjE0MS40MjEzNTYyMzczMDk1JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2YwZjFjNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNmJhM2JjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC42NiIvPjxzdG9wIHN0b3AtY29sb3I9IiMyNzYwOGIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+), -webkit-gradient(radial, right top, 0, right top, 696,color-stop(0, rgb(240, 241, 199)),color-stop(0.66, rgb(107, 163, 188)),color-stop(1, rgb(39, 96, 139))); /* Android 2.3 */ background-image: -webkit-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); /* IE10+ */ background-image: repeating-radial-gradient(ellipse farthest-corner at right top,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); background-image: -ms-repeating-radial-gradient(right top, ellipse farthest-corner,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); } /*PLP page css*/ #product .contentViewer h2{ color: #3e5279; text-transform: uppercase; font-size: 28px; font-family: "Montserrat"; font-style: normal; font-weight: bold; margin-bottom: 30px; } .tilesContent { position: relative; overflow: hidden; width: 99.75%; padding-top: 42px; margin-top: 35px; border-top: 1px solid transparent; border-image: url(./img/divider.png) 1; -webkit-border-image: url(./img/divider.png) 1; border-bottom:0; } .tilesContent .aggregateRating{ padding: 0 10px 5px; position: relative; text-align: center; } .product-carousel { margin: 0 100px; } #product .product-carousel li .arrow-up { border-color: transparent; border-style: solid; width: 0; height: 0; border-width: 20px; margin-left: -13px; border-bottom-color: #666; border-top-width: 0; left: 45%; bottom: -40px; position: absolute; display:none; } #product .product-carousel li .arrow-up:after{position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 20px;content: "";top: 1px;margin-left: -20px;border-bottom-color: #fff;border-top-width: 0;border-bottom-color: #fff;} div#quickViewContainer { border: 1px solid #999; display: inline-block; width: 100%; padding: 25px; margin-bottom: 30px; box-sizing:border-box; } #quickViewContainer img{ display: block; margin: auto; padding-top: 0px; height: 535px; } #product .product-carousel li>div, #search_result .search_list li>div { height: 100%; } section.imgViewer { width: 55%; display: inline-block; } #product div#quickViewContainer #productStoreLocator{ border-radius: 40px; color: #fff; text-decoration: none; line-height: 35px; margin: 0px; margin-top: 20px; margin-left: 10px; text-transform: uppercase; min-width: 145px; font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 15px; padding: 6px 7px; } @media (max-width:1024px){ #product div#quickViewContainer #productStoreLocator{ margin-left: 0px; } } @media (max-width:768px){ #product div#quickViewContainer #productStoreLocator{ margin-left: 10px; } } section.contentViewer { width: 40%; display: inline-block; float: right; margin: 0%; } #product .product-carousel li,#search_result .product-item li, #search_result .article-item li{ float: left; width: 30.33%; list-style-type: none; position: relative; margin: 0px 1.5% 37px 1.5%; } #product a.image, #search_result a.image { max-height: 233px; min-height: 130px; } #product a.btn.btnWriteReview, #search_result a.btn.btnWriteReview { background: #1897d3; display: block; color: #fff; text-align: center; padding: 8px 10px; font-size: 0.95em; } #product .product-name,#search_result .product-name { text-align: center; } .productList h4.product-name {min-height: 69px;} #product .quickView, #article .load-more { display: block; text-align: center; width: 185px; margin: 0px auto; border-radius: 30px; border: 2px solid #3fae2b; color: #3fae2b; background: #fff; font-size: 15px; line-height: 38px; letter-spacing: 2px; font-family: "Montserrat"; font-style: normal; font-weight: bold; transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; } #product .quickView:hover, #article .load-more:hover { background-color: #3fae2b; color: #fff; cursor: pointer; } #product figure.imageContainer img, #search_result figure.imageContainer img { display: table-cell; vertical-align: middle; margin: 0 auto; max-width: 480px; position: relative; width : 100%; } #product figure.imageContainer .background, #search_result figure.imageContainer .background{ position: absolute; width: 93%; display: inline-block; vertical-align: middle; height: 40%; top: 32%; bottom: 30%; margin-left: 3.5%; } .bv-rating-ratio-count .bv-rating-label{ display: none !important; } #product figure.imageContainer, #search_result figure.imageContainer { margin: 0px; /*height: 300px;*/ position: relative; } #product .categoryHeading, #search_result .categoryHeading { display: table; width: 100%; margin-bottom: 27px; } #product .pullLeft, #search_result .pullLeft { display: table-cell; width: 30%; } #product .pullRight, #search_result .pullRight { display: table-cell; width: 69%; vertical-align: right; } #product .pullRight > div, #search_result .pullRight > div { text-align: right; } #product .pullLeft h3, #search_result .pullLeft h3{ font-size: 32px; line-height: 32px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #3e5279; text-transform: uppercase; letter-spacing: 4px; } .contentViewer p{ font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 16px; line-height: 30px; } #product .product-carousel ul, #search_result .product-carousel ul, #search_result .article_carousel ul{ margin: 0px; } #product .pullRight span, #search_result .pullRight span { font-size: 18px; font-family: "Montserrat"; font-style: normal; font-weight: bold; text-transform: uppercase; color: #cfcfcf; margin-right: 12px; line-height: 24px; letter-spacing: 1px; } #product .pullRight select { font-size: 18px; font-family: "Montserrat"; font-style: normal; font-weight: bold; border: 0px; outline: 0px; color: #666666; padding: 0px; margin-top: 5px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-repeat: no-repeat; background-position: right 3px; background-image: url(./img/selectBoxImg.png); background-size: 20px; background-color: white; padding-right: 19px; width: auto; margin-right: 30px; text-transform: uppercase; line-height: 24px; letter-spacing: 1px; } #product .pullRight select::-ms-expand { display: none; } #product #closeProductDetail, #product #search_result{ display: block; position: relative; width: 100%; text-align: right; z-index: 2; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #666; letter-spacing: 0.2px; font-size: 13px; margin-bottom: 50px; margin-right: 30px; position: relative; box-sizing: border-box; text-decoration: none; border-bottom: 1px solid #bbb; max-width: 61px; margin-left: auto; } a#closeProductDetail {} #closeProductDetail:after { background: url(./img/close-1.png); content: ''; width: 20px; height: 20px; display: inline-block; background-size: 100%; position: absolute; background-repeat: no-repeat; margin: 0 8px; top:-2px } #product .contentViewer a { text-decoration: underline; cursor: pointer; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #666; font-size: 15px; border-bottom: 1px solid #bbb; margin-bottom: 15px; display: inline-block; line-height: 15px; text-decoration: none; } #product .contentViewer a:after {content:url('./img/arrow-1.png');font-size: 12px;margin: 0 0 0 5px;} #product .contentViewer a[class*="btn"]:after{content:none;} #product .contentViewer a[class*="closeButton"]:after{content:'';margin:0 8px;} #product #quickViewContainer a.btn.buy-it-now-btn { background-image: url("./img/BuyNowIcon.png"); background-color: #3fae2b; background-position: 25px; background-repeat: no-repeat; text-indent: 30px; margin-top: 20px; line-height:35px; } #product #quickViewContainer a.btn.buy-it-now-btn:hover { background-color: #2d8c1c; color: white; } #product .product-name a, #search_result .product-name a, .search-results h4.article-name a { font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 18px; line-height: 24px; color: #3e5279; margin: 0px 10px; text-transform: uppercase; letter-spacing: 1px; } #product span.prod_count { font-style: italic; font-weight: bold; font-size: 12px; } #product #store-locator-form{ display: none; } #product #store-locator-form{z-index: 8;background: #fff;width: 220px;padding: 20px;color: #3e5279;border: 1px solid #3e5279;font-family: "Montserrat";font-style: normal;font-weight: bold;text-transform: uppercase;} #find_a_store{border-radius: 40px;color: #fff;text-decoration: none;line-height: 40px;text-transform: uppercase;min-width: 145px;font-family: "Montserrat";font-style: normal;font-weight: bold;font-size: 15px;padding: 7px 7px;background: #1f3662;} #store-locator-form select{border-radius: 0px;} #buy-in-store #find_a_store { font-size: 13px; padding: 0px 18px; } .buy-in-store h3{ color: #3e5279; text-transform: uppercase; font-size: 18px; font-family: "Montserrat"; font-weight: bold; } #store-locator-form label{text-transform:capitalize;} #find_a_store:focus{outline: none;} #store-locator-form label{text-transform: uppercase;display: inline;color: #3e5279;font-family: "Montserrat";font-style: normal;font-weight: bold;} /*PLP page Css ends*/ /*Article page css starts*/ #article .load-more{ margin-bottom: 30px; } #article .articleListArea .articleTextContent h3{ font-size: 32px; line-height: 30px; color: #1f3663; font-family: "Montserrat"; font-style: normal; font-weight: bold; letter-spacing: 3px; text-transform: uppercase; } #article .articleListArea li.image-left .articleTextContent h3{ text-align: left; } #article .articleListArea .articleTextContent p{ font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 18px; line-height: 34px; margin-top: 19px; letter-spacing: 0px; color: #7c7c7c; } #article .articleListArea li.image-left .articleTextContent p{ text-align: left; } #article li.image-left .articleListArea .btn{ float: left; } #article .articleListArea li.image-left .btn{ float: left; } #article .filterContent { max-width: 1170px; margin: auto; padding-top: 60px; } #article section.filterArea { display: block; position: relative; overflow: hidden; margin-top: 50px; max-width: 850px; margin: 50px auto 0 auto; } #article section.filterArea div { float: right; } #article .articleListArea li { list-style-type: none; display: table; width: 100%; position: relative; margin-bottom: 50px; } #article section.articleTextContent { width: 40%; display: inline-block; vertical-align: middle; text-align: center; height: 100%; } /*#article li.image-left section.articleTextContent{ float: right; position: absolute; top: 50%; transform: translateY(-50%); right: 0; }*/ #article section.articleImgContent { display: inline-block; width: 59%; vertical-align: top; } #article li.image-left section.articleImgContent { float: left; padding-left: 3%; } #article section.articleListArea { margin-top: 40px; } #article figure.imageContainer { margin: 0px; width: 100%; } #article .imageContainer img { margin: 0 auto; display: block; width: 100%; min-width: 470px; max-width: 470px; } #article .container .filterArea span{ font-size: 16px; font-family: "Montserrat"; font-style: normal; font-weight: bold; text-transform: uppercase; color: #cfcfcf; letter-spacing: 0px; margin-right: 12px; } #article .container .filterArea span.prod_count { font-style: italic; font-weight: bold; font-size: 12px; } #article .container .filterArea select{ letter-spacing: 1px; font-size: 15px; font-family: "Montserrat"; font-style: normal; font-weight: bold; border: 0px; outline: 0px; color: #666666; padding: 0px; margin-top: 5px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background-repeat: no-repeat; background-position: right 3px; background-image: url(./img/selectBoxImg.png); background-size: 20px; background-color: white; padding-right: 19px; width: auto; margin-right: 30px; } #article .container .filterArea select::-ms-expand { display: none; } #article .articleListArea ul{ max-width: 850px; margin: 0 auto; width:100%; } #article li.image-right section.articleImgContent{ width: 59%; position: relative; left: 40%; } /*#article li.image-right section.articleTextContent{ top: 50%; position: absolute; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }*/ #article li.image-right section.articleTextContent{ width: 40%; position: relative; right: 60%; } #article section.articleTextContent .table-block{display: table; height: 100%;} #article section.articleTextContent .cell-block{display: table-cell; vertical-align: middle;text-align: left;padding-left: 30px;} #article .image-right section.articleTextContent .cell-block { text-align: right;padding-right: 30px;padding-left: 0px;} /*Article page css ends*/ /*Store Locater page css starts*/ #where_to_buy #accordion a.accordion-menu { display: block; max-width: 1140px; border-bottom: 1px solid transparent; margin: auto; text-decoration: none; letter-spacing: 1px; } #where_to_buy .accordion-dropdown>h2 { text-align: center; letter-spacing: 1.9px; color: #1f3664; font-weight: bold; font-size: 35px; margin-bottom: 20px; font-family: "Montserrat"; text-indent: -5px; } #where_to_buy .accordion-dropdown>h2{font-size: 30px;line-height: 38px;} #where_to_buy #accordion a.accordion-menu{ text-align: center; padding: 50px 0px 50px; font-size: 30px; line-height: 34px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #666; text-transform: uppercase; /* border-image: url('./img/divider.png') 1; */ webkit-border-image: url('./img/divider.png') 1; -o-border-image: url('./img/divider.png') 1; } #where_to_buy .accordian_wrapper { border-image: url(./img/divider.png) 1; -webkit-border-image: url(./img/divider.png) 1; -o-border-image: url(./img/divider.png) 1; border-bottom: 1px solid transparent; border-top: 0; } div#accordion { /* border-image: url(./img/divider.png) 1; */ webkit-border-image: url(./img/divider.png) 1; -o-border-image: url(./img/divider.png) 1; /* border-top: 1px solid transparent; */ } #where_to_buy #accordion section{ border-bottom: 1px solid transparent; /* border-image: url(./img/divider.png) 1; */ } #where_to_buy #accordion section.google-maps{border-width: 0px;} #where_to_buy #accordion section h3{ text-align: center;margin: 0px auto 20px auto; width: 100%;text-align: center;display: block;margin-bottom: 20px;font-size: 30px;line-height: 34px;font-family: "Montserrat";font-style: normal;font-weight: bold;color: #3e5279;text-transform: uppercase;} #where_to_buy #accordion section a.choose-category {text-decoration: none;margin-bottom: 20px; width: 100%;text-align: center;display: block;cursor: pointer; font-family: "Montserrat";font-style: normal;font-weight: bold;font-size: 16px;} #where_to_buy .choose-category, #where_to_buy .choose-product, #where_to_buy .zip-code {border: 0;} #where_to_buy .storeLocator-subheading{ color: #666;text-align: center;margin: 0 auto;font-family: "Montserrat";font-style: normal;font-weight: bold;font-size: 27px;line-height: 32px;} #where_to_buy .storeLocator-separator{ border-top: 2px solid #1f3664;max-width: 7%;margin: 60px auto;} #where_to_buy .storeLocator-heading{ text-align: center; margin-top: 42px; padding: 0px;font-size: 62px;line-height: 55px;letter-spacing: 8px;font-family: "Montserrat";font-style: normal;font-weight: bold;color: #3e5279;text-transform: uppercase;} #where_to_buy .radio-container label{display:inline;font-size: 16px;line-height: 34px;font-family: "Montserrat";font-style: normal;font-weight: bold;color: #3e5279;text-transform: uppercase;margin-top: 20px;} #where_to_buy .radio-container{text-align: center;} #where_to_buy .with_img li a{ margin: 0px;position: relative;} #where_to_buy .with_img li .background { position: absolute; width: 100%; vertical-align: middle;height: 40%;top: 30%; bottom: 30%;} #where_to_buy .with_img li img{ display: table-cell; vertical-align: middle; margin: 0 auto; max-width: 260px;min-width: 260px;; position: relative;} #where_to_buy #accordion .choose-category ul{text-align: center;} #where_to_buy .choose-product ul.left-zero{margin-left: 28%;} #where_to_buy .choose-category{min-height: 100%;} #where_to_buy .zip-code .with_img_li, #where_to_buy .zip-code ul.with_img {margin-left: 0px;text-align: center;} #where_to_buy .productName a {text-decoration: none;} #where_to_buy .zip-code .searchProductDiv{text-align: center;} #where_to_buy .zip-code .searchProductDiv a{text-decoration: none;cursor: pointer;font-family: "Montserrat";font-style: normal;font-weight: bold;font-size: 16px;margin-left: 0;margin-top:10px;display:inline-block;} #where_to_buy #accordion .with_img_li{width: auto; margin: 0 5%;} #where_to_buy #accordion .radio-container input[type="radio"] {margin: 0px; margin-top: -4px;} /*#where_to_buy #accordion .radio-container input[type='radio']:before {content:'';display:block;width:50%;height:50%;margin: 25% auto;border-radius:50%;}*/ /*#where_to_buy #accordion .radio-container input[type='radio']:checked:before { background:#3e5279;}*/ #where_to_buy #accordion .radio-container input[type="radio"], #where_to_buy #accordion input[type="checkbox"] { width:20px; height:20px; border-radius:50%; outline:none; box-shadow:0 0 5px 0px gray inset; background-color: #e2e2e2; } #where_to_buy #accordion .radio-container input[type="radio"]:before, #where_to_buy #accordion input[type="checkbox"]:before { content: ''; display: block; width: 40%; height: 40%; margin: 30% auto; border-radius: 50%; } #where_to_buy #accordion .radio-container input[type="radio"]:checked:before, #where_to_buy #accordion input[type="checkbox"]:checked:before { background: #283e69; } #where_to_buy #accordion .choose-product span{font-size: 20px;line-height: 34px;font-family: "Montserrat";font-style: normal;font-weight: bold;color: #3e5279;text-transform: uppercase;} #where_to_buy .search-summary-wrapper{text-align: center; font-size: 20px;line-height: 34px;font-family: "Montserrat";font-style: normal;font-weight: bold;color: #3e5279;text-transform: uppercase;} #where_to_buy .choose-product input[type="checkbox"]{ margin-top: -5px;display: inline;-webkit-appearance: radio;-moz-appearance: radio;-ms-appearance: radio; } #where_to_buy .zip-code ul.with_img .productName h2{ font-size: 30px;line-height: 34px;font-family: "Montserrat";font-style: normal;font-weight: bold;color: #3e5279;text-transform: uppercase;} #where_to_buy #findastore:hover{background: #2d8c1c;color: white;} #where_to_buy #findastore:focus{outline: none;} #where_to_buy #findastore{text-transform: uppercase;text-decoration: none;border-radius: 26px;font-size: 15px;line-height: 40px;background: #3fae2b;border: none;color: white;min-width: 200px;letter-spacing: 2px;font-family: "Montserrat";font-style: normal;font-weight: bold;} #where_to_buy .zip-code .first-span{width: 100%;display: block;padding-top: 40px;margin: 0;} #where_to_buy .zip-code .control-group{ display: inline-block; width: 50%; float: left;} #where_to_buy .zip-code div.store_btn{text-align: center;width: 100%;margin-bottom: 50px;margin-top: 30px;} #where_to_buy .zip-code .zipcode-input{font-family: "Montserrat";font-weight: bold;width: 94.5%;background-color: #f2f0f0; height: 35px;} #where_to_buy .zip-code .zipcode-input::-ms-clear { display: none; } #where_to_buy .zip-code select.miles{height: 45px;font-family: "Montserrat";font-weight: bold;width: 100%;background-color: #f2f0f0;-webkit-appearance: none;background-repeat: no-repeat;background-position-x: 97%;background-position-y: 50%;background-size: 15px;background-image: url(./img/arrow.png);background-position: 97% 50%;-moz-appearance: none;} #where_to_buy .zip-code select.miles::-ms-expand { display: none; } #where_to_buy .zip-code .store-locator-main{width: 100%;} #where_to_buy ul.storesContainer{text-align: center; margin: 0px;} #where_to_buy ul.storesContainer ul{ margin: 25px 0px;} #where_to_buy .results-table{padding: 0 15px;} @media(min-width: 993px) { #where_to_buy ul.storesContainer ul{ margin: 45px 0px;} #where_to_buy .results-table{padding: 30px 15px 0;} } #where_to_buy .pagination{text-align: center;} #where_to_buy ul.storesContainer ul li { font-family: "Montserrat";font-style: normal;font-weight: bold; font-size: 23px; line-height: 34px;} #where_to_buy ul.storesContainer ul li.storeName{color: #1f3663;font-weight:bold;} #where_to_buy ul.storesContainer ul li.storeAddress, #where_to_buy ul.storesContainer ul li.storeContact {color: #8c8c8c;} #where_to_buy #map_canvas{min-height: 400px; width: 100%;} .where_to_buy .choose-product, .where_to_buy .choose-category{min-height: auto;} #where_to_buy .google-maps, #where_to_buy #storelocator_response {width: 100%;position: relative;overflow: hidden;display: none;} #where_to_buy .search_detail_info h4{text-align: center;font-size: 30px;line-height: 34px;font-family: "Montserrat";font-style: normal;font-weight: bold;color: #3e5279;text-transform: uppercase;} #where_to_buy #search_detail_response{font-family: "Montserrat";font-style: normal;font-weight: bold;font-size: 19px;line-height: 34px;color: #8c8c8c;text-align: center;} #where_to_buy .parentLi label{padding-left: 20px;} #where_to_buy .zip-code .searchProductDiv a:after, #where_to_buy #accordion section a.choose-category:after {content: '>';margin-left: 10px;color: black;} /*Store Locater page css ends*/ @media (min-width: 992px){ .product-carousel, .product-item,.product-carousel, .article-item {margin: 0px;} #product .product-carousel li, #search_result .product-item li, #search_result .article_item li { width: 27.33%; margin: 0px 2.5% 36px; } .home .olapic-cover h2, .single-products .olapic-cover h2{ font-size: 32px !important; line-height: 32px !important; letter-spacing: 4px !important; font-weight: bold !important; } #product figure.imageContainer .background, #search_result figure.imageContainer .background { width: 100%; margin-left: 0; height:41%; top: 32%; } .tilesContent { border-top: 0; background: url('./img/divider.png') no-repeat center top; } .product-carousel .tilesContent, .product-item .tilesContent {border-top: 1px solid transparent;} #product .product-carousel .tilesContent .aggregateRating, #search_result .product-item .tilesContent .aggregateRating { margin-bottom: 11px; } #product .product-carousel .bv-cv2-cleanslate .bv-core-container-206 .bv-rating-stars-container, #search_result .product-item .bv-cv2-cleanslate .bv-core-container-206 .bv-rating-stars-container { -webkit-transform:scale(1.3); transform:scale(1.3) } #product .product-carousel li, #search_result .product-item li, #search_result .article_item li { margin-bottom: 40px; } .spotlight-2698 .caption p{ text-align : right; } .spotlight-2698 h2{ font-size: 85px; line-height: 104px; letter-spacing: 0px; color: #fff; margin: 0 0 0 auto; font-weight: bold; text-align : right; width: 60%; } .spotlight-720 img{ max-width: 172px; float: right; margin-right: 65px; margin-top: 45%; } .imgContainer{ width: 22%; margin: 0 1.2%;; } .spotlight-1094{ width: 1050px; } hr.separater-line{ width: 7%; height: 2px; } #home hr.separater-line { border:none; background-color: #1e315c; } .spotlight-35 img{ margin: 0 auto; display: block; } .spotlight-721 figure, .spotlight-1078 figure{ width: 35%; display: table-cell; } #home .container .spotlight-721 .caption,#home .container .spotlight-1078 .caption{ width: 35%; display: table-cell; position: relative; height: 100%; vertical-align: middle; } .spotlight-721 img{ max-width: 248px; } .spotlight-1078 figure img{ max-width: 261px; } .spotlight-721 img, .spotlight-1078 figure img{ float: right; margin-top: 25px; margin-right: 13%; margin-bottom: 40px; } #home .container .spotlight-3751,#home .container .spotlight-3626, #home .container .spotlight-721, #home .container .spotlight-1078{ width: 96%; max-width: 1724px; margin: auto; display: table; } .spotlight-3751 h2,.spotlight-3626 h2, .spotlight-721 h2, .spotlight-1078 h2{ font-size: 32px; line-height: 37px; max-width: 400px; letter-spacing: 4px; color: #fff; font-weight: bold; } .spotlight-3751 p,.spotlight-3626 p, .spotlight-721 p, .spotlight-1078 p{ font-size: 18px; line-height: 32px; margin-top: 16px; margin-bottom: 20px; color: #fff; max-width: 410px; font-weight: bold; letter-spacing: 0px; } .spotlight-3751 figure,.spotlight-3626 figure{ width: 50%; float: right; } #home .container .spotlight-3751 .caption,#home .container .spotlight-3626 .caption{ width: 40%; position: absolute; margin-left: 19%; text-align: right; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } .spotlight-3751 a, .spotlight-3626 a{ margin-right: 19%; } .spotlight-3751 img, .spotlight-3626 img{ margin-left: 14%; max-width: 261px; margin-top: 25px; margin-bottom: 40px; } .spotlight-720 .caption p, .spotlight-2698 .caption p{ font-size: 18px; line-height: 32px; margin-top: 25px; color: #fff; max-width: 100%; padding-top: 4%; letter-spacing: 0px; margin-bottom: 25px; font-weight: bold; } .spotlight-2698 .caption p{ padding-top: 7%; padding-left: 40%; } .spotlight-720 .caption p{ padding-right: 40px;clear: left; } #home .container .spotlight-720 .caption, #product .spotlight-720 .caption{ position: relative; width: 50%; margin-left: 4%; top: 0; transform: translateY(0%); } #product .spotlight-720 .caption{ margin-left: 4%; width: 46%; } .spotlight-720 hr{ width: 70px; margin-top: 40px; } .spotlight-720 h2{ font-size: 85px; line-height: 104px; letter-spacing: 0px; font-weight: bold; max-width: 50%; color: #fff; margin-left: -3px; } .olapic-tools a.btn.btn-info.olapic-gallery { float: left !important; } } /*Desktop media query ended*/ @media (max-width: 1024px){ #home hr.homeBannerSeperator{ bottom: 0% !important; position: relative; left: 0; margin: 30px auto; } #home .carousel-caption h2 { font-size: 50px; line-height: 70px; } #home .spotlight-2609 h3{ font-size: 62px; line-height: 65px; } #home .carousel-caption p{position:relative;bottom: 0;} .footer-boundary { box-sizing: border-box;} #single_image .carousel-inner .item figure img {width: 100%;max-height: 787px;} .home .spotlight-2698 img{ margin-top: 66%; } .term-cuerpo #single_image .carousel-inner .item figure img,.term-facial #single_image .carousel-inner .item figure img{width:auto;} } @media (max-width: 1400px){ #home hr.homeBannerSeperator{ bottom: 33%; } } @media (min-width: 1400px){ #home .container .spotlight-3751 .caption, #home .container .spotlight-3626 .caption{ width: 30%; margin-left: 20%; } .spotlight-3751 img, .spotlight-3626 img{ margin-left: 12%; } } @media (min-width: 992px) { .spotlight-3751 a ,.spotlight-3626 a { margin-left: calc(100% - 165px); float:left; margin-right: 0; } } @media (min-width: 1200px) { .spotlight-3751 a, .spotlight-3626 a { margin-left: calc(400px - 165px); } #home .carousel-caption h2 { padding-top: 130px; } } @media(max-width:1200px){ /*Quickview Css*/ #product .contentViewer h2 {font-size: 23px; line-height: inherit;} #product #closeProductDetail { margin-bottom: 35px;} .contentViewer p { font-size: 15px;line-height: 24px;} #product #quickViewContainer a.btn.buy-it-now-btn {font-size: 13px;background-size: 20px;padding: 5px 16px 5px 16px;background-position: left 20px center;min-width: inherit;} section.contentViewer { width: 47%;} #quickViewContainer img{ height: auto;} #home .carousel-caption h2 { padding-top: 70px; } #product div#quickViewContainer #productStoreLocator {font-size: 13px;padding: 5px;} section.imgViewer {width: 50%;} #product .product-carousel li .arrow-up {bottom: -40px;} /*End Quickview Css*/ } @media (max-width: 992px){ #where_to_buy #accordion .choose-product span{font-size: 16px;} #where_to_buy #accordion, #where_to_buy .storesContainer{padding: 5%} #where_to_buy .storeLocator-heading{ font-size: 28px;line-height: 38px;margin-top: 20px;letter-spacing: 4px;} #where_to_buy .storeLocator-separator {max-width: 15%;margin: 30px auto;} #where_to_buy .storeLocator-subheading {font-size: 15px;line-height: 32px;} #where_to_buy #accordion a.accordion-menu{padding: 20px 0px 20px;font-size: 23px;line-height: 34px;} #where_to_buy #accordion section h3{font-size: 23px;line-height: 34px;} #where_to_buy .container {width: auto;} #where_to_buy .with_img li img{max-width: 215px;min-width: 215px;} #where_to_buy .search_detail_info{display: none;} .term-facial .carousel-caption, .term-cuerpo .carousel-caption{ height: 350px; max-width: 432px; } .term-facial .carousel-caption h2, .term-cuerpo .carousel-caption h2{ font-size: 68px; line-height: 76px; text-align: right; letter-spacing: 4px; font-weight: bold; } .term-facial .carousel-caption p,.term-cuerpo .carousel-caption p{ font-size: 40px; line-height: 50px; letter-spacing: 3px; font-weight: bold; } .term-facial .bannerDescription, .term-cuerpo .bannerDescription{ font-size: 24px; line-height: 38px; letter-spacing: 0px; font-weight: bold; } #product .pullLeft h3{ font-size: 40px; line-height: 50px; letter-spacing: 3px; font-weight: bold; } #product .pullRight span, #product .pullRight select{ font-size: 18px; line-height: 20px; letter-spacing: 2px; font-weight: bold; } #home hr.homeBannerSeperator{ width: 10%; position: relative; bottom: 0; display: block; left: 0; width: 60px; margin: 24px auto; } #home .carousel-caption h2 { font-size: 68px; line-height: 76px; max-width: 100%; margin: auto; letter-spacing: 4px; } #home .carousel-caption p{ font-size: 22px; line-height: 22px; position: relative; top: 0; } .home .spotlight-720{ background-size: 122%; background-position: left -45% center, center; margin-top:25px; } #home .spotlight-2609 h3{ font-size: 40px; line-height: 50px; letter-spacing: 3px; font-weight: bold; } .home .spotlight-2609 p { font-size: 24px; line-height: 38px; letter-spacing: 0px; font-weight: bold; } .home h3 span.icon.icon-st-ives-heart { font-size:38px; } .home .olapic-cover h2 { font-size: 40px !important; line-height: 50px !important; letter-spacing: 3px !important; font-weight: bold !important; } .home .olapic-wall-header .olapic-top .olapic-tools{ max-width: 615px; } .row.footer-element .span4 h4{ font-size: 18px; line-height: 20px; letter-spacing: 2px !important;; font-weight: bold !important;; } #footer a{ font-size: 14px; line-height: 20px; letter-spacing: 0px !important;; font-weight: bold !important;; } .spotlight-2698{ padding: 0px; display: block; } .spotlight-2698 figure { display: inline-block; height: 100%; width: 35%; } #home .spotlight-2698 img, #product .spotlight-2698 img{ max-width: 85px; position: absolute; bottom: 10%; left: 5%; margin-left: 0px; } #home .spotlight-2698 img{ max-width: 180px; } .spotlight-720, .spotlight-2698{ padding: 40px 0; } .spotlight-720 a{ margin: 15px 0 0px 0; } .spotlight-720 hr, .spotlight-2698 hr{ margin-top: 20px; margin-right: 0px; } .spotlight-720 .caption p, .spotlight-2698 .caption p{ margin-top: 13px; line-height: 38px; font-size: 24px; letter-spacing: 0px; clear: both; font-weight: bold; } .product-landing .spotlight-2698 a,.product-landing .spotlight-720 a, .product-landing .spotlight-2698 a{ font-size: 17px; line-height: 30px; letter-spacing: 3px; font-weight: bold; text-align: center; } .spotlight-720, .home .spotlight-720{ background-image: url(./img/HOMEPAGE_facecare-banner-mobile.png),repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); background-image: url(./img/HOMEPAGE_facecare-banner-mobile.png),-webkit-repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); background-image: url(./img/HOMEPAGE_facecare-banner-mobile.png),-ms-repeating-radial-gradient(ellipse farthest-corner at right top,rgb(255, 222, 194) 0%,rgb(194, 110, 133) 66%,rgb(146, 44, 81) 100%); background-position: bottom right -340%; position: relative; background-size: 94%, 100%; } .spotlight-2698{ background-image: url(./img/GirlImageMob2.png),repeating-radial-gradient(ellipse farthest-corner at right top,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); background-image: url(./img/GirlImageMob2.png),-webkit-repeating-radial-gradient(ellipse farthest-corner at right top,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); background-image: url(./img/GirlImageMob2.png),-ms-repeating-radial-gradient(ellipse farthest-corner at right top,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); background-position-y: 0; background-position-x: 0; padding: 40px 0; background-size: auto 100%; } .term-facial .spotlight-2698{ background-image: url(./img/bodycare-banner-mobile.png),repeating-radial-gradient(ellipse farthest-corner at right top,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); background-image: url(./img/bodycare-banner-mobile.png),-webkit-repeating-radial-gradient(ellipse farthest-corner at right top,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); background-image: url(./img/bodycare-banner-mobile.png),-ms-repeating-radial-gradient(ellipse farthest-corner at right top,rgb(240, 241, 199) 0%,rgb(107, 163, 188) 66%,rgb(39, 96, 139) 100%); padding: 40px 0; background-size: auto 100%; } .spotlight-720 img{ max-width: 95px; float: right; margin-right: 15%; margin-top: 45%; } .home .spotlight-720 img{max-width:150px;} .spotlight-720 a, .spotlight-2698 a{ width: 180px; } .container .btn{ font-size: 13px; line-height: 35px; } #home .spotlight-720 figure, #product .spotlight-720 figure{ float: right; display: inline-block; width: 35%; position: absolute; right: 0; bottom: 6%; height: auto; } .spotlight-720 h2{ max-width: 174px; text-transform: uppercase; } .spotlight-2698 h2{text-align:right;margin: auto 0 auto auto;} .spotlight-2698 .btn,.spotlight-720 .btn{font-size: 20px;} .spotlight-2698 h2,.spotlight-720 h2{ font-weight: bold; font-size: 68px; line-height: 76px; letter-spacing: 4px; } #home .container .spotlight-720 .caption, #product .spotlight-720 .caption{ text-align: left; margin-left: 0; position: relative; display: inline-block; transform: translateY(0%); width: 40%; float: left; padding-left: 20px; } #home .spotlight-1078 .caption h2, #home .spotlight-3751 .caption h2, #home .spotlight-3626 .caption h2, #home .spotlight-721 .caption h2{ font-size: 40px; line-height: 50px; letter-spacing: 3px; font-weight: bold; } #home .spotlight-1078 .caption p, #home .spotlight-3751 .caption p,#home .spotlight-3626 .caption p, #home .spotlight-721 .caption p{ line-height: 38px; font-size: 24px; margin-top: 15px; letter-spacing: 0px; font-weight: bold; } #home .btn, #product #quickViewContainer .buy-it-now-btn, #article .articleListArea .btn { font-size: 20px !important; line-height: 30px !important; letter-spacing: 3px !important; font-weight: bold !important; } #home hr.separater-line{ width: 15%; height: 2px; } #home .carousel-caption { height: 78%; } body{ padding: 0px; } .spotlight-2609 h3{ font-size: 28px; line-height: 32px; } .spotlight-2609{ width: 85%; } .spotlight-1094{ width: 90%; } .imgContainer { width: 44%; margin: 0 2.25%; } .imgContainer p{ margin-top: 15px; margin-bottom: 15px; font-size: 24px !important; line-height: 30px !important; letter-spacing: 1px !important; font-weight: bold !important; } #home .container .spotlight-3751,#home .container .spotlight-3626, #home .container .spotlight-721, #home .container .spotlight-1078{ width: 92%; margin: 0px auto; padding: 38px 6px; } #home .container .spotlight-3751 .caption,#home .container .spotlight-3626 .caption, #home .container .spotlight-721 .caption, #home .container .spotlight-1078 .caption{ width: 90%; } .spotlight-1078 img, .spotlight-3751 img,.spotlight-3626 img, .spotlight-721 img{ max-width: 250px; margin: auto; display: block !important; } #home .spotlight-2698 .caption,#product .spotlight-2698 .caption{ text-align: right; position: relative; display: inline-block; width: 59%; transform: translateY(0%); padding-right: 15px; float: right; } .section_content_container .caption{ text-align: center; } .container .btn{ margin: 0; display: inline-block; margin-top: 20px; } #article .bannerUnderText{ font-size: 19px; line-height: 28px; } #product .product-carousel, #search_result .product-item, #search_result .article_item{ margin: 0 5px; } #product .product-carousel li, #search_result .product-item li, #search_result .article-item li{ width: 47%; } #product .product-name a, #search_result .product-name a,#search_result .product-name a { margin: 0; font-size: 20px; line-height: 24px; letter-spacing: 2px; font-weight: bold; } #product .quickView{ width: 185px; font-size: 20px; line-height: 30px; letter-spacing: 3px; font-weight: bold; } #product figure.imageContainer img, #search_result figure.imageContainer img{ max-width: 100%; } #product .categoryHeading, #search_result .categoryHeading { display: block; } #product .pullLeft, #search_result .pullLeft { display: block; width: 100%; } #product .pullRight, #search_result .pullRight { margin-top: 15px; display: block; width: 100%; } #product .pullRight > div, #search_result .pullRight > div { text-align: left; } #product span.prod_count, #search_result span.prod_count{ display: block; text-align: left; } #product section.imgViewer, #search_result section.imgViewer { width: 100%; display: block; } #product section.contentViewer, #search_result section.contentViewer { width: 100%; display: block; margin: 0;} .imgViewer figure, figcaption { margin: 0; margin: 25px; height: 650px;} #where_to_buy ul.storesContainer ul li{font-weight: bold;font-size: 16px;line-height: 25px;} #where_to_buy #map_canvas{min-height: 300px;display: inline-block !important;} #where_to_buy .results-table, #where_to_buy .pagination{padding: 0px;} #where_to_buy #accordion span{font-size: 14px;line-height: 24px;} #where_to_buy #get_location{ display: none !important;} #where_to_buy .zip-divider{display: none !important;} #where_to_buy .accordion-dropdown{padding: 0px;} #where_to_buy .zip-code .control-group{width: 100%;text-align: center;} .where_to_buy .zip-code .first-span{margin: 0px;} #where_to_buy .zip-code .miles{width: 100%;} #where_to_buy .zip-code .zipcode-input{width: 97%;} #where_to_buy #store-locator-form label, #where_to_buy #store-locator-form label{text-align: center;line-height: 35px;} #where_to_buy .choose-product ul.left-zero{margin: 0px;} #article section.articleImgContent, #article section.articleTextContent {width:100%; margin-bottom: 10%;height:auto} #article li.image-right section.articleImgContent{width:100%; left:0; margin-bottom: 10%;} #article .imageContainer img{min-width: auto;} #article .articleListArea li{width: 90%;margin: 0px auto;} #article li.image-right section.articleTextContent{width:100%; right: 0;} #article .articleListArea .articleTextContent h3{text-align: center;} #article .articleListArea .articleTextContent p{text-align: center; line-height: 24px; margin-top: 10px;} #article section.filterArea{ margin: 20px auto 0 auto; width: 90%;} #article #single_image, #article .carousel-inner{margin-bottom: 0px;} #article section.articleListArea{ border-bottom: 1px solid #868686;margin-bottom: 10%;} #article section.articleTextContent .table-block{display: block;} #article .image-right section.articleTextContent .cell-block {text-align: center;padding-right: 0;} #article section.articleTextContent .cell-block {text-align: center;padding-left: 0;} #article .imageContainer img {width: 100%; min-width:100%;} /*Quickview Css*/ #product div#quickViewContainer{width: 100%;padding: 0;position: relative;padding-top: 15px;} #product .product-carousel li .arrow-up {bottom: -38px;z-index: 8;} #product section.imgViewer{width: 100%;display: block; } #quickViewContainer img{height:auto;} #product #closeProductDetail {top: 10px;position: absolute;margin-bottom: 0;right: 25px;} #product section.contentViewer{ width: 100%; display: block; margin: 0; padding: 0 25px; float: none; box-sizing: border-box; text-align: center; position: static; } #product #quickViewContainer a.btn.buy-it-now-btn,#product div#quickViewContainer #productStoreLocator{ width: auto; min-width: 140px; font-size: 13px; } .imgViewer figure, figcaption{ height: auto;} /*end Quickview Css*/ } @media(max-width:768px){ .term-facial .carousel-caption h2{ margin-right: 25px; text-align: left; } } @media(max-width:767px){ #product .quickView { position: absolute; display: inline-block; left: 0; right: 0; bottom: 0; } #product .productList .avgRatings { min-height: 31px; } .home .spotlight-720 img{max-width: 90px;} #home .spotlight-2698 img{max-width: 100px;} .home .spotlight-720,.spotlight-720{ background-size: auto 100%; background-position: left 5% center, center;} .home .spotlight-2698{ background-position: right 34% center,center;} /*Quickview Css*/ #product #quickViewContainer a.btn.buy-it-now-btn{margin-top: 0;padding: 5px 5px;background-position: left 15px center;} #product div#quickViewContainer #productStoreLocator{margin-top: 0;margin-bottom: 30px;padding: 5px;margin-left: 3px; margin-right: 3px;} /*end Quickview Css*/ .tilesContent { margin-top: 20px;} } @media(max-width:767px) and (orientation: landscape) { .home .spotlight-720,.spotlight-720{ background-position: right -5% center, center; } } @media (max-width: 767px) and (orientation: landscape) { .home .spotlight-2698 { background-position: left 0% center,center; } } /*Mobile media query ended*/ /*full screen home page css*/ #home .container{ width: 100%; } #home .container section.row.teasers{ width: 100%; } #home .container .teasers article.span12{ width: 100%; box-sizing: border-box; } #single_image .carousel-inner .item figure { text-align: center; } @media (max-width: 767px){ #home .spotlight-1078 .caption p, #home .spotlight-3751 .caption p, #home .spotlight-3626 .caption p, #home .spotlight-721 .caption p{ font-size: 12px; line-height: 20px; letter-spacing: 0px; font-weight: bold; } #where_to_buy .zip-code ul.with_img .productName h2{font-size: 20px;line-height: 26px;} #where_to_buy ul.storesContainer ul li{font-weight: bold;font-size: 16px;line-height: 25px;} #where_to_buy #map_canvas{min-height: 300px;display: inline-block !important;} #where_to_buy .results-table, #where_to_buy .pagination{padding: 0px;} #where_to_buy #accordion span{font-size: 14px;} #where_to_buy #get_location{ display: none !important;} #where_to_buy .zip-divider{display: none !important;} #where_to_buy .accordion-dropdown{padding: 0px;} #where_to_buy .zip-code .control-group{width: 100%;} #where_to_buy .zip-code div.store_btn{ margin-top: 0;} .where_to_buy .choose-product, .where_to_buy .zip-code{display: block;} .where_to_buy .zip-code .first-span{margin: 0px;} #where_to_buy .zip-code .miles{width: 100%;} #where_to_buy .zip-code .zipcode-input{width: 94%;} .where_to_buy .choose-product ul li{ position: relative; } #where_to_buy #accordion .radio-container input[type="radio"]{ position: relative; top: -2px; } #where_to_buy #store-locator-form label{text-align: left;margin: 0;line-height: normal;display: inline-block;} #where_to_buy #store-locator-form label.control-label{text-align: center;margin-bottom: 15px;line-height: normal;display: block;} #where_to_buy .choose-product input[type="checkbox"]{ position: absolute; margin-top: 0; top: 10px; } #where_to_buy .zip-code .choose-product {margin-bottom: 10px;} #where_to_buy .choose-product ul.left-zero{margin: 0px;} #where_to_buy .with_img li img {max-width: 150px;min-width: 150px;} .term-facial .carousel-caption{ left: 5%; } #product .carousel-caption{ position: absolute; height: auto; max-width: 235px; padding: 20px 0; } #product .carousel-caption h2{ font-size: 32px; line-height: 36px; letter-spacing: 4px; font-weight: 600; text-align: left; } #product .item.carousel-item-2836 .carousel-caption{right: 0;padding: 25px;} #product .item.carousel-item-2836 .carousel-caption h2{text-align: right;margin-right: -4px;} #product .carousel-caption hr{ margin: 10px 0px; width: 60px; border: 1px solid #fff; } #product .carousel-caption p{ font-size: 22px; line-height: 24px; letter-spacing: 2px; font-weight: bold; } #home hr.homeBannerSeperator{ width: 10%; bottom:2%; } #single_image .carousel-inner { max-height: inherit; } .carousel-inner>.active {height: 100%;} #single_image .carousel-inner .item figure { height: 100%;} .term-cuerpo #single_image .carousel-inner .item figure img{ height: 390px;} #single_image .carousel-inner img{ height:100%; max-height:300px; width:auto; display:block !important; margin:auto; max-width:inherit; } #single_image .carousel-inner .item figure img{ width: 100%; height: auto; max-height: inherit; } .term-facial #single_image .carousel-inner .item figure img { width: auto; height: 390px; float: right; position: relative; right: -20%; } .spotlight-2609{ width: 100%; padding: 0 15px; box-sizing: border-box; } .spotlight-2609 p{ width: 80%;} #home .carousel-caption h2 { font-size: 28px; line-height: 32px; letter-spacing: 4px; padding-top: 40px; font-weight: bold; } #home .carousel-caption p { font-size: 16px; line-height: 6px; top: 25px; } #home .spotlight-2609 h3 { font-size: 22px; line-height: 24px; margin-top: 15px; font-weight: bold; letter-spacing: 2px; } .home h3 span.icon.icon-st-ives-heart { font-size:34px; } #home hr.separater-line{ height: 3px; margin: 35px auto; border: none; } #home .carousel-caption{margin:0 20px;height: 68%;position: absolute;} .container .btn {width: 150px;padding: 5px 15px;letter-spacing: 0;} .product-landing .spotlight-720 a, .product-landing .spotlight-2698 a{ padding: 10px 15px; font-size: 12px; line-height: 16px; letter-spacing: 0px; font-weight: bold; } .product-landing .spotlight-720 a { text-align: center;} #product .spotlight-2698 .caption p { padding-left: 20%; max-width: 250px; margin-left: auto; line-height: 21px; font-size: 16px; } .term-cuerpo .spotlight-720, .term-facial .spotlight-2698 { margin-bottom: 5px; } .spotlight-2698 .caption { float: right; } #product .spotlight-2698 figure { width: 10%; } #home .spotlight-2609 p{ font-size: 12px; line-height: 20px; letter-spacing: 0px; font-weight: bold; } #home .imgContainer p{ font-size: 16px !important; line-height: 18px !important; letter-spacing: 4px !important; font-weight: bold !important; max-width: 98%; } #home .container .spotlight-720 .caption, #product .spotlight-720 .caption { width: 60%; } .spotlight-720 h2,.spotlight-2698 h2 { max-width: 174px; font-size: 32px; line-height: 36px; letter-spacing: 4px; font-weight: bold; } .spotlight-2698 h2 { text-transform: uppercase; position: relative; max-width: 100% } .spotlight-720 .caption p, .spotlight-2698 .caption p{ font-size: 12px !important; line-height: 20px !important; letter-spacing: 0px !important; font-weight: bold !important; } .spotlight-720 hr, .spotlight-2698 hr{margin-top: 25px;margin-bottom: 40px;} .spotlight-1094 { margin: 35px auto 20px; width: 100%; } .spotlight-35 { background-size: 100%; min-height: 170px; background-position: center; display: table; background-image: url(./img/Homepage_Section_E_Footer_Mobile.jpg); } .teaser3.spotlight-35 figure { display: table-cell; width: 100%; vertical-align: middle; } .teaser3.spotlight-35 figure > img { max-width: 200px; } #home #main .container .teasers article.span12:nth-child(3),#home #main .container .teasers article.span12:nth-child(4){ padding: 0 12px;} #home .container .spotlight-3751,#home .container .spotlight-3626, #home .container .spotlight-721, #home .container .spotlight-1078{ width: 100%; margin: 0px auto; padding: 10px 15px 60px; box-sizing: border-box; } .spotlight-1078 img, .spotlight-3751 img,.spotlight-3626 img, .spotlight-721 img{ max-width: 250px;} #home .container .spotlight-3751 .caption,#home .container .spotlight-3626 .caption, #home .container .spotlight-721 .caption, #home .container .spotlight-1078 .caption{width:100%;} #home .spotlight-1078 .caption h2, #home .spotlight-3751 .caption h2, #home .spotlight-3626 .caption h2, #home .spotlight-721 .caption h2{ font-size: 22px; line-height: 24px; letter-spacing: 2px; font-weight: bold; } #where_to_buy .accordian_wrapper{ border-bottom: 1px solid #acacac; border-image: none; } .term-facial .bannerDescription, .term-cuerpo .bannerDescription{ padding: 3% 25px 2%; font-size: 12px; line-height: 20px; letter-spacing: 0px; font-weight: bold; } } @media (max-width: 480px){ #where_to_buy .pagination .previous, #where_to_buy .pagination .next { display: none; } #where_to_buy .with_img li img { max-width: 100px; min-width: 100px; } #where_to_buy #accordion .with_img_li { width: auto; margin: 0 2%; } #where_to_buy #accordion input[type="checkbox"], input[type="radio"]{ border : 0px; } #home #single_image .carousel-inner .item figure img { height: 390px; min-width:auto; width: auto; left: -50%; position: relative; } } @media only screen and (max-width: 767px){ #header ul#menu-header-navigation li{ display:block; text-align: center; } #header .navbar .nav>li a:after { } #header ul#menu-header-navigation li a{ padding: 9px 15px; text-align: center; font-family: "Montserrat"; font-size: 20px; line-height: 40px; display: inline-block; } .banner .container { width: 85%;} #home .btn, #product #quickViewContainer .buy-it-now-btn, #article .articleListArea .btn { padding: 10px 15px; font-size: 12px !important; line-height: 16px !important; letter-spacing: 0px !important; font-weight: bold !important; } .home .olapic-cover h2{ font-size: 22px !important; line-height: 24px !important; letter-spacing: 2px !important; font-weight: bold !important; } .row.footer-element .span4 h4{ font-size: 18px !important; line-height: 20px !important; letter-spacing: 2px !important; font-weight: bold !important; } #footer a{ font-size: 14px !important; line-height: 20px !important; letter-spacing: 0px !important; font-weight: bold !important; } #home .caption.inner_caption_container.container .cta_frombean{ padding: 10px 14px; letter-spacing: 0px !important; font-size: 12px !important; line-height: 16px !important; font-weight: bold !important; } } @media(max-width:1024px){ #product #quickViewContainer a.btn.buy-it-now-btn, #product div#quickViewContainer #productStoreLocator, .single-products a.btn.buy-it-now-btn,.single-products .btn.store-locator{ font-size: 20px !important; line-height: 30px !important; letter-spacing: 3px !important; font-weight: bold !important; } } /** header and footer **/ #first form{ display: none; } .boundry{ height: 76px; width: 1px; background-color: #ababab; margin-top: 87px; margin-right: 12px; margin-left: 10px; } .modern-footer { background-color: #f0f0f0; overflow : hidden; } .footer-display{ display: inline-flex; } .footer-element{ text-align: left; display: inline-block; margin-top: 70px; } .footer-element p{ font-family: "Montserrat"; font-weight: bold; color: #666; line-height: 22px; letter-spacing: 0px; } #menu-header-navigation{ font-family: "Montserrat"; font-style: normal; font-weight: bold; } #footer table{ font-family: "Montserrat"; font-style: normal; font-weight: bold; } .footer-image{ margin-top: 10%; } .footer-options{ line-height: 1.9em; font-size: 18px; } .navbar .nav>li a:after {content: '';width: 0px;height: 10px;border: 1px solid #555;display: inline-block;position: absolute;right: 0;top: 15px;} .navbar .nav > li > a {position:relative;} .navbar .nav>li:last-child a:after,.navbar .nav>li.last_child a:after{display:none;} ul#menu-header-navigation { text-transform: uppercase; width: 100%; text-align: center; margin-top: 16px; margin-bottom: 16px; margin-right: 0; } ul#menu-header-navigation li{display:inline-block;float:none;text-align:center;} ul#menu-header-navigation li a{padding: 10px 29px;letter-spacing: 1px;font-family: "Montserrat";font-style: normal;font-weight: bold;} @media(max-width:768px){ul#menu-header-navigation li a{padding: 10px 23px;}} ul#menu-header-navigation li a:hover{color:#3e5279;} ul#menu-header-navigation > li.active > a{color:#3e5279;} ul#menu-header-navigation > li.active > a:before{content: '';border: none;width: 100%;height: 1px;left: 0;display: block;border-bottom: 1px solid;top: 20px;position: relative;} a.logo { display: block; float: none; text-align:center; margin-top: 10px; width: 150px; margin: 10px auto; } a.logo img{display:inline-block;} @media(max-width:767px){a.logo img{height:39px; max-width:70%;}} .menuWrapper{ float: none; margin: auto; width: 100%; position: relative; max-width: 1200px; } .menuWrapper .social-icons.pull-right.social-button.follow-icon {display:none;} section.banner .container {position:relative;} @media only screen and (max-width: 767px){ ul#menu-header-navigation li{ display:block; text-align: left; } .navbar .nav>li a:after { content: none; } ul#menu-header-navigation li a{ padding: 9px 15px; text-align: center; font-family: "Montserrat"; font-size: 20px; line-height: 40px; } ul#menu-header-navigation > li.active > a:before{display: none;} ul#menu-header-navigation > li.active > a:after{ content: ''; border: none; width: 100%; height: 1px; left: 0; display: block; border-bottom: 2px solid; top: -6px; position: relative; } } .smartLabelsearch.smartlabel_header_image_right { position: absolute; top: -80px; width: auto; right: 0; max-width: inherit; margin-right: 0; } @media (min-width: 768px) and (max-width: 1024px) , (orientation: portrait),(orientation: portrait) { .smartLabelsearch.smartlabel_header_image_right { margin-right: 0px; } } .menu-header-navigation-container { border-top: 1px solid #c5c7cc; } form.navbar-form.form-search.pull-right { display: none; } .copyright{ margin-top: 20px; text-align: center; } .footer-element .social-button a { width: auto; padding: 0 15px 0 0; } .footer-element .social-icons { margin-top:35px;} .navbar .nav>li{border:none;} .row.footer-element .span4 h4 { margin-bottom: 18px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #666; letter-spacing: 0px; } .page-template-sitemap aside.span3.site-map-wrapper h3 { display: none; } .page-template-sitemap aside.span3.site-map-wrapper { float: none; width: inherit; } .page-template-sitemap .menu-item-object-product-category{ margin-bottom: 20px; } .page-template-sitemap .menu-item-object-product-category a{ color: #3e5279; font-size: 22px; font-weight: bold; } .page-template-sitemap .menu-item-object-product-category{ margin-top: 35px; margin-bottom: 35px; } .page-template-sitemap .menu-item-object-custom.menu-item-has-children{ margin-bottom: 25px; margin-top: 42px; } .page-template-sitemap ul.sub-menu { margin:0px; margin-top: 25px; } .page-template-sitemap h2{ text-align: center; text-transform: uppercase; color:#3e5279; font-weight:bold; font-size:40px; margin-top: 16px; } .page-template-sitemap .breadcrumb{ display:none; } @media only screen and (max-width: 992px){ #footer .footer-element .footer-social h4{ display: none; } #footer .footer-element .footer-social p{ display: none; } .page-template-sitemap .menu-item-object-product-category{ margin-bottom: 20px; text-align: center; padding-bottom: 0; } .boundry{ display: none; } #footer .row.footer-element {width:100%;margin-top: 0px;display: block;} #footer .span4 { position: relative; width: 100%; max-width: inherit; display: block; float: left; text-align: center; margin: 0; margin-top: 20px; } #footer .span2 { position: relative; width: 100%; max-width: inherit; display: block; float: left; padding-left: 0px; text-align: center; } #footer .span3 { position: relative; width: 100%; max-width: inherit; display: block; float: left; padding-left: 0px; text-align: center; } #footer .footer-image{ margin-top: 3%; } #footer .footer-element .social-icons { margin-top: 0; text-align: center; } #footer .footer-element .social-button a { float: none; display: inline-block; height: auto !important; padding: 0 5px; } #footer .copyright{ display:block; font-size:16px; } } #footer p.copyright-content{ text-align: center; font-size: 14px; line-height: 23px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #666; } #footer .container{ width: 100%; position: relative; } #footer #selectorFinal{ background-image: url('./img/tick.png'); background-position-x: 100%; } a.closeFooter{ cursor: pointer; text-decoration: underline; line-height: 30px; display: block; width: 20%; margin: auto; margin-right: 0; padding-right: 45px; background-position-x: 100%; background-position-y: -10px; background-repeat: no-repeat; background-image: url(./img/close-1.png); background-position: 87% 2px; background-size: 21%; } #footer div.country-selector{ cursor: pointer; } #footer #selectorFinal{ cursor: default; } @media screen and (max-width: 992px){ #footerSelector { max-width: 700px; margin: auto; width: 100%; } a.closeFooter{ cursor: pointer; font-size: 15px; margin-right: 26%; line-height: 30px; text-decoration: underline; width: 70px; padding: 0; margin: auto; background-position: right center; } .selector-overlay .row{ margin-bottom: 0px; margin: 0; } } @media (min-width: 980px) { #header { border: none; background: none; z-index: 9; position: relative; } .navbar-static-top .container{ background: url('./img/heading-separator.png') no-repeat center bottom; background-size: contain; padding-bottom: 13px; margin-bottom: -9px; } } @media (min-width: 1200px) { .navbar-static-top .container { background-size: inherit; } } /*/** error page ***/ #breadcrumb{ display:none !important; } .error404 .container{ width: 100%; margin-bottom: 0px !important; } .error404 .single-article-detail-inner{ margin:0; padding:0px; width: 100%; } .error404 .single-article-detail-inner .span12{ margin:0; padding:0px; width: 100%; } .error404 .span12 p{ padding: 0; } .error404 .error-bg{ color:#fff; overflow: hidden; margin:0px; position: relative; background-size: 100%; background-repeat: no-repeat; max-height: 1800px; height: 700px; background-image: url("./img/error-bg.png"); background-size: cover; } .error404 #main {margin-top: -8px;} .error404 section.navbar.navbar-static-top { background: transparent;} .error404 .caption{ text-align: center; width: 850px; top: 135px; position: relative; padding: 5px; } .error404 .error-message h2{ font-size: 90px; line-height: 95px; font-weight: bold; color: #fff; font-family: "Montserrat"; } .error404 .error-message .btn{ font-family: "Montserrat"; color: #fff; font-weight: bold; border-radius: 50px; } .error404 .error-message .btn:hover{ background: #31508f; } .error404 .to-home{ margin-top: 10px; border-radius: 15px; font-size: 13px; padding: 0px 32px; line-height: 40px; background: #1f3663; border: none; color: white; } .error404 .span12 p{ margin-top: 44px; padding: 0; font-size: 17px; font-family: "Montserrat"; color: #fff; font-weight: bold; line-height: 25px; } @media only screen and (max-width: 992px){ .error404 .error-bg{ height: 526px; background-image: url("./img/error-bg-mobile.png"); } .error404 .caption{ width: 75%; } .error404 .error-message h2{ font-size: 32px; line-height: 35px; font-weight: bold; } .error404 .to-home{ margin-top: 0px; } } @media only screen and (max-width: 767px){ #product .quickView{ width: 115px; } #search_result .product-name a,#search_result .product-name a,#search_result .pullRight span,#product .product-name a,#product .pullRight span,#product .pullRight select{ font-size: 12px; line-height: 16px; letter-spacing: 0px; font-weight: bold; } #product .quickView{ font-size: 12px; line-height: 16px; letter-spacing: 1px; font-weight: bold; } .banner{ display: inline-block; position: relative; float: right; text-align: center; width: 100%; z-index:99; } a.logo{width: 95px; margin-top: 0px; margin-bottom: 5px;} .navbar-static-top{ margin-top:0px; } .navbar-static-top button { position:absolute; } .navbar .btn-navbar {z-index: 99;top:20px;background-size: 240%;width: 16px;height: 16px;margin-left: 10px;margin-top:0} .navbar .btn-navbar:hover, .navbar .btn-navbar:focus{ margin-left: 12px;} section.navbar-inner { position: relative; } section.navbar-inner .container { position: relative; z-index: 9; } #product .pullLeft h3,#product .pullRight, #search_result .pullLeft h3,#search_result .pullRight{ padding-left: 10px; font-size: 22px; line-height: 24px; letter-spacing: 2px; font-weight: bold; } } #contact-us legend{ font-size: 25px; color: #1F3664; text-transform: capitalize; border-bottom: 0px; font-family: "Montserrat"; font-style: normal; font-weight: bold; text-transform: UPPERCASE; padding-top: 20px; } #contact-us .form-horizontal .control-label{ display: block; width: auto; float: none; padding-top: 5px; text-align: left; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #contact-us .controls input[type='checkbox'] { height: inherit; margin-right: 20px; width: auto; padding: 1px; box-sizing: border-box; display: inline-block; background: transparent; outline: none; } #contact-us .form-horizontal .help-block{ margin: 20px 0; font-size: 15px; line-height: 30px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #666; } #contact-us .controls input[type="radio"]{ width: auto; height: 10px; } #contact-us label[for=corporate]{ font-size: 15px; line-height: 30px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #666; } #contact-us label[for = brand]{ font-size: 15px; line-height: 30px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #666; } #contact-us label[for = languagePreference] + div{ display: -webkit-box; } #contact-us .form-horizontal .help-block a{ font-size: 17px; line-height: 30px; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #contact-us .form-horizontal .controls{ margin-left: 0px; } #contact-us .controls textarea{ width: 95%; height: 150px; background-color: #f2f0f0; border: 1px solid transparent; border-radius: 0; } #contact-us .controls input{ background-color: #f2f0f0; height: 45px; width: 95%; border-radius: 0; border-color: transparent; } #contact-us .controls input.errorInput, #contact-us .controls select.errorInput, #contact-us .controls .errorInput{ border: 1px solid #B94A48; } #contact-us .controls select{ width: 97%; height: 55px; -webkit-appearance: none; background-repeat: no-repeat; background-position-x: 97%; background-position-y: 50%; background-size: 15px; background-image: url('./img/arrow.png'); -moz-appearance: none; appearance: none; background-color: #f2f0f0; background-position: 97% 50%; border: 1px solid transparent; border-radius: 0; padding-left: 15px; } #contact-us .controls .recaptcha_input_area input, #sign-up .controls .recaptcha_input_area input{ height: auto; } #contact-us .controls select::-ms-expand{display: none;} #contact-us .select-group-field select{ width :20%; margin-right:6px; } #contact-us .btn.submit{ width: auto; border-radius: 30px; height: auto; text-transform: uppercase; background: #3e5279; color: #fff; font-family: "Montserrat"; font-style: normal; font-weight: bold; margin: auto; font-size: 16px; line-height: 38px; letter-spacing: 1px; min-width:150px } #contact-us .container .span9{ width: 100%; } #contact-us h2{ padding: 0px; margin-top: 35px; margin-bottom: 65px; text-align: center; font-family: "Montserrat"; font-style: normal; font-weight: bold; text-transform: uppercase; font-size: 75px; color: #0f3664; line-height: inherit; } #contact-us p.contactUs { margin-top: 20px; font-size: 18px; line-height: 30px; color: #666666; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #contact-us h3 { margin-top: 15px; margin-bottom: 10px; color: #1f3664; text-transform: uppercase; font-size: 27px; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #contact-us .contact-call span{ margin-left: 10px; margin-right: 10px; text-transform: lowercase; font-size: 30px; color: #666666; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #contact-us .contact-call{ color: #666666; font-size: 15px; text-transform: uppercase; line-height: 26px; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #contact-us form .help-icon{ margin-left: 10px; height:20px; } #contactform { max-width: 740px; } #contactform span.error.label.label-important { margin-left: 0; margin-top: 10px; font-family: "Montserrat"; background: transparent; color: red; text-transform: uppercase; } form .error{ margin-left: 0; font-family: "Montserrat"; background: transparent; color: red; text-transform: uppercase; } @media only screen and (max-width: 767px){ form #contactform{ padding: 0 20px; } #contact-us form .help-icon{width: 20px;margin-left: 1%;} #contact-us .controls input{ width: 90%; } #contact-us .controls select{ width: 91%; } #contact-us input.btn.submit{ width: auto; padding: 5px 45px; } #contact-us .select-group-field select{ margin-bottom: 20px; width: 98%; } #contact-us .controls textarea{ width: 90%; } #contact-us .container .span9{ width: 97%; padding-left: 20px; } #contact-us h2{ font-size: 40px; } } #contact-us .controls input[type="text"]{ float: left; } #contact-us .form-horizontal .controls.img-tooltip{ float: none; } #contact-us .radio{min-width: 80px;padding-top: 20px;display: inline-block;width: 10%;} #contact-us #DayPhone, #EveningPhone{ margin-bottom: 20px; } #sign-up legend{ margin: 10px 0px; font-size: 25px; color: #1F3664; text-transform: uppercase; border-bottom: 0px; font-family: "Montserrat"; font-style: normal; font-weight: bold; display:none; } #sign-up .form-horizontal .control-label{ display: block; width: auto; float: none; padding-top: 5px; text-align: left; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #sign-up .controls input[type='checkbox'] { height: inherit; margin-right: 20px; width: auto; background:transform; outline:none; } #sign-up .form-horizontal .help-block{ margin: 20px 0; font-size: 15px; line-height: 30px; font-family: "Montserrat"; font-style: normal; font-weight: bold; text-align: left; color:#666; } #sign-up .controls input[type="radio"]{ width: auto; height: inherit; } #sign-up #DayPhone { margin-bottom: 20px; } #sign-up .form-horizontal .help-block a{ font-size: 17px; line-height: 30px; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #sign-up .form-horizontal .controls{ margin-left: 0px; } #sign-up .form-horizontal .controls label { font-family: "Montserrat"; color:#595959; font-weight: bold; line-height: 15px; } #sign-up .controls textarea{ width: 60%; height: 150px; background-color: #f2f0f0; } #sign-up .controls input{ background-color: #f2f0f0; height: 35px; width: 60%; font-family: "Montserrat"; font-weight: bold; } #contact-us .controls input[type="text"], #contact-us .controls textarea{ font-family: "Montserrat"; font-weight: bold; background-color: #f2f0f0; } #sign-up .controls select{ width: 61%; height: 45px; -webkit-appearance: none; background-repeat: no-repeat; background-position-x: 97%; background-position-y: 50%; background-size: 15px; background-image: url('./img/arrow.png'); -moz-appearance: none; appearance: none; background-color: #f2f0f0; background-position: 97% 50%; } #sign-up .select-group-field select{ width :32%; margin-right:6px; } #sign-up input.btn.submit{ width: auto; border-radius: 30px; height: auto; text-transform: uppercase; background: #3e5279; color: #fff; font-family: "Montserrat"; font-style: normal; font-weight: bold; margin: auto; font-size: 15px; line-height: 38px; letter-spacing: 1px; padding: 5px 30px; outline: none; } #sign-up .container .span9{ width: 100%; } #sign-up h2{ padding-top: 0; margin-bottom: 35px; } #sign-up select, input::-webkit-input-placeholder { font-family: "Montserrat"; font-style: normal; font-weight: bold; } #sign-up select, input::-moz-placeholder { font-family: "Montserrat"; font-style: normal; font-weight: bold; color:#666; } #sign-up .form-horizontal .control-label{ font-size: 15px; line-height: 30px; } #sign-up .contact-form p,#sign-up .bws-form-desc span.help-block { font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 14px; } #contact-us select, input::-webkit-input-placeholder { font-family: "Montserrat"; font-style: normal; font-weight: bold; } #contact-us select, input::-moz-placeholder { font-family: "Montserrat"; font-style: normal; font-weight: bold; } #contact-us .form-horizontal .control-label{ font-size: 15px; line-height: 30px; color: #666; } #contact-us .contact-form p{ font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 15px; margin-bottom: 20px; color: #666; } #contact-us p.contactUs { margin-top: 20px; font-size: 18px; line-height: 30px; color: #666666; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #sign-up h3 { margin-top: 15px; margin-bottom: 10px; color: #1f3664; text-transform: uppercase; font-size: 27px; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #contact-us .contact-call span{ margin-left: 10px; margin-right: 10px; text-transform: lowercase; font-size: 30px; color: #666666; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #contact-us .contact-call{ color: #666666; font-size: 15px; text-transform: uppercase; line-height: 26px; font-family: "Montserrat"; font-style: normal; font-weight: bold; } @media only screen and (max-width: 767px){ form #contactform{ padding: 0 20px; } #sign-up .controls input{ width: 95%; } #sign-up .controls select{ width: 98%; } #sign-up .select-group-field select{ margin-bottom: 20px; width: 98%; } #sign-up .controls textarea{ width: 95%; } #sign-up .container .span9{ width: 97%; padding-left: 20px; } #sign-up h2{ font-size: 40px; } .clickCall { margin-top: 20px; } } #sign-up .controls input[type="text"]{ float: left; } #sign-up .form-horizontal .controls label[for=corporate]{ font-size: 14px; line-height: 30px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color:#666; } #sign-up .form-horizontal .control label[for = brand]{ font-size: 15px; line-height: 30px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color:#666; } @media(max-width:767px){ #sign-up label[for=corporate], #sign-up label[for = brand] { font-size: 14px; padding-left: 27px; text-indent: -25px; margin-bottom: 10px; line-height: 20px !important; } #sign-up label[for=corporate] input[type="checkbox"], #sign-up label[for = brand] input[type="checkbox"] { margin-right: 5px; } #sign-up .form-horizontal .help-block { font-size: 14px; line-height: 25px; padding-bottom: 15px; } #sign-up .form-horizontal .help-block a{ font-size: 14px; } } #sign-up .signUpIns{ color: #666666; font-size: 15px; text-transform: uppercase; line-height: 26px; font-family: "Montserrat"; font-style: normal; font-weight: bold; } #footer .list1{ float: left; width: 105px; margin-left: 0px; margin-bottom: 30px; } @media (min-width: 993px) { #footer .list1, #footer .list2 { margin-top:-8px; width:auto; max-width:170px; } #footer .list1 a, #footer .list2 a { letter-spacing: 1px; font-weight: bold; } .footer-image { margin-top: 10px; } } #footer .list2{ float: right; margin-left: 0px; margin-bottom: 30px; } @media (min-width: 768px) and (max-width: 1024px){ .imgContainer .alignnone { max-width: 200px; width: 100%; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){ #footer .list2 { margin-bottom: 10px; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { #footer .footer-element .closeDiv { display: block; } } #footer li { line-height: 40px; list-style: none; } #footer a{ color: #666666; font-family: "Montserrat"; font-style: normal; font-weight: bold; } .footer-boundary{ position: relative; padding-left: 50px; box-sizing: border-box; } .footer-boundary:last-child { margin-left: 50px; padding-left: 30px; } .footer-social{ margin-left: 0; max-width: 350px; } .footer-boundary:before{ content: ""; margin-top: 79px; position: absolute; left: 0; height: 90px; width: 1px; background: #ababab } #footer-element{ margin-bottom: 80px; } #displaySelector{ margin-bottom: 50px; } .category-footer{ position: relative; padding-left: 25px; } .category-footer:before{ content: ""; position: absolute; left: 0; height: 100%; width: 1px; background: #ababab } @media screen and (max-width: 992px){ .footer-boundary, .footer-boundary:last-child{ padding: 0px; } .footer-boundary:before{ display: none; } .category-footer{ padding: 0px; } .category-footer:before{ display: none; } } #footer .footer-element{ margin-bottom: 80px; max-width: 1240px; float: none; margin-left: auto; margin-right: auto; width:100%; } #displaySelector{ margin-bottom: 50px; position: absolute; top: 0; left: 0; width: 100%; background: #f0f0f0; } @media only screen and (max-width: 767px){ #footer .span5{ text-align: center; margin-bottom: 0px; } #footer .list1{ width: 100%; margin-bottom: 0; } #footer .list2 { margin-bottom: 10px; } #footer .footer-image { margin-top:20px; } } @media only screen and (min-width: 768px) and (max-width:992px ){ #footer .span5{ width: 100%; text-align: center; } #footer .list1{ width: 100%; } #footer ul.span2.list1{ margin-left: 0px; margin-bottom: 0px; } } @media only screen and (max-width: 992px){ #footer p.copyright-content{ width: 60%; margin: auto; } } /** Article Detail PAge****/ .article-detail .video_banner .video { width: 100%; } .article-detail .video_banner .video { width: 100%; z-index: 8; } .article-detail .playpause { position: absolute; top: 0; width: 100%; background: rgba(0,0,0,.5); height: 100%; text-align: center; z-index: 8; } .article-detail .video_banner { position: relative; } .article-detail .play-btn { display: inline-block; top: 40%; height: 80px; width: 80px; position: absolute; background-image: url('./img/play.png'); background-size: 100%; background-repeat: no-repeat; cursor: pointer; opacity: .8; } .article-detail .play-btn:hover{opacity:1;} .article-detail .feature-image-wrapper {width: 100%;float: left;} .article-detail .feature-image-wrapper .pull-left,.feature-image-wrapper img{width:100%;max-width: 90%;margin: 0 auto;display: table;} .article-detail .related-article {width:48%;float:left;margin: 0 1%;} .article-detail article.single-article-detail-inner.detail-page-video h2 { text-align: center; margin: auto 80px; font-size: 66px; line-height: 70px; letter-spacing: 4px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #1e315c; text-transform: uppercase; } .article-detail span.date { font-size: 20px; text-transform: uppercase; color: #ccc; text-align: center; display: block; margin-top: 45px; font-family: "Montserrat"; font-style: normal; font-weight: bold; letter-spacing: 2px; margin-bottom: 5px; } .article-detail .secondary_content p{ font-size: 27px; color: #777; line-height: 40px; text-align: center; margin: 0px 80px; font-family: "Montserrat"; font-style: normal; font-weight: bold; } .article-detail hr.underline { width: 5%; background-color: #1f3664; margin-left: auto; margin-right: auto; border: 0; height: 2px; position: absolute; left: 47.5%; margin-top: 51px; } .article-detail .the_content { margin: 40px 80px 0px 80px; display: inline-block; } .article-detail .social { height: 125px; } .article-detail .the_content p { font-size: 20px; margin-bottom: 30px; line-height: 34px; margin-left: 10px; color: #666; font-family: "Montserrat"; font-style: normal; font-weight: bold; } .article-detail .commentbox p { font-size: 30px; margin-bottom: 40px; line-height: 38px; margin: auto; max-width: 900px; color: #3e5279; font-weight: bold; } .single-article-detail .olapic_wrapper { position: relative; clear: both; } .commentbox { margin-top: 56px; margin-bottom: 40px; text-align: center; color: #3e5279; } .article-detail article.single-article-detail-inner.detail-page-video .related-articles-wrapper h2{ font-size: 31px; margin-top: -20px; letter-spacing: 2px; text-transform: uppercase; font-family: "Montserrat"; font-style: normal; font-weight: bold; } img.quotes { height: 75px; } .article-detail article.single-article-detail-inner.detail-page-video .related-articles-wrapper h2{ font-size: 28px; letter-spacing: 2px; text-transform: uppercase; font-family: "Montserrat"; font-style: normal; font-weight: bold; } .article-detail hr.underlineRelated { width: 3%; background-color: #1f3664; margin: 0 auto; border: 0; height: 2px; } .article-detail .commentbox p:before{content: url('./img/openQuote.png');display: block;padding-bottom: 16px;} .article-detail .commentbox p:after{content:url('./img/closeQuote.png');display: block;padding-top: 25px;} .article-detail .single-product-detail-inner, .single-article-detail-inner{ border: 0px; } .article-detail .single-article-detail-inner{ margin-bottom: 0; } .article-detail .playpause.play-button.play-video-banner.play-video_spotlight>a { display: inline-block; top: 40%; height: 80px; width: 80px; position: relative; background-image: url(./img/play.png); background-size: 100%; background-repeat: no-repeat; cursor: pointer; opacity: .8; } .article-detail .playpause.play-button.play-video-banner.play-video_spotlight>a:hover{opacity:1;} .article-detail .playpause.play-button.play-video-banner.play-video_spotlight>a>span{opacity:0;} .article-detail .related_articles { /* margin-left: 26px; */ margin: 50px 80px 0px 80px; display: inline-block; border-image: url(./img/divider.png) 1; border-bottom: 1px solid transparent; border-top: 0; } #article .secondary_content { margin-top: 100px; margin-bottom: 35px; } .article-detail .post_title { color: #1f3663; text-align: center; margin-top: 54px; text-transform: uppercase; font-size: 32px; font-family: "Montserrat"; font-style: normal; font-weight: bold; } .article-detail .post_excerpt { color: #666; min-height: 100px; text-align: center; font-size: 21px; margin-top: 17px; line-height: 34px; font-family: "Montserrat"; font-style: normal; font-weight: bold; } .article-detail .post_cta { text-align: center; border-radius: 26px; font-size: 15px; margin: auto; line-height: 45px; border: none; color: white; min-width: 145px; letter-spacing: 2px; font-family: "Montserrat"; font-style: normal; font-weight: bold; background-color: #3fae2b; width: 182px; margin-top: 25px; margin-bottom: 25px; cursor: pointer; } .article-detail .post_cta:hover{ background: #2d8c1c; color: white; } .single-article-detail span.at-icon-wrapper { background-color: #fff !important; } .single-article-detail svg.at-icon.at-icon-facebook{ height: auto !important; width: 100% !important; background-repeat: no-repeat; background-image: url('./img/facebk.png'); background-size: 80%; } .single-article-detail svg.at-icon.at-icon-twitter{ height: auto !important; width: 100% !important; background-repeat: no-repeat; background-image: url('./img/twittw.png'); background-size: 80%; } .single-article-detail svg.at-icon.at-icon-email{ height: auto !important; width: 100% !important; background-repeat: no-repeat; background-image: url('./img/msgg.png'); background-size: 80%; } .single-article-detail g{ opacity: 0; } .single-article-detail .at-icon-wrapper{ height: 66px !important; width: 68px !important; margin: 7px; } .single-article-detail .post_share{ text-align: center; } .article-detail .post_cta a { color: #fff; text-transform: uppercase; font-family: "Montserrat"; font-style: normal; font-weight: bold; } .article-detail .related_image img { max-width: 535px; width: 100%; margin: auto; display: block; } @media only screen and (min-width: 320px) and (max-width: 768px){ /* .commentbox{ height: 635px; }*/ .article-detail span.date{ font-size: 17px; margin-top: 30px; } .article-detail article.single-article-detail-inner.detail-page-video h2{ margin: auto 5%; font-size: 26px; line-height: 32px; } .article-detail hr.underline{ position: inherit; left: 47.5%; margin-top: 25px; } #article .secondary_content{ margin-top: 25px; margin-bottom: 35px; } .article-detail .secondary_content p{ margin: 0px 5%; font-size: 18px; line-height: 28px; } .article-detail .social{ height: auto; } .article-detail .the_content{ margin: 20px 5% 20px 5%; } .article-detail .the_content p, .article-detail .post_excerpt{ font-size: 16px; margin-bottom: 15px; line-height: 30px; font-weight: bold; } .article-detail .commentbox{ margin-top: 0; margin-bottom: 15px; } .article-detail .commentbox p{ font-size: 21px; line-height: 26px; } .article-detail hr.underlineRelated{ margin-top: 15px; width: 40px; } .article-detail .related_articles{ margin: 25px 5% 0 5%; border-bottom: 0; } .article-detail article.single-article-detail-inner.detail-page-video .related-articles-wrapper h2{ font-size: 24px; letter-spacing: 0px; } .article-detail .post_title{ margin-top: 20px; font-size: 23px; } .single-article-detail .at-icon-wrapper{ margin: 0px; } } @media only screen and (max-width: 767px){ .play-section.play-video-banner figure { height: 350px; overflow:hidden; } .play-section.play-video-banner figure img.video-img { height: 100%; max-width: inherit; } } @media only screen and (max-width: 992px){ .article-detail .related-article{ width: 100%; } .article-detail .related_articles{ border-bottom: 0; } } /** END Article Detail Page****/ /***PDP PAGE****/ .Bazaar-voice-wrapper #BVRRContainer { border: none; border-bottom: 1px solid #f1f1f1; margin-bottom: 60px; } .single-products .product-image {float: left;width: 100%;background-size: cover;background-position: center;} .single-products .product-image .pull-left {display: block; width: 100%;} .single-products .product-image .pull-left img{margin:auto; display:block;} .single-products .single-article-detail-inner.detail-page-video, .single-products .BV_bin-Wrapper {width: 100%;float: left;} .single-products .single-article-detail-inner.detail-page-video{text-align:right;border: none;padding: 0;padding-top: 15px;} .single-products .single-article-detail-inner.detail-page-video h2 {font-family: "Montserrat";font-weight: bold;letter-spacing: 4px;font-size: 32px;line-height: 32px;text-transform: uppercase;margin-bottom: 23px;color: #1f3663;} .single-products .container.product-detail { clear: both; padding-top: 55px;} .single-products .detail-wrapper {text-align: center;margin: 0 auto;} .single-products .detail-wrapper p {font-size: 22px;line-height: 37px;font-family: "Montserrat"; letter-spacing: 0px;color: #666666;font-weight:bold;} .single-products .single-article-detail-inner.detail-page-video .smartLabelData { margin-right: 0;} .single-products .BVRRSummaryContainer { width: 100%; padding: 20px 0px;} .single-products .BV-ratings { /*height: 158px;*/ border-bottom: 1px solid #ddd; } .single-products .product-size { font-size: 18px; line-height: 38px; font-family: "Montserrat"; color: #666; font-weight: bold; padding: 5px 0 24px; text-align: center; font-weight: bold; } .single-products .bv-cv2-cleanslate .bv-core-container-202 .bv-summary-bar-minimalist-vertical .bv-action-bar { margin-top:15px !important; } .single-products #buy-in-store { position: relative; width: auto; display: inline-block; padding: 0 10px; float: right; } .single-products #store-locator-form { position: absolute; padding: 20px; background: #fff; top: 60px; right: 0; display: none; border: 1px solid #3e5279; } .single-products .btn.store-locator{color:#fff;border-radius:40px;padding: 15px 30px;} .btn.store-locator { font-size: 15px; font-family: "Montserrat"; font-weight: bold; padding: 8px 25px 8px 30px; background: #1f3662; display: inline-block; vertical-align: top; margin-right: 5px; letter-spacing: 2px; } .btn.store-locator:hover,.btn.store-locator:active{ color:#fff; background: #1f3650; } .btn.store-locator:before {content: '';background: url('./img/pin.png') no-repeat;display: inline-block;height: 22px;width: 22px;vertical-align: middle;} .single-products a.btn.buy-it-now-btn { color: #fff; border-radius: 40px; padding: 15px 30px; background: #3fae2b; border: none; transition: all .3s; -webkit-transition: all .3s; } .single-products a.btn.buy-it-now-btn:hover { background: #2d8c1c; color: white; } .single-products a.btn.buy-it-now-btn:before{ content:''; width:20px; height:20px; background: url('./img/cart.png') center no-repeat; margin-right: 5px; display: inline-block; vertical-align: bottom; } a.btn.buy-it-now-btn { font-size: 15px; font-family: "Montserrat"; font-weight: bold; text-transform: uppercase; padding: 7px 21px; display: inline-block; vertical-align: top; margin-top: 2px; letter-spacing: 1px; transition: all .3s; -webkit-transition: all .3s; } .single-products .bin-wrapper{position:relative;} .single-products .accordion-dropdown { padding-top: 50px; display: none; } .single-products #accordion { margin-top: 18px; } .single-products h3.accordion-header { max-width: 1140px; margin: auto; } .single-products h3:first-child { border-top: 1px solid transparent; border-image: url('./img/divider.png') 1; -webkit-border-image: url('./img/divider.png') 1; -o-border-image: url('./img/divider.png') 1; max-width: 1140px; margin: auto; border-bottom: 0; } h3.container-grid.accordion-header.all-ingredeints{ border-image: url('./img/divider.png') 1; -webkit-border-image: url('./img/divider.png') 1; /* Safari 3.1-5 */ -o-border-image: url('./img/divider.png') 1; /* Opera 11-12.1 */ border-top: 1px solid transparent; margin-top: 50px; border-bottom: 0; } .single-products #accordion a.accordion-menu { display: block; max-width: 1140px; border-bottom: 1px solid transparent; border-image: url('./img/divider.png') 1; -webkit-border-image: url('./img/divider.png') 1; /* Safari 3.1-5 */ -o-border-image: url('./img/divider.png') 1; /* Opera 11-12.1 */ margin: auto; text-align: center; font-family: "Montserrat"; font-size: 18px; line-height: 24px; padding: 18px 0; color: #666; text-decoration: none; font-weight: bold; letter-spacing: 1px; outline: none; border-top: 0; } .accordion-dropdown.tell-me-more { border-image: url(./img/divider.png) 1; -webkit-border-image: url(./img/divider.png) 1; -o-border-image: url(./img/divider.png) 1; border-top: 0; border-bottom: 1px solid transparent; max-width: 1140px; margin: auto; background-repeat: no-repeat; } .ie9 .single-products #accordion a.accordion-menu{ border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; } .ie9 .single-products h3.how-to-use{ margin-top: -1px; } .single-products #accordion .smartlabel a.accordion-menu { color: #dadada; } .single-products #how-to-use { margin: 20px auto; } .single-products #how-to-use h2 { text-align: center; letter-spacing: 4px; color: #1f3664; font-weight: bold; font-size: 32px; line-height: 32px; margin-bottom: 20px; font-family: "Montserrat"; text-indent: -5px; margin-top: 40px; } .single-products #how-to-use img { display: block; margin: auto; max-width: 1055px; width: 100%; } .single-products #how-to-use hr { max-width: 44px; border-width: 3px; border-color: #1f3664; margin: auto; margin-bottom: 40px; height: 6px; border-bottom: 0; } .single-products #how-to-use p { font-family: "Montserrat"; max-width: 970px; margin: 30px auto; font-size: 18px; text-align: center; padding: 20px; line-height: 30px; font-weight: bold; letter-spacing: 0px; color: #666666; } .single-products .howUse{ font-family: "Montserrat"; max-width: 970px; margin: 30px auto; font-size: 20px; text-align: center; padding: 20px; line-height: 35px; font-weight: bold; letter-spacing: -.2px; color: #666666; } .single-products .tellMore { font-family:"Montserrat"; max-width: 670px; margin: 30px auto; font-size: 23px; text-align: center; padding: 20px; line-height: 40px; } .single-products .tell-me-more p{ font-family: "Montserrat"; max-width: 670px; margin: 0 auto 30px; font-size: 18px; text-align: center; padding: 20px; line-height: 37px; color:#666; font-weight: bold; letter-spacing: 0px; } .single-products .tell-me-more ul{ text-align: center; list-style: none; margin: 0; margin-bottom: 50px; } .single-products .tell-me-more li{ font-family: "Montserrat"; color: #222; text-align: center; font-size: 18px; line-height: 37px; color:#666; font-weight: bold; letter-spacing: 0px; } .single-products .tell-me-more li:before{ content: ''; width: 8px; height: 8px; border-radius: 100%; background-color: #666; display: inline-block; top: -5px; position: relative; margin-right: 8px; } .single-products .ingredient-box { width: 100%; max-width: 1730px; margin: auto; padding: 80px 0px; background-size: cover; } .single-products .accordion-dropdown>h2,.tell-me-more h2 { text-align: center; letter-spacing: 4px; color: #1f3664; font-weight: bold; font-size: 32px; line-height: 32px; margin-bottom: 20px; font-family: "Montserrat"; text-indent: -5px; } .single-products .accordion-dropdown>hr,.tell-me-more hr { max-width: 44px; border-width: 3px; border-color: #1f3664; margin: auto; margin-bottom: 62px; height: 6px; border-bottom: 0; } .single-products .ingredient-content { padding-top: 116px; max-width: 1320px; width: 90%; margin: auto; padding-left: 10px; padding-right: 10px; padding-bottom: 60px; } .single-products .ingredient-content .container>h2 { font-size: 78px; font-family: "Montserrat"; color: #fff; text-align: center; letter-spacing: 6px; line-height: 80px; margin-top: 0px; } .single-products .ingredient-content .container>hr { max-width: 88px; border-width: 3px; border-color: #fff; margin: auto; margin-bottom: 36px; height: 6px; border-bottom: 0; margin-top: 38px; } .single-products .ingredient-content .container>p { font-family: "Montserrat"; color: #fff; text-align: center; font-size: 24px; line-height: 38px; max-width: 1090px; margin: auto auto 40px; letter-spacing: 2px; } .single-products .paraStyle{ font-family: "Montserrat"; color: #fff; text-align: center; font-size: 22px; line-height: 37px; max-width: 1100px; margin: auto auto 40px; letter-spacing: 0px; font-weight: bold; } .single-products .key-ingredients hr { max-width: 44px; border-width: 3px; border-color: #1f3664; margin: auto; margin-bottom: 62px; height: 6px; border-bottom: 0; } .single-products .key-ingredients h2 { text-align: center; letter-spacing: 4px; color: #1f3664; font-weight: bold; font-size: 32px; line-height: 32px; margin-bottom: 20px; font-family: "Montserrat"; text-indent: -5px; margin-top: 70px; } .single-products h3.container-grid.smartlabel a:after {content: "";display: inline-block;width: 130px;height: 36px;background: url(./img/smartlabel.png);background-size: 100%;background-position: center 2px;background-repeat: no-repeat;vertical-align: middle;} .container.related-products h2 { text-align: center; letter-spacing: 4px; color: #1f3664; font-weight: bold; font-size: 32px; line-height: 32px; margin-bottom: 20px; font-family: "Montserrat"; text-indent: -5px; } .container.related-products hr {max-width: 44px; border-width: 3px; border-color: #1f3664; margin: auto; margin-bottom: 62px; height: 6px; border-bottom: 0;} .container.related-products .teaser7 { border: none; } .container.related-products .teaser7 li.span2{ width: 30%; margin: 0; } .container.related-products .teaser7 li.span2 a { width: 100%; } .container.related-products .teaser7 span.btn-link { color: #1f3664; font-weight: bold; font-size: 18px; line-height: 24px; margin-bottom: 20px; font-family: "Montserrat"; text-transform: uppercase; max-width: 300px; display: block; margin: 0 auto; padding: 10px 0; letter-spacing: 1px; } .container.related-products .teaser7 li.span2 figure{ position: relative; } .container.related-products .teaser7 li.span2 figure .background { width: 100%; height: 100%; position: absolute; margin-top: 0%; padding: 2px; } .container.related-products .teaser7 li.span2 figure img { padding-left: 0px; max-width: inherit; position:relative; } .container.also-see { padding: 40px 0 100px; } .also-see h2 { text-align: center; color: #666; font-family: "Montserrat"; font-size: 20px; } .tags-wrapper a { border: 2px solid #666; text-align: center; display: inline-block; padding: 10px 50px; border-radius: 25px; color: #666; font-family: "Montserrat"; font-weight: bold; margin: 10px; } .tags-wrapper { text-align: center; max-width: 500px; margin: auto; } .footer-banner-logo img { display: block; margin: auto; } @media (max-width:1400px){ .single-products .ingredient-content .container>h2{ letter-spacing: 4px;font-size: 72px;line-height: 81px;} .single-products .ingredient-content .container>p{letter-spacing: 0px;} .single-products .ingredient-content .container{width:100%;} } @media (max-width:1200px){ .menuWrapper{ max-width: 970px; width: 100%; } .single-products .ingredient-content{ padding: 50px 0px; width: 90%; margin: auto;} .single-products .ingredient-box{background-size:auto 100%;} .single-products .ingredient-content .container>h2{font-size: 62px;letter-spacing: 0px;} .single-products .ingredient-content .container>p{letter-spacing: 0px;font-size: 23px;line-height: 36px;padding-left: 20px;padding-right: 20px;} .single-products .btn.store-locator{padding: 0px 20px;font-size: 14px;margin-right: 0px;line-height: 45px;margin-top: 0;font-weight: bold;border: none;} .single-products #buy-in-store{ } .single-products a.btn.buy-it-now-btn{padding: 0 20px;font-size: 14px;font-weight: bold;margin: 0 5px 0px;line-height: 45px;vertical-align: top;font-weight: bold;} .single-products a.btn.buy-it-now-btn:before{ vertical-align: middle; } } @media (max-width:1024px){ .single-products a.btn.buy-it-now-btn,.single-products .btn.store-locator{ font-size: 17px !important; letter-spacing: 0px !important; font-weight: bold !important; padding-top: 5px; padding-bottom: 5px; margin-left: auto; } } @media (max-width:992px){ .menuWrapper{max-width: 724px; width: 100%;} .single-products .ingredient-content .container { padding: 0 45px; box-sizing: border-box;} .single-products .single-article-detail-inner.detail-page-video, .single-products .BV_bin-Wrapper{width:100%;} .single-products .BV_bin-Wrapper{text-align:center;} .single-products .container.related-products .teaser7 li.span2 figure img{padding-left:0px;} .single-products .detail-wrapper { max-width: 600px; margin: auto; text-align: center; width: 100%; padding: 0; border: none;} .single-products .detail-wrapper p{ padding: 0 20px; font-size: 24px; line-height: 38px; letter-spacing: 0px; font-weight: bold; } .single-products .key-ingredients h2{ font-size: 40px; line-height: 50px; letter-spacing: 3px; font-weight: bold; } .single-products .ingredient-box{background-size:auto 100%;} .single-products .parent-container{ padding: 0;} .single-products .ingredient-content .container>h2{ font-size: 40px; line-height: 50px; letter-spacing: 3px; font-weight: bold; } .single-products #how-to-use h2{ font-size: 40px; line-height: 50px; letter-spacing: 3px; font-weight: bold; } .single-products #how-to-use p{ font-size: 24px; line-height: 38px; letter-spacing: 0px; font-weight: bold; } .single-products .paraStyle{ font-size: 24px; line-height: 38px; letter-spacing: 0px; font-weight: bold; } .single-products #accordion a.accordion-menu{ font-size: 24px; line-height: 30px; letter-spacing: 1px; font-weight: bold; } .single-products .single-article-detail-inner.detail-page-video h2, .single-products .olapic-cover h2{ font-size: 40px !important; line-height: 50px !important; letter-spacing: 3px !important; font-weight: bold !important; } .single-products .olapic-tools a.btn.btn-info.olapic-gallery,.single-products .olapic-tools a.btn.btn-info.olapic-upload{ font-size: 20px !important; line-height: 30px !important; letter-spacing: 3px !important; font-weight: bold !important; } .single-products .olapic-wall-header .olapic-top .olapic-tools{ max-width: 615px; } .single-products .container.related-products h2{ font-size: 40px; line-height: 50px; letter-spacing: 3px; font-weight: bold; } .single-products .container.related-products .teaser7 span.btn-link{ font-size: 20px; line-height: 24px; letter-spacing: 2px; font-weight: bold; } .single-products .BV-ratings{border-top: 1px solid #ddd;} .cta-button-wrapper{width: 585px;margin:auto;} .footer-banner-logo img{max-width:300px;} } #main .footer-banner { width: 100%; display: table; background-repeat: no-repeat; background-size: 100%; margin-bottom:20px; margin-top:30px; } #main .footer-banner-logo img { margin: 3% auto; max-width: 27%; width: 100%; } @media (max-width: 767px){ #main .footer-banner, #home .teaser3.spotlight-35 { background-size: 100%; background-image: url(./img/Homepage_Section_E_Footer_Mobile.jpg) ; margin-bottom: 10px; min-height: inherit; } .single-products #main .footer-banner{background-size: 200%; } #main .footer-banner-logo, #home .teaser3.spotlight-35 figure { display: table-cell; vertical-align: middle; padding: 0; } #main .footer-banner-logo img, #home .teaser3.spotlight-35 figure img { max-width: 200px; margin: 9% auto; } .container.also-see { padding: 40px 0 0px; } } @media (max-width: 375px){ #main .footer-banner-logo img, #home .teaser3.spotlight-35 figure img { margin: 8% auto; } } @media (max-width: 320px){ #main .footer-banner-logo img, #home .teaser3.spotlight-35 figure img { margin: 6% auto; } .term-facial #single_image .carousel-inner .item figure img{right: -40%;} } @media (max-width:767px){ .single-products .olapic-cover h2, .single-products .container.related-products h2 { font-size: 22px !important; line-height: 24px !important; letter-spacing: 2px !important; font-weight: bold !important; } .single-products .olapic-tools a.btn.btn-info.olapic-gallery, .single-products .olapic-tools a.btn.btn-info.olapic-upload{ font-size: 12px !important; line-height: 16px !important; letter-spacing: 0px !important; font-weight: bold !important; } .cta-button-wrapper{max-width: 330px;width: 100%;} .single-products .container.product-detail{ padding-top: 20px;} .single-products .single-article-detail-inner.detail-page-video h2, .single-products .accordion-dropdown>h2, #how-to-use h2{ font-size: 22px !important; line-height: 24px !important; letter-spacing: 2px !important; font-weight: bold !important; padding: 0 20px; } .btn.store-locator , a.btn.buy-it-now-btn { padding: 8px 2px; font-size: 12px;} .single-products #buy-in-store {padding:0px;margin: 0px;float: right;margin-right: 5px;} .single-products .btn.store-locator{ padding: 0px 9px; font-size: 12px; line-height: 16px; letter-spacing: 0px; font-weight: bold; margin-right: 5px; } .single-products a.btn.buy-it-now-btn, .single-products .btn.store-locator, #product #quickViewContainer a.btn.buy-it-now-btn, #product div#quickViewContainer #productStoreLocator, .single-products a.btn.buy-it-now-btn, .single-products .btn.store-locator{ width: auto; font-size: 12px !important; line-height: 16px !important; letter-spacing: 0px !important; font-weight: bold !important; padding: 0 15px; margin: 0; padding-top: 5px; padding-bottom: 5px; } #product div#quickViewContainer #productStoreLocator,#product #quickViewContainer a.btn.buy-it-now-btn{ height: 18px; margin-bottom: 10px; margin: 2px; margin-bottom: 10px; } .single-products .ingredient-content .container>h2{ font-size: 32px; line-height: 36px; letter-spacing: 4px; font-weight: bold; word-wrap: break-word;} .single-products .ingredient-content .container { padding: 0 15px; box-sizing: border-box;} .single-products .paraStyle { font-size: 12px; line-height: 20px; letter-spacing: 0px; font-weight: bold; } .single-products .ingredient-content .container>hr{ margin-bottom: 25px; margin-top: 25px;} .single-products #how-to-use hr{margin-bottom: 40px;} .single-products #how-to-use p, .single-products .ingredient-content .container>p, .single-products .detail-wrapper p{ font-size: 12px; line-height: 20px; letter-spacing: 0px; font-weight: bold; } .single-products h3:first-child{border-image:none;} .single-products h3.container-grid.tell-me-more { border-top: 1px solid #bbb; border-image: none; webkit-border-image: none; -o-border-image: none; max-width: 1170px; margin: auto; } .single-products #how-to-use p{margin-bottom:10px;} .single-products .tell-me-more p,.single-products .tell-me-more li { font-size: 17px; line-height: 28px; } .single-products .accordion-dropdown>hr, .tell-me-more hr { margin-bottom: 30px; } .single-products #accordion a.accordion-menu{ padding: 12px 0; border-image: none; -webkit-border-image: none; -o-border-image: none; border-bottom: 1px solid #bbb; font-size: 16px; line-height: 18px; letter-spacing: 4px; font-weight: bold; } h3.container-grid.accordion-header.all-ingredeints{ border-image: none; border-top: 1px solid #bbb;border-bottom:0; margin-top: 30px;} .accordion-dropdown.tell-me-more{ border-image: none; border-bottom: 1px solid #bbb;} .single-products .accordion-dropdown { padding: 0 15px;} .single-products .accordion-dropdown>h2, .tell-me-more h2 {margin-top: 30px;font-size: 25px;line-height: 32px;} .single-products .container.related-products .teaser7 li.span2{float: none;margin: auto;width: 280px;} .single-products .teaser7 li.span2 .thumbnail{border:none; } .single-products .teaser7 li.span2 figure{float: none;width: 100%;display: block;} .single-products .container.related-products .teaser7 li.span2 a{ height: auto;text-align: center;} .single-products .container.related-products .teaser7 span.btn-link{ height: auto; margin-bottom: 10px;} .single-products .key-ingredients { padding: 0 14px;} .single-products .container.related-products .teaser7 li.span2 figure img{margin:auto; display:block; padding-left: 0;} .single-products .key-ingredients h2{ font-size: 22px; line-height: 24px; letter-spacing: 2px; font-weight: bold; margin-bottom: 10px; margin-top: 40px; } .single-products .key-ingredients hr{ margin-bottom: 40px;} .single-products #accordion .smartlabel a.accordion-menu{ font-size: 15px; color: #b5b5b5; border-top:0;} .single-products h3.container-grid.smartlabel a:after{margin: 0 10px;} .single-products #how-to-use h2{ margin-top: 0; font-size: 30px;} .container.related-products h2{ font-size: 30px;} .container.related-products hr{margin-bottom:40px;} } @media(max-width:319px){ .single-products #buy-in-store{ float: none; margin-bottom: 10px; width: 100%;} .single-products a.btn.buy-it-now-btn{ max-width: 140px; width: 100%;} .single-products #accordion a.accordion-menu{ border-image: none; -webkit-border-image: none; -o-border-image: none; border-bottom: 1px solid #bbb; } } /**BAZAAR VOICE CSS*/ #BVRRContainer { padding: 0; border: none; } #BVRRContainer:before{} #BVRRContainer .bv-cleanslate:before{content:'';position: absolute;left: 0;width: 100%;height: 114px;background: #f6f6f6;z-index: -1;} .bv-write-review-container.bv-write-container { margin-top: 16px !important; } .single-products .bv-cleanslate .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars { font-size: 50px !important; letter-spacing: 15px !important;} .single-products .BV-ratings {height: 170px; border-bottom: 1px solid #ddd;} .single-products .bv-cleanslate .bv-summary-bar-minimalist-vertical .bv-write-container .bv-submission-button, .single-products .bv-cleanslate .bv-shared .bv-summary-bar-minimalist-vertical .bv-write-container .bv-submission-button:hover{ text-decoration: none !important; color: #999 !important; } .single-products .bv-cv2-cleanslate .bv-shared .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review { margin: 30px 0 !important; } .single-products .bv-cv2-cleanslate .bv-shared .bv-focusable:focus { outline: none !important;} @media(max-width:992px){ .single-products .bv-cleanslate .bv-shared .bv-stars-container { text-align: center !important;} .single-products .bv-cleanslate .bv-shared .bv-summary-bar .bv-action-bar .bv-write-review-container { float: none !important; text-align: center !important;} .single-products .bv-cleanslate .bv-shared .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review { margin: auto !important;} .single-products .BV-ratings{height:auto; max-width: 500px; margin: auto;} } @media(max-width:767px){ .single-products .bv-cleanslate .bv-shared .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars { font-size: 45px !important; letter-spacing: 12px !important; } .single-products .BV-ratings{ height: auto; max-width: 260px; margin: auto; width: 80%; padding: 0px 19px; box-sizing: border-box; } .single-products .bv-cv2-cleanslate .bv-shared .bv-stars-container, .single-products .bv-summary-bar .bv-action-bar .bv-write-review-container { text-align: center !important; float:none !important;} .single-products .bv-cv2-cleanslate .bv-shared .bv-summary-bar-minimalist .bv-write-container .bv-submission-button.bv-write-review{margin:auto !important;} .single-products .bv-cv2-cleanslate .bv-shared .bv-content-placeholder { padding: 0 15px !important;} .single-products #reviews .bv-action-bar-header { display: block; float: none !important;} .single-products #reviews .bv-cv2-cleanslate .bv-shared .bv-write-review-container{float: none !important;} .single-products .Bazaar-voice-wrapper #BVRRContainer{padding:0 15px;} #BVRRContainer:before{ height: 246px;} } /** END BAZAAR VOICE **/ /** color presets**/ .brown-transparent { background: rgba(154,75,48,.8); } .orange-transparent { background: rgba(255,96,48,.8); } .apricot-fruit-extract { background: rgba(149, 47, 25, 0.8); } .apricot-kernel-oil{ background: rgba(149, 47, 25, 0.8); } .avocado-oil{ background: rgba(41, 97, 24, 0.8); } .coconut-milk-extract { background: rgba(94, 30, 90, 0.8); } .cranberries{ background: rgba(120, 14, 26, 0.8); } .cucumber-water { background: rgba(51, 111, 57, 0.8); } .green-tea { background: rgba(41, 97, 24, 0.8); } .soybean-oil{background: rgba(51, 111, 57, 0.8);} .cocoa-butter,.oatmeal { background: rgba(137, 112, 90, 0.8); } .pear-nectar-extract { background: rgba(125, 116, 23, 0.8); } .pink-lemon-fruit-extract{ background: rgba(145, 45, 83, 0.8); } .sea-salt-extracts { background: rgba(41, 103, 144, 0.8); } .shea-butter { background: rgba(149, 47, 25, 0.8); } .vanilla-extract { background: rgba(89, 59, 33, 0.8); } .soy-milk-extract { background: rgba(51, 111, 57, 0.8); } .honey-extract, .shea-butter { background: rgba(137, 112, 90, 0.8); } .melon-extract { background: rgba(51, 111, 57, 0.8); } .coconut-shell-powder { background: rgba(89, 59, 33, 0.8); } .walnut-extract { background: rgba(89, 59, 33, 0.8); } .safflower-seed { background: rgba(149, 47, 25, 0.8); } .pacific-sea-kelp-extract { background: rgba(41, 97, 24, 0.8); } /**END**/ /** Country Selector **/ #footer div.country-selector { font-family: "Montserrat"; font-weight: bold; padding-left: 0; height: 45px; -webkit-appearance: none; background-repeat: no-repeat; background-position-x: 104%; background-position-y: 68%; background-size: 40px; background-image: url('./img/drop.png'); -moz-appearance: none; appearance: none; background-color: #f0f0f0; margin: auto; border:none; border-top: 1px solid #ababab; border-bottom: 1px solid #ababab; line-height: 45px; background-position: 100% 68%; } @media(max-width:767px){ #footer div.country-selector { line-height: 40px; max-width: 155px; } #footer #selectorFinal{ background-position: right top 5px; margin-top: 10px; letter-spacing: 1px; font-weight: bold; font-size: 15px; padding-right: 15px; } } #footerSelector ul { margin-left: 0px; display: inline-block; vertical-align: top; min-height: 140px; } #footer .closeDiv{ height: 45px; text-align: right; } .selector-overlay h4{ color: #666; font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 18px; text-transform: Uppercase; } #footer div.country-selector{ color: #666; } .options{ margin-bottom: 35px; } #footerSelector li{ font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #666; font-size: 15px; } .selector-overlay .boundry{ height: 150px; margin-top: auto; margin-right: 40px; } a.closeFooter{ cursor: pointer; } #countryValues{ display: block; padding-left: 30px; width: 100%; } .categoryFooter{ display: inline-block; } @media only screen and (min-width: 1024px){ .footer-element .closeDivMob{ display: none; } } @media only screen and (max-width: 1024px){ .footer-element .closeDiv{ display: none; } #footer #selector{ width: 170px; margin: 0 auto; clear: both; float: none; padding-right: 10px; } #footer div.country-selector { background-position: 100% 50%; max-width: 158px; } #countryValues{ padding: 0; text-align: center; } } @media only screen and (min-width: 993px){ #footer #selector { width: 100%; } #footer div.country-selector { background-size: 30px; background: url('./img/country-selector-arrow-1.png') no-repeat center right; } .single-products #buy-in-store { margin-right: 9px; } #footer .container { max-width: 1170px; } .footer-boundary { padding-left: 4.27%; margin-left: 2.56%; } #footerInitial .footer-boundary:last-child { margin-left: 4.27%; padding-left: 2.56%; } #footer #selector { max-width: none; } } @media only screen and (min-width: 993px) and (max-width: 1199px) { #footer .container { max-width: 970px; } } @media only screen and (min-width: 1200px) { #footer .container { max-width: 1170px; } } @media(max-width:768px){ #countryValues ul { width: 100% !important; display: inline-block; vertical-align: top;} #footer .span4{} .selector-overlay h4{ font-size: 17px; font-weight: bold; margin: 20px 0; } } @media(min-width: 768px) and (max-width: 1024px) and (orientation: landscape){ #countryValues ul { width: 31.33% !important; } } /** Country Selector ENDS **/ /** Site Map CSS **/ .page-template-sitemap .menu-item-object-product-category a, .page-template-sitemap aside.sitemap_article_wrapper h3.articles_sitemap a{ color: #3e5279; font-size: 25px; font-weight: bold; font-family: "Montserrat"; font-style: normal; font-weight: bold; text-transform: uppercase; } .page-template-sitemap .menu-item-object-product-category{ margin-bottom: 25px; margin-top: 42px; } .menu-item a, #menu-left-navigation-article .menu-item-object-post a { color: #3e5279; font-size: 25px; font-weight: bold; font-family: "Montserrat"; font-style: normal; font-weight: bold; text-transform: uppercase; } ul#menu-left-navigation-article> li> a { color: #3e5279; font-size: 25px; font-weight: bold; font-family: "Montserrat"; font-style: normal; font-weight: bold; text-transform: uppercase; } ul#menu-header-navigation-1 { display: none; } .page-template-sitemap #header{ background: white; } .page-template-sitemap section.navbar-inner { width: 100%; } .page-template-sitemap h2, .page-template-signup h2, #contact-us h2, .page-template-default h2{ text-align: center; text-transform: uppercase; color: #3e5279; font-weight: bold; font-size: 41px; margin-top: 16px; border-bottom: 0px; font-family: "Montserrat"; font-style: normal; font-weight: bold; margin-top:42px; } .page-template-default h2 { margin-bottom: 42px; } .page-template-default h2 + p { font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 15px; margin-bottom: 20px; text-align: center; } @media(max-width:767px){ .page-template-default h2, .page-template-default h2+p { padding-left: 15px; padding-right: 15px; text-align: center; } } #contact-us .bws-form-desc { text-align: center; } .banner .container { width: 100%; border-bottom: 1px solid #c5c7cc; } .menu-header-navigation-container{ border: 0px; } .site-map-hr{ display: none; } @media only screen and (max-width: 992px){ .page-template-sitemap .menu-left-navigation-product-container{ text-align: center; } .page-template-sitemap .menu-item-has-children{ text-align: center; } .site-map-hr{ display: block; width: 15%; background-color: #1f3664; margin-left: auto; margin-right: auto; border: 0; height: 4px; left: 47%; margin-top: 40px; margin-bottom: 40px; } } #footer .footer-element .footer-social .social-button a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } #footer .footer-element .footer-social .social-button a img { width:90%; } /** remove cursor over smartlabel **/ .smartLabelsearch.smartlabel_header_image_right a { cursor: default; } /**Smartlable Popup Model**/ #modalSmartLabel h4 { font-family: "Montserrat"; font-size: 17px; text-transform: uppercase; margin-bottom: 15px; color: #1f3663; text-align: center; } #modalSmartLabel .smtlabel-dropdown { text-align: center; font-family: "Montserrat",Helvetica,Arial,sans-serif; } #modalSmartLabel .smtlabel-cta { text-align: center; } #modalSmartLabel #smtLabel-button { background: #1f3662; font-family: "Montserrat",Helvetica,Arial,sans-serif; color:#fff; transition: all .3s; -webkit-transition: all .3s; } #modalSmartLabel #smtLabel-button:hover{background-color: #325392;} @media (max-width: 767px){ #modalSmartLabel #smtLabel-button{ width: auto;} } /*End Smartlable Popup*/ /** Theme Nav and Header **/ section.banner .container{ background: #fff; width: 100%; } section.navbar{ background: #fff; } /** Theme header ends **/ /*Olapic Gallery Page*/ .page-id-3136 .single-article-detail-inner h2{display:none;} .page-id-3136 .single-article-detail-inner h3{ text-align: center; font-size: 68px; line-height: 76px; margin: auto; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #183060; letter-spacing: 7px; text-transform:uppercase; max-width: 1045px; margin: 45px auto 0px; } .page-id-3136 .single-article-detail-inner hr { border-top: 3px solid #183060; max-width: 75px; margin: 40px auto 60px; } .page-id-3136 .single-article-detail-inner p { text-align: center; color: #666; font-family: "Montserrat!important"; font-size: 26px; font-weight: bold; line-height: inherit; margin: 0px 0 50px; } .page-id-3136 .social-icons.pull-right.social-button.share{display:none;} @media(max-width:1170px){ .page-id-3136 .single-article-detail-inner h3{font-size: 50px;line-height: inherit;} .page-id-3136 .single-article-detail-inner p{ font-size: 20px;} } @media(max-width:992px){ .page-id-3136 .single-article-detail-inner h3{font-size: 40px;line-height: inherit;} .page-id-3136 .single-article-detail-inner hr{ margin-bottom: 40px;} .page-id-3136 .single-article-detail-inner p{ font-size: 20px; margin-bottom: 25px;} } @media(min-width: 993px) { .footer-element .footer-social p { text-align: left; } .footer-element .footer-social .social-icons a { padding: 0; } #footer .footer-element .footer-social .social-button a img{ margin-right: 10px; width: auto; } } @media(max-width:767px){ .page-id-3136 .single-article-detail-inner h3{font-size: 23px;line-height: inherit;letter-spacing: 2px;} .page-id-3136 .single-article-detail-inner h3 br{display:none;} .page-id-3136 .single-article-detail-inner hr{margin: 30px auto;} .page-id-3136 .single-article-detail-inner p{font-size: 14px;margin-bottom: 25px;line-height: 20px;} } /*End Olapic Gallery Page*/ /*BUY IT NOW*/ #buy_it_now { /*width: 100%;*/ /*background: transparent;*/} .buy-it-now .modal-body{margin:auto;} .buy-it-now .close { right: 40px;} @media(max-width:767px){ #buy_it_now { height: 498px; width: 100%; padding: 0 10px; background: transparent; box-sizing: border-box; } #buy_it_now .modal-body { width: 100% !important; height: 100% !important; min-height: 498px !important; background: none; } .buy-it-now .close{right: 0px;top: 0px;z-index: 999999999;width: 30px;height: 34px;position: absolute;top: 0px;margin: auto 0 0 auto;display: block;text-align: center;background: transparent;opacity: 1;} } .ie9 #sign-up .controls select {background-image:none} .ie9 #contact-us .controls select{background-image:none} /*End BUY IT NOW*/ *{ outline: none !important; } /**Related Products Mobile Carousel**/ @media(max-width:767px){ .single-products .container.related-products .teaser7 li.span2{width:100%;} .related-products article.teaser7.products-carousel { position: relative; } .related-products .carousel-inner { position: relative; width: 100%; overflow: hidden } .related-products .carousel-indicators li {border: 1px solid #1f3664;float: none;display: inline-block;background: none;} .related-products .carousel-indicators .active{background: #1f3664;} .related-products ol.carousel-indicators { width: 100%; left: 0; text-align: center; z-index: 8; position: relative; margin-bottom : 50px; } .related-products .carousel-inner>.item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -moz-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left;} .related-products .carousel-inner>.active, .related-products .carousel-inner>.next, .related-products .carousel-inner>.prev { display: block;} .related-products .carousel-inner>.active { left: 0} .related-products .carousel-inner>.next,.related-products .carousel-inner>.prev { position: absolute; top: 0; width: 100%} .related-products .carousel-inner>.next {left: 100%} .related-products .carousel-inner>.prev { left: -100%} .related-products .carousel-inner>.next.left,.related-products .carousel-inner>.prev.right { left: 0} .related-products .carousel-inner>.active.left { left: -100%} .related-products .carousel-inner>.active.right { left: 100%} .container.related-products .teaser7 li.span2 figure .background { padding: 0;} } /**End Mobile Related**/ /*smartlabel mobile*/ ul#menu-header-navigation li.smartlabel{display:none} @media(max-width:767px){ ul#menu-header-navigation li.smartlabel a{opacity:0} ul#menu-header-navigation li.smartlabel { display: block; width: auto; height: auto; color: transparent; background-image: url(./img/smartlable.png); background-repeat: no-repeat; background-position: center; } } /*smartlabel mobile*/ /*signup*/ #signup-form {width: 740px;} #sign-up .controls input[type="text"] { width: 95%;} #signup-form .control-group .label {margin-left: 0; margin-top: 2px;} @media(max-width:767px){ #signup-form { width: 100%; } #sign-up .controls input[type="text"] { width: 95%; } #signup-form .control-group .label { margin-left: 0; margin-top: 2px; } } .page-template-sitemap .menu-footer-navigation-container {display: none;} @media(max-width:992px){ .page-template-sitemap aside.sitemap_article_wrapper {text-align:center;} } .page-template-sitemap aside.sitemap_article_wrapper h3.articles_sitemap{ display:block; margin-bottom: 25px; margin-top: 42px; } @media(max-width:767px){ #article section.articleTextContent { height: auto; } } /**Signup header CTA**/ ul#menu-header-navigation li.signup-navmenu { position: absolute; right: -12px; top: -115px; display:none; } ul#menu-header-navigation li.signup-navmenu>a{ padding:0px; text-transform: capitalize; text-decoration: none; font-size: 12px; color:#3e5279; } ul#menu-header-navigation li.signup-navmenu>a:after{display:none;} ul#menu-header-navigation li.signup-navmenu a:hover{text-decoration:underline;} ul#menu-header-navigation li.signup-navmenu.active a{} ul#menu-header-navigation > li.signup-navmenu.active > a:before{display: none;} .banner .sign-up { padding: 0px; text-transform: capitalize; text-decoration: none; font-size: 13px; color: #3e5279; letter-spacing: 1px; font-family: "Montserrat"; font-style: normal; font-weight: bold; position: absolute; right: 0; top: -110px; } .banner .sign-up:hover{text-decoration:underline;} @media (max-width: 992px){ ul#menu-header-navigation li.signup-navmenu { position: absolute; right: 0px; top: -120px; } } @media (max-width: 767px){ ul#menu-header-navigation li.signup-navmenu{ position:relative; top:0; right:0; } ul#menu-header-navigation li.signup-navmenu>a{text-transform:uppercase;color: #666;} ul#menu-header-navigation li.signup-navmenu>a:hover{color: #3e5279; text-decoration:none;} ul#menu-header-navigation li.signup-navmenu.active a{color: #3e5279;} ul#menu-header-navigation > li.signup-navmenu.active > a:before{display: block;top: 35px;border-bottom: 2px solid;} } /**End Signup**/ .where_to_buy #accordion .choose-product ul li input[type="checkbox"], #where_to_buy #accordion .radio-container input[type="radio"] { display: none; } .where_to_buy #accordion .choose-product ul li label, #where_to_buy #accordion .choose-category ul li label{ margin-left: 0; padding-left: 0; } .where_to_buy #accordion .choose-product ul li label:before, #where_to_buy #accordion .choose-category ul li label:before { background:url('./img/radio.png') no-repeat 0 5px; content:" "; width: 29px; height: 29px; display:inline-block; margin-right: 23px; vertical-align: top; background-size: 80%; float: left; } .where_to_buy #accordion .choose-product ul li input:checked + label:before, #where_to_buy #accordion .choose-category ul li input:checked + label:before { background:url('./img/radio-checked.png') no-repeat 0 6px; background-size: 80%; } #where_to_buy #accordion .choose-product span{ font-family: "Montserrat"; text-transform: none; color:#666; font-size: 18px; display: table-cell; } @media (min-width: 993px){ #where_to_buy #accordion .choose-category ul li label { font-size: 18px; } } #where_to_buy #accordion .choose-category ul li label:before, #where_to_buy #accordion .choose-category ul li input:checked + label:before{ float:none; margin-right: 10px; } #where_to_buy #accordion section a.choose-category, #where_to_buy .zip-code .searchProductDiv a{ font-size: 18px; } #where_to_buy #accordion section h3 { margin-bottom: 25px; } #where_to_buy #accordion section a.choose-category{ margin-bottom: 30px; } @media (max-width: 767px){ #where_to_buy #accordion .choose-category ul li label:before, #where_to_buy #accordion .choose-category ul li input:checked + label:before{ background-position: 0 0 ; margin-right: 0; margin-top:-1px; } } #where_to_buy #accordion .category-link-wrapper { width: 100%; text-align: center; } #where_to_buy #accordion section a.choose-category { display: inline-block; width: auto; } #store-locator-form select { border-radius: 4px; } .single-products #store-locator-form .error, .single-products #store-locator-form .success{ margin-left: 0; white-space: normal; font-family: "Montserrat"; font-weight: bold; text-transform: uppercase; } .single-products #store-locator-form { width: 220px; } span.help-block,span.help-block p { font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 15px; margin-bottom: 20px; color: #666; text-align: center; } #contact-us span.help-block p,#contact-us span.help-block{text-align: left;} span.help-block p a,#sign-up .bws-form-desc span.help-block a{font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 15px; margin-bottom: 20px; } #buy-in-store span.error{ white-space: normal;} .page-template-store-locator #main .container p.error { text-align: center; color: #f00; text-align: center; margin: 0 auto; font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 17px; line-height: 42px; } /* Defect fix to avoid condition scrensize 1400*/ @media(min-width:992px){ #home .carousel-caption h2 { font-size: 95px; line-height: 104px; max-width: 915px; letter-spacing: 13px; font-weight: 600; } .spotlight-2609 h3 { font-size: 72px; line-height: 81px; letter-spacing: 4px; font-weight: bold; } .single-products .ingredient-content .container>h2 { letter-spacing: 4px; font-size: 72px; line-height: 81px; font-weight: bold; } .single-products .ingredient-content .container>p { font-size: 22px; line-height: 37px; letter-spacing: 0px; font-weight: bold; } .search-form-container .search-title{ padding-top: 65px !important; } .navSearchpaddingbottom{ padding-bottom: 13px; } } /* Header fixed*/ #header{ position: fixed; width: 100%; background-color: white; } header section.navbar-static-top{ position: fixed; opacity: .95; width: 100%; } section#main, footer#footer{ position: relative; top: 197px; } @media(min-width:768px){ .blureffect{ -webkit-filter: blur(11px); -moz-filter: blur(11px); -o-filter: blur(11px); -ms-filter: blur(11px); filter: blur(11px); } .bodyNonScroll{ overflow: hidden; position: fixed; } } /*Search popup CSS*/ div.open-search-form{ display: none; } .mobile-open-serach{ display: none; } .search-form-container .form-search .btn-search,.mobile-open-serach,.search-form-container .close-search-form,.search-form-container .clear-search-text{ text-indent: -4000px; } .search-form-container{ left: 0px; display: none; width: 100%; height: 100%; position: fixed; opacity: .95; height: 100vh; background-color: white; z-index: 99999999; } .search-form-container .form-search{ display: block !important; width: 100%; text-align: center; } .search-form-container .form-search input[type='text']{ border: none; font-size: 80px; height: 95px; line-height: 95px; border-bottom: 4px solid #1f3664; border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; -moz-border-radius: 0px; width: 600px !important; color: #1f3664; font-family: "Montserrat"; padding-left: 65px; padding-right: 90px; text-transform: uppercase; margin-left: 55px; text-align: center; font-weight: bold; } .search-form-container .form-search input[type='text']::-ms-clear { display: none !important; } .search-form-container .form-search input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #ccc; } .search-form-container .form-search input[type='text']::-moz-placeholder { /* Firefox 19+ */ color: #ccc; } .search-form-container .form-search input[type='text']:-ms-input-placeholder { /* IE 10+ */ color: #ccc; } .search-form-container .form-search input[type='text']:-moz-placeholder { /* Firefox 18- */ color: #ccc; } .search-form-container .form-search .btn-search{ background: url("./img/search-icon-sprite.png") no-repeat; background-position: 7px -42px; width: 55px; height: 42px; border: none; left: -52px; position: relative; bottom: 10px; } .search-form-container .search-title{ font-size: 35px; line-height: 35px; letter-spacing: 0px; font-weight: bold; text-align: center; position: relative; color: #666; padding-top: 25px; font-family: "Montserrat"; } .search-form-container .close-search-form{ background-image: url("./img/close.png"); cursor: pointer; height: 26px; width: 26px; background-size: contain; background-repeat: no-repeat; float: right; right: 50px; top: -40px; position: relative; } .search-form-container .clear-search-text{ background-image: url("./img/close.png"); cursor: pointer; height: 18px; width: 18px; background-size: contain; background-repeat: no-repeat; color: white; position: absolute; display: none; margin-top: 40px; margin-left: -90px; opacity: .5; } ul#menu-header-navigation li.open-search-form :before{ content: ""; position: absolute; background-image: url("./img/search_light.png"); height: 16px; width: 15px; background-size: contain; left: 4px; background-repeat: no-repeat; top: 13px; } ul#menu-header-navigation li.open-search-form{ padding-left: 20px; } /* Search Result CSS*/ .search_result .BVRRInlineRating{ width: 100%; margin: 0 auto; text-align: center; } .search_result .BVRRInlineRating .bv-cleanslate { display: inline-block !important; } .search-results h2{ font-size: 80px; line-height: 85px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #3e5279; text-transform: uppercase; letter-spacing: 4px; text-align: center; } .search-results p.totol_item_count{ text-align: center; font-size: 35px; line-height: 40px; color: #777; font-family: "Montserrat"; } .search-results .product_results_count span.search_product_title,.search-results .article_result_count span.search_article_title{ font-size: 40px; line-height: 45px; font-family: "Montserrat"; font-style: normal; font-weight: bold; color: #3e5279; text-transform: uppercase; letter-spacing: 4px; width: 20% } .search-results .no_item_found,.search-results .product_results_count span.search_product_count,.search-results .article_result_count span.search_article_count{ color: #777; font-size: 24px; text-transform: uppercase; font-family: "Montserrat"; } .search-results .load_more{ text-align: center; } .search-results .load_more_text{ cursor: pointer; width: auto; display: inline-block; color: #fff; border-radius: 40px; padding: 5px 30px; background: #3fae2b; border: none; font-family: "Montserrat"; font-weight: bold; letter-spacing: 2px; line-height: 30px; transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; font-size: 18px; text-transform: uppercase; } .search-results .load_more_text:hover { background: #2d8c1c; color: white; } .search-results article.search-results, article.search-results{ border: none !important; overflow: hidden; } .search-results .search-list{ border-top: 1px solid transparent; background: url(./img/divider.png) no-repeat center top; background-size: contain; border-bottom: 0; margin-top: 50px; } .search-results .product_results_count,.search-results .article_result_count{ margin-top: 30px; } .search-results .article_excerpt{ font-family: "Montserrat"; font-style: normal; font-weight: bold; font-size: 18px; line-height: 34px; margin-top: 19px; letter-spacing: 0px; color: #7c7c7c; } .search-results #products_container,.search-results #post_container{ margin-top: 50px !important; } @media(max-width:1024px){ .search-form-container .form-search input[type='text'] { width: 500px !important; padding-left: 45px; padding-right: 45px; margin-left: -60px; overflow: hidden; } .search-form-container .clear-search-text{ margin-left: 60px; } .search-form-container .form-search .btn-search{ left: 90px; } } @media(max-width:768px){ #header{ position: fixed; min-height: 55px; width: 100%; } section#main, footer#footer { position: relative; top: 62px; } .search-form-container .form-search input[type='text'] { width: 400px !important; padding-left: 45px; padding-right: 45px; margin-left: -60px; overflow: hidden; } .search-form-container .clear-search-text{ margin-left: 60px; } .search-form-container .form-search .btn-search{ left: 90px; } section#main, footer#footer { position: relative; top: 192px; } .container .search-title { padding-top: 65px !important; } } @media(max-width:380px){ .search-results .product_results_count span.search_product_count, .search-results .article_result_count span.search_article_count{ display: inline-block !important; margin-left: 4px; } } @media(max-width:405px){ .search-form-container .search-title{ margin-left: 43px; } } @media(max-width:320px){ .search-form-container .search-title{ margin-left: 30px; } } /*Allure CSS home*/ #product figure.imageContainer img.allure_seal_img, .spotlight-1078 figure img.allure_seal_home{ height: 100px; width: 100px; } @media(max-width:767px){ #product figure.imageContainer img.allure_seal_img, .spotlight-1078 figure img.allure_seal_home{ height: 80px; width: 80px; } } @media(max-width:767px){ #product figure.imageContainer img.allure_seal_img{ height: 60px; width: 60px; } } @media(min-width:992px){ .spotlight-1078 figure img.allure_seal_home{ margin-top: 0; left: 345px; margin-bottom: 0; float: right; position: relative; top: 7px; } } @media(max-width:1024px){ .spotlight-1078 figure img.allure_seal_home{ left : 325px; } } @media(max-width:768px){ .spotlight-1078 figure img.allure_seal_home{ float: right; position: absolute; top: 10px; left: 385px; } } @media(max-width:767px){ .spotlight-1078 figure img.allure_seal_home{ top: 5px; left: 55%; } } @media(max-width:415px){ .spotlight-1078 figure img.allure_seal_home{ left: 58%; } } /*Allure CSS face/body*/ #product figure.imageContainer img.allure_seal_img{ float: left; position: absolute; right: 20px; top: -25px; } @media(max-width:1024px){ #product figure.imageContainer img.allure_seal_img{ top: -35px; right: 5px } } @media(max-width:768px){ #product figure.imageContainer img.allure_seal_img{ right: 20px; top: -25px; } } @media(max-width:767px){ #product figure.imageContainer img.allure_seal_img{ right: 16%; top: 0px; } } @media(max-width:425px){ #product figure.imageContainer img.allure_seal_img{ top: -26px; right: 5%; } } .term-1533 figure.imageContainer img.allure_seal_img{ right: 37px !important; } @media(max-width:1024px){ .term-1533 figure.imageContainer img.allure_seal_img{ right: 23px !important; } } @media(max-width:768px){ .term-1533 figure.imageContainer img.allure_seal_img{ right: 43px !important; } } @media(max-width:767px){ .term-1533 figure.imageContainer img.allure_seal_img{ top: 0px !important; right: 21% !important; } } @media(max-width:425px){ .term-1533 figure.imageContainer img.allure_seal_img{ right: 12% !important; top : -25px !important; } } @media(max-width:767px){ .search-form-container{ top: 55px; height: auto; opacity: 1; padding-bottom: 45px; } .searchBoxOpen{ top: 255px !important; } header section.navbar-static-top{ position: relative; opacity: 1; } .container .search-title { padding-top: 25px !important; } section.navbar-inner .container { padding-bottom: 0px !important; } ul#menu-header-navigation li.open-search-form{ display: none !important; } ul#menu-header-navigation li.open-search-form :before{ display: none !important; } .search-form-container .form-search input[type='text'] { font-size: 45px; line-height: 45px; height: 45px; top: 40px; width: 205px !important; padding-right: 25px; margin-left: 0px; padding-left: 0px; } .search-form-container .search-title { font-size: 20px; line-height: 40px; left: -30px; } .search-form-container .close-search-form{ right: 11px; top: -36px; } #header{ position: fixed; min-height: 55px; z-index: 11; width: 100%; } section#main, footer#footer { position: relative; top: 57px; } header section.navbar-static-top{ position: relative; opacity: 1; } div.mobile-open-serach{ background: url("./img/search-icon-sprite.png") no-repeat; background-position: 0px 0px; width: 30px; height: 28px; border: none; float: right; position: absolute; bottom: 13px; right: 22px; background-size: cover; display: block; } .search-form-container .clear-search-text{ margin-top: 10px; margin-left: -20px; } .search-form-container .form-search .btn-search{ left: 0px; } .search-results h2{ font-size: 35px; line-height: 50px; } .search-results p.totol_item_count{ font-size: 25px; line-height: 30px; } .search-results .product_results_count span.search_product_title, .search-results .article_result_count span.search_article_title{ font-size: 34px; line-height: 39px; } .search-results .product_results_count span.search_product_count, .search-results .article_result_count span.search_article_count{ font-size: 18px; } #search_result .product-name a, .search-results h4.article-name a{ font-size: 20px; line-height: 25px; } .search-results .article_excerpt{ font-size: 18px; line-height: 23px; } .search-results .load_more_text{ font-size: 20px; } .smartLabelsearch{ display: none !important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .search-form-container .search-title{ padding-top: 82px !important; } .search-form-container{ opacity: 1; } .bodyNonScroll{ position: relative; } .blureffect{ opacity: 0; } .term-facial #parent_1537{ border-top: 2px solid transparent; } } html.ie9 .term-facial #parent_1537{ border-top: 1px solid transparent; border-color : grey; } html.ie9 .search-form-container .search-title{ padding-top: 82px !important; } html.ie9 .search-form-container{ opacity: 1; } html.ie9 select::-ms-expand { display: none; } html.ie9 #product .pullRight select{ background-image: none; } html.ie9 .search-form-container .clear-search-text{ background-image: none; } html.ie9 .blureffect{ opacity: 0; } #header { z-index: 9; } .olapic-wall-type-video{ z-index: 8; } /*Exfoliation metre*/ .exfoliation_meter_image{ text-align: center; } .exfoliation_meter_image img{ height: 60%; width: 60%; margin-top : -20px; } .pd_exfoliation_meter_image{ display: inline; } .pd_exfoliation_meter_image img{ height: 55%; width: 55%; margin-top: -15px; } .smartLabelData a{ top: 50px; position: relative; } .smartLabelData{margin-bottom: 50px;} @media(max-width:1024px){ .smartLabelData a{ top: 35px; } } @media(max-width:768px){ .smartLabelData a{ top: 55px; } } @media(max-width:767px){ .pd_exfoliation_meter_image img{ margin-top: -10px; } .smartLabelData a{ top: 10px; } } .olapic-loadmore{ z-index: 8!important; } body#product div#quickViewContainer section.imgViewer figure{ background-position: center; background-size: cover; } /*fr*/ #home .spotlight-2698 a.cta_frombean{float : right;} body.term-facial .pullRight span,body.term-facial .pullRight span.prod_count, body.term-facial .pullRight select{display: none !important;} body.term-cuerpo .pullRight span,body.term-cuerpo .pullRight span.term-prod_count, body.term-cuerpo .pullRight select{display: none !important;} @media only screen and (min-width: 992px){ #home .imageHolder{width: 97%;} #footerInitial .footer-social{max-width: 25%;} #footerInitial div.footer-boundary{width: 42%;} #footerInitial article.footer-boundary{max-width: 25%;} } body.term-facial #parent_1537 .pullRight{ width : 0%;} body.term-facial #parent_1537 .pullLeft, body.term-cuerpo #parent_1559 .pullLeft{ width : 100%;} /*body block*/ html body{display: block;} /*Minified fixes*/ .navbar-static-top .navbar-inner{ background-color: white } .btn-link:hover, .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } a:hover, a:focus { color: #005580; text-decoration: underline; } @media (min-width: 992px){ .spotlight-1094 { width: 1023px; } } header section.navbar-static-top { position: relative; } .btn{ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; } html.ie9 .search-form-container{ position: relative; } .olapic_wrapper{ width: 100% !important; } /*Error page*/ @media (max-width: 767px){ .error404 .error-bg { height: 620px; } .error404 .error-message .btn{ width: 175px; } #home .spotlight-2698 .caption, #product .spotlight-2698 .caption{ width: 68%; } } /*Contact US fixes*/ @media (max-width: 325px) and (orientation: portrait){ #contact-us h2{ font-size: 30px; } #contact-us #recaptcha_div{ margin-left: -20px; } } @media (max-width: 767px){ a.help-icon + .tooltip{ right: 0px; } } #contact-us .select-group-field select,#contact-us .controls select,#contact-us .select-group-field select{ width: 86.6%; } #contact-us input[type="text"]{ width: 85% } #contact-us .img-tooltip input[type="text"]{ width: 86%; } #contact-us .controls textarea{ width: 86%; } @media (max-width: 767px){ #contact-us .select-group-field select,#contact-us .controls select,#contact-us .select-group-field select{ width: 86.5%; } #contact-us input[type="text"]{ width: 84.3% } #contact-us .img-tooltip input[type="text"]{ width: 86%; } #contact-us .controls textarea{ width: 84%; } } @media (max-width: 767px) and (orientation: portrait){ #contact-us .select-group-field select,#contact-us .controls select,#contact-us .select-group-field select{ width: 87.5%; } #contact-us input[type="text"]{ width: 83.3% } #contact-us .img-tooltip input[type="text"]{ width: 86%; } #contact-us .controls textarea{ width: 81.5%; } .search-results .product_results_count span.search_product_title, .search-results .article_result_count span.search_article_title{ display: block; } } #contact-us #birthdayDay{ margin-top: 20px; margin-bottom: 20px; } h3.articles_sitemap{ display: none !important; } /* Product height fixes*/ .search-results .thumbnails li{ clear: none; } @media (max-width: 325px){ #search_result .product-name a, #search_result .product-name a, #search_result .pullRight span, #product .product-name a{ font-size: 11px; } } @media (min-width: 992px){ #product .product-carousel li figure img{ min-height: 381px; } #search_result .product-item li, #search_result .article_item li{ min-height: 578px; } } @media (max-width: 768px){ #product .product-carousel li figure img{ min-height: 498px; } #search_result .product-item li, #search_result .article_item li{ min-height: 595px; } } @media (max-width: 767px){ #product .product-carousel li figure img{ min-height: 216px; } #search_result .product-item li, #search_result .article_item li{ min-height: 403px; } } @media (max-width: 325px){ #product .product-carousel li figure img{ min-height: 216px; } #search_result .product-item li, #search_result .article_item li{ min-height: 315px; } } .disclaimer12{ float: right; font-weight: bold; right: 25px; position: relative; text-align: right; } .disclaimer12 p{ font-weight: bold; color: #666666; text-align: right; } #footer .list1 a { letter-spacing: 0; } body, p, .teaser3 p, .teaser4 p, .promo2 p, .promo3 p, .teaser5 p, .teaser7 p, .single-product-detail p, .single-article-detail p, .single-article-detail ul li, .single-article-detail ol li, .modern-footer p, .modern-footer .footer-banner figcaption, .help-block, .carousel-caption p { font-weight: bold; } #home .carousel-caption h2, #home .carousel-caption p, #product .carousel-item-2836 .carousel-caption h2, #product .carousel-item-2836 .carousel-caption p, #product .carousel-item-2837 .carousel-caption h2, #product .carousel-item-2837 .carousel-caption p{ font-weight: 500 !important; } .cta-button-wrapper { text-align: center; } #contactform input[type="text"]:focus,#contactform input[type="checkbox"]:focus,#signup-form input[type="text"]:focus,#contactform input[type="submit"]:focus,#signup-form input[type="submit"]:focus,#contactform input[type="email"]:focus,#signup-form input[type="email"]:focus,#contactform select:focus,#signup-form select:focus,#contactform textarea:focus,#signup-form textarea:focus,#contactform .btn:focus { outline: thin dotted #000!important } .contact-form .contact-description { display: block } .optInLinks:focus,.btnIcon:focus { outline: thin dotted #000!important } #contactform input[type=submit],.btn:focus {background:#008f45} #contactform .ocaCaptchaIcons { display: inline-block; margin: 10px;} #contact-us legend{margin:0} #contactform input[type="text"], #contactform select, #contactform textarea{font-size:16px; width:100% !important;box-sizing:border-box;max-width:640px} #captchaText{margin-top:10px} #contactform .error{ clear:both;display:block;white-space:break-spaces} #contact-us input.btn.submit{width:auto; min-width:150px} h4#FromBean_title { /*27.07.22 CS0125736 Crownpeak fix product category*/ font-size: 85px; margin-top: 2%; line-height: 104px; letter-spacing: 0; color: #fff; font-family: "Montserrat"; font-style: normal; font-weight: bold; margin: auto; } h4#FromBean_title_right {/*27.07.22 CS0125736 Crownpeak fix product category*/ font-size: 85px; margin-top: 2%; line-height: 105px; letter-spacing: 0; color: #fff; font-family: "Montserrat"; font-style: normal; font-weight: bold; margin: auto; padding-left: 65%; }/**timestamp1658922305**/