/*
* @package		YerSlider
* @version		1.7.0
* @date		2014-11-26
* @time		12:04:45
* @license		MIT or GPL
* @repository	https://github.com/johannheyne/yerslider.git
* @homepage	http://demo.johannheyne.de/yerslider/demo/
*/
.yerslider-wrap {
position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.js .yerslider-wrap {
opacity: 0; position: absolute; }
.yerslider-wrap * {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.yerslider-wrap iframe {
position: relative; z-index: 100; }
.yerslider-viewport {
position: relative; }
.yerslider-mask {
position: relative; width: 100%; overflow: auto; }
.yerslider-slider {
white-space: nowrap; position: relative; list-style-type: none; padding: 0; margin: 0; line-height: 0; font-size: 0; }
.yerslider-slide {
position: relative; display: inline-block; vertical-align: top; white-space: normal; width: 100%; background-color: #ddd; }
.yerslider-slide p {
font-size: 16px; line-height: 1.2; background-color: #1e90ff; }
.yerslider-slide img {
width: 100%; max-width: 100%; }
.js .yerslider-slide {
display: none; }
.yerslider-slide.media {
background: black; }
.yerslider-prevnext {
position: absolute; cursor: pointer; z-index:150; width: 40px; height: 80px; top: 50%; margin-top: -40px; background-color: white; background-color: rgba(255, 255, 255, 0.5); border-radius: 5px; }
.csstransitions .yerslider-prevnext {
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.yerslider-next {
right: 20px; }
.yerslider-next:after {
content: ""; display: block; position: absolute; top: 20px; left: 12px; border: 20px solid transparent; border-left: 20px solid black; }
.yerslider-next-inactive {
display: none; }
.yerslider-prev {
left: 20px; }
.yerslider-prev:after {
content: ""; display: block; position: absolute; top: 20px; right: 12px; border: 20px solid transparent; border-right: 20px solid black; }
.yerslider-prev-inactive {
display: none; }
.csstransforms3d .yerslider-next:after {
content: ""; top: 27px; left: 0; width: 25px; height: 25px; border: 0 solid transparent; border-top: 1px solid black; border-right: 1px solid black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms3d .yerslider-prev:after {
content: ""; top: 27px; right: 0; width: 25px; height: 25px; border: 0 solid transparent; border-top: 1px solid black; border-left: 1px solid black; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.yerslider-bullets-wrap {
text-align: center; margin-top: 16px; line-height: 0; }
.yerslider-bullet {
width: 12px; height: 12px; border: 1px solid DodgerBlue; display: inline-block; margin-left: 4px; margin-right: 4px; cursor: pointer; border-radius: 6px; }
.yerslider-bullet-current {
background-color: DodgerBlue; }
.no-js .js {
display: none; }
.yerslider-video {
position: relative; background: #000; font-size: 0; line-height: 0; }
.yerslider-video-player {
width: 100%; height: 100%; }
.yerslider-video-play {
width: 60px; height: 60px; background: #333; background: rgba(0, 0, 0, 0.6); position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -30px; }
.csstransforms3d .yerslider-video-play {
height: 80px; -webkit-transform: scale(1, 0.6); -moz-transform: scale(1, 0.6); -o-transform: scale(1, 0.6); -ms-transform: scale(1, 0.6); transform: scale(1, 0.6); }
.yerslider-video-play:after {
content: ""; display: block; position: absolute; top: 10px; left: 22px; border: 20px solid transparent; border-left: 20px solid white; width: 0; height: 0; }
.csstransforms3d .yerslider-video-play:after {
top: 18px; }
.yerslider-video-preview {
width: 100%; height: auto; }
.yerslider-video-play:hover {
background: rgba(0, 0, 0, 0.8); }
.yerslider-thumbs-wrap {
margin-top: 10px; }
.yerslider-thumbs-mask {
position: relative; overflow: hidden; font-size: 0; line-height: 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.yerslider-thumbs-items {
position: relative; white-space: nowrap; font-size: 0; line-height: 0; text-align: center; margin-left: -5px; }
.yerslider-thumbs-item {
display: inline-block; min-width: 0; cursor: pointer; vertical-align: top; margin-top: 10px; margin-left: 5px; background-color: #ddd; }
.yerslider-thumbs-item * {
cursor: pointer; }
.yerslider-thumbs-item p {
margin: 0; padding: 20px 40px; background-color: #1e90ff; color: #fff; font-size: 16px; line-height: 1.2; }
.thumb-slidegroup-current {
background-color: #919191; }
.touch .yerslider-thumbs-mask {
overflow: auto; -webkit-overflow-scrolling: touch; }
.yerslider-loading {
position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); width: 100%; height: 100%; }
.yerslider-loading:after {
content: "loading"; position: absolute; top: 48%; width: 100%; text-align: center; }
/*# sourceMappingURL=yerslider-styles.min.css.map */
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*!
* Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=c9ec66d66a0c8d047ce8502fc0efdbec)
* Config saved to config.json and https://gist.github.com/c9ec66d66a0c8d047ce8502fc0efdbec
*/
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before,
*:after {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input,
button,
select,
textarea {
outline: 0 !important; }
img {
vertical-align: middle; }
.img-responsive {
display: block; max-width: 100%; height: auto; }
.img-circle {
border-radius: 50%; }
[role="button"] {
cursor: pointer; }
.container {
margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) {
.container {
width: 750px; }
}
@media (min-width: 992px) {
.container {
width: 970px; }
}
@media (min-width: 1200px) {
.container {
width: 1170px; }
}
.container-fluid {
margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0; }
.row {
margin-left: -15px; margin-right: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left; }
.col-xs-12 {
width: 100%; }
.col-xs-11 {
width: 91.66666667%; }
.col-xs-10 {
width: 83.33333333%; }
.col-xs-9 {
width: 75%; }
.col-xs-8 {
width: 66.66666667%; }
.col-xs-7 {
width: 58.33333333%; }
.col-xs-6 {
width: 50%; }
.col-xs-5 {
width: 41.66666667%; }
.col-xs-4 {
width: 33.33333333%; }
.col-xs-3 {
width: 25%; }
.col-xs-2 {
width: 16.66666667%; }
.col-xs-1 {
width: 8.33333333%; }
.col-xs-pull-12 {
right: 100%; }
.col-xs-pull-11 {
right: 91.66666667%; }
.col-xs-pull-10 {
right: 83.33333333%; }
.col-xs-pull-9 {
right: 75%; }
.col-xs-pull-8 {
right: 66.66666667%; }
.col-xs-pull-7 {
right: 58.33333333%; }
.col-xs-pull-6 {
right: 50%; }
.col-xs-pull-5 {
right: 41.66666667%; }
.col-xs-pull-4 {
right: 33.33333333%; }
.col-xs-pull-3 {
right: 25%; }
.col-xs-pull-2 {
right: 16.66666667%; }
.col-xs-pull-1 {
right: 8.33333333%; }
.col-xs-pull-0 {
right: auto; }
.col-xs-push-12 {
left: 100%; }
.col-xs-push-11 {
left: 91.66666667%; }
.col-xs-push-10 {
left: 83.33333333%; }
.col-xs-push-9 {
left: 75%; }
.col-xs-push-8 {
left: 66.66666667%; }
.col-xs-push-7 {
left: 58.33333333%; }
.col-xs-push-6 {
left: 50%; }
.col-xs-push-5 {
left: 41.66666667%; }
.col-xs-push-4 {
left: 33.33333333%; }
.col-xs-push-3 {
left: 25%; }
.col-xs-push-2 {
left: 16.66666667%; }
.col-xs-push-1 {
left: 8.33333333%; }
.col-xs-push-0 {
left: auto; }
.col-xs-offset-12 {
margin-left: 100%; }
.col-xs-offset-11 {
margin-left: 91.66666667%; }
.col-xs-offset-10 {
margin-left: 83.33333333%; }
.col-xs-offset-9 {
margin-left: 75%; }
.col-xs-offset-8 {
margin-left: 66.66666667%; }
.col-xs-offset-7 {
margin-left: 58.33333333%; }
.col-xs-offset-6 {
margin-left: 50%; }
.col-xs-offset-5 {
margin-left: 41.66666667%; }
.col-xs-offset-4 {
margin-left: 33.33333333%; }
.col-xs-offset-3 {
margin-left: 25%; }
.col-xs-offset-2 {
margin-left: 16.66666667%; }
.col-xs-offset-1 {
margin-left: 8.33333333%; }
.col-xs-offset-0 {
margin-left: 0%; }
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left; }
.col-sm-12 {
width: 100%; }
.col-sm-11 {
width: 91.66666667%; }
.col-sm-10 {
width: 83.33333333%; }
.col-sm-9 {
width: 75%; }
.col-sm-8 {
width: 66.66666667%; }
.col-sm-7 {
width: 58.33333333%; }
.col-sm-6 {
width: 50%; }
.col-sm-5 {
width: 41.66666667%; }
.col-sm-4 {
width: 33.33333333%; }
.col-sm-3 {
width: 25%; }
.col-sm-2 {
width: 16.66666667%; }
.col-sm-1 {
width: 8.33333333%; }
.col-sm-pull-12 {
right: 100%; }
.col-sm-pull-11 {
right: 91.66666667%; }
.col-sm-pull-10 {
right: 83.33333333%; }
.col-sm-pull-9 {
right: 75%; }
.col-sm-pull-8 {
right: 66.66666667%; }
.col-sm-pull-7 {
right: 58.33333333%; }
.col-sm-pull-6 {
right: 50%; }
.col-sm-pull-5 {
right: 41.66666667%; }
.col-sm-pull-4 {
right: 33.33333333%; }
.col-sm-pull-3 {
right: 25%; }
.col-sm-pull-2 {
right: 16.66666667%; }
.col-sm-pull-1 {
right: 8.33333333%; }
.col-sm-pull-0 {
right: auto; }
.col-sm-push-12 {
left: 100%; }
.col-sm-push-11 {
left: 91.66666667%; }
.col-sm-push-10 {
left: 83.33333333%; }
.col-sm-push-9 {
left: 75%; }
.col-sm-push-8 {
left: 66.66666667%; }
.col-sm-push-7 {
left: 58.33333333%; }
.col-sm-push-6 {
left: 50%; }
.col-sm-push-5 {
left: 41.66666667%; }
.col-sm-push-4 {
left: 33.33333333%; }
.col-sm-push-3 {
left: 25%; }
.col-sm-push-2 {
left: 16.66666667%; }
.col-sm-push-1 {
left: 8.33333333%; }
.col-sm-push-0 {
left: auto; }
.col-sm-offset-12 {
margin-left: 100%; }
.col-sm-offset-11 {
margin-left: 91.66666667%; }
.col-sm-offset-10 {
margin-left: 83.33333333%; }
.col-sm-offset-9 {
margin-left: 75%; }
.col-sm-offset-8 {
margin-left: 66.66666667%; }
.col-sm-offset-7 {
margin-left: 58.33333333%; }
.col-sm-offset-6 {
margin-left: 50%; }
.col-sm-offset-5 {
margin-left: 41.66666667%; }
.col-sm-offset-4 {
margin-left: 33.33333333%; }
.col-sm-offset-3 {
margin-left: 25%; }
.col-sm-offset-2 {
margin-left: 16.66666667%; }
.col-sm-offset-1 {
margin-left: 8.33333333%; }
.col-sm-offset-0 {
margin-left: 0%; }
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left; }
.col-md-12 {
width: 100%; }
.col-md-11 {
width: 91.66666667%; }
.col-md-10 {
width: 83.33333333%; }
.col-md-9 {
width: 75%; }
.col-md-8 {
width: 66.66666667%; }
.col-md-7 {
width: 58.33333333%; }
.col-md-6 {
width: 50%; }
.col-md-5 {
width: 41.66666667%; }
.col-md-4 {
width: 33.33333333%; }
.col-md-3 {
width: 25%; }
.col-md-2 {
width: 16.66666667%; }
.col-md-1 {
width: 8.33333333%; }
.col-md-pull-12 {
right: 100%; }
.col-md-pull-11 {
right: 91.66666667%; }
.col-md-pull-10 {
right: 83.33333333%; }
.col-md-pull-9 {
right: 75%; }
.col-md-pull-8 {
right: 66.66666667%; }
.col-md-pull-7 {
right: 58.33333333%; }
.col-md-pull-6 {
right: 50%; }
.col-md-pull-5 {
right: 41.66666667%; }
.col-md-pull-4 {
right: 33.33333333%; }
.col-md-pull-3 {
right: 25%; }
.col-md-pull-2 {
right: 16.66666667%; }
.col-md-pull-1 {
right: 8.33333333%; }
.col-md-pull-0 {
right: auto; }
.col-md-push-12 {
left: 100%; }
.col-md-push-11 {
left: 91.66666667%; }
.col-md-push-10 {
left: 83.33333333%; }
.col-md-push-9 {
left: 75%; }
.col-md-push-8 {
left: 66.66666667%; }
.col-md-push-7 {
left: 58.33333333%; }
.col-md-push-6 {
left: 50%; }
.col-md-push-5 {
left: 41.66666667%; }
.col-md-push-4 {
left: 33.33333333%; }
.col-md-push-3 {
left: 25%; }
.col-md-push-2 {
left: 16.66666667%; }
.col-md-push-1 {
left: 8.33333333%; }
.col-md-push-0 {
left: auto; }
.col-md-offset-12 {
margin-left: 100%; }
.col-md-offset-11 {
margin-left: 91.66666667%; }
.col-md-offset-10 {
margin-left: 83.33333333%; }
.col-md-offset-9 {
margin-left: 75%; }
.col-md-offset-8 {
margin-left: 66.66666667%; }
.col-md-offset-7 {
margin-left: 58.33333333%; }
.col-md-offset-6 {
margin-left: 50%; }
.col-md-offset-5 {
margin-left: 41.66666667%; }
.col-md-offset-4 {
margin-left: 33.33333333%; }
.col-md-offset-3 {
margin-left: 25%; }
.col-md-offset-2 {
margin-left: 16.66666667%; }
.col-md-offset-1 {
margin-left: 8.33333333%; }
.col-md-offset-0 {
margin-left: 0%; }
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left; }
.col-lg-12 {
width: 100%; }
.col-lg-11 {
width: 91.66666667%; }
.col-lg-10 {
width: 83.33333333%; }
.col-lg-9 {
width: 75%; }
.col-lg-8 {
width: 66.66666667%; }
.col-lg-7 {
width: 58.33333333%; }
.col-lg-6 {
width: 50%; }
.col-lg-5 {
width: 41.66666667%; }
.col-lg-4 {
width: 33.33333333%; }
.col-lg-3 {
width: 25%; }
.col-lg-2 {
width: 16.66666667%; }
.col-lg-1 {
width: 8.33333333%; }
.col-lg-pull-12 {
right: 100%; }
.col-lg-pull-11 {
right: 91.66666667%; }
.col-lg-pull-10 {
right: 83.33333333%; }
.col-lg-pull-9 {
right: 75%; }
.col-lg-pull-8 {
right: 66.66666667%; }
.col-lg-pull-7 {
right: 58.33333333%; }
.col-lg-pull-6 {
right: 50%; }
.col-lg-pull-5 {
right: 41.66666667%; }
.col-lg-pull-4 {
right: 33.33333333%; }
.col-lg-pull-3 {
right: 25%; }
.col-lg-pull-2 {
right: 16.66666667%; }
.col-lg-pull-1 {
right: 8.33333333%; }
.col-lg-pull-0 {
right: auto; }
.col-lg-push-12 {
left: 100%; }
.col-lg-push-11 {
left: 91.66666667%; }
.col-lg-push-10 {
left: 83.33333333%; }
.col-lg-push-9 {
left: 75%; }
.col-lg-push-8 {
left: 66.66666667%; }
.col-lg-push-7 {
left: 58.33333333%; }
.col-lg-push-6 {
left: 50%; }
.col-lg-push-5 {
left: 41.66666667%; }
.col-lg-push-4 {
left: 33.33333333%; }
.col-lg-push-3 {
left: 25%; }
.col-lg-push-2 {
left: 16.66666667%; }
.col-lg-push-1 {
left: 8.33333333%; }
.col-lg-push-0 {
left: auto; }
.col-lg-offset-12 {
margin-left: 100%; }
.col-lg-offset-11 {
margin-left: 91.66666667%; }
.col-lg-offset-10 {
margin-left: 83.33333333%; }
.col-lg-offset-9 {
margin-left: 75%; }
.col-lg-offset-8 {
margin-left: 66.66666667%; }
.col-lg-offset-7 {
margin-left: 58.33333333%; }
.col-lg-offset-6 {
margin-left: 50%; }
.col-lg-offset-5 {
margin-left: 41.66666667%; }
.col-lg-offset-4 {
margin-left: 33.33333333%; }
.col-lg-offset-3 {
margin-left: 25%; }
.col-lg-offset-2 {
margin-left: 16.66666667%; }
.col-lg-offset-1 {
margin-left: 8.33333333%; }
.col-lg-offset-0 {
margin-left: 0%; }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " "; display: table; }
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both; }
.center-block {
display: block; margin-left: auto; margin-right: auto; }
.pull-right {
float: right !important; }
.pull-left {
float: left !important; }
.hide {
display: none !important; }
.show {
display: block !important; }
.invisible {
visibility: hidden; }
.text-hide {
font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden {
display: none !important; }
.affix {
position: fixed; }
@-ms-viewport {
width: device-width; }
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important; }
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important; }
@media (max-width: 767px) {
.visible-xs {
display: block !important; }
table.visible-xs {
display: table !important; }
tr.visible-xs {
display: table-row !important; }
th.visible-xs,
td.visible-xs {
display: table-cell !important; }
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important; }
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important; }
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important; }
table.visible-sm {
display: table !important; }
tr.visible-sm {
display: table-row !important; }
th.visible-sm,
td.visible-sm {
display: table-cell !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important; }
table.visible-md {
display: table !important; }
tr.visible-md {
display: table-row !important; }
th.visible-md,
td.visible-md {
display: table-cell !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important; }
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important; }
table.visible-lg {
display: table !important; }
tr.visible-lg {
display: table-row !important; }
th.visible-lg,
td.visible-lg {
display: table-cell !important; }
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important; }
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important; }
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important; }
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important; }
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important; }
}
.visible-print {
display: none !important; }
@media print {
.visible-print {
display: block !important; }
table.visible-print {
display: table !important; }
tr.visible-print {
display: table-row !important; }
th.visible-print,
td.visible-print {
display: table-cell !important; }
}
.visible-print-block {
display: none !important; }
@media print {
.visible-print-block {
display: block !important; }
}
.visible-print-inline {
display: none !important; }
@media print {
.visible-print-inline {
display: inline !important; }
}
.visible-print-inline-block {
display: none !important; }
@media print {
.visible-print-inline-block {
display: inline-block !important; }
}
@media print {
.hidden-print {
display: none !important; }
}
/* portrait hidden condition */
@media (min-width: 481px) {
.hidden-portrait {
display: none !important; }
}
@media (max-width: 480px) {
.hidden-portrait {
display: block !important; }
}
@media (min-width: 481px) and (max-width: 767px) {
.hidden-xs-landscape {
display: block !important; }
}
/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.6.3"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; }
.fa {
display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571429em; text-align: center; }
.fa-ul {
padding-left: 0; margin-left: 2.14285714em; list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; }
.fa-li.fa-lg {
left: -1.85714286em; }
.fa-border {
padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right {
margin-left: .3em; }
/* Deprecated as of 4.4.0 */
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x,
.fa-stack-2x {
position: absolute; left: 0; width: 100%; text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000"; }
.fa-music:before {
content: "\f001"; }
.fa-search:before {
content: "\f002"; }
.fa-envelope-o:before {
content: "\f003"; }
.fa-heart:before {
content: "\f004"; }
.fa-star:before {
content: "\f005"; }
.fa-star-o:before {
content: "\f006"; }
.fa-user:before {
content: "\f007"; }
.fa-film:before {
content: "\f008"; }
.fa-th-large:before {
content: "\f009"; }
.fa-th:before {
content: "\f00a"; }
.fa-th-list:before {
content: "\f00b"; }
.fa-check:before {
content: "\f00c"; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d"; }
.fa-search-plus:before {
content: "\f00e"; }
.fa-search-minus:before {
content: "\f010"; }
.fa-power-off:before {
content: "\f011"; }
.fa-signal:before {
content: "\f012"; }
.fa-gear:before,
.fa-cog:before {
content: "\f013"; }
.fa-trash-o:before {
content: "\f014"; }
.fa-home:before {
content: "\f015"; }
.fa-file-o:before {
content: "\f016"; }
.fa-clock-o:before {
content: "\f017"; }
.fa-road:before {
content: "\f018"; }
.fa-download:before {
content: "\f019"; }
.fa-arrow-circle-o-down:before {
content: "\f01a"; }
.fa-arrow-circle-o-up:before {
content: "\f01b"; }
.fa-inbox:before {
content: "\f01c"; }
.fa-play-circle-o:before {
content: "\f01d"; }
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e"; }
.fa-refresh:before {
content: "\f021"; }
.fa-list-alt:before {
content: "\f022"; }
.fa-lock:before {
content: "\f023"; }
.fa-flag:before {
content: "\f024"; }
.fa-headphones:before {
content: "\f025"; }
.fa-volume-off:before {
content: "\f026"; }
.fa-volume-down:before {
content: "\f027"; }
.fa-volume-up:before {
content: "\f028"; }
.fa-qrcode:before {
content: "\f029"; }
.fa-barcode:before {
content: "\f02a"; }
.fa-tag:before {
content: "\f02b"; }
.fa-tags:before {
content: "\f02c"; }
.fa-book:before {
content: "\f02d"; }
.fa-bookmark:before {
content: "\f02e"; }
.fa-print:before {
content: "\f02f"; }
.fa-camera:before {
content: "\f030"; }
.fa-font:before {
content: "\f031"; }
.fa-bold:before {
content: "\f032"; }
.fa-italic:before {
content: "\f033"; }
.fa-text-height:before {
content: "\f034"; }
.fa-text-width:before {
content: "\f035"; }
.fa-align-left:before {
content: "\f036"; }
.fa-align-center:before {
content: "\f037"; }
.fa-align-right:before {
content: "\f038"; }
.fa-align-justify:before {
content: "\f039"; }
.fa-list:before {
content: "\f03a"; }
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b"; }
.fa-indent:before {
content: "\f03c"; }
.fa-video-camera:before {
content: "\f03d"; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e"; }
.fa-pencil:before {
content: "\f040"; }
.fa-map-marker:before {
content: "\f041"; }
.fa-adjust:before {
content: "\f042"; }
.fa-tint:before {
content: "\f043"; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044"; }
.fa-share-square-o:before {
content: "\f045"; }
.fa-check-square-o:before {
content: "\f046"; }
.fa-arrows:before {
content: "\f047"; }
.fa-step-backward:before {
content: "\f048"; }
.fa-fast-backward:before {
content: "\f049"; }
.fa-backward:before {
content: "\f04a"; }
.fa-play:before {
content: "\f04b"; }
.fa-pause:before {
content: "\f04c"; }
.fa-stop:before {
content: "\f04d"; }
.fa-forward:before {
content: "\f04e"; }
.fa-fast-forward:before {
content: "\f050"; }
.fa-step-forward:before {
content: "\f051"; }
.fa-eject:before {
content: "\f052"; }
.fa-chevron-left:before {
content: "\f053"; }
.fa-chevron-right:before {
content: "\f054"; }
.fa-plus-circle:before {
content: "\f055"; }
.fa-minus-circle:before {
content: "\f056"; }
.fa-times-circle:before {
content: "\f057"; }
.fa-check-circle:before {
content: "\f058"; }
.fa-question-circle:before {
content: "\f059"; }
.fa-info-circle:before {
content: "\f05a"; }
.fa-crosshairs:before {
content: "\f05b"; }
.fa-times-circle-o:before {
content: "\f05c"; }
.fa-check-circle-o:before {
content: "\f05d"; }
.fa-ban:before {
content: "\f05e"; }
.fa-arrow-left:before {
content: "\f060"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-arrow-up:before {
content: "\f062"; }
.fa-arrow-down:before {
content: "\f063"; }
.fa-mail-forward:before,
.fa-share:before {
content: "\f064"; }
.fa-expand:before {
content: "\f065"; }
.fa-compress:before {
content: "\f066"; }
.fa-plus:before {
content: "\f067"; }
.fa-minus:before {
content: "\f068"; }
.fa-asterisk:before {
content: "\f069"; }
.fa-exclamation-circle:before {
content: "\f06a"; }
.fa-gift:before {
content: "\f06b"; }
.fa-leaf:before {
content: "\f06c"; }
.fa-fire:before {
content: "\f06d"; }
.fa-eye:before {
content: "\f06e"; }
.fa-eye-slash:before {
content: "\f070"; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071"; }
.fa-plane:before {
content: "\f072"; }
.fa-calendar:before {
content: "\f073"; }
.fa-random:before {
content: "\f074"; }
.fa-comment:before {
content: "\f075"; }
.fa-magnet:before {
content: "\f076"; }
.fa-chevron-up:before {
content: "\f077"; }
.fa-chevron-down:before {
content: "\f078"; }
.fa-retweet:before {
content: "\f079"; }
.fa-shopping-cart:before {
content: "\f07a"; }
.fa-folder:before {
content: "\f07b"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-arrows-v:before {
content: "\f07d"; }
.fa-arrows-h:before {
content: "\f07e"; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080"; }
.fa-twitter-square:before {
content: "\f081"; }
.fa-facebook-square:before {
content: "\f082"; }
.fa-camera-retro:before {
content: "\f083"; }
.fa-key:before {
content: "\f084"; }
.fa-gears:before,
.fa-cogs:before {
content: "\f085"; }
.fa-comments:before {
content: "\f086"; }
.fa-thumbs-o-up:before {
content: "\f087"; }
.fa-thumbs-o-down:before {
content: "\f088"; }
.fa-star-half:before {
content: "\f089"; }
.fa-heart-o:before {
content: "\f08a"; }
.fa-sign-out:before {
content: "\f08b"; }
.fa-linkedin-square:before {
content: "\f08c"; }
.fa-thumb-tack:before {
content: "\f08d"; }
.fa-external-link:before {
content: "\f08e"; }
.fa-sign-in:before {
content: "\f090"; }
.fa-trophy:before {
content: "\f091"; }
.fa-github-square:before {
content: "\f092"; }
.fa-upload:before {
content: "\f093"; }
.fa-lemon-o:before {
content: "\f094"; }
.fa-phone:before {
content: "\f095"; }
.fa-square-o:before {
content: "\f096"; }
.fa-bookmark-o:before {
content: "\f097"; }
.fa-phone-square:before {
content: "\f098"; }
.fa-twitter:before {
content: "\f099"; }
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a"; }
.fa-github:before {
content: "\f09b"; }
.fa-unlock:before {
content: "\f09c"; }
.fa-credit-card:before {
content: "\f09d"; }
.fa-feed:before,
.fa-rss:before {
content: "\f09e"; }
.fa-hdd-o:before {
content: "\f0a0"; }
.fa-bullhorn:before {
content: "\f0a1"; }
.fa-bell:before {
content: "\f0f3"; }
.fa-certificate:before {
content: "\f0a3"; }
.fa-hand-o-right:before {
content: "\f0a4"; }
.fa-hand-o-left:before {
content: "\f0a5"; }
.fa-hand-o-up:before {
content: "\f0a6"; }
.fa-hand-o-down:before {
content: "\f0a7"; }
.fa-arrow-circle-left:before {
content: "\f0a8"; }
.fa-arrow-circle-right:before {
content: "\f0a9"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-arrow-circle-down:before {
content: "\f0ab"; }
.fa-globe:before {
content: "\f0ac"; }
.fa-wrench:before {
content: "\f0ad"; }
.fa-tasks:before {
content: "\f0ae"; }
.fa-filter:before {
content: "\f0b0"; }
.fa-briefcase:before {
content: "\f0b1"; }
.fa-arrows-alt:before {
content: "\f0b2"; }
.fa-group:before,
.fa-users:before {
content: "\f0c0"; }
.fa-chain:before,
.fa-link:before {
content: "\f0c1"; }
.fa-cloud:before {
content: "\f0c2"; }
.fa-flask:before {
content: "\f0c3"; }
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4"; }
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5"; }
.fa-paperclip:before {
content: "\f0c6"; }
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7"; }
.fa-square:before {
content: "\f0c8"; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9"; }
.fa-list-ul:before {
content: "\f0ca"; }
.fa-list-ol:before {
content: "\f0cb"; }
.fa-strikethrough:before {
content: "\f0cc"; }
.fa-underline:before {
content: "\f0cd"; }
.fa-table:before {
content: "\f0ce"; }
.fa-magic:before {
content: "\f0d0"; }
.fa-truck:before {
content: "\f0d1"; }
.fa-pinterest:before {
content: "\f0d2"; }
.fa-pinterest-square:before {
content: "\f0d3"; }
.fa-google-plus-square:before {
content: "\f0d4"; }
.fa-google-plus:before {
content: "\f0d5"; }
.fa-money:before {
content: "\f0d6"; }
.fa-caret-down:before {
content: "\f0d7"; }
.fa-caret-up:before {
content: "\f0d8"; }
.fa-caret-left:before {
content: "\f0d9"; }
.fa-caret-right:before {
content: "\f0da"; }
.fa-columns:before {
content: "\f0db"; }
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc"; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd"; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de"; }
.fa-envelope:before {
content: "\f0e0"; }
.fa-linkedin:before {
content: "\f0e1"; }
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2"; }
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3"; }
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4"; }
.fa-comment-o:before {
content: "\f0e5"; }
.fa-comments-o:before {
content: "\f0e6"; }
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7"; }
.fa-sitemap:before {
content: "\f0e8"; }
.fa-umbrella:before {
content: "\f0e9"; }
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea"; }
.fa-lightbulb-o:before {
content: "\f0eb"; }
.fa-exchange:before {
content: "\f0ec"; }
.fa-cloud-download:before {
content: "\f0ed"; }
.fa-cloud-upload:before {
content: "\f0ee"; }
.fa-user-md:before {
content: "\f0f0"; }
.fa-stethoscope:before {
content: "\f0f1"; }
.fa-suitcase:before {
content: "\f0f2"; }
.fa-bell-o:before {
content: "\f0a2"; }
.fa-coffee:before {
content: "\f0f4"; }
.fa-cutlery:before {
content: "\f0f5"; }
.fa-file-text-o:before {
content: "\f0f6"; }
.fa-building-o:before {
content: "\f0f7"; }
.fa-hospital-o:before {
content: "\f0f8"; }
.fa-ambulance:before {
content: "\f0f9"; }
.fa-medkit:before {
content: "\f0fa"; }
.fa-fighter-jet:before {
content: "\f0fb"; }
.fa-beer:before {
content: "\f0fc"; }
.fa-h-square:before {
content: "\f0fd"; }
.fa-plus-square:before {
content: "\f0fe"; }
.fa-angle-double-left:before {
content: "\f100"; }
.fa-angle-double-right:before {
content: "\f101"; }
.fa-angle-double-up:before {
content: "\f102"; }
.fa-angle-double-down:before {
content: "\f103"; }
.fa-angle-left:before {
content: "\f104"; }
.fa-angle-right:before {
content: "\f105"; }
.fa-angle-up:before {
content: "\f106"; }
.fa-angle-down:before {
content: "\f107"; }
.fa-desktop:before {
content: "\f108"; }
.fa-laptop:before {
content: "\f109"; }
.fa-tablet:before {
content: "\f10a"; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b"; }
.fa-circle-o:before {
content: "\f10c"; }
.fa-quote-left:before {
content: "\f10d"; }
.fa-quote-right:before {
content: "\f10e"; }
.fa-spinner:before {
content: "\f110"; }
.fa-circle:before {
content: "\f111"; }
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112"; }
.fa-github-alt:before {
content: "\f113"; }
.fa-folder-o:before {
content: "\f114"; }
.fa-folder-open-o:before {
content: "\f115"; }
.fa-smile-o:before {
content: "\f118"; }
.fa-frown-o:before {
content: "\f119"; }
.fa-meh-o:before {
content: "\f11a"; }
.fa-gamepad:before {
content: "\f11b"; }
.fa-keyboard-o:before {
content: "\f11c"; }
.fa-flag-o:before {
content: "\f11d"; }
.fa-flag-checkered:before {
content: "\f11e"; }
.fa-terminal:before {
content: "\f120"; }
.fa-code:before {
content: "\f121"; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122"; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123"; }
.fa-location-arrow:before {
content: "\f124"; }
.fa-crop:before {
content: "\f125"; }
.fa-code-fork:before {
content: "\f126"; }
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127"; }
.fa-question:before {
content: "\f128"; }
.fa-info:before {
content: "\f129"; }
.fa-exclamation:before {
content: "\f12a"; }
.fa-superscript:before {
content: "\f12b"; }
.fa-subscript:before {
content: "\f12c"; }
.fa-eraser:before {
content: "\f12d"; }
.fa-puzzle-piece:before {
content: "\f12e"; }
.fa-microphone:before {
content: "\f130"; }
.fa-microphone-slash:before {
content: "\f131"; }
.fa-shield:before {
content: "\f132"; }
.fa-calendar-o:before {
content: "\f133"; }
.fa-fire-extinguisher:before {
content: "\f134"; }
.fa-rocket:before {
content: "\f135"; }
.fa-maxcdn:before {
content: "\f136"; }
.fa-chevron-circle-left:before {
content: "\f137"; }
.fa-chevron-circle-right:before {
content: "\f138"; }
.fa-chevron-circle-up:before {
content: "\f139"; }
.fa-chevron-circle-down:before {
content: "\f13a"; }
.fa-html5:before {
content: "\f13b"; }
.fa-css3:before {
content: "\f13c"; }
.fa-anchor:before {
content: "\f13d"; }
.fa-unlock-alt:before {
content: "\f13e"; }
.fa-bullseye:before {
content: "\f140"; }
.fa-ellipsis-h:before {
content: "\f141"; }
.fa-ellipsis-v:before {
content: "\f142"; }
.fa-rss-square:before {
content: "\f143"; }
.fa-play-circle:before {
content: "\f144"; }
.fa-ticket:before {
content: "\f145"; }
.fa-minus-square:before {
content: "\f146"; }
.fa-minus-square-o:before {
content: "\f147"; }
.fa-level-up:before {
content: "\f148"; }
.fa-level-down:before {
content: "\f149"; }
.fa-check-square:before {
content: "\f14a"; }
.fa-pencil-square:before {
content: "\f14b"; }
.fa-external-link-square:before {
content: "\f14c"; }
.fa-share-square:before {
content: "\f14d"; }
.fa-compass:before {
content: "\f14e"; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150"; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151"; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152"; }
.fa-euro:before,
.fa-eur:before {
content: "\f153"; }
.fa-gbp:before {
content: "\f154"; }
.fa-dollar:before,
.fa-usd:before {
content: "\f155"; }
.fa-rupee:before,
.fa-inr:before {
content: "\f156"; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157"; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158"; }
.fa-won:before,
.fa-krw:before {
content: "\f159"; }
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a"; }
.fa-file:before {
content: "\f15b"; }
.fa-file-text:before {
content: "\f15c"; }
.fa-sort-alpha-asc:before {
content: "\f15d"; }
.fa-sort-alpha-desc:before {
content: "\f15e"; }
.fa-sort-amount-asc:before {
content: "\f160"; }
.fa-sort-amount-desc:before {
content: "\f161"; }
.fa-sort-numeric-asc:before {
content: "\f162"; }
.fa-sort-numeric-desc:before {
content: "\f163"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-thumbs-down:before {
content: "\f165"; }
.fa-youtube-square:before {
content: "\f166"; }
.fa-youtube:before {
content: "\f167"; }
.fa-xing:before {
content: "\f168"; }
.fa-xing-square:before {
content: "\f169"; }
.fa-youtube-play:before {
content: "\f16a"; }
.fa-dropbox:before {
content: "\f16b"; }
.fa-stack-overflow:before {
content: "\f16c"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-flickr:before {
content: "\f16e"; }
.fa-adn:before {
content: "\f170"; }
.fa-bitbucket:before {
content: "\f171"; }
.fa-bitbucket-square:before {
content: "\f172"; }
.fa-tumblr:before {
content: "\f173"; }
.fa-tumblr-square:before {
content: "\f174"; }
.fa-long-arrow-down:before {
content: "\f175"; }
.fa-long-arrow-up:before {
content: "\f176"; }
.fa-long-arrow-left:before {
content: "\f177"; }
.fa-long-arrow-right:before {
content: "\f178"; }
.fa-apple:before {
content: "\f179"; }
.fa-windows:before {
content: "\f17a"; }
.fa-android:before {
content: "\f17b"; }
.fa-linux:before {
content: "\f17c"; }
.fa-dribbble:before {
content: "\f17d"; }
.fa-skype:before {
content: "\f17e"; }
.fa-foursquare:before {
content: "\f180"; }
.fa-trello:before {
content: "\f181"; }
.fa-female:before {
content: "\f182"; }
.fa-male:before {
content: "\f183"; }
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184"; }
.fa-sun-o:before {
content: "\f185"; }
.fa-moon-o:before {
content: "\f186"; }
.fa-archive:before {
content: "\f187"; }
.fa-bug:before {
content: "\f188"; }
.fa-vk:before {
content: "\f189"; }
.fa-weibo:before {
content: "\f18a"; }
.fa-renren:before {
content: "\f18b"; }
.fa-pagelines:before {
content: "\f18c"; }
.fa-stack-exchange:before {
content: "\f18d"; }
.fa-arrow-circle-o-right:before {
content: "\f18e"; }
.fa-arrow-circle-o-left:before {
content: "\f190"; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191"; }
.fa-dot-circle-o:before {
content: "\f192"; }
.fa-wheelchair:before {
content: "\f193"; }
.fa-vimeo-square:before {
content: "\f194"; }
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195"; }
.fa-plus-square-o:before {
content: "\f196"; }
.fa-space-shuttle:before {
content: "\f197"; }
.fa-slack:before {
content: "\f198"; }
.fa-envelope-square:before {
content: "\f199"; }
.fa-wordpress:before {
content: "\f19a"; }
.fa-openid:before {
content: "\f19b"; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c"; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d"; }
.fa-yahoo:before {
content: "\f19e"; }
.fa-google:before {
content: "\f1a0"; }
.fa-reddit:before {
content: "\f1a1"; }
.fa-reddit-square:before {
content: "\f1a2"; }
.fa-stumbleupon-circle:before {
content: "\f1a3"; }
.fa-stumbleupon:before {
content: "\f1a4"; }
.fa-delicious:before {
content: "\f1a5"; }
.fa-digg:before {
content: "\f1a6"; }
.fa-pied-piper-pp:before {
content: "\f1a7"; }
.fa-pied-piper-alt:before {
content: "\f1a8"; }
.fa-drupal:before {
content: "\f1a9"; }
.fa-joomla:before {
content: "\f1aa"; }
.fa-language:before {
content: "\f1ab"; }
.fa-fax:before {
content: "\f1ac"; }
.fa-building:before {
content: "\f1ad"; }
.fa-child:before {
content: "\f1ae"; }
.fa-paw:before {
content: "\f1b0"; }
.fa-spoon:before {
content: "\f1b1"; }
.fa-cube:before {
content: "\f1b2"; }
.fa-cubes:before {
content: "\f1b3"; }
.fa-behance:before {
content: "\f1b4"; }
.fa-behance-square:before {
content: "\f1b5"; }
.fa-steam:before {
content: "\f1b6"; }
.fa-steam-square:before {
content: "\f1b7"; }
.fa-recycle:before {
content: "\f1b8"; }
.fa-automobile:before,
.fa-car:before {
content: "\f1b9"; }
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba"; }
.fa-tree:before {
content: "\f1bb"; }
.fa-spotify:before {
content: "\f1bc"; }
.fa-deviantart:before {
content: "\f1bd"; }
.fa-soundcloud:before {
content: "\f1be"; }
.fa-database:before {
content: "\f1c0"; }
.fa-file-pdf-o:before {
content: "\f1c1"; }
.fa-file-word-o:before {
content: "\f1c2"; }
.fa-file-excel-o:before {
content: "\f1c3"; }
.fa-file-powerpoint-o:before {
content: "\f1c4"; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5"; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6"; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7"; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8"; }
.fa-file-code-o:before {
content: "\f1c9"; }
.fa-vine:before {
content: "\f1ca"; }
.fa-codepen:before {
content: "\f1cb"; }
.fa-jsfiddle:before {
content: "\f1cc"; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd"; }
.fa-circle-o-notch:before {
content: "\f1ce"; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0"; }
.fa-ge:before,
.fa-empire:before {
content: "\f1d1"; }
.fa-git-square:before {
content: "\f1d2"; }
.fa-git:before {
content: "\f1d3"; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4"; }
.fa-tencent-weibo:before {
content: "\f1d5"; }
.fa-qq:before {
content: "\f1d6"; }
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7"; }
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8"; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9"; }
.fa-history:before {
content: "\f1da"; }
.fa-circle-thin:before {
content: "\f1db"; }
.fa-header:before {
content: "\f1dc"; }
.fa-paragraph:before {
content: "\f1dd"; }
.fa-sliders:before {
content: "\f1de"; }
.fa-share-alt:before {
content: "\f1e0"; }
.fa-share-alt-square:before {
content: "\f1e1"; }
.fa-bomb:before {
content: "\f1e2"; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3"; }
.fa-tty:before {
content: "\f1e4"; }
.fa-binoculars:before {
content: "\f1e5"; }
.fa-plug:before {
content: "\f1e6"; }
.fa-slideshare:before {
content: "\f1e7"; }
.fa-twitch:before {
content: "\f1e8"; }
.fa-yelp:before {
content: "\f1e9"; }
.fa-newspaper-o:before {
content: "\f1ea"; }
.fa-wifi:before {
content: "\f1eb"; }
.fa-calculator:before {
content: "\f1ec"; }
.fa-paypal:before {
content: "\f1ed"; }
.fa-google-wallet:before {
content: "\f1ee"; }
.fa-cc-visa:before {
content: "\f1f0"; }
.fa-cc-mastercard:before {
content: "\f1f1"; }
.fa-cc-discover:before {
content: "\f1f2"; }
.fa-cc-amex:before {
content: "\f1f3"; }
.fa-cc-paypal:before {
content: "\f1f4"; }
.fa-cc-stripe:before {
content: "\f1f5"; }
.fa-bell-slash:before {
content: "\f1f6"; }
.fa-bell-slash-o:before {
content: "\f1f7"; }
.fa-trash:before {
content: "\f1f8"; }
.fa-copyright:before {
content: "\f1f9"; }
.fa-at:before {
content: "\f1fa"; }
.fa-eyedropper:before {
content: "\f1fb"; }
.fa-paint-brush:before {
content: "\f1fc"; }
.fa-birthday-cake:before {
content: "\f1fd"; }
.fa-area-chart:before {
content: "\f1fe"; }
.fa-pie-chart:before {
content: "\f200"; }
.fa-line-chart:before {
content: "\f201"; }
.fa-lastfm:before {
content: "\f202"; }
.fa-lastfm-square:before {
content: "\f203"; }
.fa-toggle-off:before {
content: "\f204"; }
.fa-toggle-on:before {
content: "\f205"; }
.fa-bicycle:before {
content: "\f206"; }
.fa-bus:before {
content: "\f207"; }
.fa-ioxhost:before {
content: "\f208"; }
.fa-angellist:before {
content: "\f209"; }
.fa-cc:before {
content: "\f20a"; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b"; }
.fa-meanpath:before {
content: "\f20c"; }
.fa-buysellads:before {
content: "\f20d"; }
.fa-connectdevelop:before {
content: "\f20e"; }
.fa-dashcube:before {
content: "\f210"; }
.fa-forumbee:before {
content: "\f211"; }
.fa-leanpub:before {
content: "\f212"; }
.fa-sellsy:before {
content: "\f213"; }
.fa-shirtsinbulk:before {
content: "\f214"; }
.fa-simplybuilt:before {
content: "\f215"; }
.fa-skyatlas:before {
content: "\f216"; }
.fa-cart-plus:before {
content: "\f217"; }
.fa-cart-arrow-down:before {
content: "\f218"; }
.fa-diamond:before {
content: "\f219"; }
.fa-ship:before {
content: "\f21a"; }
.fa-user-secret:before {
content: "\f21b"; }
.fa-motorcycle:before {
content: "\f21c"; }
.fa-street-view:before {
content: "\f21d"; }
.fa-heartbeat:before {
content: "\f21e"; }
.fa-venus:before {
content: "\f221"; }
.fa-mars:before {
content: "\f222"; }
.fa-mercury:before {
content: "\f223"; }
.fa-intersex:before,
.fa-transgender:before {
content: "\f224"; }
.fa-transgender-alt:before {
content: "\f225"; }
.fa-venus-double:before {
content: "\f226"; }
.fa-mars-double:before {
content: "\f227"; }
.fa-venus-mars:before {
content: "\f228"; }
.fa-mars-stroke:before {
content: "\f229"; }
.fa-mars-stroke-v:before {
content: "\f22a"; }
.fa-mars-stroke-h:before {
content: "\f22b"; }
.fa-neuter:before {
content: "\f22c"; }
.fa-genderless:before {
content: "\f22d"; }
.fa-facebook-official:before {
content: "\f230"; }
.fa-pinterest-p:before {
content: "\f231"; }
.fa-whatsapp:before {
content: "\f232"; }
.fa-server:before {
content: "\f233"; }
.fa-user-plus:before {
content: "\f234"; }
.fa-user-times:before {
content: "\f235"; }
.fa-hotel:before,
.fa-bed:before {
content: "\f236"; }
.fa-viacoin:before {
content: "\f237"; }
.fa-train:before {
content: "\f238"; }
.fa-subway:before {
content: "\f239"; }
.fa-medium:before {
content: "\f23a"; }
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b"; }
.fa-optin-monster:before {
content: "\f23c"; }
.fa-opencart:before {
content: "\f23d"; }
.fa-expeditedssl:before {
content: "\f23e"; }
.fa-battery-4:before,
.fa-battery-full:before {
content: "\f240"; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241"; }
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242"; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243"; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244"; }
.fa-mouse-pointer:before {
content: "\f245"; }
.fa-i-cursor:before {
content: "\f246"; }
.fa-object-group:before {
content: "\f247"; }
.fa-object-ungroup:before {
content: "\f248"; }
.fa-sticky-note:before {
content: "\f249"; }
.fa-sticky-note-o:before {
content: "\f24a"; }
.fa-cc-jcb:before {
content: "\f24b"; }
.fa-cc-diners-club:before {
content: "\f24c"; }
.fa-clone:before {
content: "\f24d"; }
.fa-balance-scale:before {
content: "\f24e"; }
.fa-hourglass-o:before {
content: "\f250"; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251"; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252"; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253"; }
.fa-hourglass:before {
content: "\f254"; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255"; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256"; }
.fa-hand-scissors-o:before {
content: "\f257"; }
.fa-hand-lizard-o:before {
content: "\f258"; }
.fa-hand-spock-o:before {
content: "\f259"; }
.fa-hand-pointer-o:before {
content: "\f25a"; }
.fa-hand-peace-o:before {
content: "\f25b"; }
.fa-trademark:before {
content: "\f25c"; }
.fa-registered:before {
content: "\f25d"; }
.fa-creative-commons:before {
content: "\f25e"; }
.fa-gg:before {
content: "\f260"; }
.fa-gg-circle:before {
content: "\f261"; }
.fa-tripadvisor:before {
content: "\f262"; }
.fa-odnoklassniki:before {
content: "\f263"; }
.fa-odnoklassniki-square:before {
content: "\f264"; }
.fa-get-pocket:before {
content: "\f265"; }
.fa-wikipedia-w:before {
content: "\f266"; }
.fa-safari:before {
content: "\f267"; }
.fa-chrome:before {
content: "\f268"; }
.fa-firefox:before {
content: "\f269"; }
.fa-opera:before {
content: "\f26a"; }
.fa-internet-explorer:before {
content: "\f26b"; }
.fa-tv:before,
.fa-television:before {
content: "\f26c"; }
.fa-contao:before {
content: "\f26d"; }
.fa-500px:before {
content: "\f26e"; }
.fa-amazon:before {
content: "\f270"; }
.fa-calendar-plus-o:before {
content: "\f271"; }
.fa-calendar-minus-o:before {
content: "\f272"; }
.fa-calendar-times-o:before {
content: "\f273"; }
.fa-calendar-check-o:before {
content: "\f274"; }
.fa-industry:before {
content: "\f275"; }
.fa-map-pin:before {
content: "\f276"; }
.fa-map-signs:before {
content: "\f277"; }
.fa-map-o:before {
content: "\f278"; }
.fa-map:before {
content: "\f279"; }
.fa-commenting:before {
content: "\f27a"; }
.fa-commenting-o:before {
content: "\f27b"; }
.fa-houzz:before {
content: "\f27c"; }
.fa-vimeo:before {
content: "\f27d"; }
.fa-black-tie:before {
content: "\f27e"; }
.fa-fonticons:before {
content: "\f280"; }
.fa-reddit-alien:before {
content: "\f281"; }
.fa-edge:before {
content: "\f282"; }
.fa-credit-card-alt:before {
content: "\f283"; }
.fa-codiepie:before {
content: "\f284"; }
.fa-modx:before {
content: "\f285"; }
.fa-fort-awesome:before {
content: "\f286"; }
.fa-usb:before {
content: "\f287"; }
.fa-product-hunt:before {
content: "\f288"; }
.fa-mixcloud:before {
content: "\f289"; }
.fa-scribd:before {
content: "\f28a"; }
.fa-pause-circle:before {
content: "\f28b"; }
.fa-pause-circle-o:before {
content: "\f28c"; }
.fa-stop-circle:before {
content: "\f28d"; }
.fa-stop-circle-o:before {
content: "\f28e"; }
.fa-shopping-bag:before {
content: "\f290"; }
.fa-shopping-basket:before {
content: "\f291"; }
.fa-hashtag:before {
content: "\f292"; }
.fa-bluetooth:before {
content: "\f293"; }
.fa-bluetooth-b:before {
content: "\f294"; }
.fa-percent:before {
content: "\f295"; }
.fa-gitlab:before {
content: "\f296"; }
.fa-wpbeginner:before {
content: "\f297"; }
.fa-wpforms:before {
content: "\f298"; }
.fa-envira:before {
content: "\f299"; }
.fa-universal-access:before {
content: "\f29a"; }
.fa-wheelchair-alt:before {
content: "\f29b"; }
.fa-question-circle-o:before {
content: "\f29c"; }
.fa-blind:before {
content: "\f29d"; }
.fa-audio-description:before {
content: "\f29e"; }
.fa-volume-control-phone:before {
content: "\f2a0"; }
.fa-braille:before {
content: "\f2a1"; }
.fa-assistive-listening-systems:before {
content: "\f2a2"; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3"; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4"; }
.fa-glide:before {
content: "\f2a5"; }
.fa-glide-g:before {
content: "\f2a6"; }
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7"; }
.fa-low-vision:before {
content: "\f2a8"; }
.fa-viadeo:before {
content: "\f2a9"; }
.fa-viadeo-square:before {
content: "\f2aa"; }
.fa-snapchat:before {
content: "\f2ab"; }
.fa-snapchat-ghost:before {
content: "\f2ac"; }
.fa-snapchat-square:before {
content: "\f2ad"; }
.fa-pied-piper:before {
content: "\f2ae"; }
.fa-first-order:before {
content: "\f2b0"; }
.fa-yoast:before {
content: "\f2b1"; }
.fa-themeisle:before {
content: "\f2b2"; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3"; }
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4"; }
.sr-only {
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }
/* ----------------------------- *
* Declare the Lora type fonts
* ----------------------------- */
@font-face {
font-family: 'lorabold'; src: url("../fonts/lora-bold.ttf") format("truetype"); font-style: normal; }
@font-face {
font-family: 'loraregular'; src: url("../fonts/lora-regular.ttf") format("truetype"); font-style: normal; }
/*
$gray-17 : #969090;*/
/* ------------------ *
* Reset HTML5 elements
* ------------------ */
html {
font-family: europa, arial; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
html,
body,
* {
margin: 0; padding: 0; }
body {
font-size: 14px; font-family: "europa"; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
body, html {
font-size: 13px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
body, html {
font-size: 12px; }
}
@media (max-width: 767px) {
body, html {
font-size: 11px; }
}
input,
button,
a,
img {
outline: none !important; }
img {
vertical-align: middle; }
h1,
h2,
h3,
p {
margin: 0; padding: 0; text-transform: capitalize; }
a {
text-decoration: none; }
a:hover, a:focus, a:active {
text-decoration: none !important; outline: none !important; }
ul {
list-style: none; }
ul li {
list-style-type: none; }
/* ------------------ *
* Input Elements
* ------------------ */
body .wrapper select {
height: 42px; width: 100%; padding-left: 10px; border: 1px solid #f0efef; font-size: 1rem; font-family: "europa"; color: #555555; outline: 0 !important; -moz-appearance: none; -webkit-appearance: none; -ms-user-select: none; background-image: url(../images/form/drop-down.png); background-position: right center; background-size: auto 100%; background-repeat: no-repeat; }
body select::-ms-expand {
display: none; }
/* ------------------ *
* White content section
* ------------------ */
.content-section.gray {
background-color: #f8f7f7; }
body {
/* ----------------- *
* Validation Message
* ------------------ */
/* -------------------------------------------- *
* Messages
*/
/* -------------------------------------------- *
* Messages
*/ }
body p.required, body .validation-advice {
text-transform: none; font-size: 12px; }
body .success {
color: #11B400; }
body .error {
color: #DF280A; font-weight: bold; }
body .notice {
color: #ff7709; font-weight: bold; }
body .messages {
margin: 0 auto; display: block; }
body .messages li li {
position: relative; margin-bottom: 0; padding: 11px 15px 10px 25px; font-size: 13px; font-family: "europa"; font-weight: 500; background-color: #fff; border: none; text-transform: uppercase; letter-spacing: 1px; }
body .messages .error-msg li {
color: #DF280A; background-color: #fff; border: none; }
body .messages .error-msg li:before {
font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; border: none; content: "\f00d"; }
body .messages .notice-msg li {
color: #ff7709; background-color: #fff; border: none; }
body .messages .notice-msg li:before {
font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; border: none; content: "\f06a"; }
body .messages .success-msg li {
color: #11B400; background-color: #fff; border: none; }
body .messages .success-msg li:before {
font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; border: none; content: "\f00c"; }
/* -------------------------------------------- *
* Coming Soon page
*/
.ll-coming-soon .detail-container {
text-align: center; padding-top: 160px; padding-bottom: 180px; }
.ll-coming-soon .detail-container h1 {
font-size: 2.14rem; font-family: "europa"; color: #d5a968 !important; margin: 0; }
/*@import "common/customize";*/
/* ------
* Header
* ------ */
header .continer,
header #header-search {
position: relative; }
header #header-search {
top: 0; width: 100%; }
#header {
-webkit-transition: 1s ease position; -moz-transition: 1s ease position; -transition: 1s ease position; background: #351f39; max-width: none; padding-top: 10px; top: 0; }
#header #qbutton-19 {
width: 100%; padding: 0 15px; }
#header .header-top-discount-text img {
display: inline-block; vertical-align: top; padding-right: 9px; }
#header .header-top-discount-text p {
display: inline-block; vertical-align: top; font-size: 10px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; }
#header .header-logo-section a.logo {
float: left; margin: auto; display: block; }
#header .header-logo-section .large {
margin: 0 auto; }
#header .header-top-right-section .account-cart-wrapper {
top: -15px; }
#header .header-top-right-section .account-cart-wrapper a {
background: transparent; font-size: 11px; font-family: "europa"; font-weight: 400; color: #d1d2d1; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; height: auto; line-height: 140%; }
#header .header-top-right-section .account-cart-wrapper a:hover {
color: #fff; }
#header .header-top-right-section .header-top-minicart .skip-cart .icon {
background-image: url(../images/header/icon/cart-icon.png); background-position: 0 0; height: 16px; width: 20px; }
#header .header-top-right-section .header-top-minicart .skip-cart:hover .icon {
background-image: url(../images/header/icon/cart-icon-hover.png); background-position: 0 0; }
#header .header-top-right-section .header-top-minicart .count {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #d1d2d1; margin: 0 0 0; padding: 0px; position: absolute; top: -1px; right: 12px; }
#header .header-top-right-section .header-top-minicart .count:before {
padding: 0 3px; color: #d1d2d1; display: none; }
#header .header-top-right-section .header-top-minicart .count:after {
padding: 0 3px; color: #d1d2d1; display: none; }
#header .header-top-right-section .navigation-wrapper {
position: relative; }
#header .header-top-right-section .skip-link .label {
padding-top: 5px; }
#header .header-top-right-section .skip-link {
background-color: transparent; }
#header .header-top-right-section .skip-link.skip-active {
background-color: transparent; background-image: url(../images/header/drop-down-images.png); background-position: center 90%; background-repeat: no-repeat; }
#header .header-top-right-section .account-cart-wrapper {
position: relative; display: inline-block; }
#header .header-top-right-section .account-cart-wrapper .skip-account {
margin-right: 10px; display: inline-block; margin-top: 0px; }
#header .header-top-right-section .free-shipping-text {
font-size: 11px; font-family: "europa"; font-weight: 400; color: #fff; margin: 24px 0 0; padding: 0 0 0; text-transform: uppercase; text-align: right; }
#header .ms-megamenu .ms-topmenu {
background: #351F39; margin-bottom: 9px; }
#header .ms-megamenu .ms-topmenu li a {
padding-right: 0; }
#header .ms-megamenu .ms-topmenu li a:hover {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; }
#header .ms-topmenu .ms-level0.active .ms-label, #header .ms-topmenu .ms-level0:hover .ms-label, #header .ms-topmenu .ms-level0:active .ms-label, #header .ms-topmenu .ms-level0:focus .ms-label {
background-color: transparent !important; }
#header .ms-megamenu {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; /* sub navigation*/ }
#header .ms-megamenu ul li {
margin-right: 5.7%; /*&:last-child{
margin-right: 0; }*/ }
#header .ms-megamenu ul li a {
text-transform: uppercase; letter-spacing: 1px; }
#header .ms-megamenu ul li a:first-child {
padding-left: 0; }
#header .ms-megamenu ul#ms-topmenu {
/* > li:last-child{
padding-right :0; float : left; text-indent : -9999px; overflow : hidden; width : 30px; height : 50px;
a{
display : inline-block; background-image : url(../images/header/icon/search-icon.png); background-position : 0px -30px; padding-right : 0; padding-left : 0; width : 30px; height : 30px; margin-top : 15px;
&:hover{
background-position: 0px 0px !important; }
}
}*/ }
#header .ms-megamenu .sub_left {
padding: 60px 43px; border-bottom: 3px solid #221649; -webkit-box-shadow: 0px 2px 8px 1px #d4d3d1; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 2px 8px 1px #d4d3d1; /* Firefox 3.5 - 3.6 */
box-shadow: 0px 2px 8px 1px #d4d3d1; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ }
#header .ms-megamenu .sub_left .sub-menu-inner-left {
border-right: 1px solid #f0efef; }
#header .ms-megamenu .sub_left .sub-menu-inner-left h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 40px; padding: 0 0 0; /*text-transform : none ;*/ }
#header .ms-megamenu .sub_left .sub-menu-inner-left ul li {
width: 49%; float: left; margin-right: 0; margin-bottom: 5px; }
#header .ms-megamenu .sub_left .sub-menu-inner-left ul li a {
font-size: 13px; font-family: "europa"; font-weight: 700; color: #221649; margin: 0 0 0; padding: 0 0 0; text-decoration: none; }
#header .ms-megamenu .sub-menu-inner-right a {
text-decoration: none; }
#header .ms-megamenu .sub-menu-inner-right .image-block img {
display: block; position: relative; }
#header .ms-megamenu .sub-menu-inner-right .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 30px; left: 79px; margin: 0 auto; }
#header .ms-megamenu .sub-menu-inner-right .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
#header .ms-megamenu .sub-menu-inner-right .detail-block {
padding-top: 40px; }
#header .ms-megamenu .sub-menu-inner-right .detail-block span {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #d5a968; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; }
#header .ms-megamenu .sub-menu-inner-right .detail-block h2 {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #555555; margin: 7px 0 0; padding: 0 0 0; letter-spacing: 1px; }
#header .ms-megamenu .sub-menu-inner-right .detail-block p {
font-size: 1.43rem; font-family: "europa"; font-weight: 700; color: #000; margin: 15px 0 0; padding: 9px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
#header .ms-megamenu .sub_right {
padding: 60px; border-bottom: 3px solid #221649; }
#header .ms-megamenu .sub_right .sub-menu-inner-left {
border-right: 1px solid #f0efef; }
#header .ms-megamenu .sub_right .sub-menu-inner-left h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 40px; padding: 0 0 0; /*text-transform : none ;*/ }
#header .ms-megamenu .sub_right .sub-menu-inner-left ul li {
width: 49%; float: left; margin-right: 0; margin-bottom: 7px; }
#header .ms-megamenu .sub_right .sub-menu-inner-left ul li a {
font-size: 0.93rem; font-family: "europa"; font-weight: 400; color: #221649; margin: 0 0 0; padding: 0 0 0; text-decoration: none; }
#header .head-search-wrapper {
position: absolute; top: 160px; z-index: 55; display: none; }
#header #search_mini_form .search-button:before {
display: none; }
#header #search_mini_form .search-button {
text-indent: 0px; position: absolute; top: 10px; right: 10px; width: 150px; height: 40px; border: 0; background: #59a1bb; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; padding: 0 0 0; }
#header .head-search-wrapper .input-box {
padding: 10px; background: #fff; -webkit-box-shadow: 0px 0px 20px 1px #555555; -moz-box-shadow: 0px 0px 20px 1px #555555; box-shadow: 0px 0px 20px 1px #555555; }
#header #header-nav {
display: block; border-bottom: none; }
#header #search {
border: none; background-image: url(../images/header/icon/search.png); background-position: left 9px; background-repeat: no-repeat; padding-right: 45px; padding-left: 35px; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #000; }
#header #search:-ms-input-placeholder#search {
padding-right: 45px; padding-left: 35px !important; }
#header .search-autocomplete:before {
display: none; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search::-webkit-input-placeholder {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search:-moz-placeholder {
/* Firefox 18- */
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search::-moz-placeholder {
/* Firefox 19+ */
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search:-ms-input-placeholder {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #header-account {
padding: 43px; }
#header #header-account.skip-active {
right: 15px; width: 296px; border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #221649; }
#header #header-account.skip-active h2 {
font-size: 1.29rem; font-family: "europa"; color: #221649; margin: 0 0 0; text-transform: none; }
#header #header-account.skip-active ul {
margin-top: 20px; }
#header #header-account.skip-active ul li {
border-bottom: 1px solid #d1d2d1; padding-bottom: 15px; padding-top: 15px; }
#header #header-account.skip-active ul li a {
font-size: 1rem; font-family: "europa"; font-weight: 500; color: #221649; margin: 0 0 0; text-transform: none; text-align: left; text-transform: uppercase; }
#header .header-top-right-section .account-cart-wrapper .skip-active {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 12px; }
.ll-login-active {
font-size: 1rem; font-family: "europa"; font-weight: 700; }
#header .div-temp {
display: none !important; height: 0; overflow: hidden; }
.ms-topmenu #submenu-1 {
left: -15px !important; }
.skip-links {
float: right; }
.skip-links-inner .minicart-wrapper {
border-bottom: 3px solid #221649; z-index: 99; padding: 54px 30px 40px; }
.skip-links-inner .minicart-wrapper .mini-products-list {
padding: 0; }
.skip-links-inner .minicart-wrapper .mini-products-list ul {
padding: 0; }
.skip-links-inner .minicart-wrapper .mini-products-list ul li {
padding: 0; }
.skip-links-inner .minicart-wrapper h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 30px; text-transform: capitalize; }
.skip-links-inner .minicart-wrapper .product-details {
margin-left: 0; }
.skip-links-inner .minicart-wrapper .product-details .product-image {
border: none; }
.skip-links-inner .minicart-wrapper .product-details .product-name {
text-align: left; }
.skip-links-inner .minicart-wrapper .product-details .product-name a {
font-size: 12px; font-family: "europa"; font-weight: 600; color: #555555; margin: 0 0 0; line-height: 16px; }
.skip-links-inner .minicart-wrapper .product-details .qty {
border: none; width: 57%; }
.skip-links-inner .minicart-wrapper .product-details .price {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.skip-links-inner .minicart-wrapper .product-details .price {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; color: #000; margin: 0 0 0; }
.skip-links-inner .minicart-wrapper .product-details .info-wrapper {
width: 100%; }
.skip-links-inner .minicart-wrapper .product-details .info-wrapper tr td {
padding-left: 5px; padding-right: 5px; }
.skip-links-inner .minicart-wrapper .product-details .info-wrapper tr td:first-child {
padding-left: 0px; }
.skip-links-inner .minicart-wrapper .product-details .info-wrapper tr td:last-child {
padding-right: 0px; }
.skip-links-inner .minicart-wrapper .product-details .product-cart-info {
text-align: left; }
.skip-links-inner .minicart-wrapper .block-content {
margin-top: 0; }
.skip-links-inner .minicart-wrapper .block-content .subtotal {
border-bottom: 1px solid #d1d2d1; background: #fff; padding-top: 12px; padding-bottom: 12px; }
.skip-links-inner .minicart-wrapper .block-content .subtotal .label {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; display: inline-block; width: 65%; }
.skip-links-inner .minicart-wrapper .block-content .subtotal .price {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; display: inline-block; width: 25%; font-weight: bold; }
.skip-links-inner .header-minicart .minicart-actions {
padding: 0; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; text-align: left; text-decoration: underline !important; display: inline-block; margin: 0 0; }
.skip-links-inner .header-minicart .minicart-actions .cart-link {
right: 0; margin: 21px 0; display: inline-block; text-decoration: underline; }
.skip-links-inner .header-minicart .minicart-actions .checkout-types li {
float: left; }
.skip-links-inner .header-minicart .minicart-actions .checkout-types .continue_shopping {
background: #d5a968; padding: 16px 27px; margin-right: 30px; }
.skip-links-inner .header-minicart .minicart-actions .checkout-types .checkout-button-1 {
background: #59a1bb; padding: 16px 27px; }
.skip-links-inner #header-cart {
width: 425px !important; right: 23px !important; }
.skip-links-inner .header-minicart .mini-products-list li {
padding: 8px 0; margin: 0; border-bottom: 1px solid #d1d2d1 !important; }
#header-cart.skip-active {
border: none !important; }
.skip-active {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; }
.ms-topmenu .ms-label {
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.header-fixed header#header .skip-link.skip-account .icon.visible-xs:hover {
background-position: -34px -36px; }
.logo:hover {
opacity: 1.0 !important; }
#ms-topmenu {
margin-left: 15px; }
#header #header-account.skip-active ul li a {
font-weight: 700; }
#header #header-account.skip-active ul li a b {
font-weight: 400; }
#header-cart.skip-active {
z-index: 720 !important; }
#header-account.skip-active {
z-index: 720 !important; }
.minicart-wrapper .info-wrapper tbody {
border: none !important; }
.skip-links-inner .minicart-wrapper .mini-products-list {
padding: 0; height: auto; overflow-y: auto; max-height: 180px; }
.customer-account .account-cart-wrapper {
top: -10px !important; }
.minicart .minicart-increment-qty {
position: relative; top: 16px; left: -3px; background: transparent; padding-top: 8px; padding-left: 5px; }
.minicart .minicart-increment-qty .increase-qty {
text-indent: -9999px; overflow: hidden; display: block; width: 15px; height: 15px; }
.minicart .minicart-increment-qty .decrease-qty {
text-indent: -9999px; overflow: hidden; display: block; width: 15px; height: 15px; }
.minicart .minicart-increment-qty .increase-qty::before {
content: ""; display: block; background: url(../images/up-arrow.png) no-repeat; width: 15px; height: 12px; margin: 0 0 0; cursor: pointer; }
.minicart .minicart-increment-qty .decrease-qty::before {
content: ""; display: block; background: url(../images/down-arrow.png) no-repeat; width: 15px; height: 12px; margin: 0 0 0; cursor: pointer; }
.minicart-wrapper .minicart {
margin-top: -15px; }
.minicart-wrapper .info-wrapper tr td:nth-child(1) {
width: 15%; }
.minicart-wrapper .info-wrapper tr td:nth-child(2) {
width: 35%; }
.minicart-wrapper .info-wrapper tr td:nth-child(3) {
width: 20%; }
.minicart-wrapper .info-wrapper tr td:nth-child(4) {
width: 20%; }
.minicart-wrapper .info-wrapper tr td:nth-child(5) {
width: 5%; }
.minicart-wrapper .info-wrapper tr td .product-name a {
word-break: break-word; }
.skip-links-inner .minicart-wrapper .product-details .product-name a {
word-wrap: break-word; }
.header-minicart #minicart-success-message {
text-align: center; color: green; display: none; position: absolute; }
.chekout-pagination .data-table thead th:nth-child(6) {
text-align: left; }
.chekout-pagination .data-table tbody tr .product-cart-info {
text-align: left; }
.chekout-pagination .data-table tbody td .item-options {
margin-left: 0px; margin-top: 10px; }
.header-minicart .minicart-actions .cart-link {
height: 33px; line-height: 39px; color: #59a1bb; font-size: 13px; font-weight: 600; }
p.product-name {
line-height: 12px; }
.skip-links-inner .minicart-wrapper .product-details .product-name {
line-height: 12px !important; }
/* ----------------------------
* Breadcrumbs section
* ----------------------------*/
.breadcrumb-section {
padding: 25px 0 14px; background-color: #f0efef; }
.breadcrumb-section .breadcrumbs {
margin: 0; }
.breadcrumb-section .breadcrumbs ul li a {
color: #59a1bb; font-size: 1rem; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.breadcrumb-section .breadcrumbs ul li a:hover {
color: #555555; text-decoration: none; }
.breadcrumb-section .breadcrumbs ul li span {
padding: 0 15px; }
.breadcrumb-section .breadcrumbs ul li strong {
font-size: 1rem; font-family: "europa"; font-weight: 600; color: #555555; }
.breadcrumb-section.error-breadcrumb {
padding: 25px 0; }
.breadcrumb-section.white {
padding: 25px 0; background-color: #fff; }
.footer {
background-color: #351f39; padding: 50px 0; }
.footer .left .row-inner {
min-height: 230px; border-right: 1px solid #443048; padding-top: 30px; }
.footer .left .block-subscribe {
float: none !important; }
.footer .left .block-title {
border: none; }
.footer .left .block-title strong span {
font-size: 1.29rem; font-family: "europa"; color: #fff; margin: 0 0 15px; text-transform: none; }
.footer .left ul li {
float: left; text-indent: -9999px; overflow: hidden; margin-right: 15px; }
.footer .left ul li a {
color: #918ba4; margin: 0; font-size: 18px; width: 25px; height: 40px; display: block; }
.footer .left ul .facebook a {
background-image: url(../images/footer/social-media-stripe.png); background-position: 0px -40px; }
.footer .left ul .facebook a:hover {
background-position: 0px 0px; }
.footer .left ul .twitter a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -42px 40px; }
.footer .left ul .twitter a:hover {
background-position: -42px 0px; }
.footer .left ul .youtube a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -88px -40px; }
.footer .left ul .youtube a:hover {
background-position: -88px 0px; }
.footer .left ul .instagram a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -135px -40px; }
.footer .left ul .instagram a:hover {
background-position: -135px 0px; }
.footer .left ul .pinterest a {
background-image: url(../images/footer/social-media-stripe.png); background-position: 25px -40px; }
.footer .left ul .pinterest a:hover {
background-position: 25px 0px; }
.footer .left .block-subscribe .input-text {
background-color: #151515; color: #555555; font-size: 1rem; font-family: "europa"; border: none; }
.footer .left .block-content #newsletter::-webkit-input-placeholder {
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.footer .left .block-content #newsletter:-moz-placeholder {
/* Firefox 18- */
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.footer .left .block-content #newsletter::-moz-placeholder {
/* Firefox 19+ */
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.footer .left .block-content #newsletter:-ms-input-placeholder {
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.footer .left .actions {
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.footer .mid .row-inner {
border-right: 1px solid #443048; min-height: 230px; padding-top: 30px; }
.footer .mid .row-inner ul li {
margin-bottom: 10px; }
.footer .mid .row-inner ul li a {
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #918ba4; margin: 0 0 15px; text-transform: uppercase; }
.footer .mid .row-inner ul li a:hover {
color: #fff; }
.footer .right .row-detail {
padding-top: 30px; }
.footer .right .row-detail h3 {
font-size: 1.29rem; font-family: "europa"; color: #fff; margin: 0 0 15px 15px; text-transform: none; }
.footer .right .row-detail img {
display: inline-block; padding-right: 15px; }
.footer .right .row-detail a {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 14px; display: inline-block; }
.footer .right .row-detail p {
font-size: 0.86rem; font-family: "europa"; font-weight: 400; color: #918ba4; margin: 0 14px 42px; display: inline-block; text-transform: none; }
.footer .right address {
border-top: none; }
.footer .right .copyright {
font-size: 0.86rem; font-family: "europa"; font-weight: 400; color: #575757; margin: 0 14px; display: inline-block; text-align: left; text-transform: none; }
.footer .right .copyright a {
font-size: 0.86rem; font-family: "europa"; font-weight: 400; color: #575757; margin: 0; display: inline-block; }
.footer .right .copyright a:hover {
color: #fff; }
/* ------------
* fixed Header
* ------------ */
body.header-fixed header#header {
-webkit-transition: 1s ease position; -moz-transition: 1s ease position; -transition: 1s ease position; top: 0; left: 0; bottom: 0; position: fixed; height: 80px; width: 100%; z-index: 1002; /** Hide Elements in Fixed Header **/
/** Fixed Header Logo **/
/** Fix Header my Account **/
/** Fix Header Search**/
/** Fix Header Mega menu **/ }
body.header-fixed header#header .header-top-right-section {
float: right; top: 8px; }
body.header-fixed header#header .header-top-discount-text,
body.header-fixed header#header .free-shipping-text,
body.header-fixed header#header a img.large,
body.header-fixed header#header .skip-link.skip-account .label.hidden-xs {
display: none !important; }
body.header-fixed header#header .logo {
max-width: 120px; min-height: 2px; padding: 0; margin-top: 15px; }
body.header-fixed header#header a img.small,
body.header-fixed header#header .skip-link.skip-account .icon.visible-xs {
display: block !important; }
body.header-fixed header#header .skip-active {
z-index: 56; }
body.header-fixed header#header .header-top-right-section .account-cart-wrapper .skip-account {
margin-right: 1px; display: inline-block; margin-top: -2px; }
body.header-fixed header#header .skip-link.skip-account .icon.visible-xs {
width: 24px; height: 17px; background-position: 4px -36px; background-size: 76px auto; }
body.header-fixed header#header .head-search-wrapper {
top: 70px; }
body.header-fixed header#header .ms-megamenu {
position: absolute; top: -4px; left: 180px; }
body.header-fixed header#header .ms-megamenu ul.ms-topmenu#ms-topmenu > li {
margin-right: 35px; /*&:last-child {
margin-left: 15px; margin-right: 0px; a {
margin-top: 9px; background-position: 0 0 !important; &:hover {
background-position: 0 -30px !important;
}
}
}*/ }
body.header-fixed header#header .ms-megamenu ul.ms-topmenu#ms-topmenu > li > a {
font-size: 13px; font-family: "europa"; font-weight: 500; }
/* ----------------------------
* Home Page
* ----------------------------*/
.ll-cms-home {
/* ----------------------------
* Home Slider Section
* ----------------------------*/
/* ----------------------------
* You will love these products Section
* ----------------------------*/
/* ----------------------------
* Thrive Naturally Section
* ----------------------------*/
/* ----------------------------
* Expert Spotlight Section
* ----------------------------*/
/* ----------------------------
* Discover The Truth Section
* ----------------------------*/
/* ----------------------------
* Our favorites. Indulge with us Section
* ----------------------------*/
/* ----------------------------
* Keep up with the latest tips, news & trends Section
* ----------------------------*/ }
.ll-cms-home .slideshow-container {
border: none; }
.ll-cms-home .slideshow-container .slide {
position: relative; }
.ll-cms-home .slideshow-container .slide .content {
position: absolute; top: 10%; left: 7%; }
.ll-cms-home .slideshow-container .slide .content h1 {
font-size: 3.86rem; font-family: "europa"; text-transform: inherit; margin: 0 0 18px; color: #333333; line-height: 54px; }
.ll-cms-home .slideshow-container .slide .content p {
font-size: 2rem; font-family: "europa"; font-weight: 400; text-transform: inherit; margin: 0 0 30px; color: #666666; line-height: 40px; text-transform: none; }
.ll-cms-home .slideshow-container .slide .content a {
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0; background-color: #59a1bb; text-transform: uppercase; padding: 15px 33px; display: inline-block; text-decoration: none; }
.ll-cms-home .slideshow-container .slideshow-pager span:before {
width: 6px; height: 6px; border-radius: 50%; background-color: #947870; }
.ll-cms-home .slideshow-container .slideshow-pager span.cycle-pager-active:before {
background-color: #000; }
.ll-cms-home .slideshow-container .slideshow-pager span {
width: 20px; height: 44px; }
.ll-cms-home .slideshow-container .slideshow {
border: none; }
.ll-cms-home .y-w-l-t-p-section {
padding: 40px 0 54px; /*------------ Slider Update ----------------*/ }
.ll-cms-home .y-w-l-t-p-section a {
text-decoration: none; }
.ll-cms-home .y-w-l-t-p-section .orange {
/*@include custom-font(2.14rem,'europa');*/
font-size: 2.14rem; font-family: "europa"; color: #d5a968; margin: 0; text-align: center; /*text-transform : none;*/
text-transform: uppercase; }
.ll-cms-home .y-w-l-t-p-section .large {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #666666; margin: 18px 0 3px; text-align: center; text-transform: none; }
.ll-cms-home .y-w-l-t-p-section .small {
font-size: 0.93rem; font-family: "europa"; font-weight: 500; color: #666666; margin: 0; text-align: center; text-transform: uppercase; }
.ll-cms-home .y-w-l-t-p-section .bottom-row {
margin-top: 40px; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product h3.brand {
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #59a1bb; text-transform: uppercase; margin-bottom: 0px; height: 20px; overflow: hidden; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .product-name {
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; padding-right: 47px; text-transform: uppercase; min-height: 38px; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .price {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; color: #000; margin: 12px 0 0; display: inline-block; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .special-price {
font-size: 1.43rem; font-family: "europa"; font-weight: 700; color: #000; margin: 12px 0 0; display: inline-block; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .old-price {
font-size: 1.43rem; font-family: "europa"; font-weight: 700; color: #000; margin: 12px 0 0; display: inline-block; text-decoration: line-through; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .image-block img {
display: block; margin: 0 auto; position: relative; width: 100%; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 115px; left: 0; right: 0; margin: 0 auto; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
.ll-cms-home .y-w-l-t-p-section .yerslider-prevnext {
background: transparent; }
.ll-cms-home .y-w-l-t-p-section .yerslider-next,
.ll-cms-home .y-w-l-t-p-section .yerslider-prev {
width: 17px; height: 32px; }
.ll-cms-home .y-w-l-t-p-section .yerslider-next {
right: -40px; background: transparent url(../images/slider-right-arrow.png) no-repeat; background-position: center; }
.ll-cms-home .y-w-l-t-p-section .yerslider-prev {
left: -50px; background: transparent url(../images/slider-left-arrow.png) no-repeat; background-position: center; }
.ll-cms-home .y-w-l-t-p-section .yerslider-next:after {
display: none; }
.ll-cms-home .y-w-l-t-p-section .yerslider-prev:after {
display: none; }
.ll-cms-home .y-w-l-t-p-section ul li.yerslider-slide {
border: none; }
.ll-cms-home .tn-section {
background-color: #351f39; padding: 60px 0; }
.ll-cms-home .tn-section h1 {
/*@include custom-font(2.14rem,'europa');*/
font-size: 2.14rem; font-family: "europa"; color: #fff; margin: 0 0 13px; text-align: center; /*text-transform : none;*/ }
.ll-cms-home .tn-section p {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0; text-align: center; text-transform: none; padding: 0 50px; }
.ll-cms-home .es-section {
padding: 0 0 65px; }
.ll-cms-home .es-section .top-row {
padding: 50px 0 30px; }
.ll-cms-home .es-section .top-row .orange {
/*@include custom-font(2.14rem,'europa');*/
font-size: 2.14rem; font-family: "europa"; color: #d5a968; margin: 0; text-align: center; text-transform: none; }
.ll-cms-home .es-section .bottom-row .es-block img {
width: 100%; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 7px; text-align: center; text-transform: none; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block p {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; text-align: center; min-height: 65px; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block h6 {
text-align: center; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block h6 a {
font-size: 1rem; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block h6 a:hover {
color: #555555; }
.ll-cms-home .dtt-section {
background-color: #351f39; padding: 50px 0; }
.ll-cms-home .dtt-section .top-row {
padding: 0 0 55px; }
.ll-cms-home .dtt-section .top-row .white {
/*@include custom-font(2.14rem,'europa');*/
font-size: 2.14rem; font-family: "europa"; color: #fff; margin: 0 0 15px; text-align: center; text-transform: none; }
.ll-cms-home .dtt-section .top-row .large {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 13px 0 3px; text-align: center; text-transform: none; }
.ll-cms-home .dtt-section .bottom-row a {
text-decoration: none; }
.ll-cms-home .dtt-section .bottom-row a .image-block img {
display: block; margin: 0 auto; position: relative; }
.ll-cms-home .dtt-section .bottom-row a .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 77px; left: 0; right: 0; margin: 0 auto; }
.ll-cms-home .dtt-section .bottom-row a .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
.ll-cms-home .dtt-section .bottom-row a .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #fff; margin: 38px 0 21px; text-transform: none; }
.ll-cms-home .dtt-section .bottom-row a .bottom-block p {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #999999; margin: 0 0 0; text-decoration: none; text-transform: none; }
.ll-cms-home .ofi-section {
padding-bottom: 50px; }
.ll-cms-home .ofi-section .container {
border-top: 2px solid #eee; }
.ll-cms-home .ofi-section .top-row {
padding: 60px 0 60px; }
.ll-cms-home .ofi-section .top-row .orange {
/*@include custom-font(2.14rem,'europa');*/
font-size: 2.14rem; font-family: "europa"; color: #d5a968; margin: 0; text-align: center; text-transform: none; }
.ll-cms-home .ofi-section .top-row .large {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #666666; margin: 18px 0 3px; text-align: center; text-transform: none; }
.ll-cms-home .ofi-section .top-row .small {
font-size: 0.93rem; font-family: "europa"; font-weight: 500; color: #666666; margin: 0; text-align: center; text-transform: uppercase; }
.ll-cms-home .ofi-section .yerslider-prev {
left: -50px; }
.ll-cms-home .ofi-section .yerslider-next {
right: -50px; }
.ll-cms-home .ofi-section .yerslider-slide {
background-color: transparent; height: auto !important; border: none; }
.ll-cms-home .ofi-section .yerslider-prev:after {
content: url("../images/slider-left-arrow.png"); display: block; position: absolute; top: 20px; right: 12px; border: none; }
.ll-cms-home .ofi-section .yerslider-next:after {
content: url("../images/slider-right-arrow.png"); display: block; position: absolute; top: 20px; left: 12px; border: none; }
.ll-cms-home .ofi-section .yerslider-prevnext {
top: 36%; }
.ll-cms-home .ofi-section .bottom-block h3 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 0px; text-transform: none; }
.ll-cms-home .ofi-section .bottom-block p {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; background-color: transparent; min-height: 65px; }
.ll-cms-home .ofi-section .bottom-block h6 {
text-align: center; }
.ll-cms-home .ofi-section .bottom-block h6 a {
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-cms-home .ofi-section .bottom-block h6 a:hover {
color: #555555; background-image: url(../images/shop-more-hover.png); }
.ll-cms-home .ofi-section .bottom-block a {
font-size: 1rem; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 0px 0 0; text-align: left; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 0px; text-transform: uppercase; display: block; width: auto; float: left; height: 20px; padding-top: 6px; text-decoration: none; clear: both; }
.ll-cms-home .ofi-section .bottom-block a:hover {
color: #555555; background-image: url(../images/shop-more-hover.png); }
.ll-cms-home .rh-section {
background-color: #f6f6f6; }
.ll-cms-home .rh-section .top-row {
padding: 50px 0 30px; }
.ll-cms-home .rh-section .top-row .orange {
font-size: 2.14rem; font-family: "europa"; color: #d5a968; margin: 0 0 12px; text-align: center; /*text-transform : none;*/ }
.ll-cms-home .rh-section .top-row .large {
font-size: 18px; font-family: "europa"; font-weight: 700; color: #666666; margin: 0 0 7px; text-align: center; text-transform: none; }
.ll-cms-home .rh-section .top-row .small {
font-size: 13px; font-family: "europa"; font-weight: 500; color: #666666; margin: 0; text-align: center; text-transform: none; }
.ll-cms-home .rh-section .bottom-row {
padding: 25px 0 65px; }
.ll-cms-home .rh-section .bottom-row .es-block .image-block img {
width: 100%; }
.ll-cms-home .rh-section .bottom-row .es-block .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 7px; text-transform: none; font-weight: 700; }
.ll-cms-home .rh-section .bottom-row .es-block .bottom-block p {
font-size: 16px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; min-height: 65px; text-transform: none; }
.ll-cms-home .rh-section .bottom-row .es-block .bottom-block a {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-cms-home .ofi-section .yerslider-prev:after {
right: 38px; }
.ll-cms-home .ofi-section .yerslider-next:after {
left: 38px; }
.yerslider-prevnext {
background-color: transparent !important; }
.ll-cms-home .rh-section .bottom-row .es-block .bottom-block a:hover {
color: #555555; }
.ll-cms-home .ofi-section .bottom-block a:hover {
color: #555555; }
.rh-section .bottom-row .es-block .bottom-block a:hover {
color: #555555 !important; }
/* ----------------------------
* News letter popup
* ----------------------------*/
#newsletter-popup {
position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 110; overflow-y: auto; }
#newsletter-popup .sub-container {
width: 90%; max-width: 570px; position: relative; margin: 10% auto; background-color: #fff; text-align: center; }
#newsletter-popup .sub-container .close-icon {
width: 15px; height: 15px; display: block; right: 20px; top: 20px; position: absolute; text-indent: -999px; overflow: hidden; background-image: url(../images/close-icon.png); background-position: center center; background-repeat: no-repeat; }
#newsletter-popup .sub-container .close-icon:hover {
background-image: url(../images/close-icon-hover.png); }
#newsletter-popup .sub-container .content-section {
width: 100%; display: block; float: left; background-color: #fff; }
#newsletter-popup .sub-container .content-section a.popup-logo {
width: 145px; margin: auto; display: block; clear: both; }
#newsletter-popup .sub-container .content-section a.popup-logo img {
max-width: 100%; }
#newsletter-popup .sub-container .content-section h2 {
font-size: 1.57rem; font-family: "europa"; color: #000; margin: 40px auto 25px; text-transform: none; }
#newsletter-popup .sub-container .content-section ul {
max-width: 252px; padding-left: 10px; margin: 10px auto 25px; }
#newsletter-popup .sub-container .content-section ul li {
margin: 5px 0; position: relative; font-size: 1.14rem; font-family: "europa"; font-weight: 500; color: #d5a968; text-align: left; }
#newsletter-popup .sub-container .content-section ul li:after {
content: " "; width: 6.5px; height: 6.5px; display: block; background-color: #59a1bb; left: -18px; top: 50%; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
#newsletter-popup .sub-container .content-section h3 {
margin: 0 auto 5px; font-size: 1.14rem; font-family: "europa"; font-weight: 700; color: #555555; text-transform: none; }
#newsletter-popup .sub-container #newsletter-registration-form {
width: 100%; display: block; float: left; padding-bottom: 85px; background-color: #fff; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper {
width: 100%; max-width: 370px; margin: 20px auto; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .form-fields-middle {
width: 270px; float: left; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .form-fields-middle input {
width: 100%; height: 40px; padding: 0 0 0 20px; margin: 0; font-size: 1rem; font-family: "europa"; font-weight: 500; color: #555555; border: 1px solid #f0efef; border-right: none; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .form-fields-middle input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #3d3c3c; font-size: 1rem; font-family: "europa"; font-weight: 500; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .form-fields-middle input::-moz-placeholder {
/* Firefox 19+ */
color: #3d3c3c; font-size: 1rem; font-family: "europa"; font-weight: 500; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .form-fields-middle input:-ms-input-placeholder {
/* IE 10+ */
color: #3d3c3c; font-size: 1rem; font-family: "europa"; font-weight: 500; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .form-fields-middle input:-moz-placeholder {
/* Firefox 18- */
color: #3d3c3c; font-size: 1rem; font-family: "europa"; font-weight: 500; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .btn-sign-up-now {
width: 100px; float: right; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .btn-sign-up-now input {
width: 100%; height: 40px; font-size: 12px; font-family: "europa"; font-weight: 500; background-color: #59a1bb; letter-spacing: 1px; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .btn-sign-up-now input:hover {
background-color: #555555; }
.ll-cms-home .rh-section .top-row .large {
font-weight: 400; }
/* ----------------------------
* Common Sections
* ----------------------------*/
/** Page Title **/
.inner-banner-title {
background-color: #f0efef; }
.inner-banner-title h1 {
font-size: 2.14rem; font-family: "europa"; color: #d5a968 !important; margin: 0 0 0; padding: 0 0 25px; text-align: center; text-transform: none; }
.inner-banner-title.white {
background-color: #fff; }
.common-content-page .ll-common-row {
padding-top: 55px; padding-bottom: 70px; }
.common-content-page .ll-common-row h1 {
font-size: 1.86rem; font-family: "europa"; color: #000 !important; margin: 0 0 39px; padding: 0 0 0px; text-transform: none; }
.common-content-page .ll-common-row p {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555 !important; margin: 20px 0 0; padding: 0 0 0px; text-transform: none; font-style: normal; }
.common-content-page .ll-common-row h6 {
font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #555555; margin: 20px 0 0; padding: 0 0 0px; text-transform: none; font-style: normal; }
.common-content-page .ll-common-row h4 {
font-size: 1.14rem; font-family: "europa"; font-weight: 600; color: #d5a968; margin: 35px 0 0; padding: 0 0 0px; text-transform: none; text-transform: uppercase; }
.common-content-page .ll-common-row h5 {
font-size: 15px; font-family: "europa"; font-weight: 700; color: #555555; margin: 10px 0 28px; padding: 0 0 0px; text-transform: none; text-transform: uppercase; }
.common-content-page .ll-common-row h5 span {
font-size: 15px; font-family: "europa"; font-weight: 500; color: #555555 !important; margin: 20px 0 0; padding: 0 0 0px; text-transform: none; font-style: normal; }
.common-content-page .ll-common-row ul li {
background-image: url(../images/list-style-1.png); background-repeat: no-repeat; background-position: left 9px; padding-left: 15px; margin: 0; color: #555555; text-transform: none; font-style: normal; margin-bottom: 16px; font-size: 14px; font-family: "europa"; font-weight: 400; }
.common-content-page .ll-common-row img {
display: inline-block; margin-top: 25px; }
/* ----------------------------
* Ingrediant Page
* ----------------------------*/
.ll-ingrediants {
/* ----------------------------
* Ingrediant list section
* ----------------------------*/ }
.ll-ingrediants .top-row {
margin-top: 30px; margin-bottom: 20px; }
.ll-ingrediants .top-row .content-text p {
top: 11px; position: relative; font-size: 15px; font-family: "europa"; font-weight: 600; color: #555555; text-align: left; text-transform: uppercase; }
.ll-ingrediants .top-row .search-section .input-box {
width: 100%; max-width: 340px; float: right; display: block; height: auto; }
.ll-ingrediants .top-row .search-section .input-box input {
display: block; width: 100%; height: 46px; padding-left: 40px; border: 1px solid #d1d2d1; color: #d1d2d1; font-size: 13px; font-family: "europa"; font-weight: 300; background-color: transparent; background-image: url(../images/ingrediant/search-icon.png); background-position: 10px center; background-repeat: no-repeat; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; text-transform: uppercase; }
.ll-ingrediants .top-row .search-section .input-box input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #d1d2d1; }
.ll-ingrediants .top-row .search-section .input-box input::-moz-placeholder {
/* Firefox 19+ */
color: #d1d2d1; }
.ll-ingrediants .top-row .search-section .input-box input:-ms-input-placeholder {
/* IE 10+ */
color: #d1d2d1; }
.ll-ingrediants .top-row .search-section .input-box input:-moz-placeholder {
/* Firefox 18- */
color: #d1d2d1; }
.ll-ingrediants .bottom-row {
min-height: 300px; margin-top: 20px; margin-bottom: 50px; }
.ll-ingrediants .bottom-row .ingrediant {
margin-bottom: 40px; }
.ll-ingrediants .bottom-row .ingrediant .image-block,
.ll-ingrediants .bottom-row .ingrediant .detail-block {
width: 100%; display: block; float: left; }
.ll-ingrediants .bottom-row .ingrediant .image-block img {
display: block; width: 100%; height: auto; }
.ll-ingrediants .bottom-row .ingrediant .detail-block {
text-align: left; }
.ll-ingrediants .bottom-row .ingrediant .detail-block h2 {
margin-bottom: 20px; font-size: 1.14rem; font-family: "europa"; font-weight: 700; color: #555555; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ll-ingrediants .bottom-row .ingrediant .detail-block .description-section {
width: 100%; height: 47px; display: block; margin-bottom: 35px; overflow: hidden; text-overflow: ellipsis; }
.ll-ingrediants .bottom-row .ingrediant .detail-block .description-section p {
padding-right: 50px; font-size: 1.14rem; font-family: "europa"; font-weight: 500; color: #555555; }
.ll-ingrediants .bottom-row .ingrediant .detail-block a {
color: #59a1bb; font-size: 14px; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.ll-ingrediants .bottom-row .ingrediant .detail-block a:hover {
color: #555555; text-decoration: none; }
.ll-ingrediants .bottom-row .ingrediant .detail-block a i {
position: relative; top: -2px; margin-left: 10px; font-size: 12px; }
.ll-ingrediants .bottom-row .no-result {
margin-top: 30px; }
.ll-ingrediants .bottom-row .no-result p {
font-size: 1.14rem; font-family: "europa"; font-weight: 700; color: #555555; }
/* ----------------------------
* Our Story Page
* ----------------------------*/
.ll-cms-os {
/* ----------------------------
* Top Banner Section
* ----------------------------*/
/* ----------------------------
* Middle Section
* ----------------------------*/
/* ----------------------------
* Bottom Section
* ----------------------------*/ }
.ll-cms-os .main-banner {
height: 410px; background-position: right center; background-repeat: no-repeat; background-size: cover; }
.ll-cms-os .main-banner h1 {
padding-top: 100px; padding-right: 40%; margin-bottom: 20px; color: #000; font-size: 39px; font-family: "europa"; text-transform: none; }
.ll-cms-os .main-banner p {
padding-right: 40%; color: #555555; font-size: 1.29rem; font-family: "europa"; font-weight: 500; text-transform: none; }
.ll-cms-os .top-row {
margin-top: 60px; margin-bottom: 60px; }
.ll-cms-os .top-row img {
width: 100%; height: auto; }
.ll-cms-os .top-row h1 {
padding-left: 30px; color: #000; font-size: 1.86rem; font-family: "europa"; text-transform: none; }
.ll-cms-os .top-row p {
padding-left: 25px; padding-right: 20px; margin-bottom: 13px; color: #555555; font-size: 1.14rem; font-family: "europa"; font-weight: 500; line-height: 19px; text-transform: none; }
.ll-cms-os .top-row p.large {
font-size: 1.43rem; font-family: "europa"; font-weight: 500; line-height: 23px; }
.ll-cms-os .bottom-row {
margin-bottom: 75px; }
.ll-cms-os .bottom-row > .col-xs-12:before {
content: " "; display: block; width: 100%; height: 1px; margin-bottom: 60px; background-color: #d1d2d1; }
.ll-cms-os .bottom-row .small-block {
margin-bottom: 20px; }
.ll-cms-os .bottom-row .small-block .image-block img {
width: 100%; height: auto; }
.ll-cms-os .bottom-row .small-block .content-block h1 {
margin-top: 30px; margin-bottom: 15px; color: #000; font-size: 1.86rem; font-family: "europa"; text-transform: none; }
.ll-cms-os .bottom-row .small-block .content-block p {
margin-bottom: 13px; olor: #555555; font-size: 1.14rem; font-family: "europa"; font-weight: 500; line-height: 19px; text-transform: none; }
/* ----------------------------
* Error Page
* ----------------------------*/
.ll-cms-error .std .container {
padding-top: 70px; padding-bottom: 100px; text-align: center; }
.ll-cms-error .std .container h1 {
margin-bottom: 0px; color: #d5a968; font-size: 120px; font-family: "europa"; font-style: italic; }
.ll-cms-error .std .container p {
margin-bottom: 20px; color: #000; font-size: 1.86rem; font-family: "europa"; text-transform: none; }
.ll-cms-error .std .container p.small {
margin-bottom: 40px; color: #555555; font-size: 1.29rem; font-family: "europa"; font-weight: 500; text-transform: none; }
.ll-cms-error .std .container p.small a {
color: #59a1bb; text-decoration: underline; }
.ll-cms-error .std .container p.small a:hover {
color: #555555; }
.ll-cms-error .std .container img {
width: 100%; max-width: 320px; margin: auto; }
/* ----------------------------
* FAQ Page
* ----------------------------*/
.ll-cms-faq {
/** Tab trigger section **/
/** Tab target section **/ }
.ll-cms-faq .std ul li {
margin-left: 0; }
.ll-cms-faq .faq-content-container {
padding-top: 60px; padding-bottom: 80px; }
.ll-cms-faq .left-section ul {
max-width: 94%; }
.ll-cms-faq .left-section ul li {
margin: 0; border-bottom: 1px solid #f0efef; }
.ll-cms-faq .left-section ul li h2 {
display: block; position: relative; padding: 23px 0px 23px 25px; margin: 0; font-size: 15px; font-family: "europa"; font-weight: 500; color: #999999; text-transform: none; overflow: hidden; cursor: pointer; }
.ll-cms-faq .left-section ul li h2:before {
content: " "; width: 4px; height: 100%; top: 0; bottom: 0; left: -5px; position: absolute; display: block; background-color: #d5a968; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -transition: 0.3s ease all; }
.ll-cms-faq .left-section ul li.active h2, .ll-cms-faq .left-section ul li:hover h2 {
color: #6699cc; }
.ll-cms-faq .left-section ul li.active h2:before, .ll-cms-faq .left-section ul li:hover h2:before {
left: 0px; -webkit-transition: 0.3s ease all; -moz-transition: 0.3s ease all; -transition: 0.3s ease all; }
.ll-cms-faq .left-section ul li.active h2 {
font-size: 14.5px; font-family: "europa"; font-weight: 600; }
.ll-cms-faq .left-section ul li:first-child {
border-top: 1px solid #f0efef; }
.ll-cms-faq .right-section > ul {
margin-top: 20px; }
.ll-cms-faq .right-section > ul > li ul li {
margin-bottom: 35px; }
.ll-cms-faq .right-section > ul > li ul li h1 {
color: #000; font-size: 1.29rem; font-family: "europa"; font-weight: 600; text-transform: none; }
.ll-cms-faq .right-section > ul > li ul li p {
margin-bottom: 11px; font-size: 14px; font-family: "europa"; font-weight: 500; font-style: normal; color: #555555; line-height: 20px; }
.ll-cms-faq .right-section > ul > li ul li a.read-more {
font-style: normal; background-image: url(../images/shop-more.png); background-position: right center; background-repeat: no-repeat; padding-right: 20px; color: #59a1bb; font-size: 14px; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.ll-cms-faq .right-section > ul > li ul li a.read-more:hover {
color: #555555; text-decoration: none; }
.ll-cms-faq .right-section > ul > li ul li a.read-more i {
position: relative; top: -2px; margin-left: 10px; font-size: 12px; }
.ll-cms-faq .right-section > ul > li ul li a.read-more:hover {
background-image: url(../images/shop-more-hover.png); }
.ll-cms-faq .right-section > ul > li ul li a.read-more.active {
background-image: url(../images/show-less.png); }
.ll-cms-faq .right-section > ul > li ul li a.read-more.active:hover {
background-image: url(../images/show-less-hover.png); }
/* ----------------------------
* education Page
* ----------------------------*/
.ll-education #featured-education-1 {
width: 66.66666666%; }
.ll-education #featured-education-1 {
position: relative; padding-bottom: 40px; }
.ll-education #featured-education-1 img {
width: 100%; z-index: 1; }
.ll-education #featured-education-1 .image-block {
position: relative; }
.ll-education #featured-education-1 .image-block:before {
content: ''; width: 100%; height: 100%; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-color: rgba(0, 0, 0, 0.5); z-index: 2; }
.ll-education #featured-education-1 .detail-container {
position: absolute; z-index: 55; bottom: 0; left: 55px; padding-right: 17px; border-bottom: none; }
.ll-education #featured-education-1 .detail-container .read-more {
display: none; }
.ll-education #featured-education-1 .detail-container .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.ll-education #featured-education-1 .detail-container h2 {
font-size: 32px; font-family: "europa"; color: #fff; margin: 0 0 0; text-transform: none; }
.ll-education #featured-education-2, .ll-education #featured-education-3 {
position: relative; padding-bottom: 19px; }
.ll-education #featured-education-2 .image-block, .ll-education #featured-education-3 .image-block {
position: relative; }
.ll-education #featured-education-2 .image-block:before, .ll-education #featured-education-3 .image-block:before {
content: ''; width: 100%; height: 100%; display: block; top: 0; left: 0; right: 0; bottom: 0; position: absolute; background-color: rgba(0, 0, 0, 0.5); z-index: 2; }
.ll-education #featured-education-2 .detail-container, .ll-education #featured-education-3 .detail-container {
position: absolute; z-index: 55; bottom: 0; left: 35px; padding-right: 17px; border-bottom: none !important; }
.ll-education #featured-education-2 .detail-container .read-more, .ll-education #featured-education-3 .detail-container .read-more {
display: none; }
.ll-education #featured-education-2 .detail-container .date, .ll-education #featured-education-3 .detail-container .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.ll-education #featured-education-2 .detail-container h2, .ll-education #featured-education-3 .detail-container h2 {
font-size: 1.86rem; font-family: "europa"; color: #fff; margin: 0 0 0; text-transform: none; }
.ll-education .post-row .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #d5a968; margin: 0 0 0; }
.ll-education .post-row h2 {
font-size: 1.86rem; font-family: "europa"; color: #000; margin: 0 0 13px; text-transform: none; height: 95px; overflow: hidden; }
.ll-education .post-row .read-more {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-education .post-row .read-more:hover {
color: #555555; }
.ll-education .post-row .read-more i {
display: none; }
.ll-education .post-row .detail-container {
padding-top: 40px; padding-bottom: 35px; /*border-bottom: 1px solid #f0efef;*/
margin-bottom: 40px; }
.ll-education .category-menu-container {
background: #f6f6f6; border-top: 1px solid #fff; padding-top: 40px; padding-bottom: 40px; margin-bottom: 60px; }
.ll-education .category-menu-container ul li {
margin: 0; padding: 0; float: left; }
.ll-education .category-menu-container ul li a {
display: block; padding: 5px 20px 5px; margin: 0; font-size: 13px; font-family: "europa"; font-weight: 600; color: #000; text-transform: uppercase; text-align: center; background-image: none; background-color: #fff; letter-spacing: 1.7px; border-top: 0.4px solid #d1d2d1; border-left: 0.4px solid #d1d2d1; border-right: 0.4px solid #d1d2d1; border-bottom: 0.4px solid #d1d2d1; }
.ll-education .category-menu-container ul li a span {
display: none; }
.ll-education .category-menu-container ul li a.blog-selected, .ll-education .category-menu-container ul li a:hover {
color: #fff; background-color: #351f39; border-top: 0.4px solid #351f39; border-left: 0.4px solid #351f39; border-right: 0.4px solid #351f39; border-bottom: 0.4px solid #351f39; }
.ll-education .category-menu-container ul li a .blog-selected {
color: #fff; background-color: #351f39; border-top: 0.4px solid #351f39; border-left: 0.4px solid #351f39; border-right: 0.4px solid #351f39; border-bottom: 0.4px solid #351f39; }
/*
@include custom-font-weight(1.14rem,'europa', 300);@include custom-font-weight(1.14rem,'europa', 400);@include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa');@include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400);color : $white;margin : 0 0 0;
*/
/* ----------------------------
* Education Detail Page
* ----------------------------*/
.ll-education .post-container {
padding-bottom: 30px; /** Back link **/ }
.ll-education .post-container .back-link-row p {
padding: 12px 0 10px; margin: 0; width: 100%; border-bottom: 1px solid #f0efef; }
.ll-education .post-container .back-link-row p a {
font-size: 14px; font-family: "europa"; font-weight: 500; text-transform: uppercase; color: #59a1bb; }
.ll-education .post-container .back-link-row p a:hover {
color: #555555; }
.ll-education .post-container .back-link-row p a i {
margin-right: 5px; }
.ll-education .post-container .post-wrapper {
/** Blog image **/
/** Blog content **/
/** Sharing section **/ }
.ll-education .post-container .post-wrapper .post-title-wrapper {
/** Blog heading **/
/** Blog date and author **/ }
.ll-education .post-container .post-wrapper .post-title-wrapper h1.name {
margin: 20px 0 5px; font-size: 1.71rem; font-family: "europa"; color: #000; }
.ll-education .post-container .post-wrapper .post-title-wrapper h3.date-author span {
float: left; font-size: 1.14rem; font-family: "europa"; font-weight: 500; color: #d5a968; }
.ll-education .post-container .post-wrapper .post-title-wrapper h3.date-author span.date {
margin-right: 7px; text-transform: capitalize; }
.ll-education .post-container .post-wrapper .post-title-wrapper h3.date-author span.author {
text-transform: none; font-size: 1.14rem; font-family: "europa"; font-weight: 500; }
.ll-education .post-container .post-wrapper .post-title-wrapper h3.date-author span.author h4 {
display: inline; margin-left: 4px; font-weight: 500; color: #d5a968; text-transform: capitalize; }
.ll-education .post-container .post-wrapper .image-block {
margin: 30px 0 50px; }
.ll-education .post-container .post-wrapper .image-block img {
width: 100%; height: auto; }
.ll-education .post-container .post-wrapper .postContent p {
margin-bottom: 40px; font-size: 15.5px; font-family: "europa"; font-weight: 500; text-transform: none; color: #555555; }
.ll-education .post-container .post-wrapper .postContent p.large {
font-size: 18px; }
.ll-education .post-container .post-wrapper .share-bar {
/* Share linnks */
/* Share Count */ }
.ll-education .post-container .post-wrapper .share-bar a {
display: block; float: left; width: 100%; height: auto; margin-bottom: 20px; padding: 10px 0 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 13.5px; font-family: "europa"; font-weight: 600; color: #fff; text-align: left; }
.ll-education .post-container .post-wrapper .share-bar a i {
margin-left: 10px; }
.ll-education .post-container .post-wrapper .share-bar a.share-fb {
background-color: #2277aa; }
.ll-education .post-container .post-wrapper .share-bar a.share-fb i {
top: 1.5px; position: relative; margin-right: 3px; padding: 2px 3px 0px 5px; background-color: #fff; color: #2277aa; margin-right: 3px; font-size: 14px; }
.ll-education .post-container .post-wrapper .share-bar a.share-fb i:before {
bottom: -1px; right: -1px; position: relative; }
.ll-education .post-container .post-wrapper .share-bar a.share-tw {
background-color: #00cff6; }
.ll-education .post-container .post-wrapper .share-bar a.share-tw i {
top: 3px; position: relative; margin-right: 6px; font-size: 18px; }
.ll-education .post-container .post-wrapper .share-bar a:hover {
opacity: 0.7; }
.ll-education .post-container .post-wrapper .share-bar span.share-count {
font-size: 30px; font-family: "europa"; font-weight: 500; color: #666666; margin-right: 5px; }
.ll-education .post-container .post-wrapper .share-bar span.share-text {
font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #999999; text-transform: uppercase; letter-spacing: 1px; }
/* ----------------------------
* My Account Page
* ----------------------------*/
.detail-container {
padding-top: 60px; padding-bottom: 60px; }
.customer-account .main-container {
padding: 0; }
.customer-account .sidebar {
padding-right: 60px; }
.customer-account .sidebar .block-title {
display: none; }
.customer-account .sidebar .block-content ul li {
padding-top: 0px; padding-bottom: 0px; border-bottom: 1px solid #f0efef; border-left: 5px solid #fff; padding-left: 0px; }
.customer-account .sidebar .block-content ul li:hover {
border-left: 5px solid #d5a968; }
.customer-account .sidebar .block-content ul li:first-child {
border-top: 1px solid #f0efef; }
.customer-account .sidebar .block-content ul li a {
font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; display: block; padding: 32px 0px 32px 20px; }
.customer-account .sidebar .block-content ul .current {
border-left: 5px solid #d5a968; }
.customer-account .my-account .title-buttons .button {
position: relative !important; right: 0; top: 0; font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; background: #59a1bb; }
.customer-account .my-account .page-title h1 {
display: none; }
.customer-account .my-account .welcome-msg p {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; text-transform: none; }
.customer-account .my-account .welcome-msg .hello {
font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #555555; margin: 0 0 8px; }
.customer-account .my-account .dashboard .box-head {
border-bottom: none; }
.customer-account .my-account .dashboard .box-head h2 {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; }
.customer-account .my-account .dashboard .box-head a {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; }
.customer-account .my-account .orders thead th {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; background: #f0efef; padding-top: 22px; padding-bottom: 22px; }
.customer-account .my-account .orders tbody {
border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; border-bottom: 1px solid #f0efef; }
.customer-account .my-account .orders tbody tr td {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; padding-top: 22px; padding-bottom: 22px; }
.customer-account .my-account .orders tbody tr td em {
font-style: normal; }
.customer-account .my-account .orders tbody .even {
background: #f7f7f7; }
.customer-account .my-account .orders .number {
width: 10%; }
.customer-account .my-account .orders .date {
width: 10%; }
.customer-account .my-account .orders .ship {
width: 30%; }
.customer-account .my-account .orders .total {
width: 10%; }
.customer-account .my-account .orders .status {
width: 10%; }
.customer-account .my-account .orders .view {
width: 10%; padding-top: 15px; text-align: left; }
.customer-account .my-account .box-account {
border-bottom: none; }
.customer-account .box-info .box-head {
border-bottom: 1px solid #f0efef; }
.customer-account .box-info .box-head h2 {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; }
.customer-account .box-info .box .box-title h3 {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; font-size: 18px !important; color: #000; margin: 0 0 0; float: left; text-transform: none; }
.customer-account .box-info .box .box-title a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; float: right; }
.customer-account .box-info .box .box-content address {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; font-style: normal; }
.customer-account .box-info .box .box-content p {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; font-style: normal; text-transform: none; }
.customer-account .box-info .box .box-content a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; text-transform: uppercase; }
.customer-account label {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 10px 0; }
.customer-account input[type=text] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 10px 0; }
.customer-account input[type=email] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 10px 0; }
.customer-account select {
border: 1px solid #f0efef; font-size: 16px !important; font-family: "europa" !important; color: #555555; margin: 0 0 10px 0; }
.customer-account input[type=tel] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 10px 0; }
.customer-account .validation-passed, .customer-account .btn-share {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.customer-account .buttons-set p {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: button; margin: 0 0 10px 0; border: none; }
.customer-account .buttons-set button {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.customer-account table thead th {
border-bottom: none !important; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; background: #f0efef; padding-top: 22px; padding-bottom: 22px; }
.customer-account table tbody {
border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; border-bottom: 1px solid #f0efef; }
.customer-account table tbody tr td {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; padding-top: 22px; padding-bottom: 22px; }
.customer-account table tbody tr td em {
font-style: normal; }
.customer-account table tbody tr td h3 {
font-size: 13px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 0 0 0; }
.customer-account table tbody tr td span {
font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; }
.customer-account table tbody tr td textarea {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0px 0; resize: none; }
.customer-account table tbody tr td .btn-cart span {
color: #fff; }
.customer-account table tbody tr td .item-manage button span {
color: #fff; }
.customer-account table tbody .even {
background: #f7f7f7; }
.ll-clear-row {
margin-left: 0px; margin-right: 0px; }
.ll-clear-row h3 {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 110px 15px 0; text-transform: uppercase; float: left; }
.ll-clear-row a {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 5px 0 0; text-transform: uppercase; float: left; }
.ll-clear-row .box-info .box .box-content p {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; margin: 0 0 0; color: #555555; margin: 0 0 0; font-style: normal; }
.box-title-top {
border-bottom: 1px solid #f0efef; }
.dashboard .col2-set .col-2 {
padding-right: 15px !important; padding-bottom: 0; }
.box-info-1 h4 {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; font-size: 18px !important; color: #000; margin: 0 0 0; float: left; text-transform: none; }
.box-info-1 address {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; font-style: normal; }
.box-info-1 p {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; font-style: normal; }
.box-info-1 a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; text-transform: uppercase; float: right; }
.sp-methods-ul input[type="radio"] {
width: 5%; display: inline-block; vertical-align: top; }
.sp-methods-ul label {
width: 92% !important; display: inline-block; vertical-align: top; }
.ll-dashboard-edit {
float: left !important; text-decoration: none; }
.ll-box-detail .col-1 {
padding-right: 70px !important; }
.ll-product-detail-1 .col-1 {
padding-right: 70px !important; }
.customer-account {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.price-box .price, .price {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #555555; }
.customer-account .dashboard a:hover {
text-decoration: underline !important; }
#payment_form_ccsave .v-fix {
float: left; margin-right: 0px; max-width: none; width: 40%; }
#payment_form_ccsave .v-fix:first-child {
padding-right: 15px; width: 60%; }
#payment_form_ccsave .v-fix select {
width: 100%; }
.opc-wrapper-opc .payment-block dt label {
text-align: left !important; }
.opc-wrapper-opc .payment-block .form-list.opc-cc-container {
margin: 0px; }
.chekout-pagination .opc-menu {
margin-top: 40px; }
.chekout-pagination .opc-menu .left {
margin-top: 10px; }
.chekout-pagination .opc-menu .review-total {
display: none !important; }
.opc-review-block-bottom {
padding-right: 10px; }
.customer-account .sidebar .block-content ul li a:hover {
text-decoration: none !important; }
.customer-address-index .addresses-list h3 {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; font-size: 18px !important; color: #000; margin: 0 0 0; font-weight: 400 !important; text-transform: none; }
.customer-address-index .addresses-list a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; }
.customer-address-index .addresses-list address {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; font-style: normal; }
.customer-address-index .addresses-list p {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; font-style: normal; text-transform: none; }
.customer-address-index .addresses-list a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; text-transform: uppercase; }
.wishlist-index-index .my-account #wishlist-table textarea {
font-size: 14px !important; }
.wishlist-index-index .my-account .buttons-set2 .button-secondary {
background: #d5a968; }
.wishlist-index-index .my-account button, .wishlist-index-index .my-account .button .button-secondary .link-edit {
font-size: 14px; font-family: "europa"; font-weight: 400; }
/*--------------------------
Refer a friend Section
--------------------------*/
.reffersystem-index-index .fancybox-overlay.fancybox-overlay-fixed {
width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: block; overflow-y: auto; background-color: rgba(0, 0, 0, 0.6); z-index: 111; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop {
outline: 0 !important; width: 90% !important; max-width: 390px; height: auto !important; position: fixed !important; top: auto !important; left: 0 !important; right: 0 !important; opacity: 1; overflow: visible !important; margin: 10% auto; background-color: #fff; z-index: 111; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin {
outline: 0 !important; padding: 30px 20px; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner {
width: 100% !important; height: auto !important; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner #testContent {
width: 100% !important; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner #testContent #contactForm {
padding-left: 0; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner #testContent textarea {
border: 1px solid #f0efef; resize: none; overflow-x: hidden; overflow-y: auto; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner #testContent p.required {
display: none; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner #testContent .buttons-set {
margin: 26px 0 7px; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner #testContent .buttons-set button {
width: 100%; height: 40px; font-size: 12px; font-family: "europa"; font-weight: 500; background-color: #59a1bb; letter-spacing: 1px; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner #testContent .buttons-set button:hover {
background-color: #555555; }
.reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner #testContent input[type=text], .reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner #testContent textarea, .reffersystem-index-index .fancybox-wrap.fancybox-desktop .fancybox-skin .fancybox-inner #testContent .input-text {
width: 100%; max-width: 100%; }
/*
@include custom-font-weight(1.14rem,'europa', 300);@include custom-font-weight(1.14rem,'europa', 400);@include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa');@include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400);color : $white;margin : 0 0 0;
*/
/* ----------------------------
* Contact us Page
* ----------------------------*/
.ll-contact .left-section {
padding-top: 54px; padding-bottom: 60px; }
.ll-contact .left-section #contactForm h2 {
display: block; font-size: 1.86rem; font-family: "europa"; color: #000; margin: 0 0 29px; text-transform: none; }
.ll-contact .left-section p {
font-size: 15px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 35px; text-transform: none; }
.ll-contact .left-section label {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; margin: 24px 0 0; }
.ll-contact .left-section label .required:after, .ll-contact .left-section label span.required:after {
content: ' *'; color: #d5a968; }
.ll-contact .left-section input[type=text] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0px 0; }
.ll-contact .left-section input[type=tel] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0px 0; }
.ll-contact .left-section textarea {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0px 0; resize: none; max-width: none; }
.ll-contact .left-section span {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #999999; margin: 0 0 0; }
.ll-contact .left-section .buttons-set {
border: none; margin-left: 0px; }
.ll-contact .left-section .buttons-set button {
float: left; }
.ll-contact .left-section .buttons-set button span {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.ll-contact .left-section .buttons-set p {
display: none; }
.ll-contact .left-section #contactForm {
padding-left: 0px; }
.ll-contact .right-section {
padding-top: 54px; padding-bottom: 60px; margin-top: 70px; }
.ll-contact .right-section h2 {
font-size: 13px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 0 0 33px; text-transform: uppercase; }
.ll-contact .right-section p {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; text-transform: none; }
.ll-contact .right-section h6 {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 37px 0 0; text-transform: none; }
.ll-contact .right-section a {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; text-transform: none; }
.ll-contact .right-section ul {
margin-top: 25px; }
.ll-contact .right-section ul li {
float: left; text-indent: -9999px; overflow: hidden; margin-right: 15px; }
.ll-contact .right-section ul li a {
background-image: url(../images/contact/social-media.png); color: #918ba4; margin: 0; font-size: 18px; width: 40px; height: 40px; display: block; }
.ll-contact .right-section ul .facebook a {
background-position: -8px 98px; }
.ll-contact .right-section ul .facebook a:hover {
background-position: -8px -53px; }
.ll-contact .right-section ul .twitter a {
background-position: 194px -6px; }
.ll-contact .right-section ul .twitter a:hover {
background-position: 194px 48px; }
.ll-contact .right-section ul .youtube a {
background-position: 147px -6px; }
.ll-contact .right-section ul .youtube a:hover {
background-position: 147px -54px; }
.ll-contact .right-section ul .instagram a {
background-position: 101px -6px; }
.ll-contact .right-section ul .instagram a:hover {
background-position: 101px -54px; }
.ll-contact .right-section ul .pinterest a {
background-position: 55px -6px; }
.ll-contact .right-section ul .pinterest a:hover {
background-position: 55px -54px; }
.ll-contact .left-section #contactForm .buttons-set button {
padding: 17px 41px; }
/* ----------------------------
* shoppping cart Page
* ----------------------------*/
.chekout-pagination .pagination-row {
margin-left: 0px; margin-right: 0px; padding-top: 58px; }
.chekout-pagination .pagination-row .pagination-block {
padding-top: 20px; padding-bottom: 20px; background: #f0efef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.chekout-pagination .pagination-row .pagination-block p {
text-align: center; }
.chekout-pagination .pagination-row .pagination-block p span {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; text-transform: uppercase; }
.chekout-pagination .pagination-row .pagination-block p .number {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; width: 47px; height: 47px; display: inline-block; border-radius: 50%; background: #fff; padding-top: 8px; margin-right: 15px; }
.chekout-pagination .pagination-row .pagination-block p .text {
padding-top: 8px; }
.chekout-pagination .pagination-row .pagination-block a {
text-align: center; }
.chekout-pagination .pagination-row .pagination-block a span {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; text-transform: uppercase; }
.chekout-pagination .pagination-row .pagination-block a .number {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; width: 47px; height: 47px; display: inline-block; border-radius: 50%; background: #fff; padding-top: 8px; margin-right: 15px; }
.chekout-pagination .pagination-row .pagination-block a .text {
padding-top: 8px; }
.chekout-pagination .pagination-row .active {
background: #fff; border-top: 1px solid #f0efef; border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; }
.chekout-pagination .pagination-row .active p {
text-align: center; }
.chekout-pagination .pagination-row .active p span {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; text-transform: uppercase; }
.chekout-pagination .pagination-row .active p .number {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; width: 47px; height: 47px; display: inline-block; border-radius: 50%; background: #59a1bb; padding-top: 8px; margin-right: 15px; color: #fff; }
.chekout-pagination .pagination-row .active p .text {
padding-top: 8px; }
.chekout-pagination .data-table {
margin-top: 40px; }
.chekout-pagination .data-table thead th {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; background: #f0efef; padding-top: 22px; padding-bottom: 22px; text-align: center; }
.chekout-pagination .data-table thead th:nth-child(1) {
width: 8%; }
.chekout-pagination .data-table thead th:nth-child(2) {
width: 17%; }
.chekout-pagination .data-table thead th:nth-child(3) {
width: 32%; }
.chekout-pagination .data-table thead th:nth-child(4) {
width: 14%; }
.chekout-pagination .data-table thead th:nth-child(5) {
width: 14%; }
.chekout-pagination .data-table thead th:nth-child(6) {
width: 12%; }
.chekout-pagination .data-table tbody {
border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; border-bottom: 1px solid #f0efef; }
.chekout-pagination .data-table tbody tr td {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; padding-top: 22px; padding-bottom: 22px; }
.chekout-pagination .data-table tbody tr td em {
font-style: normal; }
.chekout-pagination .data-table .product-cart-image a {
border: none; }
.chekout-pagination .data-table .product-cart-remove a {
background-image: url(../images/delete-image.png); background-position: 0; width: 33px; height: 32px; background-size: 100%; }
.chekout-pagination .data-table .increment-qty {
position: relative; top: 16px; left: -3px; background: #f0efef; padding-top: 8px; padding-left: 5px; }
.chekout-pagination .data-table .increment-qty .increase-qty {
text-indent: -9999px; overflow: hidden; display: block; width: 15px; height: 15px; }
.chekout-pagination .data-table .increment-qty .decrease-qty {
text-indent: -9999px; overflow: hidden; display: block; width: 15px; height: 15px; }
.chekout-pagination .data-table .increment-qty .increase-qty::before {
content: ""; display: block; background: url(../images/up-arrow.png) no-repeat; width: 15px; height: 12px; margin: 0 0 0; cursor: pointer; }
.chekout-pagination .data-table .increment-qty .decrease-qty::before {
content: ""; display: block; background: url(../images/down-arrow.png) no-repeat; width: 15px; height: 12px; margin: 0 0 0; cursor: pointer; }
.chekout-pagination .data-table .product-name a {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 5px; text-transform: uppercase; display: inline-block; }
.chekout-pagination .data-table .product-cart-info .cart-item-details {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.chekout-pagination .data-table input[type=text] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0 0; height: 39px; }
.chekout-pagination .left-section {
background: #f7f7f7; }
.chekout-pagination .left-section-inner {
float: none; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; }
.chekout-pagination .left-section-inner p {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.chekout-pagination .left-section-inner .discount-form label {
font-size: 18px !important; font-family: "europa"; font-weight: 700 !important; color: #000; margin-top: -15px; }
.chekout-pagination .left-section-inner .discount-form .field-wrapper {
position: relative; }
.chekout-pagination .left-section-inner .discount-form .field-wrapper .validation-advice {
position: absolute; top: -26px; width: 100%; }
.chekout-pagination .left-section-inner button {
font-size: 14px; font-family: "europa"; font-weight: 700; background: #59a1bb; color: #fff; margin: 0 0 0; padding: 7px 0; }
.chekout-pagination .left-section-inner button span {
color: #fff; text-decoration: none; }
.chekout-pagination .left-section-inner #coupon_code {
border: 1px solid #59a1bb; float: left; margin: 0; height: 44px; text-align: center; font-size: 14px; font-family: "europa"; font-weight: 700; color: #555555; }
.chekout-pagination .left-section-inner .button-wrapper {
float: left; }
.chekout-pagination .left-section-inner .button-wrapper .button2 {
width: 120px; }
.chekout-pagination .cart-totals-wrapper {
padding-top: 30px; width: 100%; height: 215px; }
.chekout-pagination .cart-totals-wrapper .checkout-types {
display: none !important; }
.chekout-pagination .cart-totals-wrapper table {
width: 100%; }
.chekout-pagination .cart-totals-wrapper table tr td {
width: 50%; text-align: left; padding-left: 104px; }
.chekout-pagination .cart-totals-wrapper table tfoot {
position: absolute; bottom: 0; background: #f0efef; width: 100%; font-weight: bold; padding-top: 15px; padding-bottom: 15px; }
.chekout-pagination .page-title .checkout-types {
width: 100%; }
.chekout-pagination .page-title .checkout-types li {
width: 40%; }
.chekout-pagination .page-title .checkout-types li:nth-child(1) {
float: left; }
.chekout-pagination .page-title .checkout-types li:nth-child(2) {
float: right; }
.chekout-pagination .page-title .checkout-types li .button2 {
float: leftl; }
.chekout-pagination .title-buttons {
padding-top: 40px; padding-bottom: 80px; }
.chekout-pagination .title-buttons .button2 span, .chekout-pagination .title-buttons .button2 span span {
background: #d5a968; font-size: 14px; font-family: "europa"; font-weight: 700; color: #fff; margin: 0 0 0; text-decoration: none; }
.chekout-pagination .title-buttons .button2 {
background: #d5a968; font-size: 14px; font-family: "europa"; font-weight: 500; color: #fff; margin: 0 0 0; padding: 10px 32px; }
.chekout-pagination .title-buttons .btn-continue {
float: left; }
.chekout-pagination .title-buttons .chekout-pagination .page-title .checkout-types {
border: none; }
.chekout-pagination .cart .page-title {
margin-bottom: 15px; border-bottom: none; margin-left: -15px; margin-right: -15px; }
.chekout-pagination .btn-checkout span, .chekout-pagination .btn-checkout span span {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #fff; margin: 0 0 0; text-decoration: none; }
.chekout-pagination .btn-checkout {
background: #59a1bb; padding: 16px 41px; }
.chekout-pagination .opc-wrapper-opc .opc-col-left, .chekout-pagination .opc-wrapper-opc .opc-col-center, .chekout-pagination .opc-wrapper-opc .opc-col-right {
padding-bottom: 40px; }
.chekout-pagination .opc-wrapper-opc h1, .chekout-pagination .opc-wrapper-opc h2, .chekout-pagination .opc-wrapper-opc h3, .chekout-pagination .opc-wrapper-opc h4, .chekout-pagination .opc-wrapper-opc h5, .chekout-pagination .opc-wrapper-opc h6, .chekout-pagination .opc-wrapper-opc label {
font-family: "europa"; font-weight: 400; color: #555555; }
.chekout-pagination .opc-wrapper-opc label {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.chekout-pagination .opc-wrapper-opc label::after {
color: #d5a968 !important; }
.chekout-pagination .opc-wrapper-opc input[type=text] {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; border: 1px solid #f0efef; margin: 0 0 0px 0; }
.chekout-pagination .opc-wrapper-opc select {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; border: 1px solid #f0efef; margin: 0 0 0px 0; padding: 0 37px 0px 2px; }
.chekout-pagination select {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; border: 1px solid #f0efef; margin: 0 0 0px 0; padding: 0 37px 0px 15px !important; }
.chekout-pagination .common-cart-section {
text-align: center; background-image: url(../images/common-cart.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 260px; margin-bottom: 60px; }
.chekout-pagination .common-cart-section h1 {
font-size: 1.86rem; font-family: "europa"; color: #000; margin: 100px 0 30px; text-transform: none; border-bottom: none; }
.chekout-pagination .common-cart-section h2 {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #000; margin: 30px 0 30px; text-transform: none; border-bottom: none; }
.chekout-pagination .common-cart-section p {
font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #555555; margin: 0 0 0; text-transform: none; border-bottom: none; }
.chekout-pagination .common-cart-section p a {
color: #59a1bb; }
.common-cart-section {
text-align: center; background-image: url(../images/common-cart.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 260px; margin-bottom: 60px; }
.common-cart-section h1 {
font-size: 1.86rem; font-family: "europa"; color: #000; margin: 100px 0 30px; text-transform: none; border-bottom: none; }
.common-cart-section p {
font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #555555; margin: 0 0 0; text-transform: none; border-bottom: none; }
.common-cart-section p a {
color: #59a1bb; }
.common-cart-section .buttons-set span span {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; background: #59a1bb; }
.common-cart-section .buttons-set button {
background: #59a1bb; }
.sp-methods dt {
font-family: "europa"; font-weight: 400; color: #555555; }
.checkout-row {
border-bottom: 1px solid #f5f4f4; border-left: 1px solid #f5f4f4; border-right: 1px solid #f5f4f4; margin-left: 0; margin-right: 0; }
.checkout-row #discount-coupon-form label, .checkout-row .cart .giftcard label {
text-transform: none; }
.checkout-row .left-section-inner p {
margin-top: 20px; }
#content-wrapper {
clear: both; position: relative; }
#content-wrapper:before, #content-wrapper:after {
content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; }
#content-wrapper:before {
background-color: white; opacity: 0.8; z-index: 2; }
#content-wrapper:after {
background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; }
#content-wrapper.loading {
position: relative; }
#content-wrapper.loading:before, #content-wrapper.loading:after {
display: block; }
#cart-success-message p {
color: #555555; margin: 30px 0 0; }
.checkout-common-wrapper-custom {
padding: 30px 0 0 0; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; text-transform: uppercase; }
.checkout-common-wrapper-custom .cart-totals-wrapper {
padding: 0; }
.checkout-common-wrapper-custom .ll-tot-right {
padding-left: 27% !important; }
.opc-wrapper-opc .opc-data-table tbody .a-right {
padding-right: 0; }
.opc-index-index .customer-dob {
display: none; }
.review-customer-view {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.review-customer-view .product-name {
border-bottom: none !important; color: #555555 !important; }
.review-customer-view .product-review .ratings-description dt {
border-bottom: none !important; }
.review-customer-view table tbody {
border: none !important; }
.opc-wrapper-opc .opc-data-table tfoot td .price {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.opc-wrapper-opc .opc-data-table .ll-tot-right {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; }
.opc-wrapper-opc .opc-data-table .ll-tot-right .price {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; }
.opc-wrapper-opc .payment-block .form-list.opc-cc-container {
margin: 0px !important; }
.ll-form-container .fa-remove:before, .ll-form-container .fa-close:before, .ll-form-container .fa-times:before {
position: absolute; top: -100px; right: 0; z-index: 99; cursor: pointer; }
.chekout-pagination .opc-wrapper-opc {
font-family: "europa" !important; font-weight: 400; }
.chekout-pagination .opc-wrapper-opc h3 {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; color: #555555; margin: 20px 0; border-bottom: 1px solid #f0efef; }
.chekout-pagination .opc-wrapper-opc .shipping-block li label .price {
font-size: 15px; font-family: "europa"; font-weight: 700; color: #555555; margin: 20px 0; }
.chekout-pagination .opc-wrapper-opc .sp-methods-ul input[type="radio"] {
width: 15px; height: 15px; }
.chekout-pagination .opc-wrapper-opc .sp-methods-ul input[type="radio"]::checked {
width: 15px; height: 15px; }
.chekout-pagination .opc-wrapper-opc .payment-block .form-list.opc-cc-container {
border: 1px solid #f0efef; }
.chekout-pagination .opc-wrapper-opc .opc-data-table .price {
font-family: "europa"; font-weight: 400; }
.chekout-pagination .opc-wrapper-opc .opc-data-table .a-right, .chekout-pagination .opc-wrapper-opc .opc-data-table .align-right {
text-align: left; }
.chekout-pagination .opc-wrapper-opc .opc-data-table thead tr th {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; margin: 0 0 0; }
.chekout-pagination .opc-wrapper-opc .opc-data-table tfoot tr td {
padding-left: 14px; }
.chekout-pagination .opc-btn-checkout {
border-radius: 0; }
.chekout-pagination .opc-btn-checkout span {
border-radius: 0; }
.chekout-pagination .opc-btn-checkout span span {
border-radius: 0; }
.chekout-pagination .data-table tbody tr td {
text-align: center; vertical-align: middle; }
.ll-tot-left strong {
font-weight: normal; font-size: 18px; }
.opc-wrapper-opc .opc-col-left .notice {
font-size: 14px; color: #6e6e6e; font-style: normal !important; margin-bottom: 5px; }
.opc-wrapper-opc .shipping-block p {
font-style: normal !important; font-size: 14px; font-family: "europa"; font-weight: 400; margin: 0 0 0; text-transform: none; }
#cart-success-message p {
color: #11B400; background-color: #fff; border: none; }
.payment-lable {
display: none !important; }
#dt_method_stripe label {
display: none !important; }
.chekout-pagination .product-cart-total {
text-align: left !important; }
.chekout-pagination .data-table tbody tr {
border-bottom: 1px solid #f5f4f4; }
#cart-success-message p {
font-size: 14px; font-family: "europa"; font-weight: 400; }
.item-options dt {
font-style: normal; }
#minicart-success-message {
font-family: "europa"; }
#minicart-success-message p {
font-family: "europa"; }
.item-options dt {
font-weight: 400 !important; font-style: normal !important; }
.chekout-pagination .data-table tbody tr td {
font-weight: 400; }
/* ----------------------------
* experts Page
* ----------------------------*/
.ll-expert .content-container {
padding-bottom: 30px; /** top-row **/
/** bottom-row **/ }
.ll-expert .content-container .top-row {
margin: 60px -15px 55px; }
.ll-expert .content-container .top-row p {
margin: 0; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #666666; text-transform: none; text-align: center; line-height: 23px; }
.ll-expert .content-container .bottom-row .exper-block {
margin-bottom: 60px; }
.ll-expert .content-container .bottom-row .exper-block > a .image-block {
position: relative; }
.ll-expert .content-container .bottom-row .exper-block > a .image-block img {
display: block; width: 100%; margin: 0 auto; }
.ll-expert .content-container .bottom-row .exper-block > a .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); background-size: 76px auto; background-position: center; background-repeat: no-repeat; width: 68px; height: 68px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.ll-expert .content-container .bottom-row .exper-block > a .content-block h2 {
margin: 25px 0 0; font-size: 26px; font-family: "europa"; font-weight: 500; color: #000; text-transform: capitalize; }
.ll-expert .content-container .bottom-row .exper-block > a .content-block .short-description {
display: block; display: -webkit-box; max-width: 100%; height: 47px; margin: 0 auto; line-height: 19px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: -o-ellipsis-lastline; margin: 25px 0 0; font-size: 14.5px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; }
.ll-expert .content-container .bottom-row .exper-block > a:hover .image-block .play-icon {
background-image: url(../images/play-icon-hover.png); }
.ll-expert .content-container .bottom-row .exper-block > a:hover .content-block h2 {
color: #d5a968; }
.ll-expert .content-container .bottom-row .exper-block:nth-child(3n+1) {
clear: left; }
/* ----------------------------
* experts detail Page
* ----------------------------*/
.ll-expert-detail {
/*** left section ***/
/** right section **/ }
.ll-expert-detail .ed-container {
padding: 60px 15px 50px; }
.ll-expert-detail .left-section {
/** top row **/
/** middle row **/
/** bottom row **/ }
.ll-expert-detail .left-section p {
padding: 0; margin: 0; text-transform: none; }
.ll-expert-detail .left-section .top-row {
/* top content */
/* image Section */
/* bottom content */ }
.ll-expert-detail .left-section .top-row .top-content {
margin-bottom: 30px; }
.ll-expert-detail .left-section .top-row .top-content p {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; }
.ll-expert-detail .left-section .top-row .image-block {
margin-bottom: 30px; position: relative; }
.ll-expert-detail .left-section .top-row .image-block a {
display: block; }
.ll-expert-detail .left-section .top-row .image-block a img {
display: block; width: 100%; margin: 0 auto; }
.ll-expert-detail .left-section .top-row .image-block a .play-icon {
position: absolute; background-image: url(../images/play-icon.png); background-size: 76px auto; background-position: center; background-repeat: no-repeat; width: 68px; height: 68px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.ll-expert-detail .left-section .top-row .image-block a:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
.ll-expert-detail .left-section .top-row .bottom-content h2 {
margin-bottom: 15px; font-size: 14px; font-family: "europa"; font-weight: 600; color: #555555; text-transform: uppercase; }
.ll-expert-detail .left-section .top-row .bottom-content p {
margin-bottom: 15px; padding-right: 70px; font-size: 14.5px; font-family: "europa"; font-weight: 500; color: #555555; line-height: 20px; }
.ll-expert-detail .left-section .middle-row {
margin-top: 40px; padding: 58px 0 45px; border-top: 1px solid #f0efef; border-bottom: 1px solid #f0efef; }
.ll-expert-detail .left-section .middle-row .middle-block > a .image-block {
position: relative; }
.ll-expert-detail .left-section .middle-row .middle-block > a .image-block img {
display: block; width: 100%; margin: 0 auto; }
.ll-expert-detail .left-section .middle-row .middle-block > a .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); background-size: 76px auto; background-position: center; background-repeat: no-repeat; width: 68px; height: 68px; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.ll-expert-detail .left-section .middle-row .middle-block > a .content-block h2 {
margin: 20px 0 18px; font-size: 1.71rem; font-family: "europa"; color: #d5a968; text-transform: none; }
.ll-expert-detail .left-section .middle-row .middle-block > a .content-block .short-description {
height: 37px; font-size: 1.14rem; font-family: "europa"; font-weight: 500; color: #999999; line-height: 18px; overflow: hidden; }
.ll-expert-detail .left-section .middle-row .middle-block > a:hover .image-block .play-icon {
background-image: url(../images/play-icon-hover.png); }
.ll-expert-detail .left-section .middle-row .middle-block > a:hover .content-block h2 {
color: #555555; }
.ll-expert-detail .left-section .bottom-row {
margin-top: 44px; }
.ll-expert-detail .left-section .bottom-row .top-heading h2 {
margin-bottom: 36px; font-size: 1.14rem; font-family: "europa"; font-weight: 600; color: #d5a968; text-transform: uppercase; }
.ll-expert-detail .left-section .bottom-row .es-block {
margin-bottom: 20px; }
.ll-expert-detail .left-section .bottom-row .es-block .image-block img {
width: 100%; }
.ll-expert-detail .left-section .bottom-row .es-block .bottom-block {
padding-right: 54px; }
.ll-expert-detail .left-section .bottom-row .es-block .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 7px; text-transform: none; font-weight: 700; }
.ll-expert-detail .left-section .bottom-row .es-block .bottom-block p {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; min-height: 1px; text-transform: none; }
.ll-expert-detail .left-section .bottom-row .es-block .bottom-block a {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-expert-detail .left-section .bottom-row .es-block:hover a {
color: #555555; background-image: url(../images/shop-more-hover.png); }
.ll-expert-detail .right-section .section-heading h3 {
margin: 0; padding: 0 10px 28px; font-size: 13px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: uppercase; }
.ll-expert-detail .right-section .products-section ul {
margin: 0; padding-left: 10px; }
.ll-expert-detail .right-section .products-section ul li {
width: 100%; float: left; margin: 0; padding: 33px 0 30px; border-top: 1px solid #f0efef; }
.ll-expert-detail .right-section .products-section ul li a .image-block {
width: 100%; max-width: 34%; float: right; }
.ll-expert-detail .right-section .products-section ul li a .image-block img {
display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; }
.ll-expert-detail .right-section .products-section ul li a .content-block {
width: 100%; max-width: 55%; float: left; }
.ll-expert-detail .right-section .products-section ul li a .content-block h2 {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #59a1bb; text-transform: uppercase; text-decoration: underline; }
.ll-expert-detail .right-section .products-section ul li a .content-block p {
margin: 16px 0 0; padding: 0; font-size: 14.5px; font-family: "europa"; font-weight: 500; line-height: 20px; color: #555555; font-style: normal; text-transform: none; }
.ll-expert-detail .right-section .products-section ul li a:hover .content-block h2 {
color: #555555; }
/* ----------------------------
* Become a Supplier Page
* ----------------------------*/
.ll-bcs {
/** Right section **/
/** Left section **/ }
.ll-bcs .content-container {
padding: 55px 15px 100px; }
.ll-bcs .bcs-content.right-section {
padding-top: 0; padding-bottom: 0; margin: 0; }
.ll-bcs .bcs-content.right-section .content-block {
display: block; padding-right: 34px; }
.ll-bcs .bcs-content.right-section .content-block h2 {
margin-bottom: 25px; font-size: 1.71rem; font-family: "europa"; color: #000; text-transform: none; }
.ll-bcs .bcs-content.right-section .content-block p {
margin-top: 11px; font-size: 14.5px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; }
.ll-bcs .bcs-content.right-section .content-block h3 {
margin: 48px 0 10px; font-size: 17px; font-family: "europa"; font-weight: 600; color: #d5a968; text-transform: uppercase; letter-spacing: 1px; }
.ll-bcs .bcs-content.right-section .content-block ul {
display: block; padding-left: 30px; margin: 17px 0; }
.ll-bcs .bcs-content.right-section .content-block ul li {
width: 100%; height: auto; float: left; display: block; position: relative; margin: 5px 0; font-size: 14.5px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; text-indent: 0; overflow: visible; }
.ll-bcs .bcs-content.right-section .content-block ul li:after {
content: " "; width: 6px; height: 6px; display: block; top: 48%; left: -28px; position: absolute; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #d5a968; }
.ll-bcs .left-section {
padding-top: 26px; padding-bottom: 0; margin: 0; }
.ll-bcs .left-section .bcs-form .fieldset .input-elements-row .ll-contact .left-section label {
font-size: 14.5px; }
.ll-bcs .left-section .bcs-form .fieldset .input-elements-row label.required:after, .ll-bcs .left-section .bcs-form .fieldset .input-elements-row span.required:after {
font-size: 13px; font-family: "europa"; font-weight: 600; color: #d5a968; }
.ll-bcs .left-section .bcs-form .fieldset .input-elements-row .input-box input.input-text {
height: 48px; }
.ll-bcs .left-section .bcs-form .fieldset .input-elements-row .input-box textarea {
height: 140px; overflow-y: auto; resize: none; }
.ll-bcs .left-section .bcs-form .buttons-set {
padding-top: 0; }
.ll-bcs .left-section .bcs-form .buttons-set button {
float: left; width: 100%; max-width: 184px; padding: 20px 0 18px; margin-top: 25px; background-color: #59a1bb; }
.ll-bcs .left-section .bcs-form .buttons-set button span {
font-size: 14px; font-family: "europa"; font-weight: 600; }
.ll-bcs .left-section .bcs-form .buttons-set button:hover {
background-color: #555555; }
/* ----------------------------
* Category Common Layout Page
* ----------------------------*/
.ll-cp {
/** Page Description and Image **/
/* Top tool bar */
/* Bottom tool bar */ }
.ll-cp .container.description-section .category-image {
padding: 0 50px 0 0; margin: 0; border: none; }
.ll-cp .container.description-section .category-image img {
width: 100%; height: auto; }
.ll-cp .container.description-section .category-description {
padding-top: 95px; padding-bottom: 30px; }
.ll-cp .container.description-section .category-description p {
margin-bottom: 25px; color: #555555; font-size: 15px; font-family: "europa"; font-weight: 500; line-height: 21px; text-transform: none; }
.ll-cp .container.description-section .category-description p.large {
padding-right: 30px; font-size: 19px; font-family: "europa"; font-weight: 500; line-height: 26px; }
.ll-cp .top-tool-bar .pager .amount,
.ll-cp .top-tool-bar .pager .limiter,
.ll-cp .top-tool-bar .pager .pages,
.ll-cp .top-tool-bar .sorter > .sort-by .sort-by-switcher {
display: none !important; }
.ll-cp .top-tool-bar .toolbar {
margin-top: 40px; margin-bottom: 20px; border-bottom: none; border-top: none; background: transparent; padding: 0; }
.ll-cp .top-tool-bar .toolbar .sorter {
float: right; }
.ll-cp .top-tool-bar .toolbar .sorter .sort-by {
margin-right: 0; height: auto; width: 190px; }
.ll-cp .top-tool-bar .toolbar .sorter .sort-by select {
max-width: 125px; font-size: 15px; font-family: "europa"; font-weight: 500; float: right; }
.ll-cp .top-tool-bar .toolbar .sorter label {
top: 5px; position: relative; font-size: 15px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; }
.ll-cp .toolbar-bottom .toolbar {
margin-top: 0; margin-bottom: 70px; padding: 0; border-bottom: none; border-top: none; background: transparent; text-align: center; }
.ll-cp .toolbar-bottom .toolbar .sorter,
.ll-cp .toolbar-bottom .toolbar .count-container {
display: none !important; }
.ll-cp .toolbar-bottom .toolbar .pager {
float: none; overflow: hidden; margin-left: auto; margin-right: auto; width: 100%; top: -10px; position: relative; }
.ll-cp .toolbar-bottom .toolbar .pager .pages {
float: none; overflow: hidden; margin-left: auto; margin-right: auto; width: auto; display: flex; }
.ll-cp .toolbar-bottom .toolbar .pager .pages ol {
width: auto; margin-left: auto; margin-right: auto; float: none; display: flex; }
.ll-cp .toolbar-bottom .toolbar .pager .pages ol li {
margin-left: 10px; margin-right: 10px; }
.ll-cp .toolbar-bottom .toolbar .pager .pages ol li a, .ll-cp .toolbar-bottom .toolbar .pager .pages ol li.current {
font-size: 17px; font-family: "europa"; font-weight: 600; color: #585858; }
.ll-cp .toolbar-bottom .toolbar .pager .pages ol li.current {
width: 35px; height: auto; padding: 1px 0; margin-top: 0px; border: 2px solid #d5a968; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.ll-cp .toolbar-bottom .toolbar .pager .pages ol li a {
padding-top: 3px; }
.ll-cp .toolbar-bottom .toolbar .pager .pages ol li a:hover {
color: #59a1bb; }
.ll-cp .toolbar-bottom .toolbar .pager .pages ol li a.next, .ll-cp .toolbar-bottom .toolbar .pager .pages ol li a.previous {
width: auto; font-size: 17px; font-family: "europa"; font-weight: 600; line-height: 30px; text-transform: none; color: #59a1bb; }
.ll-cp .toolbar-bottom .toolbar .pager .pages ol li a.next:before, .ll-cp .toolbar-bottom .toolbar .pager .pages ol li a.previous:before {
display: none; }
.ll-cp .toolbar-bottom .toolbar .pager .pages ol li a.next:hover, .ll-cp .toolbar-bottom .toolbar .pager .pages ol li a.previous:hover {
color: #555555; border: none; }
/** Product Block **/
.ll-cp-block .products-grid .item {
margin-bottom: 0; /** Product hoverefect **/
/** Tool Tip **/ }
.ll-cp-block .products-grid .item .product-image {
margin-bottom: 20px; border: none; position: relative; }
.ll-cp-block .products-grid .item .product-image .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 115px; left: 0; right: 0; margin: 0 auto; }
.ll-cp-block .products-grid .item .product-image:hover {
border: none; }
.ll-cp-block .products-grid .item .product-image:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
.ll-cp-block .products-grid .item .product-info {
margin-top: 30px; text-align: left; }
.ll-cp-block .products-grid .item .product-info h3.rating-label {
height: 20px; margin-bottom: 5px; font-size: 13px; font-family: "europa"; font-weight: 600; color: #d5a968; text-transform: uppercase; }
.ll-cp-block .products-grid .item .product-info h2.product-name {
height: 40px; padding-right: 30px; margin-bottom: 9px; overflow: hidden; }
.ll-cp-block .products-grid .item .product-info h2.product-name a {
font-size: 14px; font-family: "europa"; font-weight: 600; color: #555555; text-transform: uppercase; }
.ll-cp-block .products-grid .item .product-info h2.product-name a:hover {
color: #59a1bb; }
.ll-cp-block .products-grid .item .product-info .brand-row h2 {
height: 17px; overflow: hidden; margin-bottom: 10px; font-size: 14px; font-family: "europa"; font-weight: 600; color: #59a1bb; }
.ll-cp-block .products-grid .item .product-info .brand-row h2 a {
font-size: 14px; font-family: "europa"; font-weight: 600; color: #59a1bb; }
.ll-cp-block .products-grid .item .product-info .brand-row h2 a:hover {
color: #555555; }
.ll-cp-block .products-grid .item .product-info .rating-row {
height: 17px; }
.ll-cp-block .products-grid .item .product-info .rating-row .ratings .rating-box {
float: left; }
.ll-cp-block .products-grid .item .product-info .rating-row .ratings .amount {
display: none !important; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box {
margin: 18px 0 0; padding: 10px 0; border-top: 1px solid #d1d2d1; border-bottom: 1px solid #d1d2d1; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box .price {
font-size: 1.43rem; font-family: "europa"; font-weight: 600; color: #000; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box .old-price .price {
font-size: 1.43rem; font-family: "europa"; font-weight: 500; color: #d1d2d1; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box .special-price .price {
font-size: 1.43rem; font-family: "europa"; font-weight: 600; color: #000; }
.ll-cp-block .products-grid .item .product-info .actions {
height: 40px; width: 100%; display: block; float: left; overflow: hidden; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links {
float: none; margin: -50px 0 0; -webkit-transition: 0.7s ease margin; -moz-transition: 0.7s ease margin; -transition: 0.7s ease margin; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li {
width: auto; float: right; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li:first-child {
float: left; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.quick-shop {
border: none; color: #59a1bb; font-size: 14px; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.quick-shop:hover {
color: #555555; text-decoration: none; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.quick-shop i {
position: relative; top: -2px; margin-left: 5px; font-size: 9px; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.link-wishlist, .ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.add-to-cart-icon {
width: 20px; height: 20px; padding: 0; border: none; display: block; overflow: hidden; text-indent: -999px; background-image: url(../images/category/product-icon.png); background-repeat: no-repeat; -webkit-transition: 0.7s ease all; -moz-transition: 0.7s ease all; -transition: 0.7s ease all; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.link-wishlist {
margin-right: 20px; background-position: top left; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.link-wishlist:hover {
background-position: bottom left; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.add-to-cart-icon {
margin-left: 20px; margin-right: 20px; background-position: top right; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.add-to-cart-icon:hover {
background-position: bottom right; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li span {
top: -8px; position: relative; color: #d1d2d1; font-size: 23px; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li p.availability.out-of-stock {
width: 20px; height: 20px; padding: 0; margin-left: 20px; margin-right: 20px; border: none; display: block; overflow: hidden; text-indent: -999px; background-image: url(../images/category/product-icon.png); background-position: bottom right; background-repeat: no-repeat; opacity: 0.7; cursor: not-allowed; }
.ll-cp-block .products-grid .item .product-info .actions .mv-actions a.mv-button,
.ll-cp-block .products-grid .item .product-info .actions .mv-actions span.mv-button {
width: 120px; clear: both; margin: auto; display: block; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-size: 14px; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.ll-cp-block .products-grid .item .product-info .actions .mv-actions a.mv-button {
border: 1px solid #59a1bb; color: #59a1bb; padding: 9px 0 8px; }
.ll-cp-block .products-grid .item .product-info .actions .mv-actions span.mv-button {
border: 1px solid #999999; color: #999999; padding: 9px 0 8px; }
.ll-cp-block .products-grid .item:hover .product-info h2.product-name a {
color: #59a1bb; }
.ll-cp-block .products-grid .item:hover .product-info .brand-row h2 a {
color: #555555; }
.ll-cp-block .products-grid .item:hover .product-info .actions ul.add-to-links {
margin: 7px 0 0; -webkit-transition: 0.7s ease margin; -moz-transition: 0.7s ease margin; -transition: 0.7s ease margin; }
.ll-cp-block .products-grid .item .tool-tip {
display: none; width: calc(400% + 60px); background-color: #fff; }
.ll-cp-block .products-grid .item:first-child .tool-tip {
display: block; }
.ll-cp-block .note-msg {
margin-bottom: 20px; font-size: 36px; font-family: "europa"; text-transform: none; text-transform: none; margin-bottom: 200px; margin-top: 200px; color: #000; text-align: center; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li .availability out-of-stock {
top: 0px; position: relative; color: #d1d2d1; font-size: 14px; padding-left: 5px; }
/* quick shop */
.ll-cp .tool-tip {
position: relative; top: 0px; z-index: 55; left: 7px; height: 600px; height: 0; overflow: hidden; margin-bottom: 40px; }
.ll-cp .tool-tip::after {
content: ''; display: block; position: absolute; top: -20px; left: 2%; width: 0; height: 0; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px; }
.ll-cp .tool-tip .product-essential {
background: #fff; -webkit-box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 30px 2px rgba(0, 0, 0, 0.2); height: 600px; padding: 40px; }
.ll-cp .tool-tip .product-essential .product-img-box {
border-right: 1px solid #f0efef; height: 600px; }
.ll-cp .tool-tip .product-essential .right-section.product-shop .product-shop {
padding-top: 60px; padding-left: 50px; }
.ll-cp .tool-tip .product-essential .right-section.product-shop .product-name-row h1 {
text-align: left; font-size: 18px; }
.ll-cp .tool-tip .product-essential .right-section.product-shop .rating-label {
text-align: left; }
.ll-cp .tool-tip .product-essential .right-section.product-shop input[type=number].qty, .ll-cp .tool-tip .product-essential .right-section.product-shop input[type=text].qty {
width: 3em; text-align: center; vertical-align: top; }
.ll-cp .tool-tip .product-essential .right-section.product-shop ul.add-to-links li button {
min-height: 1px; padding: 10px 10px 12px; margin-left: 10px; font-size: 14px; font-family: "europa"; font-weight: 600; line-height: 19px; letter-spacing: 1px; }
.ll-cp .tool-tip .product-essential .right-section.product-shop ul.add-to-links li a.link-wishlist {
width: 41px; height: 41px; background-position: center -3px; }
.ll-cp .tool-tip .product-essential .right-section.product-shop ul.add-to-links li a.link-wishlist:hover {
border: 1px solid #59a1bb; background-position: center -53px; }
.ll-cp .tool-tip .product-essential .right-section.product-shop input[type=text].qty {
margin-left: -5px; margin-right: -5px; }
.ll-cp .tool-tip .product-essential .right-section.product-shop ul.add-to-links li button {
margin-right: 10px; }
.ll-cp .tool-tip .product-essential .add-to-cart .product-increment-qty .decrease-qty::before, .ll-cp .tool-tip .product-essential .increase-qty::before {
display: none !important; }
.ll-cp .tool-tip .product-essential .add-to-cart .product-increment-qty .decrease-qty, .ll-cp .tool-tip .product-essential .increase-qty {
text-indent: 0 !important; overflow: hidden; display: block; width: 30px; height: auto !important; padding: 11px 0; }
.ll-cp .tool-tip .product-essential .product-shop .add-to-cart .product-increment-qty {
position: relative; top: 0; left: -1px; background: #f0efef; padding-top: 0px; padding-left: 0px; margin-right: 0; }
.ll-cp .tool-tip .product-essential .add-to-cart .qty-wrapper > label {
padding-top: 12px; }
.ll-cp .tool-tip .product-essential .quick-shope-bottom-items {
background: #f6f6f6; font-size: 13px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; text-align: left; padding: 30px 60px; }
.ll-cp .active-quk-shop {
overflow: visible; height: 600px; }
.ll-cp .right-section.product-shop.web {
padding-left: 0px !important; }
.ll-cp-block .products-grid .item:nth-child(4n+2) .tool-tip {
left: calc(-100% + -17px); }
.ll-cp-block .products-grid .item:nth-child(4n+2) .tool-tip::after {
left: 28%; }
.ll-cp-block .products-grid .item:nth-child(4n+3) .tool-tip {
left: calc(-200% + -42px); }
.ll-cp-block .products-grid .item:nth-child(4n+3) .tool-tip::after {
left: 54%; }
.ll-cp-block .products-grid .item:nth-child(4n+4) .tool-tip {
left: calc(-300% + -65px); }
.ll-cp-block .products-grid .item:nth-child(4n+4) .tool-tip::after {
left: 80%; }
/* ----------------------------
* Best Seller Page
* ----------------------------*/
.ll-bestseller .std p {
margin-bottom: 0; }
.ll-bestseller .std .products-grid {
padding-top: 60px; }
.ll-bestseller .std .products-grid .item .product-info h2,
.ll-bestseller .std .products-grid .item .product-info p,
.ll-bestseller .std .products-grid .item .product-info a,
.ll-bestseller .std .products-grid .item .product-info span {
font-style: normal; }
.ll-bestseller .std .products-grid .item .product-info .actions {
position: relative; }
.ll-bestseller .std .products-grid--max-4-col > li.visible:nth-child(4n+1) {
clear: none; }
/* ----------------------------
* Ingrediant Sub Category Page
* ----------------------------*/
.ll-sub-ing {
/** CMS Block Section **/
/** Layer Navigation **/
/** Shorting Option **/ }
.ll-sub-ing .cms-container h1 {
padding: 35px 0; margin-bottom: 38px; font-size: 32px; font-family: "europa"; color: #d5a968; text-transform: none; border-top: 1px solid #f0efef; border-bottom: 1px solid #d5a968; }
.ll-sub-ing .ingredint-layer-nav {
margin-bottom: 55px; }
.ll-sub-ing .il-bar {
padding-right: 5px; }
.ll-sub-ing .block-layered-nav .block-content dl dt {
float: left; padding: 0; padding-right: 10px; position: relative; top: 9px; font-size: 14.5px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: capitalize; border: none; background-color: transparent; }
.ll-sub-ing .block-layered-nav .block-content dl dt:hover {
background-color: transparent; }
.ll-sub-ing .block-layered-nav .block-content dl dd {
width: 100%; max-width: 115px; float: left; padding: 0; margin-right: 45px; margin-bottom: 10px; border: none; }
.ll-sub-ing .block-layered-nav .block-content dl dd#layer-dt-0 {
max-width: 130px; }
.ll-sub-ing .block-layered-nav .block-content dl dd.last {
margin-right: 0; }
.ll-sub-ing .block-layered-nav .block-content dl dd#narrow-by-list, .ll-sub-ing .block-layered-nav .block-content dl dd#narrow-by-list2 {
border: none; }
.ll-sub-ing .block-layered-nav .block-content dl dd ol li select {
width: 100%; float: left; padding-left: 15px; padding-right: 45px; font-size: 14.5px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: capitalize; background-color: #fff; }
.ll-sub-ing .top-tool-bar .pager .amount,
.ll-sub-ing .top-tool-bar .pager .limiter,
.ll-sub-ing .top-tool-bar .pager .pages,
.ll-sub-ing .top-tool-bar .sorter > .sort-by .sort-by-switcher {
display: none !important; }
.ll-sub-ing .top-tool-bar .toolbar {
margin-top: 5px; margin-bottom: 0; border-bottom: none; border-top: none; background: transparent; padding: 0; }
.ll-sub-ing .top-tool-bar .toolbar .sorter {
float: right; margin-bottom: 0; }
.ll-sub-ing .top-tool-bar .toolbar .sorter .sort-by {
margin-right: 0; height: auto; width: 183px; }
.ll-sub-ing .top-tool-bar .toolbar .sorter .sort-by select {
max-width: 120px; font-size: 14.5px; font-family: "europa"; font-weight: 500; }
.ll-sub-ing .top-tool-bar .toolbar .sorter label {
top: 6px; font-size: 14.5px; font-family: "europa"; font-weight: 500; }
/* ----------------------------
* Sub Category Page
* ----------------------------*/
.category-skincare .breadcrumb-section {
padding: 25px 0 20px; }
.category-skincare .inner-banner-title {
display: none; }
.top-layer-nav {
background-color: #f6f6f6; border-top: 0.5px solid #fff; /** Filteration section Main heading **/
/** Click Icon **/ }
.top-layer-nav .container {
padding-top: 23px; padding-bottom: 23px; -webkit-transition: 0.25s ease all; -moz-transition: 0.25s ease all; -transition: 0.25s ease all; }
.top-layer-nav.active .container {
padding-top: 50px; padding-bottom: 20px; }
.top-layer-nav .filter-secttion {
margin-top: -28px; }
.top-layer-nav .heading {
text-align: left; }
.top-layer-nav .heading h2 {
font-size: 1.14rem; font-family: "europa"; font-weight: 500; color: #d5a968; text-transform: uppercase; margin: 0; letter-spacing: 2.5px; }
.top-layer-nav .toggle-icon span {
width: auto; height: auto; display: block; float: right; overflow: hidden; }
.top-layer-nav .toggle-icon span:before {
top: 3px; position: relative; content: "+"; font-size: 30px; font-family: "europa"; font-weight: 500; line-height: 0; color: #000; cursor: pointer; }
.top-layer-nav .toggle-icon span.active:before {
top: 1px; content: "--"; font-size: 32px; font-family: "europa"; font-weight: 500; letter-spacing: -2px; }
.top-layer-nav .toggle-icon span:hover:before {
color: #d5a968; }
.top-layer-nav .block-layered-nav .toggle-content dl dt {
width: 14%; float: left; padding: 0; position: relative; top: 2px; font-size: 15px; font-family: "europa"; font-weight: 600; color: #000; text-transform: capitalize; border: none; background-color: transparent; letter-spacing: 1.5px; }
.top-layer-nav .block-layered-nav .toggle-content dl dt:hover {
background-color: transparent; }
.top-layer-nav .block-layered-nav .toggle-content dl dd {
width: 85%; float: left; padding: 0; margin-bottom: 20px; border: none; }
.top-layer-nav .block-layered-nav .toggle-content dl dd ol li {
margin: 0; padding: 0; float: left; }
.top-layer-nav .block-layered-nav .toggle-content dl dd ol li a {
display: block; padding: 5px 20px 5px; margin: 0; font-size: 13px; font-family: "europa"; font-weight: 600; color: #000; text-transform: uppercase; text-align: center; background-image: none; background-color: #fff; letter-spacing: 1.7px; border-top: 0.4px solid #d1d2d1; border-left: 0.4px solid #d1d2d1; border-right: 0.4px solid #d1d2d1; border-bottom: 0.4px solid #d1d2d1; }
.top-layer-nav .block-layered-nav .toggle-content dl dd ol li a span {
display: none; }
.top-layer-nav .block-layered-nav .toggle-content dl dd ol li a.amshopby-attr-selected, .top-layer-nav .block-layered-nav .toggle-content dl dd ol li a:hover {
color: #fff; background-color: #351f39; border-top: 0.4px solid #351f39; border-left: 0.4px solid #351f39; border-right: 0.4px solid #351f39; border-bottom: 0.4px solid #351f39; }
.top-layer-nav .block-layered-nav .toggle-content dl dd ol li select {
padding-right: 48px; font-size: 13px; font-family: "europa"; font-weight: 600; color: #000; text-transform: uppercase; }
.top-layer-nav .block-layered-nav .toggle-content dl dd ol li:nth-child(1) a {
border-left: 0.4px solid #d1d2d1; }
.top-layer-nav .block-layered-nav .toggle-content dl dd ol li:nth-child(1) a.amshopby-attr-selected, .top-layer-nav .block-layered-nav .toggle-content dl dd ol li:nth-child(1) a:hover {
border-left: 0.4px solid #351f39; }
.layernav-fixed .top-layer-nav {
top: 80px; left: 0; right: 0; position: fixed; border-top: none; z-index: 500; }
/* ----------------------------
* Search Result Page
* ----------------------------*/
.ll-sr-page {
/** Result Senction **/
/** Layer Navigation **/
/** No Result Page **/ }
.ll-sr-page .detail-container {
min-height: 700px; padding-top: 35px; padding-bottom: 22px; }
.ll-sr-page .result-section {
/** Tab triggers **/
/** Content Search results **/ }
.ll-sr-page .result-section .tab-triggers-row {
margin-left: 0; margin-right: 0; border-bottom: 1px solid #f7f7f7; }
.ll-sr-page .result-section .tab-triggers-row .tab-trigger {
padding: 25px 15px 26px; top: 2px; position: relative; background-color: #f0efef; border-top: 1px solid #f7f7f7; border-right: 1px solid #f7f7f7; cursor: pointer; text-align: center; }
.ll-sr-page .result-section .tab-triggers-row .tab-trigger h2 {
margin: 0; font-size: 15px; font-family: "europa"; font-weight: 600; text-transform: uppercase; color: #555555; }
.ll-sr-page .result-section .tab-triggers-row .tab-trigger:hover h2 {
color: #d5a968; }
.ll-sr-page .result-section .tab-triggers-row .tab-trigger.active {
padding: 25px 15px 25px; top: 2px; background-color: #fff; cursor: default; }
.ll-sr-page .result-section .tab-triggers-row .tab-trigger.active:hover h2 {
color: #555555; }
.ll-sr-page .result-section .tab-triggers-row .tab-trigger:nth-child(1) {
border-left: 1px solid #f7f7f7; }
.ll-sr-page .result-section > .container {
width: 100%; padding-left: 0; padding-right: 0; }
.ll-sr-page .result-section .content-result-container {
margin-bottom: 20px; }
.ll-sr-page .result-section .content-result-container ul {
margin-top: 40px; padding-left: 20px; padding-right: 20px; }
.ll-sr-page .result-section .content-result-container ul li a {
display: block; margin-bottom: 7px; font-size: 15px; font-family: "europa"; font-weight: 600; color: #59a1bb; text-transform: uppercase; }
.ll-sr-page .result-section .content-result-container ul li a:hover {
color: #555555; }
.ll-sr-page .result-section .content-result-container ul li p {
margin-bottom: 20px; font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; }
.ll-sr-page div.block-layered-nav .block-title {
margin-right: -30px; border-bottom: 1px solid #f7f7f7; }
.ll-sr-page div.block-layered-nav .block-title h2 {
margin: 0; padding: 25px 0; font-size: 15px; font-family: "europa"; font-weight: 600; text-transform: uppercase; color: #d5a968; letter-spacing: 2.5px; }
.ll-sr-page div.block-layered-nav .block-content > dl > dt {
padding: 0; margin-top: 35px; margin-bottom: 20px; font-size: 14px; font-family: "europa"; font-weight: 600; color: #555555; text-transform: uppercase; border: none; background-color: transparent; }
.ll-sr-page div.block-layered-nav .block-content > dl > dt:hover {
background-color: transparent; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd {
padding: 0 0 30px; margin-bottom: 0; border: none; border-bottom: 1px solid #f7f7f7; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a {
margin-bottom: 3px; padding: 0 15px 0 25px; font-size: 14px; font-family: "europa"; font-weight: 500; color: #59a1bb; background-image: url(../images/search-result/non-active.png); background-position: left center; background-repeat: no-repeat; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a span {
display: none; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a:hover {
color: #555555; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a.amshopby-attr-selected {
background-image: url(../images/search-result/active.png); }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a.amshopby-attr-selected:hover {
color: #59a1bb; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li select {
margin-bottom: 10px; }
.ll-sr-page .container.category-pl-container p.note-msg {
display: none; }
.ll-sr-page .container.content-result-container.no-result {
min-height: 250px; padding-top: 100px; }
.ll-sr-page .container.content-result-container.no-result .note-msg {
font-size: 28px; font-family: "europa"; font-weight: 500; color: #555555; }
.div.amshopby-overlay {
cursor: not-allowed; }
/* ----------------------------
* Login, Forgot Password,
* Create An Account
* Reset Password Common styles
* ----------------------------*/
.acount-pages h2,
.acount-pages p,
.acount-pages a {
text-transform: none; }
.acount-pages .detail-container {
background-position: right center; background-size: auto 100%; background-repeat: no-repeat; }
.acount-pages .detail-container form {
margin: 0; padding: 0; /** section heading **/
/** Heighlight text **/
/** Social login section **/
/** Input Elements **/
/** Remember me **/
/** button section **/
/** Action links **/ }
.acount-pages .detail-container form h2.section-h2 {
margin-bottom: 5px; color: #000; font-size: 1.86rem; font-family: "europa"; text-transform: none; margin-bottom: 25px; }
.acount-pages .detail-container form .heighlight-text-row.row p {
color: #999999; font-size: 15px; font-family: "europa"; font-weight: 500; font-style: normal; }
.acount-pages .detail-container form .social-login.row {
/** Separation text **/ }
.acount-pages .detail-container form .social-login.row a {
text-transform: uppercase; color: #d1d2d1; font-size: 15px; font-family: "europa"; font-weight: 500; display: inline-block; text-align: center; color: #fff; padding-top: 14px; padding-bottom: 14px; display: block; }
.acount-pages .detail-container form .social-login.row a i {
width: 50px; display: inline-block; text-align: center; color: #fff; padding-top: 14px; padding-bottom: 14px; float: left; margin-top: -14px; font-size: 22px; }
.acount-pages .detail-container form .social-login.row .google-wrapper a {
background-color: #9b301f; }
.acount-pages .detail-container form .social-login.row .google-wrapper a i {
background-color: #df4a32; }
.acount-pages .detail-container form .social-login.row .google-wrapper a:hover {
background-color: #79281c; }
.acount-pages .detail-container form .social-login.row .google-wrapper a:hover i {
background-color: #79281c; }
.acount-pages .detail-container form .social-login.row .facebook-wrapper a {
background-color: #354e84; }
.acount-pages .detail-container form .social-login.row .facebook-wrapper a i {
background-color: #4b66a0; }
.acount-pages .detail-container form .social-login.row .facebook-wrapper a:hover {
background-color: #24365b; }
.acount-pages .detail-container form .social-login.row .facebook-wrapper a:hover i {
background-color: #24365b; }
.acount-pages .detail-container form .social-login.row .seperation-text {
position: reletive; }
.acount-pages .detail-container form .social-login.row .seperation-text span {
height: 1px; width: 100%; display: block; font-size: 15px; font-family: "europa"; font-weight: 500; background-color: #f0efef; text-align: center; overflow: visible; margin-top: 30px; }
.acount-pages .detail-container form .social-login.row .seperation-text span:after {
content: "OR"; top: -10px; position: relative; display: block; color: #d1d2d1; background-color: #f8f7f7; display: inline-block; padding-left: 10px; padding-right: 10px; }
.acount-pages .detail-container form .input-elements.row {
margin-top: 40px; }
.acount-pages .detail-container form .input-elements.row input.input-text {
max-width: 100%; width: 100%; height: 50px; padding-left: 20px; margin-bottom: 20px; display: block; color: #555555; background-color: #fff !important; border: 1px solid #f0efef; font-size: 14px; font-family: "europa"; font-weight: 600; }
.acount-pages .detail-container form .input-elements.row input.input-text::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #555555; font-size: 14px; font-family: "europa"; font-weight: 600; }
.acount-pages .detail-container form .input-elements.row input.input-text::-moz-placeholder {
/* Firefox 19+ */
color: #555555; font-size: 14px; font-family: "europa"; font-weight: 600; }
.acount-pages .detail-container form .input-elements.row input.input-text:-ms-input-placeholder {
/* IE 10+ */
color: #555555; font-size: 14px; font-family: "europa"; font-weight: 600; }
.acount-pages .detail-container form .input-elements.row input.input-text:-moz-placeholder {
/* Firefox 18- */
color: #555555; font-size: 14px; font-family: "europa"; font-weight: 600; }
.acount-pages .detail-container form .input-elements.row input.input-text:hover, .acount-pages .detail-container form .input-elements.row input.input-text:active, .acount-pages .detail-container form .input-elements.row input.input-text:focus {
color: #555555; background-color: #fff !important; font-size: 14px; font-family: "europa"; font-weight: 600; }
.acount-pages .detail-container form .input-elements.row input:-webkit-autofill {
color: #555555; background-color: #fff !important; }
.acount-pages .detail-container form .remeber-me.row {
display: none; }
.acount-pages .detail-container form .button-row.row button,
.acount-pages .detail-container form .button-row.row button:hover,
.acount-pages .detail-container form .button-row.row button:active,
.acount-pages .detail-container form .button-row.row button:focus {
max-width: 100%; width: 100%; height: 50px; margin-bottom: 20px; padding-left: 0; padding-right: 0; text-align: center; background-color: #d5a968; }
.acount-pages .detail-container form .button-row.row button span,
.acount-pages .detail-container form .button-row.row button:hover span,
.acount-pages .detail-container form .button-row.row button:active span,
.acount-pages .detail-container form .button-row.row button:focus span {
color: #fff; font-size: 14px; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.acount-pages .detail-container form .button-row.row button:hover,
.acount-pages .detail-container form .button-row.row button:hover:hover,
.acount-pages .detail-container form .button-row.row button:active:hover,
.acount-pages .detail-container form .button-row.row button:focus:hover {
background-color: #ab9678; }
.acount-pages .detail-container form .action-links-row.row a {
margin-bottom: 10px; color: #59a1bb; font-size: 14px; font-family: "europa"; font-weight: 500; text-decoration: underline; text-align: left; }
.acount-pages .detail-container form .action-links-row.row a:hover {
color: #555555; text-decoration: underline; }
.acount-pages .detail-container form .action-links-row.row p {
margin-bottom: 10px; font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; }
.acount-pages .detail-container form .action-links-row.row p a {
margin-left: 10px; color: #59a1bb; font-size: 14px; font-family: "europa"; font-weight: 500; text-decoration: underline; text-align: left; }
.acount-pages .detail-container form .action-links-row.row p a:hover {
color: #555555; text-decoration: underline; }
/* ----------------------------
* Forgot Password Page
* ----------------------------*/
.customer-account-forgotpassword .inner-banner-title h1 {
font-size: 25px; }
.customer-account-forgotpassword .content-section.gray {
background-image: url(../images/c-account/background.png); background-position: right center; background-size: auto 100%; background-repeat: no-repeat; }
.customer-account-forgotpassword .content-section.gray .detail-container {
min-height: 500px; padding-top: 95px; padding-bottom: 40px; }
/* ----------------------------
* Login Page
* ----------------------------*/
.ll-login .detail-container {
min-height: 681px; padding-top: 95px; padding-bottom: 40px; background-image: url(../images/login/background.png); }
/* ----------------------------
* Create an Account Page
* ----------------------------*/
.ll-account-pages {
/** Featured points **/ }
.ll-account-pages .content-section.gray {
background-image: url(../images/c-account/background.png); background-position: right center; background-size: auto 100%; background-repeat: no-repeat; }
.ll-account-pages .detail-container {
min-height: 589px; padding-top: 50px; padding-bottom: 40px; }
.ll-account-pages .featured-points-section {
position: relative; }
.ll-account-pages .featured-points-section .featured-points {
top: 345px; position: absolute; }
.ll-account-pages .featured-points-section .featured-points h2 {
margin-bottom: 20px; padding-left: 85px; color: #000; font-size: 1.57rem; font-family: "europa"; text-transform: none; }
.ll-account-pages .featured-points-section .featured-points ul {
padding-left: 85px; }
.ll-account-pages .featured-points-section .featured-points ul li {
width: 50%; margin-bottom: 8px; float: left; position: relative; font-size: 14px; font-family: "europa"; font-weight: 500; }
.ll-account-pages .featured-points-section .featured-points ul li:before {
content: "."; margin-right: 10px; font-size: 32px; font-family: "europa"; font-weight: 600; color: #59a1bb; line-height: 0; top: -2px; position: relative; }
.ll-account-pages .account-create-popup {
width: 100%; height: 100%; display: block; top: 0; left: 0; bottom: 0; right: 0; position: fixed; background-color: rgba(0, 0, 0, 0.5); overflow-y: auto; z-index: 1111; }
.ll-account-pages .account-create-popup .form-container {
width: 100%; max-width: 500px; height: auto; min-height: 200px; padding: 30px; display: block; margin: 20px auto; background-color: #fff; }
/* ----------------------------
* Product Detail Page
* ----------------------------*/
.ll-product-detail {
/** Top right Section **/
/** Accordian Section **/
/** Breadcrumb **/
/** Upsell Product Section **/
/** Keep up with the latest tips, news & trends Section **/ }
.ll-product-detail .left-section.product-img-box {
padding-top: 30px; /** Tags Section **/
/** Media gallery section **/ }
.ll-product-detail .left-section.product-img-box ul.tags-ul {
margin-top: 60px; margin-bottom: 30px; }
.ll-product-detail .left-section.product-img-box ul.tags-ul li {
padding: 8px 20px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; font-size: 13px; font-family: "europa"; font-weight: 600; color: #555555; float: left; text-transform: capitalize; background-color: #fff; border: 1px solid #d5a968; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ll-product-detail .left-section.product-img-box ul.tags-ul li.first {
margin-left: 0; margin-right: 0; background-color: #fff; }
.ll-product-detail .left-section.product-img-box ul.tags-ul li.first h3 {
font-size: 13px; font-family: "europa"; font-weight: 600; color: #555555; text-transform: uppercase; margin-bottom: 0; }
.ll-product-detail .left-section.product-img-box ul.tags-ul li.last {
margin-right: 0; background-color: #fff; color: #999999; border: 1px solid #f2f1f1; cursor: pointer; }
.ll-product-detail .left-section.product-img-box ul.tags-ul li.last :hover {
background: #d5a968; color: #fff; }
.ll-product-detail .left-section.product-img-box .media-image.gallery-wrapper {
display: block; padding-left: 50px; padding-right: 50px; }
.ll-product-detail .left-section.product-img-box .media-image.gallery-wrapper .image-block {
height: 350px; width: 100%; display: block; border: 1px solid #f7f7f7; background-color: #fff; }
.ll-product-detail .left-section.product-img-box .media-image.gallery-wrapper .image-block img {
max-width: 100%; max-height: 100%; margin: auto; display: block; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap {
padding-left: 50px; padding-right: 50px; z-index: 194; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-viewport ul {
height: 350px; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-viewport ul li {
height: 350px !important; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-viewport ul li .yerslider-slide-inner {
width: 100%; height: 100%; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-viewport ul li .yerslider-slide-inner img {
max-width: 100%; max-height: 100%; margin: auto; width: auto; height: auto; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-thumbs-wrap {
margin-top: 45px; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-thumbs-wrap .yerslider-thumbs-item {
width: 25%; background-color: #fff; opacity: 0.5; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-thumbs-wrap .yerslider-thumbs-item img {
max-width: 100%; max-height: 100%; margin: auto; width: auto; height: auto; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-thumbs-wrap .yerslider-thumbs-item.thumb-slidegroup-current {
background-color: #fff; opacity: 1; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-next,
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-prev {
background-image: url(../images/detail/arrow-stripe.png); background-repeat: no-repeat; width: 15px; height: 26px; top: 59%; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-next {
right: -50px; background-position: left top; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-next:hover {
background-position: left bottom; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-prev {
left: -50px; background-position: right top; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-prev:hover {
background-position: right bottom; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-next:after,
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-prev:after {
display: none !important; }
.ll-product-detail .right-section.product-shop {
/** Ratings display Section **/
/** Volume Attribute **/
/** Price Info Section **/
/** Qty Section for simple Product **/
/** Configurable Product Section **/
/** Qty Section Configurable Product **/ }
.ll-product-detail .right-section.product-shop.web {
padding-left: 50px; }
.ll-product-detail .right-section.product-shop .product-name-row,
.ll-product-detail .right-section.product-shop .extra-info,
.ll-product-detail .right-section.product-shop .pv-info-section,
.ll-product-detail .right-section.product-shop .add-to-cart-wrapper-row {
width: 100%; display: block; float: left; }
.ll-product-detail .right-section.product-shop h3.rating-label {
margin-bottom: 5px; font-size: 13px; font-family: "europa"; font-weight: 600; color: #d5a968; text-transform: uppercase; }
.ll-product-detail .right-section.product-shop .product-name-row {
margin-bottom: 5px; }
.ll-product-detail .right-section.product-shop .product-name-row h1 {
font-size: 26px; font-family: "europa"; font-weight: 500; color: #000; text-transform: uppercase; margin-bottom: 7px; }
.ll-product-detail .right-section.product-shop .brand-row {
width: 100%; float: left; }
.ll-product-detail .right-section.product-shop .brand-row h2 {
height: 17px; overflow: hidden; margin-bottom: 10px; font-size: 14px; font-family: "europa"; font-weight: 600; color: #59a1bb; }
.ll-product-detail .right-section.product-shop .brand-row h2 a {
font-size: 14px; font-family: "europa"; font-weight: 600; color: #59a1bb; }
.ll-product-detail .right-section.product-shop .brand-row h2 a:hover {
color: #555555; }
.ll-product-detail .right-section.product-shop .extra-info {
max-width: 100%; }
.ll-product-detail .right-section.product-shop .extra-info .rating-box {
margin-top: 2px !important; margin-right: 15px !important; }
.ll-product-detail .right-section.product-shop .extra-info .rating-links {
clear: none; }
.ll-product-detail .right-section.product-shop .extra-info p.no-rating {
font-size: 13px; font-family: "europa"; font-weight: 600; color: #555555; }
.ll-product-detail .right-section.product-shop .extra-info p.no-rating a {
display: none; }
.ll-product-detail .right-section.product-shop label.volume {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; width: 40%; float: left; }
.ll-product-detail .right-section.product-shop .price-info {
width: 60%; float: left; text-align: left; }
.ll-product-detail .right-section.product-shop .price-info .price-box {
margin: 0; padding: 0; }
.ll-product-detail .right-section.product-shop .price-info .price-box .price {
font-size: 1.43rem; font-family: "europa"; font-weight: 600; color: #000; }
.ll-product-detail .right-section.product-shop .price-info .price-box .old-price .price {
font-size: 1.43rem; font-family: "europa"; font-weight: 500; color: #d1d2d1; }
.ll-product-detail .right-section.product-shop .price-info .price-box .special-price .price {
font-size: 1.43rem; font-family: "europa"; font-weight: 600; color: #000; }
.ll-product-detail .right-section.product-shop .pv-info-section {
margin-top: 5px; margin-bottom: 15px; }
.ll-product-detail .right-section.product-shop .add-to-cart {
margin-bottom: 20px; padding: 0; border-bottom: none; }
.ll-product-detail .right-section.product-shop .add-to-cart .qty-wrapper > label {
float: left; font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: uppercase; margin-right: 10px; }
.ll-product-detail .right-section.product-shop .add-to-cart .qty-wrapper .field-wrapper {
float: left; }
.ll-product-detail .right-section.product-shop .add-to-cart .qty-wrapper .field-wrapper input {
width: 45px; height: 40px; border: 1px solid #f0efef; font-size: 13px; font-family: "europa"; font-weight: 600; color: #555555; }
.ll-product-detail .right-section.product-shop .add-to-cart .product-increment-qty {
position: relative; top: 0; left: -1px; background: #f0efef; padding-top: 8px; padding-left: 5px; margin-right: 0; }
.ll-product-detail .right-section.product-shop .add-to-cart .product-increment-qty .increase-qty {
text-indent: -9999px; overflow: hidden; display: block; width: 30px; height: 16px; }
.ll-product-detail .right-section.product-shop .add-to-cart .product-increment-qty .decrease-qty {
text-indent: -9999px; overflow: hidden; display: block; width: 30px; height: 16px; }
.ll-product-detail .right-section.product-shop .add-to-cart .product-increment-qty .increase-qty::before {
content: ""; display: block; background: url(../images/up-arrow.png) no-repeat; width: 15px; height: 12px; margin: 0 0 0; margin-left: 9px; cursor: pointer; }
.ll-product-detail .right-section.product-shop .add-to-cart .product-increment-qty .decrease-qty::before {
content: ""; display: block; background: url(../images/down-arrow.png) no-repeat; width: 15px; height: 12px; margin: 0 0 0; margin-left: 9px; cursor: pointer; }
.ll-product-detail .right-section.product-shop .product-options {
padding: 0; border: none; margin-top: 10px; }
.ll-product-detail .right-section.product-shop .product-options .price-box {
display: none !important; }
.ll-product-detail .right-section.product-shop .product-options dl dt {
margin: 0; margin-right: 10px; float: left; padding: 0; }
.ll-product-detail .right-section.product-shop .product-options dl dt label {
top: 8px; position: relative; font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; }
.ll-product-detail .right-section.product-shop .product-options dl dt label:after,
.ll-product-detail .right-section.product-shop .product-options dl dt label em {
display: none !important; }
.ll-product-detail .right-section.product-shop .product-options dl dd {
width: 141px; float: left; padding: 0; margin: 0 0 18px; margin-right: 31px; border-bottom: none; }
.ll-product-detail .right-section.product-shop .product-options dl dd .input-box select {
background-image: url(../images/detail/drop-down-arrow.png); font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; padding-right: 45px; }
.ll-product-detail .right-section.product-shop ul.add-to-links {
/** Buy Now Button **/
/** Add to acart button **/
/** Whish List Button **/ }
.ll-product-detail .right-section.product-shop ul.add-to-links li {
float: left; display: block; margin-bottom: 10px; }
.ll-product-detail .right-section.product-shop ul.add-to-links li button {
min-height: 1px; padding: 16px 10px 15px; margin-right: 20px; font-size: 14px; font-family: "europa"; font-weight: 600; line-height: 19px; letter-spacing: 1px; }
.ll-product-detail .right-section.product-shop ul.add-to-links li.buy-now-button button {
width: 150px; background-color: #59a1bb; }
.ll-product-detail .right-section.product-shop ul.add-to-links li.buy-now-button button:hover, .ll-product-detail .right-section.product-shop ul.add-to-links li.buy-now-button button:active, .ll-product-detail .right-section.product-shop ul.add-to-links li.buy-now-button button:focus {
background-color: #555555; }
.ll-product-detail .right-section.product-shop ul.add-to-links li.add-to-cart-buttons button {
width: 170px; background-color: #d5a968; }
.ll-product-detail .right-section.product-shop ul.add-to-links li.add-to-cart-buttons button:hover, .ll-product-detail .right-section.product-shop ul.add-to-links li.add-to-cart-buttons button:active, .ll-product-detail .right-section.product-shop ul.add-to-links li.add-to-cart-buttons button:focus {
background-color: #ab9678; }
.ll-product-detail .right-section.product-shop ul.add-to-links li a.link-wishlist {
width: 48px; height: 48px; overflow: hidden; border: 1px solid #d5a968; text-indent: -999px; background-image: url(../images/detail/whish-list-icon.png); background-repeat: no-repeat; background-position: center top; }
.ll-product-detail .right-section.product-shop ul.add-to-links li a.link-wishlist:hover {
border: 1px solid #59a1bb; background-position: center bottom; }
.ll-product-detail ul.additional-des {
width: 100%; margin-top: 10px; margin-bottom: 50px; }
.ll-product-detail ul.additional-des > li {
width: 100%; height: auto; display: block; float: left; border-bottom: 1px solid #f0efef; cursor: pointer; /** Customer Review Form **/
/** Customer Review Form **/ }
.ll-product-detail ul.additional-des > li > h2 {
padding: 20px 0; margin: 0; font-size: 13px; font-family: "europa"; font-weight: 600; color: #555555; text-transform: uppercase; position: relative; }
.ll-product-detail ul.additional-des > li > h2:before {
top: 25px; right: 15px; position: absolute; content: "+"; font-size: 19px; font-family: "europa"; font-weight: 300; line-height: 0; color: #000; }
.ll-product-detail ul.additional-des > li > h2:hover:before {
color: #d5a968; }
.ll-product-detail ul.additional-des > li > h2:hover {
color: #d5a968; }
.ll-product-detail ul.additional-des > li .contnet-block {
display: block; float: left; width: 100%; padding-bottom: 30px; }
.ll-product-detail ul.additional-des > li .contnet-block p {
padding-bottom: 20px; padding-right: 75px; font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; line-height: 17px; text-transform: none; }
.ll-product-detail ul.additional-des > li .contnet-block h2 {
margin-top: 25px; margin-bottom: 20px; padding-right: 75px; font-size: 13px; font-family: "europa"; font-weight: 600; color: #555555; text-transform: uppercase; }
.ll-product-detail ul.additional-des > li .contnet-block .expert-row {
margin-bottom: 15px; }
.ll-product-detail ul.additional-des > li .contnet-block .expert-row img {
border-radius: 50%; border: 1px solid #f5f4f4; }
.ll-product-detail ul.additional-des > li .contnet-block .expert-row p {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; font-style: italic; padding-bottom: 15px; padding-top: 5px; }
.ll-product-detail ul.additional-des > li .contnet-block .expert-row h6 {
font-size: 12px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; }
.ll-product-detail ul.additional-des > li.active > h2 {
color: #d5a968; }
.ll-product-detail ul.additional-des > li.active > h2:before {
top: 25px; right: 16px; content: "--"; font-size: 1.29rem; font-family: "europa"; font-weight: 300; letter-spacing: -3px; }
.ll-product-detail ul.additional-des > li.active > h2:hover:before {
color: #d5a968; }
.ll-product-detail ul.additional-des > li:nth-child(1) {
border-top: 1px solid #f0efef; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews .review-heading {
display: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews dl dd .review-meta {
font-size: 13px; font-family: "europa"; font-weight: 300; color: #d5a968; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews h2 {
display: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset > h3 {
font-size: 13px; font-family: "europa"; color: #000; text-transform: uppercase; font-weight: 600 !important; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset > h3 span {
font-size: 11px; font-family: "europa"; font-weight: 500; color: #000 !important; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset h4 {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset h4 em {
display: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset .data-table th,
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset .data-table thead th {
font-size: 14px; font-family: "europa"; font-weight: 600; color: #555555; background-color: #f0efef; text-transform: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset .data-table tbody td {
background-color: #fff; padding: 5px 2px; text-align: center; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset .data-table tbody td input {
top: 6px; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset .form-list {
margin-top: 20px; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset .form-list li label {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset .form-list li .input-box .input-text {
width: 100%; max-width: 100%; border: 1px solid #f0efef; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form fieldset .form-list li .input-box textarea {
width: 100%; max-width: 100%; height: 100px; overflow-y: auto; overflow-x: hidden; border: 1px solid #f0efef; resize: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form .buttons-set {
width: 100% !important; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form .buttons-set button {
width: 100%; max-width: 200px; padding: 16px 10px 15px; background-color: #d5a968; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form .buttons-set button span {
font-size: 14px; font-family: "europa"; font-weight: 600; letter-spacing: 1px; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form .buttons-set button:hover, .ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form .buttons-set button:active, .ll-product-detail ul.additional-des > li .box-collateral.box-reviews#customer-reviews form .buttons-set button:focus {
background-color: #ab9678; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews .review-heading {
display: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews dl dd .review-meta {
font-size: 13px; font-family: "europa"; font-weight: 300; color: #d5a968; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews h2 {
display: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset > h3 {
font-size: 13px; font-family: "europa"; color: #000; text-transform: uppercase; font-weight: 600 !important; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset > h3 span {
font-size: 11px; font-family: "europa"; font-weight: 500; color: #000 !important; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset h4 {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset h4 em {
display: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset .data-table th,
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset .data-table thead th {
font-size: 14px; font-family: "europa"; font-weight: 600; color: #555555; background-color: #f0efef; text-transform: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset .data-table tbody td {
background-color: #fff; padding: 5px 2px; text-align: center; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset .data-table tbody td input {
top: 6px; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset .form-list {
margin-top: 20px; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset .form-list li label {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset .form-list li .input-box .input-text {
width: 100%; max-width: 100%; border: 1px solid #f0efef; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form fieldset .form-list li .input-box textarea {
width: 100%; max-width: 100%; height: 100px; overflow-y: auto; overflow-x: hidden; border: 1px solid #f0efef; resize: none; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form .buttons-set {
width: 100% !important; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form .buttons-set button {
width: 100%; max-width: 200px; padding: 16px 10px 15px; background-color: #d5a968; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form .buttons-set button span {
font-size: 14px; font-family: "europa"; font-weight: 600; letter-spacing: 1px; }
.ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form .buttons-set button:hover, .ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form .buttons-set button:active, .ll-product-detail ul.additional-des > li .box-collateral.box-reviews#expert-reviews form .buttons-set button:focus {
background-color: #ab9678; }
.ll-product-detail .breadcrumb-section {
padding: 25px 0 22px; }
.ll-product-detail .pd-container {
padding-top: 60px; }
.ll-product-detail .box-up-sell {
margin-top: 0; }
.ll-product-detail .box-up-sell .inner-banner-title h1 {
padding: 60px 0 30px; border-top: 1px solid #f0efef; }
.ll-product-detail .rh-section {
background-color: #f6f6f6; }
.ll-product-detail .rh-section .top-row {
padding: 50px 0 30px; }
.ll-product-detail .rh-section .top-row .orange {
font-size: 2.14rem; font-family: "europa"; color: #d5a968; margin: 0 0 12px; text-align: center; /*text-transform : none;*/ }
.ll-product-detail .rh-section .top-row .large {
font-size: 18px; font-family: "europa"; font-weight: 700; color: #666666; margin: 0 0 7px; text-align: center; text-transform: none; }
.ll-product-detail .rh-section .top-row .small {
font-size: 13px; font-family: "europa"; font-weight: 500; color: #666666; margin: 0; text-align: center; text-transform: none; }
.ll-product-detail .rh-section .bottom-row {
padding: 25px 0 65px; }
.ll-product-detail .rh-section .bottom-row .es-block .image-block img {
width: 100%; }
.ll-product-detail .rh-section .bottom-row .es-block .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 7px; text-transform: none; font-weight: 700; }
.ll-product-detail .rh-section .bottom-row .es-block .bottom-block p {
font-size: 16px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; min-height: 65px; text-transform: none; }
.ll-product-detail .rh-section .bottom-row .es-block .bottom-block a {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-product-detail .left-section.product-img-box .more:hover {
color: #59a1bb; }
.ll-product-detail .left-section.product-img-box .less:hover {
color: #59a1bb; }
.ll-product-detail .rh-section .bottom-row .es-block .bottom-block p {
display: block; display: -webkit-box; height: 77px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.ll-product-detail .right-section.product-shop ul.add-to-links li.buy-now-button button {
display: none; }
.ll-product-detail .left-section.product-img-box ul.tags-ul li.first {
border: none; }
.ll-product-detail .left-section.product-img-box ul.tags-ul li.more:hover {
color: #d5a968; }
.ll-product-detail .left-section.product-img-box ul.tags-ul li.less:hover {
color: #d5a968; }
.yerslider-slide {
background-color: #fff; border: 1px solid #f0efef; }
.ll-account-pages .account-create-popup {
z-index: 100004; }
.ll-account-pages .account-create-popup .form-container {
max-width: 570px; background-image: url(../images/register/logo.jpg); background-repeat: no-repeat; background-position: top center; padding-top: 110px; background-color: #fff; }
.ll-account-pages .account-create-popup .form-container h1 {
font-size: 1.86rem; font-family: "europa"; color: #000; margin: 35px 0 0; text-align: center; }
.ll-account-pages .account-create-popup .form-container h2 {
font-size: 1.43rem; font-family: "europa"; color: #000; margin: 20px 0 0; text-align: left; border-top: 1px solid #d5a968; padding: 40px 0 0; }
.ll-account-pages .account-create-popup .form-container h3 {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #555555; margin: 31px 0 0; text-transform: uppercase; }
.ll-account-pages .account-create-popup .form-container p {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #555555; margin: 13px 0 0; }
.ll-account-pages .account-create-popup .form-container a {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 40px 0 0 15px; display: inline-block; }
.ll-account-pages .account-create-popup .form-container .input-elements {
margin-top: 20px !important; height: 42px; }
.ll-account-pages .account-create-popup .form-container .customer-dob select {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.ll-account-pages .account-create-popup .form-container .input-text {
margin-bottom: 0 !important; border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; border-bottom: 1px solid #f0efef; font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; height: 42px; }
.ll-account-pages .account-create-popup .form-container select {
border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; border-bottom: 1px solid #f0efef; font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.ll-account-pages .account-create-popup .form-container .reg-button-wrapper {
float: none; margin: 40px auto; }
.ll-account-pages .account-create-popup .form-container .reg-button-wrapper .submit-but button {
background-color: #59a1bb; font-size: 12px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; height: 40px; }
.ll-account-pages .account-create-popup .form-container .reg-button-wrapper .submit-but button:hover {
height: 40px; margin-bottom: 0; }
.ll-account-pages .account-create-popup .form-container .reg-button-wrapper .skip-but a {
background-color: #cbcccd; font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; height: 40px; display: inline-block; width: 100%; text-transform: uppercase; }
.ll-account-pages .account-create-popup .form-container .reg-button-wrapper .skip-but a span span {
background-color: #cbcccd; font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 5px 0 0; text-transform: uppercase; display: inline-block; }
.ll-account-pages .account-create-popup .form-container .reg-button-wrapper .skip-but a:hover {
height: 40px; margin-bottom: 0; }
/*
@include custom-font-weight(1.14rem,'europa', 300);@include custom-font-weight(1.14rem,'europa', 400);@include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa');@include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400);color : $white;margin : 0 0 0;
*/
/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {*/
@media (min-width: 768px) and (max-width: 1024px) {
/* ------
* Header
* ------ */
header .continer,
header #header-search {
position: relative; }
header #header-search {
top: 0; width: 100%; }
#header {
background: #351f39; max-width: none; padding-top: 10px; }
#header .skip-links {
width: 100%; }
#header .header-top-discount-text img {
display: inline-block; vertical-align: top; padding-right: 9px; }
#header .header-top-discount-text p {
display: inline-block; vertical-align: top; font-size: 10px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; }
#header .header-logo-section .large {
margin: 0 auto; }
#header .header-top-right-section .account-cart-wrapper a {
background: transparent; font-size: 11px; font-family: "europa"; font-weight: 400; color: #d1d2d1; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; height: auto; line-height: 140%; }
#header .header-top-right-section .account-cart-wrapper a:hover {
color: #fff; }
#header .header-top-right-section .header-top-minicart .skip-cart .icon {
background-image: url(../images/header/icon/cart-icon.png); background-position: 0 0; height: 16px; width: 20px; background-size: 100%; }
#header .header-top-right-section .header-top-minicart .skip-cart:hover .icon {
background-image: url(../images/header/icon/cart-icon-hover.png); background-position: 0 0; }
#header .header-top-right-section .header-top-minicart .count {
color: #d1d2d1; margin: 0 0 0; padding: 0px; }
#header .header-top-right-section .header-top-minicart .count:before {
padding: 0 3px; color: #d1d2d1; }
#header .header-top-right-section .header-top-minicart .count:after {
padding: 0 3px; color: #d1d2d1; }
#header .header-top-right-section .navigation-wrapper {
position: relative; }
#header .header-top-right-section .skip-link .label {
padding-top: 5px; }
#header .header-top-right-section .account-cart-wrapper {
position: relative; display: inline-block; float: left; }
#header .header-top-right-section .account-cart-wrapper .skip-account {
margin-right: 10px; display: inline-block; margin-top: 0px; }
#header .header-top-right-section .free-shipping-text {
font-size: 11px; font-family: "europa"; font-weight: 400; color: #fff; margin: 24px 0 0; padding: 0 0 0; text-transform: uppercase; text-align: right; }
#header .ms-megamenu .ms-topmenu {
background: #351F39; margin-bottom: 9px; }
#header .ms-megamenu .ms-topmenu li a {
padding-right: 0; }
#header .ms-megamenu .ms-topmenu li a:hover {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; }
#header #header .ms-megamenu ul li {
margin-right: 3%; }
#header .ms-topmenu .ms-level0.active .ms-label, #header .ms-topmenu .ms-level0:hover .ms-label, #header .ms-topmenu .ms-level0:active .ms-label, #header .ms-topmenu .ms-level0:focus .ms-label {
background-color: transparent !important; }
#header .ms-megamenu {
/* sub navigation*/ }
#header .ms-megamenu ul li {
margin-right: 6%; /*&:last-child{
margin-right: 0; }*/ }
#header .ms-megamenu ul li a {
text-transform: uppercase; }
#header .ms-megamenu ul li a:first-child {
padding-left: 0; }
#header .ms-megamenu ul#ms-topmenu {
/*> li:last-child{
padding-right :0; float : left; text-indent : -9999px; overflow : hidden; width : 30px; height : 50px;
a{
display : inline-block; background-image : url(../images/header/icon/search-icon.png); background-position : 0px -30px; padding-right : 0; padding-left : 0; width : 30px; height : 30px; margin-top : 15px;
&:hover{
background-position: 0px 0px !important; }
}
}*/ }
#header .ms-megamenu .sub_left {
padding: 60px 43px; border-bottom: 3px solid #221649; }
#header .ms-megamenu .sub_left .sub-menu-inner-left {
border-right: 1px solid #f0efef; }
#header .ms-megamenu .sub_left .sub-menu-inner-left h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 40px; padding: 0 0 0; text-transform: none; }
#header .ms-megamenu .sub_left .sub-menu-inner-left ul li {
width: 49%; float: left; margin-right: 0; margin-bottom: 5px; }
#header .ms-megamenu .sub_left .sub-menu-inner-left ul li a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #221649; margin: 0 0 0; padding: 0 0 0; text-decoration: none; }
#header .ms-megamenu .sub-menu-inner-right a {
text-decoration: none; }
#header .ms-megamenu .sub-menu-inner-right .image-block img {
display: block; position: relative; }
#header .ms-megamenu .sub-menu-inner-right .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 30px; left: 79px; margin: 0 auto; }
#header .ms-megamenu .sub-menu-inner-right .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
#header .ms-megamenu .sub-menu-inner-right .detail-block {
padding-top: 40px; }
#header .ms-megamenu .sub-menu-inner-right .detail-block span {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #d5a968; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; }
#header .ms-megamenu .sub-menu-inner-right .detail-block h2 {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; padding: 0 0 0; }
#header .ms-megamenu .sub-menu-inner-right .detail-block p {
color: #000; margin: 15px 0 0; padding: 9px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
#header .ms-megamenu .sub_right {
padding: 60px; border-bottom: 3px solid #221649; }
#header .ms-megamenu .sub_right .sub-menu-inner-left {
border-right: 1px solid #f0efef; }
#header .ms-megamenu .sub_right .sub-menu-inner-left h2 {
color: #221649; margin: 0 0 40px; padding: 0 0 0; text-transform: none; }
#header .ms-megamenu .sub_right .sub-menu-inner-left ul li {
width: 49%; float: left; margin-right: 0; margin-bottom: 7px; }
#header .ms-megamenu .sub_right .sub-menu-inner-left ul li a {
color: #221649; margin: 0 0 0; padding: 0 0 0; text-decoration: none; }
#header .head-search-wrapper {
position: absolute; top: 160px; z-index: 5555; }
#header #search_mini_form .search-button:before {
display: none; }
#header #search_mini_form .search-button {
text-indent: 0px; position: absolute; top: 10px; right: 10px; width: 115px; height: 40px; border: 0; background: #59a1bb; /*@include custom-font-weight(1.29rem,'europa', 400);*/
color: #fff; margin: 0 0 0; padding: 0 0 0; }
#header .head-search-wrapper .input-box {
padding: 10px; background: #fff; -webkit-box-shadow: 0px 4px 43px 1px #555555; -moz-box-shadow: 0px 4px 43px 1px #555555; box-shadow: 0px 4px 43px 1px #555555; }
#header #header-nav {
display: block; border-bottom: none; }
#header #search {
border: none; background-image: url(../images/header/icon/search.png); background-position: left 9px; background-repeat: no-repeat; padding-right: 45px; padding-left: 35px; }
#header .search-autocomplete:before {
display: none; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search::-webkit-input-placeholder {
color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search:-moz-placeholder {
/* Firefox 18- */
color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search::-moz-placeholder {
/* Firefox 19+ */
color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search:-ms-input-placeholder {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #header-account {
padding: 43px; }
#header #header-account.skip-active {
right: 15px; width: 296px; border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #221649; }
#header #header-account.skip-active h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 0; text-transform: none; }
#header #header-account.skip-active ul {
margin-top: 20px; }
#header #header-account.skip-active ul li {
border-bottom: 1px solid #d1d2d1; padding-bottom: 15px; padding-top: 15px; }
#header #header-account.skip-active ul li a {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #221649; margin: 0 0 0; text-transform: none; text-align: left; text-transform: uppercase; }
#header .header-top-right-section .account-cart-wrapper .skip-active {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 27px; }
.ll-login-active {
font-size: 14px; font-family: "europa"; font-weight: 700; }
#header .div-temp {
display: none !important; height: 0; overflow: hidden; }
.ms-topmenu #submenu-1 {
left: -15px !important; }
#header .header-top-right-section .skip-link {
background-color: transparent; }
.skip-links {
width: 100%; }
.skip-search {
display: none; }
#header .header-top-right-section .account-cart-wrapper {
top: 9px; }
.skip-links {
border: none !important; }
#header .header-top-right-section .skip-link {
float: right; }
.header-minicart .skip-link {
width: 32%; }
.skip-link {
border-right: 1none !important; }
.account-cart-wrapper a {
width: 88%; }
#header #header-account.skip-active {
right: 15px; width: 296px; position: absolute; border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #221649; z-index: 999; top: 44px; }
.skip-links-inner #header-cart {
width: 425px !important; right: 14px !important; position: absolute; top: 50px; z-index: 999; }
.header-minicart .minicart-actions .cart-link {
bottom: 0; right: 10px; position: relative !important; }
#header .header-top-right-section .skip-link .skip-links-inner {
padding-left: 50%; }
/*
@include custom-font-weight(1.14rem,'europa', 300); @include custom-font-weight(1.14rem,'europa', 400); @include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa'); @include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400); color : $white; margin : 0 0 0;
*/
.chekout-pagination .cart-totals-wrapper table tr td {
width: 50%; text-align: left; padding-left: 60px; }
.checkout-common-wrapper-custom .ll-tot-right {
padding-left: 22% !important; }
.chekout-pagination .left-section-inner p {
font-size: 16px; }
.chekout-pagination .left-section-inner {
float: none; margin: 0 auto; padding-top: 44px; padding-bottom: 44px; }
.opc-wrapper-opc .btn-checkout {
display: block; width: 100%; height: auto !important; }
.sp-methods dt {
font-family: "europa"; font-weight: 400; color: #555555; }
.sp-methods-ul input[type="radio"] {
width: 15px; height: 15px; -webkit-appearance: none; border: 1px solid #000; border-radius: 50%; }
.sp-methods-ul input[type="radio"]:checked {
width: 15px; height: 15px; border: 5px solid #d5a968; }
.sp-methods-ul input[type="radio"]:focus {
width: 15px; height: 15px; }
.ll-cms-home .slideshow-container .slide .content h1 {
font-size: 40px; font-family: "europa"; text-transform: inherit; margin: 0 0 18px; color: #333333; line-height: 40px; }
}
/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width: 768px) and (max-width: 991px) {
/* ------
* Header
* ------ */
header .continer,
header #header-search {
position: relative; }
header #header-search {
top: 0; width: 100%; }
#header {
background: #351f39; max-width: none; padding-top: 10px; }
#header .skip-links {
width: 100%; }
#header .header-top-discount-text img {
display: inline-block; vertical-align: top; padding-right: 9px; }
#header .header-top-discount-text p {
display: inline-block; vertical-align: top; font-size: 10px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; }
#header .header-logo-section .large {
margin: 0 auto; }
#header .header-top-right-section .account-cart-wrapper a {
background: transparent; font-size: 11px; font-family: "europa"; font-weight: 400; color: #d1d2d1; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; height: auto; line-height: 140%; }
#header .header-top-right-section .account-cart-wrapper a:hover {
color: #fff; }
#header .header-top-right-section .header-top-minicart .skip-cart .icon {
background-image: url(../images/header/icon/cart-icon.png); background-position: 0 0; height: 16px; width: 20px; background-size: 100%; }
#header .header-top-right-section .header-top-minicart .skip-cart:hover .icon {
background-image: url(../images/header/icon/cart-icon-hover.png); background-position: 0 0; }
#header .header-top-right-section .header-top-minicart .count {
font-size: 1.07rem; font-family: "europa"; font-weight: 400; color: #d1d2d1; margin: 0 0 0; padding: 0px; }
#header .header-top-right-section .header-top-minicart .count:before {
padding: 0 3px; color: #d1d2d1; }
#header .header-top-right-section .header-top-minicart .count:after {
padding: 0 3px; color: #d1d2d1; }
#header .header-top-right-section .navigation-wrapper {
position: relative; }
#header .header-top-right-section .skip-link .label {
padding-top: 5px; }
#header .header-top-right-section .account-cart-wrapper {
position: relative; display: inline-block; float: left; }
#header .header-top-right-section .account-cart-wrapper .skip-account {
margin-right: 10px; display: inline-block; margin-top: 0px; }
#header .header-top-right-section .free-shipping-text {
font-size: 11px; font-family: "europa"; font-weight: 400; color: #fff; margin: 24px 0 0; padding: 0 0 0; text-transform: uppercase; text-align: right; }
#header .ms-megamenu .ms-topmenu {
background: #351F39; margin-bottom: 9px; }
#header .ms-megamenu .ms-topmenu li a {
padding-right: 0; }
#header .ms-megamenu .ms-topmenu li a:hover {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; }
#header #header .ms-megamenu ul li {
margin-right: 3%; }
#header .ms-topmenu .ms-level0.active .ms-label, #header .ms-topmenu .ms-level0:hover .ms-label, #header .ms-topmenu .ms-level0:active .ms-label, #header .ms-topmenu .ms-level0:focus .ms-label {
background-color: transparent !important; }
#header .ms-megamenu {
/*@include custom-font-weight(1.14rem,'europa', 400); */
/* sub navigation*/ }
#header .ms-megamenu ul li {
margin-right: 3%; /*&:last-child{
margin-right: 0; }*/ }
#header .ms-megamenu ul li a {
text-transform: uppercase; }
#header .ms-megamenu ul li a:first-child {
padding-left: 0; }
#header .ms-megamenu ul#ms-topmenu {
/*> li:last-child{
padding-right :0; float : left; text-indent : -9999px; overflow : hidden; width : 30px; height : 50px;
a{
display : inline-block; background-image : url(../images/header/icon/search-icon.png); background-position : 0px -30px; padding-right : 0; padding-left : 0; width : 30px; height : 30px; margin-top : 15px;
&:hover{
background-position: 0px 0px !important; }
}
}*/ }
#header .ms-megamenu .sub_left {
padding: 60px 43px; border-bottom: 3px solid #221649; }
#header .ms-megamenu .sub_left .sub-menu-inner-left {
border-right: 1px solid #f0efef; }
#header .ms-megamenu .sub_left .sub-menu-inner-left h2 {
/*@include custom-font(1.86rem,'europa');*/
color: #221649; margin: 0 0 40px; padding: 0 0 0; text-transform: none; }
#header .ms-megamenu .sub_left .sub-menu-inner-left ul li {
width: 49%; float: left; margin-right: 0; margin-bottom: 5px; }
#header .ms-megamenu .sub_left .sub-menu-inner-left ul li a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #221649; margin: 0 0 0; padding: 0 0 0; text-decoration: none; }
#header .ms-megamenu .sub-menu-inner-right a {
text-decoration: none; }
#header .ms-megamenu .sub-menu-inner-right .image-block img {
display: block; position: relative; }
#header .ms-megamenu .sub-menu-inner-right .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 30px; left: 79px; margin: 0 auto; }
#header .ms-megamenu .sub-menu-inner-right .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
#header .ms-megamenu .sub-menu-inner-right .detail-block {
padding-top: 40px; }
#header .ms-megamenu .sub-menu-inner-right .detail-block span {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #d5a968; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; }
#header .ms-megamenu .sub-menu-inner-right .detail-block h2 {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; padding: 0 0 0; }
#header .ms-megamenu .sub-menu-inner-right .detail-block p {
/*@include custom-font-weight(1.43rem,'europa', 400);*/
color: #000; margin: 15px 0 0; padding: 9px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
#header .ms-megamenu .sub_right {
padding: 60px; border-bottom: 3px solid #221649; }
#header .ms-megamenu .sub_right .sub-menu-inner-left {
border-right: 1px solid #f0efef; }
#header .ms-megamenu .sub_right .sub-menu-inner-left h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 40px; padding: 0 0 0; text-transform: none; }
#header .ms-megamenu .sub_right .sub-menu-inner-left ul li {
width: 49%; float: left; margin-right: 0; margin-bottom: 7px; }
#header .ms-megamenu .sub_right .sub-menu-inner-left ul li a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #221649; margin: 0 0 0; padding: 0 0 0; text-decoration: none; }
#header .head-search-wrapper {
position: absolute; top: 160px; z-index: 5555; }
#header #search_mini_form .search-button:before {
display: none; }
#header #search_mini_form .search-button {
text-indent: 0px; position: absolute; top: 10px; right: 10px; width: 115px; height: 40px; border: 0; background: #59a1bb; /*@include custom-font-weight(1.29rem,'europa', 400);*/
color: #fff; margin: 0 0 0; padding: 0 0 0; }
#header .head-search-wrapper .input-box {
padding: 10px; background: #fff; -webkit-box-shadow: 0px 4px 43px 1px #555555; -moz-box-shadow: 0px 4px 43px 1px #555555; box-shadow: 0px 4px 43px 1px #555555; }
#header #header-nav {
display: block; border-bottom: none; }
#header #search {
border: none; background-image: url(../images/header/icon/search.png); background-position: left 9px; background-repeat: no-repeat; padding-right: 45px; padding-left: 35px; }
#header .search-autocomplete:before {
display: none; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search::-webkit-input-placeholder {
/*@include custom-font-weight(1.29rem,'europa', 400);*/
color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search:-moz-placeholder {
/* Firefox 18- */
/*@include custom-font-weight(1.29rem,'europa', 400);*/
color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search::-moz-placeholder {
/* Firefox 19+ */
/*@include custom-font-weight(1.29rem,'europa', 400);*/
color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search:-ms-input-placeholder {
/*@include custom-font-weight(1.29rem,'europa', 400);*/
color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #header-account {
padding: 43px; }
#header #header-account.skip-active {
right: 15px; width: 296px; border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #221649; }
#header #header-account.skip-active h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 0; text-transform: none; }
#header #header-account.skip-active ul {
margin-top: 20px; }
#header #header-account.skip-active ul li {
border-bottom: 1px solid #d1d2d1; padding-bottom: 15px; padding-top: 15px; }
#header #header-account.skip-active ul li a {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #221649; margin: 0 0 0; text-transform: none; text-align: left; text-transform: uppercase; }
#header .header-top-right-section .account-cart-wrapper .skip-active {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 27px; }
.ll-login-active {
font-size: 14px; font-family: "europa"; font-weight: 700; }
#header .div-temp {
display: none !important; height: 0; overflow: hidden; }
.ms-topmenu #submenu-1 {
left: -15px !important; }
#header .header-top-right-section .skip-link {
background-color: transparent; }
.skip-links {
width: 100%; }
.skip-search {
display: none; }
#header .header-top-right-section .account-cart-wrapper {
top: 9px; }
.skip-links {
border: none !important; }
#header .header-top-right-section .skip-link {
float: right; }
.header-minicart .skip-link {
width: 32%; }
.skip-link {
border-right: 1none !important; }
.account-cart-wrapper a {
width: 88%; }
#header #header-account.skip-active {
right: 15px; width: 296px; position: absolute; border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #221649; z-index: 999; top: 44px; }
.skip-links-inner #header-cart {
width: 425px !important; right: 14px !important; position: absolute; top: 50px; z-index: 999; }
.header-minicart .minicart-actions .cart-link {
bottom: 0; right: 10px; position: relative !important; }
/*
@include custom-font-weight(1.14rem,'europa', 300); @include custom-font-weight(1.14rem,'europa', 400); @include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa'); @include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400); color : $white; margin : 0 0 0;
*/
.footer {
background-color: #351f39; padding: 50px 0; }
.footer .left .row-inner {
min-height: 230px; border-right: 1px solid #443048; padding-top: 30px; }
.footer .left .block-subscribe {
float: none !important; }
.footer .left .block-title {
border: none; }
.footer .left .block-title strong span {
/*@include custom-font(1.29rem,'europa');*/
color: #fff; margin: 0 0 15px; text-transform: none; }
.footer .left ul li {
float: left; text-indent: -9999px; overflow: hidden; margin-right: 15px; }
.footer .left ul li a {
color: #918ba4; margin: 0; font-size: 18px; width: 25px; height: 40px; display: block; }
.footer .left ul .facebook a {
background-image: url(../images/footer/social-media-stripe.png); background-position: 0px -40px; }
.footer .left ul .facebook a:hover {
background-position: 0px 0px; }
.footer .left ul .twitter a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -42px 40px; }
.footer .left ul .twitter a:hover {
background-position: -42px 0px; }
.footer .left ul .youtube a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -88px -40px; }
.footer .left ul .youtube a:hover {
background-position: -88px 0px; }
.footer .left ul .instagram a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -135px -40px; }
.footer .left ul .instagram a:hover {
background-position: -135px 0px; }
.footer .left ul .pinterest a {
background-image: url(../images/footer/social-media-stripe.png); background-position: 25px -40px; }
.footer .left ul .pinterest a:hover {
background-position: 25px 0px; }
.footer .left .block-subscribe .input-text {
background-color: #151515; color: #555555; /*@include custom-font(14x,'europa');*/
border: none; }
.footer .left .block-content #newsletter::-webkit-input-placeholder {
/*@include custom-font-weight(14px,'europa', 400);*/
color: #555555; margin: 0 0 0; }
.footer .left .block-content #newsletter:-moz-placeholder {
/* Firefox 18- */
/*@include custom-font-weight(14px,'europa', 400);*/
color: #555555; margin: 0 0 0; }
.footer .left .block-content #newsletter::-moz-placeholder {
/* Firefox 19+ */
/*@include custom-font-weight(14px,'europa', 400);*/
color: #555555; margin: 0 0 0; }
.footer .left .block-content #newsletter:-ms-input-placeholder {
/*@include custom-font-weight(14px,'europa', 400);*/
color: #555555; margin: 0 0 0; }
.footer .left .actions {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.footer .mid .row-inner {
border-right: 1px solid #443048; min-height: 230px; padding-top: 30px; }
.footer .mid .row-inner ul li {
margin-bottom: 10px; }
.footer .mid .row-inner ul li a {
/*@include custom-font-weight(14px,'europa', 400);*/
color: #918ba4; margin: 0 0 15px; text-transform: uppercase; }
.footer .mid .row-inner ul li a:hover {
color: #fff; }
.footer .right .row-detail {
padding-top: 30px; }
.footer .right .row-detail h3 {
/*@include custom-font(1.29rem,'europa');*/
color: #fff; margin: 0 0 15px 15px; text-transform: none; }
.footer .right .row-detail img {
display: inline-block; padding-right: 0; }
.footer .right .row-detail a {
/*@include custom-font-weight(14px,'europa', 400);*/
color: #fff; margin: 0 0 14px; display: inline-block; }
.footer .right .row-detail p {
/*@include custom-font-weight(12px,'europa', 400);*/
color: #918ba4; margin: 0 14px 42px; display: inline-block; text-transform: none; }
.footer .right address {
border-top: none; }
.footer .right .copyright {
/*@include custom-font-weight(12px,'europa', 400);*/
color: #575757; margin: 0 14px; display: inline-block; text-align: left; text-transform: none; }
.footer .right .copyright a {
/*@include custom-font-weight(12px,'europa', 400);*/
color: #575757; margin: 0; display: inline-block; }
.footer .right .copyright a:hover {
color: #fff; }
.footer .block-subscribe .input-box {
float: left; width: 40% !important; padding-top: 0; }
.footer .block-subscribe .actions {
float: left; width: 25% !important; margin: 0; }
/* ----------------------------
* Ingrediant Page
* ----------------------------*/
.ll-ingrediants {
/* ----------------------------
* Ingrediant list section
* ----------------------------*/ }
.ll-ingrediants .top-row .content-text p {
top: 0; }
.ll-ingrediants .bottom-row .ingrediant .detail-block .description-section p {
padding-right: 10px; }
/* ----------------------------
* Our Story Page
* ----------------------------*/
.ll-cms-os {
/* ----------------------------
* Top Banner Section
* ----------------------------*/
/* ----------------------------
* Middle Section
* ----------------------------*/ }
.ll-cms-os .main-banner h1 {
padding-top: 44px; padding-right: 51%; font-size: 37px; font-family: "europa"; }
.ll-cms-os .main-banner p {
font-size: 17px; font-family: "europa"; font-weight: 500; }
.ll-cms-os .top-row {
margin-bottom: 40px; }
.ll-cms-os .top-row .col-sm-6 {
width: 100%; }
.ll-cms-os .top-row h1 {
padding-left: 0; margin-top: 30px; }
.ll-cms-os .top-row p {
padding-left: 0; padding-right: 0; margin-bottom: 13px; color: #555555; font-size: 1.14rem; font-family: "europa"; font-weight: 500; line-height: 19px; text-transform: none; }
.ll-cms-os .top-row p.large {
font-size: 1.43rem; font-family: "europa"; font-weight: 500; line-height: 23px; }
/* ----------------------------
* education Page
* ----------------------------*/
/*.ll-education #education-1 {
width: 66.66666666%; }
.ll-education #education-1 {
position: relative; padding-bottom: 40px; }
.ll-education #education-1 .detail-container {
position: absolute; z-index: 5555; bottom: 0; left: 30px; padding-right: 17px; border-bottom: none; }
.ll-education #education-1 .detail-container .read-more {
display: none; }
.ll-education #education-1 .detail-container .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.ll-education #education-1 .detail-container h2 {
font-size: 1.57rem; font-family: "europa"; color: #fff; margin: 0 0 0; text-transform: none; }
.ll-education #education-2, .ll-education #education-3 {
position: relative; padding-bottom: 40px; }
.ll-education #education-2 .detail-container, .ll-education #education-3 .detail-container {
position: absolute; z-index: 5555; bottom: 0; left: 20px; padding-right: 17px; border-bottom: none !important; }
.ll-education #education-2 .detail-container .read-more, .ll-education #education-3 .detail-container .read-more {
display: none; }
.ll-education #education-2 .detail-container .date, .ll-education #education-3 .detail-container .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.ll-education #education-2 .detail-container h2, .ll-education #education-3 .detail-container h2 {
font-size: 1.29rem; font-family: "europa"; color: #fff; margin: 0 0 0; text-transform: none; min-height: 0px !important; }*/
.ll-education .post-row .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #d5a968; margin: 0 0 0; }
.ll-education .post-row h2 {
font-size: 1.29rem; font-family: "europa"; color: #000; margin: 0 0 13px; text-transform: none; min-height: 70px; }
.ll-education .post-row .read-more {
font-size: 12px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-education .post-row .read-more:hover {
color: #555555; }
.ll-education .post-row .read-more i {
display: none; }
.category-menu-container {
padding-top: 40px; padding-bottom: 35px; border-bottom: 1px solid #f0efef; margin-bottom: 40px; }
.category-menu-container ul li a {
display: block; padding: 5px 20px 5px; margin: 0; font-size: 13px; font-family: "europa"; font-weight: 600; color: #000; text-transform: uppercase; text-align: center; background-image: none; background-color: #fff; letter-spacing: 1.7px; border-top: 0.4px solid #d1d2d1; border-left: 0.4px solid #d1d2d1; border-right: 0.4px solid #d1d2d1; border-bottom: 0.4px solid #d1d2d1; }
.category-menu-container ul li a span {
display: none; }
.category-menu-container ul li a.amshopby-attr-selected, .category-menu-container ul li a:hover {
color: #fff; background-color: #351f39; border-top: 0.4px solid #351f39; border-left: 0.4px solid #351f39; border-right: 0.4px solid #351f39; border-bottom: 0.4px solid #351f39; }
.ll-education #featured-education-1 {
width: 100%; }
.ll-education #featured-education-1 {
position: relative; padding-bottom: 40px; }
.ll-education #featured-education-1 .detail-container {
position: absolute; z-index: 5555; bottom: 0; left: 30px; padding-right: 17px; border-bottom: none; }
.ll-education #featured-education-1 .detail-container .read-more {
display: none; }
.ll-education #featured-education-1 .detail-container .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.ll-education #featured-education-1 .detail-container h2 {
font-size: 22px; font-family: "europa", arial; color: #fff; margin: 0 0 0; text-transform: none; }
.ll-education #featured-education-2, .ll-education #featured-education-3 {
width: 50%; position: relative; padding-bottom: 40px; }
.ll-education #featured-education-2 .detail-container, .ll-education #featured-education-3 .detail-container {
position: absolute; z-index: 5555; bottom: 0; left: 20px; padding-right: 17px; border-bottom: none !important; }
.ll-education #featured-education-2 .detail-container .read-more, .ll-education #featured-education-3 .detail-container .read-more {
display: none; }
.ll-education #featured-education-2 .detail-container .date, .ll-education #featured-education-3 .detail-container .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.ll-education #featured-education-2 .detail-container h2, .ll-education #featured-education-3 .detail-container h2 {
font-size: 18px; font-family: "europa", arial; color: #fff; margin: 0 0 0; text-transform: none; min-height: 0px !important; }
.ll-education .post-row .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #d5a968; margin: 0 0 0; }
.ll-education .post-row h2 {
font-size: 18px; font-family: "europa", arial; color: #000; margin: 0 0 13px; text-transform: none; min-height: 70px; height: 95px; }
.ll-education .post-row .read-more {
font-size: 12px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-education .post-row .read-more:hover {
color: #555555; }
.ll-education .post-row .read-more i {
display: none; }
.category-menu-container {
padding-top: 40px; padding-bottom: 35px; border-bottom: 1px solid #f0efef; margin-bottom: 40px; }
.category-menu-container ul li a {
display: block; padding: 5px 20px 5px; margin: 0; font-size: 13px; font-family: "europa"; font-weight: 600; color: #000; text-transform: uppercase; text-align: center; background-image: none; background-color: #fff; letter-spacing: 1.7px; border-top: 0.4px solid #d1d2d1; border-left: 0.4px solid #d1d2d1; border-right: 0.4px solid #d1d2d1; border-bottom: 0.4px solid #d1d2d1; }
.category-menu-container ul li a span {
display: none; }
.category-menu-container ul li a.amshopby-attr-selected, .category-menu-container ul li a:hover {
color: #fff; background-color: #351f39; border-top: 0.4px solid #351f39; border-left: 0.4px solid #351f39; border-right: 0.4px solid #351f39; border-bottom: 0.4px solid #351f39; }
/*
@include custom-font-weight(1.14rem,'europa', 300); @include custom-font-weight(1.14rem,'europa', 400); @include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa'); @include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400); color : $white; margin : 0 0 0;
*/
/* ----------------------------
* Education Detail Page
* ----------------------------*/
.ll-education .post-container {
padding-bottom: 50px; }
.ll-education .post-container .post-wrapper {
/** Sharing section **/ }
.ll-education .post-container .post-wrapper .share-bar {
/* Share linnks */ }
.ll-education .post-container .post-wrapper .share-bar a {
max-width: 33%; margin-right: 30px; }
/* ----------------------------
* Category Common Layout Page
* ----------------------------*/
.ll-cp {
/** Page Description and Image **/
/* Bottom tool bar */ }
.ll-cp .container.description-section .category-image {
padding: 0; }
.ll-cp .container.description-section .category-description {
padding-top: 45px; }
.ll-cp .container.description-section .category-description p {
margin-bottom: 20px; }
.ll-cp .container.description-section .category-description p.large {
padding-right: 0; }
.ll-cp .toolbar-bottom .toolbar {
margin-top: 5px; }
.ll-cp .toolbar-bottom .toolbar .pager {
top: 0; }
/** Product Block **/
.ll-cp-block .products-grid .item .product-info {
text-align: center; }
.ll-cp-block .products-grid .item .product-info h2.product-name {
padding-right: 0; height: 60px; }
.ll-cp-block .products-grid .item .product-info h2.product-name a {
font-size: 13px; font-family: "europa"; font-weight: 600; }
.ll-cp-block .products-grid .item .product-info .brand-row h2 a {
font-size: 13px; font-family: "europa"; font-weight: 600; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box {
margin: 10px 0 0; padding: 0 0 5px; border: none; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box .price {
font-size: 1.14rem; font-family: "europa"; font-weight: 600; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box .old-price .price {
font-size: 1.14rem; font-family: "europa"; font-weight: 500; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box .special-price .price {
font-size: 1.14rem; font-family: "europa"; font-weight: 600; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links {
margin: 7px 0 0; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.quick-shop {
color: #59a1bb; font-size: 13px; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.quick-shop:hover {
color: #555555; text-decoration: none; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.quick-shop i {
position: relative; top: -1px; margin-left: 5px; font-size: 9px; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.link-wishlist {
margin-right: 10px; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.add-to-cart-icon {
margin-left: 10px; margin-right: 10px; }
.ll-cp-block .products-grid .item .product-info .actions .mv-actions a.mv-button,
.ll-cp-block .products-grid .item .product-info .actions .mv-actions span.mv-button {
width: 120px; clear: both; margin: auto; display: block; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-size: 14px; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.ll-cp-block .products-grid .item .product-info .actions .mv-actions a.mv-button {
border: 1px solid #59a1bb; color: #59a1bb; padding: 9px 0 8px; }
.ll-cp-block .products-grid .item .product-info .actions .mv-actions span.mv-button {
border: 1px solid #999999; color: #999999; padding: 9px 0 8px; }
/* ----------------------------
* Ingrediant Sub Category Page
* ----------------------------*/
.ll-sub-ing {
/** CMS Block Section **/
/** Layer Navigation **/
/** Shorting Option **/ }
.ll-sub-ing .cms-container h1 {
padding: 25px 0; margin-bottom: 40px; font-size: 1.29rem; font-family: "europa"; }
.ll-sub-ing .il-bar {
padding-right: 15px; }
.ll-sub-ing .block-layered-nav .block-content dl dt {
width: 15%; padding-right: 0; position: relative; }
.ll-sub-ing .block-layered-nav .block-content dl dt.even {
margin-left: 2%; }
.ll-sub-ing .block-layered-nav .block-content dl dd {
max-width: 33%; margin-right: 2%; margin-bottom: 10px; }
.ll-sub-ing .block-layered-nav .block-content dl dd#layer-dt-0 {
max-width: 33%; }
.ll-sub-ing .block-layered-nav .block-content dl dd.even {
margin-right: 0; }
.ll-sub-ing .top-tool-bar .toolbar {
margin-top: 0; }
.ll-sub-ing .top-tool-bar .toolbar .sorter .sort-by {
width: 345px; }
.ll-sub-ing .top-tool-bar .toolbar .sorter .sort-by select {
max-width: 239px; }
/* ----------------------------
* Sub Category Page
* ----------------------------*/
.top-layer-nav.active .container {
padding-top: 38px; padding-bottom: 20px; }
.top-layer-nav .filter-secttion {
margin-top: 25px; }
.top-layer-nav .block-layered-nav .toggle-content dl {
border: none; }
.top-layer-nav .block-layered-nav .toggle-content dl#narrow-by-list, .top-layer-nav .block-layered-nav .toggle-content dl#narrow-by-list2 {
border: none; }
.top-layer-nav .block-layered-nav .toggle-content dl dt {
color: #000; }
.top-layer-nav .block-layered-nav .toggle-content dl dt:hover {
background-color: transparent; color: #000; }
.top-layer-nav .block-layered-nav .toggle-content dl dt:after {
display: none !important; }
.top-layer-nav .block-layered-nav .toggle-content dl dd {
display: block !important; }
.top-layer-nav .block-layered-nav .toggle-content dl dd ol li a {
font-size: 12px; }
/* ----------------------------
* Search Result Page
* ----------------------------*/
.ll-sr-page {
/** Layer Navigation **/ }
.ll-sr-page div.block-layered-nav .block-content {
margin-top: 0; }
.ll-sr-page div.block-layered-nav .block-content > dl {
margin-bottom: 30px; }
.ll-sr-page div.block-layered-nav .block-content > dl#narrow-by-list, .ll-sr-page div.block-layered-nav .block-content > dl#narrow-by-list2 {
border: none; }
.ll-sr-page div.block-layered-nav .block-content > dl > dt {
padding: 15px 0; margin-top: 0; margin-bottom: 1px; background-color: #fff; }
.ll-sr-page div.block-layered-nav .block-content > dl > dt:hover {
background-color: #fff; }
.ll-sr-page div.block-layered-nav .block-content > dl > dt:after {
display: none; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd {
display: block !important; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a {
background-color: #fff; }
.ll-sr-page div.block-layered-nav .block-content.accordion-open > dl > dt.current:after {
display: none; }
/* ----------------------------
* Create an Account Page
* ----------------------------*/
.ll-account-pages {
/** Featured points **/ }
.ll-account-pages .featured-points-section {
margin-top: 30px; position: relative; }
.ll-account-pages .featured-points-section .featured-points {
top: 0; position: relative; }
.ll-account-pages .featured-points-section .featured-points h2 {
padding-left: 0; }
.ll-account-pages .featured-points-section .featured-points ul {
padding-left: 0; }
.ll-account-pages .featured-points-section .featured-points ul li {
margin-bottom: 8px; }
/* ----------------------------
* My Account Page
* ----------------------------*/
.detail-container {
padding-top: 60px; padding-bottom: 60px; }
.customer-account .main-container {
padding: 0; }
.customer-account .sidebar {
padding-right: 15px; }
.customer-account .sidebar .block-title {
display: none; }
.customer-account .sidebar .no-display {
display: block !important; }
.customer-account .sidebar .block-content ul li {
padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #f0efef; border-left: 5px solid #fff; padding-left: 15px; }
.customer-account .sidebar .block-content ul li:first-child {
border-top: 1px solid #f0efef; }
.customer-account .sidebar .block-content ul li a {
font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; }
.customer-account .sidebar .block-content ul .current {
border-left: 5px solid #d5a968; }
.customer-account .my-account .page-title {
display: none; }
.customer-account .my-account .welcome-msg p {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; }
.customer-account .my-account .welcome-msg .hello {
font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #555555; margin: 0 0 8px; }
.customer-account .my-account .dashboard .box-head {
border-bottom: none; }
.customer-account .my-account .dashboard .box-head h2 {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.customer-account .my-account .dashboard .box-head a {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; }
.customer-account .my-account .orders thead th {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; background: #f0efef; padding-top: 22px; padding-bottom: 22px; }
.customer-account .my-account .orders tbody {
border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; border-bottom: 1px solid #f0efef; }
.customer-account .my-account .orders tbody tr td {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; padding-top: 22px; padding-bottom: 22px; }
.customer-account .my-account .orders tbody tr td em {
font-style: normal; }
.customer-account .my-account .orders tbody .even {
background: #f7f7f7; }
.customer-account .my-account .orders .number {
width: 10%; }
.customer-account .my-account .orders .date {
width: 10%; }
.customer-account .my-account .orders .ship {
width: 30%; }
.customer-account .my-account .orders .total {
width: 10%; }
.customer-account .my-account .orders .status {
width: 10%; }
.customer-account .my-account .orders .view {
width: 10%; padding-top: 15px; text-align: left; }
.customer-account .my-account .box-account {
border-bottom: none; }
.customer-account .box-info .box-head {
border-bottom: 1px solid #f0efef; }
.customer-account .box-info .box-head h2 {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; }
.customer-account .box-info .box .box-title h3 {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; text-transform: none; }
.customer-account .box-info .box .box-title a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; }
.customer-account .box-info .box .box-content address {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; font-style: normal; }
.customer-account .box-info .box .box-content p {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; font-style: normal; }
.customer-account .box-info .box .box-content a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; text-transform: uppercase; }
.customer-account label {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 10px 0; }
.customer-account input[type=text] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 10px 0; }
.customer-account input[type=email] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 10px 0; }
.customer-account input[type=tel] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 10px 0; }
.customer-account .validation-passed, .customer-account .btn-share {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.customer-account .buttons-set p {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: button; margin: 0 0 10px 0; border: none; }
.customer-account .buttons-set button {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; }
.customer-account table thead th {
border-bottom: none !important; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; background: #f0efef; padding-top: 22px; padding-bottom: 22px; }
.customer-account table tbody {
border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; border-bottom: 1px solid #f0efef; }
.customer-account table tbody tr td {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; padding-top: 22px; padding-bottom: 22px; }
.customer-account table tbody tr td em {
font-style: normal; }
.customer-account table tbody tr td h3 {
font-size: 13px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 0 0 0; }
.customer-account table tbody tr td span {
font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; }
.customer-account table tbody tr td textarea {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0px 0; resize: none; }
.customer-account table tbody tr td .btn-cart span {
color: #fff; }
.customer-account table tbody tr td .item-manage button span {
color: #fff; }
.customer-account table tbody .even {
background: #f7f7f7; }
.customer-account .C h1, .customer-account .C h2, .customer-account .C h3 h4, .customer-account .C h5, .customer-account .C h6, .customer-account .C a {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; }
/*
@include custom-font-weight(1.14rem,'europa', 300); @include custom-font-weight(1.14rem,'europa', 400); @include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa'); @include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400); color : $white; margin : 0 0 0;
*/
/* ----------------------------
* Product Detail Page
* ----------------------------*/
.ll-product-detail {
/** Top right Section **/ }
.ll-product-detail .left-section.product-img-box {
width: 100%; padding-top: 0; padding-bottom: 20px; /** Media gallery section **/ }
.ll-product-detail .left-section.product-img-box .media-image.gallery-wrapper {
padding-left: 150px; padding-right: 150px; }
.ll-product-detail .left-section.product-img-box .media-image.gallery-wrapper .image-block {
height: 350px; width: 100%; border: 1px solid #f7f7f7; background-color: #d4d3d1; }
.ll-product-detail .left-section.product-img-box .media-image.gallery-wrapper .image-block img {
max-width: 100%; max-height: 100%; margin: auto; display: block; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap {
padding-left: 150px; padding-right: 150px; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-viewport ul {
height: 350px; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-viewport ul li {
height: 350px !important; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-thumbs-wrap {
margin-top: 35px; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-next,
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-prev {
top: 55%; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-next {
right: -30px; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-prev {
left: -30px; }
.ll-product-detail .right-section.product-shop {
width: 100%; /** Ratings display Section **/
/** Configurable Product Section **/ }
.ll-product-detail .right-section.product-shop.web {
padding-left: 15px; }
.ll-product-detail .right-section.product-shop .extra-info {
max-width: 100%; }
.ll-product-detail .right-section.product-shop h3.rating-label {
margin-top: 21px; margin-bottom: 20px; clear: both; }
.ll-product-detail .right-section.product-shop .product-options .price-box {
display: none !important; }
.ll-product-detail .right-section.product-shop .product-options dl dd {
border-bottom: none; }
.ll-product-detail .right-section.product-shop .product-options dl dd .input-box select {
background-image: url(../images/detail/drop-down-arrow.png); }
/* ----------------------------
* shoppping cart Page
* ----------------------------*/
.chekout-pagination .pagination-row {
margin-left: 0px; margin-right: 0px; padding-top: 58px; }
.chekout-pagination .pagination-row .pagination-block {
padding-top: 20px; padding-bottom: 20px; background: #f0efef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.chekout-pagination .pagination-row .pagination-block p {
text-align: center; }
.chekout-pagination .pagination-row .pagination-block p span {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; text-transform: uppercase; }
.chekout-pagination .pagination-row .pagination-block p .number {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; width: 47px; height: 47px; display: inline-block; border-radius: 50%; background: #fff; padding-top: 8px; margin-right: 15px; }
.chekout-pagination .pagination-row .pagination-block p .text {
padding-top: 8px; }
.chekout-pagination .pagination-row .pagination-block a {
text-align: center; }
.chekout-pagination .pagination-row .pagination-block a span {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; text-transform: uppercase; }
.chekout-pagination .pagination-row .pagination-block a .number {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; width: 47px; height: 47px; display: inline-block; border-radius: 50%; background: #fff; padding-top: 8px; margin-right: 15px; }
.chekout-pagination .pagination-row .pagination-block a .text {
padding-top: 8px; }
.chekout-pagination .pagination-row .active {
background: #fff; border-top: 1px solid #f0efef; border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; }
.chekout-pagination .pagination-row .active p {
text-align: center; }
.chekout-pagination .pagination-row .active p span {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; text-transform: uppercase; }
.chekout-pagination .pagination-row .active p .number {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; width: 47px; height: 47px; display: inline-block; border-radius: 50%; background: #59a1bb; padding-top: 8px; margin-right: 15px; color: #fff; }
.chekout-pagination .pagination-row .active p .text {
padding-top: 8px; }
.chekout-pagination .data-table {
margin-top: 40px; }
.chekout-pagination .data-table thead th {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; background: #f0efef; padding-top: 22px; padding-bottom: 22px; text-align: left; }
.chekout-pagination .data-table thead th:nth-child(1) {
width: 8%; }
.chekout-pagination .data-table thead th:nth-child(2) {
width: 17%; }
.chekout-pagination .data-table thead th:nth-child(3) {
width: 32%; }
.chekout-pagination .data-table thead th:nth-child(4) {
width: 14%; }
.chekout-pagination .data-table thead th:nth-child(5) {
width: 14%; }
.chekout-pagination .data-table thead th:nth-child(6) {
width: 12%; }
.chekout-pagination .data-table tbody {
border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; border-bottom: 1px solid #f0efef; }
.chekout-pagination .data-table tbody tr td {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; padding-top: 22px; padding-bottom: 22px; }
.chekout-pagination .data-table tbody tr td em {
font-style: normal; }
.chekout-pagination .data-table .product-cart-image a {
border: none; }
.chekout-pagination .data-table .product-cart-remove a {
background-image: url(../images/delete-image.png); background-position: 0; width: 33px; height: 32px; background-size: 100%; }
.chekout-pagination .data-table .increment-qty {
position: relative; top: 16px; left: -3px; background: #f0efef; padding-top: 8px; padding-left: 5px; }
.chekout-pagination .data-table .increment-qty .increase-qty {
text-indent: -9999px; overflow: hidden; display: block; width: 15px; height: 15px; }
.chekout-pagination .data-table .increment-qty .decrease-qty {
text-indent: -9999px; overflow: hidden; display: block; width: 15px; height: 15px; }
.chekout-pagination .data-table .increment-qty .increase-qty::before {
content: ""; display: block; background: url(../images/up-arrow.png) no-repeat; width: 15px; height: 12px; margin: 0 0 0; cursor: pointer; }
.chekout-pagination .data-table .increment-qty .decrease-qty::before {
content: ""; display: block; background: url(../images/down-arrow.png) no-repeat; width: 15px; height: 12px; margin: 0 0 0; cursor: pointer; }
.chekout-pagination .data-table .product-name a {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 5px; text-transform: uppercase; display: inline-block; }
.chekout-pagination .data-table .product-cart-info .cart-item-details {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.chekout-pagination .data-table input[type=text] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0 0; height: 39px; }
.chekout-pagination .left-section {
background: #f7f7f7; }
.chekout-pagination .left-section-inner {
float: none; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; text-align: center; }
.chekout-pagination .left-section-inner p {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.chekout-pagination .left-section-inner .discount-form label {
font-size: 18px !important; font-family: "europa"; font-weight: 700 !important; color: #000; margin-top: -15px; }
.chekout-pagination .left-section-inner .discount-form .field-wrapper {
position: relative; }
.chekout-pagination .left-section-inner .discount-form .field-wrapper .validation-advice {
position: absolute; top: -26px; width: 100%; }
.chekout-pagination .left-section-inner button {
font-size: 14px; font-family: "europa"; font-weight: 700; background: #59a1bb; color: #fff; margin: 0 0 0; padding: 7px 0; }
.chekout-pagination .left-section-inner button span {
color: #fff; text-decoration: none; }
.chekout-pagination .left-section-inner #coupon_code {
border: 1px solid #59a1bb; float: left; margin: 0; height: 44px; text-align: center; font-size: 14px; font-family: "europa"; font-weight: 700; color: #555555; }
.chekout-pagination .left-section-inner .button-wrapper {
float: left; }
.chekout-pagination .left-section-inner .button-wrapper .button2 {
width: 120px; }
.chekout-pagination .cart-totals-wrapper {
padding-top: 30px; width: 100%; height: 150px; }
.chekout-pagination .cart-totals-wrapper .checkout-types {
display: none !important; }
.chekout-pagination .cart-totals-wrapper table {
width: 100%; }
.chekout-pagination .cart-totals-wrapper table tr td {
width: 50%; text-align: left; padding-left: 104px; }
.chekout-pagination .cart-totals-wrapper table tfoot {
position: absolute; bottom: 0; background: #f0efef; width: 100%; font-weight: bold; padding-top: 15px; padding-bottom: 15px; }
.chekout-pagination .cart-totals-wrapper table#shopping-cart-totals-table tr td {
padding-left: 15px; }
.chekout-pagination .page-title .checkout-types {
width: 100%; }
.chekout-pagination .page-title .checkout-types li {
width: 40%; }
.chekout-pagination .page-title .checkout-types li:nth-child(1) {
float: left; }
.chekout-pagination .page-title .checkout-types li:nth-child(2) {
float: right; }
.chekout-pagination .page-title .checkout-types li .button2 {
float: leftl; }
.chekout-pagination .title-buttons {
padding-top: 40px; padding-bottom: 80px; }
.chekout-pagination .title-buttons .button2 span, .chekout-pagination .title-buttons .button2 span span {
background: #d5a968; font-size: 14px; font-family: "europa"; font-weight: 700; color: #fff; margin: 0 0 0; text-decoration: none; }
.chekout-pagination .title-buttons .button2 {
background: #d5a968; font-size: 14px; font-family: "europa"; font-weight: 500; color: #fff; margin: 0 0 0; padding: 10px 32px; }
.chekout-pagination .title-buttons .btn-continue {
float: left; }
.chekout-pagination .title-buttons .chekout-pagination .page-title .checkout-types {
border: none; }
.chekout-pagination .cart .page-title {
margin-bottom: 15px; border-bottom: none; margin-left: -15px; margin-right: -15px; }
.chekout-pagination .opc-wrapper-opc .btn-checkout {
display: block; width: 100%; height: auto !important; }
.chekout-pagination .btn-checkout span, .chekout-pagination .btn-checkout span span {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #fff; margin: 0 0 0; text-decoration: none; }
.chekout-pagination .btn-checkout {
background: #59a1bb; padding: 16px 41px; }
.chekout-pagination .opc-wrapper-opc .opc-col-left, .chekout-pagination .opc-wrapper-opc .opc-col-center, .chekout-pagination .opc-wrapper-opc .opc-col-right {
padding-bottom: 40px; }
.chekout-pagination .opc-wrapper-opc h1, .chekout-pagination .opc-wrapper-opc h2, .chekout-pagination .opc-wrapper-opc h3, .chekout-pagination .opc-wrapper-opc h4, .chekout-pagination .opc-wrapper-opc h5, .chekout-pagination .opc-wrapper-opc h6, .chekout-pagination .opc-wrapper-opc label {
font-family: "europa"; font-weight: 400; color: #555555; }
.chekout-pagination .opc-wrapper-opc label {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.chekout-pagination .opc-wrapper-opc label::after {
color: #d5a968 !important; }
.chekout-pagination .opc-wrapper-opc input[type=text] {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; border: 1px solid #f0efef; margin: 0 0 0px 0; }
.chekout-pagination .opc-wrapper-opc select {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; border: 1px solid #f0efef; margin: 0 0 0px 0; padding: 0 37px 0px 2px; }
.chekout-pagination select {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; border: 1px solid #f0efef; margin: 0 0 0px 0; padding: 0 37px 0px 15px !important; }
.chekout-pagination .common-cart-section {
text-align: center; background-image: url(../images/common-cart.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 260px; margin-bottom: 60px; }
.chekout-pagination .common-cart-section h1 {
font-size: 1.86rem; font-family: "europa"; color: #000; margin: 100px 0 30px; text-transform: none; border-bottom: none; }
.chekout-pagination .common-cart-section h2 {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #000; margin: 30px 0 30px; text-transform: none; border-bottom: none; }
.chekout-pagination .common-cart-section p {
font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #555555; margin: 0 0 0; text-transform: none; border-bottom: none; }
.chekout-pagination .common-cart-section p a {
color: #59a1bb; }
.common-cart-section {
text-align: center; background-image: url(../images/common-cart.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 260px; margin-bottom: 60px; }
.common-cart-section h1 {
font-size: 1.86rem; font-family: "europa"; color: #000; margin: 100px 0 30px; text-transform: none; border-bottom: none; }
.common-cart-section p {
font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #555555; margin: 0 0 0; text-transform: none; border-bottom: none; }
.common-cart-section p a {
color: #59a1bb; }
.common-cart-section .buttons-set span span {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; background: #59a1bb; }
.common-cart-section .buttons-set button {
background: #59a1bb; }
.sp-methods dt {
font-family: "europa"; font-weight: 400; color: #555555; }
.checkout-row {
border-bottom: 1px solid #f5f4f4; border-left: 1px solid #f5f4f4; border-right: 1px solid #f5f4f4; margin-left: 0; margin-right: 0; }
.checkout-row #discount-coupon-form label, .checkout-row .cart .giftcard label {
text-transform: none; }
.checkout-row .left-section-inner p {
margin-top: 20px; }
#content-wrapper {
clear: both; position: relative; }
#content-wrapper:before, #content-wrapper:after {
content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; }
#content-wrapper:before {
background-color: white; opacity: 0.8; z-index: 2; }
#content-wrapper:after {
background-image: url("../images/opc-ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 3; }
#content-wrapper.loading {
position: relative; }
#content-wrapper.loading:before, #content-wrapper.loading:after {
display: block; }
#cart-success-message p {
color: #555555; margin: 30px 0 0; }
.checkout-common-wrapper-custom {
padding: 30px 0 0 0; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; text-transform: uppercase; }
.checkout-common-wrapper-custom .cart-totals-wrapper {
padding: 0; }
.checkout-common-wrapper-custom .ll-tot-right {
padding-left: 15px !important; }
.opc-wrapper-opc .opc-data-table tbody .a-right {
padding-right: 0; }
.opc-index-index .customer-dob {
display: none; }
.review-customer-view {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.review-customer-view .product-name {
border-bottom: none !important; color: #555555 !important; }
.review-customer-view .product-review .ratings-description dt {
border-bottom: none !important; }
.review-customer-view table tbody {
border: none !important; }
.opc-wrapper-opc .opc-data-table tfoot td .price {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.opc-wrapper-opc .opc-data-table .ll-tot-right {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; }
.opc-wrapper-opc .opc-data-table .ll-tot-right .price {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; }
.opc-wrapper-opc .payment-block .form-list.opc-cc-container {
margin: 0px !important; }
.ll-form-container .fa-remove:before, .ll-form-container .fa-close:before, .ll-form-container .fa-times:before {
position: absolute; top: -100px; right: 0; z-index: 999; cursor: pointer; }
.chekout-pagination .opc-wrapper-opc {
font-family: "europa" !important; font-weight: 400; }
.chekout-pagination .opc-wrapper-opc h3 {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; color: #555555; margin: 20px 0; border-bottom: 1px solid #f0efef; }
.chekout-pagination .opc-wrapper-opc .shipping-block li label .price {
font-size: 15px; font-family: "europa"; font-weight: 700; color: #555555; margin: 20px 0; }
.chekout-pagination .opc-wrapper-opc .sp-methods dt {
font-family: "europa"; font-weight: 400; color: #555555; }
.chekout-pagination .opc-wrapper-opc .sp-methods-ul input[type="radio"] {
width: 15px; height: 15px; -webkit-appearance: none; border: 1px solid #000; border-radius: 50%; }
.chekout-pagination .opc-wrapper-opc .sp-methods-ul input[type="radio"]:checked {
width: 15px; height: 15px; border: 5px solid #d5a968; }
.chekout-pagination .opc-wrapper-opc .sp-methods-ul input[type="radio"]:focus {
width: 15px; height: 15px; }
.chekout-pagination .opc-wrapper-opc .payment-block .form-list.opc-cc-container {
border: 1px solid #f0efef; }
.chekout-pagination .opc-wrapper-opc .opc-data-table .price {
font-family: "europa"; font-weight: 400; }
.chekout-pagination .opc-wrapper-opc .opc-data-table .a-right, .chekout-pagination .opc-wrapper-opc .opc-data-table .align-right {
text-align: left; }
.chekout-pagination .opc-wrapper-opc .opc-data-table thead tr th {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; margin: 0 0 0; }
.chekout-pagination .opc-wrapper-opc .opc-data-table tfoot tr td {
padding-left: 14px; }
.chekout-pagination .opc-btn-checkout {
border-radius: 0; }
.chekout-pagination .opc-btn-checkout span {
border-radius: 0; }
.chekout-pagination .opc-btn-checkout span span {
border-radius: 0; }
.display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell {
width: 100% !important; }
.chekout-pagination .data-table input[type=text] {
width: 59%; }
.chekout-pagination .cart-totals-wrapper table tr td {
text-align: center; }
.chekout-pagination .cart-totals-wrapper table tfoot tr {
width: 100%; }
.chekout-pagination .cart-totals-wrapper table tfoot {
position: relative; }
.minicart-success-message p {
font-family: "europa"; }
/* ----------------------------
* Home Page
* ----------------------------*/
.ll-cms-home {
/* ----------------------------
* Home Slider Section
* ----------------------------*/
/* ----------------------------
* You will love these products Section
* ----------------------------*/
/* ----------------------------
* Thrive Naturally Section
* ----------------------------*/
/* ----------------------------
* Expert Spotlight Section
* ----------------------------*/
/* ----------------------------
* Discover The Truth Section
* ----------------------------*/
/* ----------------------------
* Our favorites. Indulge with us Section
* ----------------------------*/
/* ----------------------------
* Keep up with the latest tips, news & trends Section
* ----------------------------*/ }
.ll-cms-home .slideshow-container {
border: none; }
.ll-cms-home .slideshow-container .slide {
position: relative; }
.ll-cms-home .slideshow-container .slide .content {
position: absolute; top: 10%; left: 7%; }
.ll-cms-home .slideshow-container .slide .content h1 {
font-size: 2.14rem; font-family: "europa"; text-transform: inherit; margin: 0 0 18px; color: #333333; line-height: 30px; }
.ll-cms-home .slideshow-container .slide .content p {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; text-transform: inherit; margin: 0 0 30px; color: #666666; line-height: 20px; text-transform: none; display: none; }
.ll-cms-home .slideshow-container .slide .content a {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0; background-color: #59a1bb; text-transform: uppercase; padding: 15px 33px; display: inline-block; text-decoration: none; }
.ll-cms-home .slideshow-container .slideshow-pager span:before {
width: 6px; height: 6px; border-radius: 50%; background-color: #947870; }
.ll-cms-home .slideshow-container .slideshow-pager span.cycle-pager-active:before {
background-color: #000; }
.ll-cms-home .slideshow-container .slideshow-pager span {
width: 20px; height: 44px; }
.ll-cms-home .slideshow-container .slideshow {
border: none; }
.ll-cms-home .y-w-l-t-p-section {
padding: 40px 0 54px; }
.ll-cms-home .y-w-l-t-p-section a {
text-decoration: none; }
.ll-cms-home .y-w-l-t-p-section .orange {
/*@include custom-font(2.14rem,'europa');*/
font-size: 2.14rem; font-family: "europa"; color: #d5a968; margin: 0; text-align: center; text-transform: none; }
.ll-cms-home .y-w-l-t-p-section .large {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; color: #666666; margin: 18px 0 3px; text-align: center; }
.ll-cms-home .y-w-l-t-p-section .small {
font-size: 13px; font-family: "europa"; font-weight: 500; color: #666666; margin: 0; text-align: center; }
.ll-cms-home .y-w-l-t-p-section .bottom-row {
margin-top: 40px; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .product-name {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; text-transform: uppercase; padding-right: 0px !important; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .price {
font-size: 1.43rem; font-family: "europa"; font-weight: 700; color: #000; margin: 12px 0 0; display: inline-block; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .image-block img {
display: block; margin: 0 auto; position: relative; width: 100%; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 115px; left: 0; right: 0; margin: 0 auto; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
.ll-cms-home .tn-section {
background-color: #351f39; padding: 60px 0; }
.ll-cms-home .tn-section h1 {
font-size: 2.14rem; font-family: "europa"; color: #fff; margin: 0 0 13px; text-align: center; text-transform: none; }
.ll-cms-home .tn-section p {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0; text-align: center; text-transform: none; }
.ll-cms-home .es-section {
padding: 0 0 65px; }
.ll-cms-home .es-section .top-row {
padding: 50px 0 30px; }
.ll-cms-home .es-section .top-row .orange {
font-size: 2.14rem; font-family: "europa"; color: #d5a968; margin: 0; text-align: center; text-transform: none; }
.ll-cms-home .es-section .bottom-row .es-block img {
width: 100%; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 7px; text-align: center; text-transform: none; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block p {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; text-align: center; min-height: 65px; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block h6 {
text-align: center; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block h6 a {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-cms-home .dtt-section {
background-color: #351f39; padding: 50px 0; }
.ll-cms-home .dtt-section .top-row {
padding: 0 0 55px; }
.ll-cms-home .dtt-section .top-row .white {
font-size: 2.14rem; font-family: "europa"; color: #fff; margin: 0 0 15px; text-align: center; text-transform: none; }
.ll-cms-home .dtt-section .top-row .large {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 13px 0 3px; text-align: center; text-transform: none; }
.ll-cms-home .dtt-section .bottom-row a {
text-decoration: none; }
.ll-cms-home .dtt-section .bottom-row a .image-block img {
display: block; margin: 0 auto; position: relative; }
.ll-cms-home .dtt-section .bottom-row a .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 77px; left: 0; right: 0; margin: 0 auto; }
.ll-cms-home .dtt-section .bottom-row a .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
.ll-cms-home .dtt-section .bottom-row a .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #fff; margin: 38px 0 21px; text-transform: none; }
.ll-cms-home .dtt-section .bottom-row a .bottom-block p {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #999999; margin: 0 0 0; text-decoration: none; text-transform: none; }
.ll-cms-home .ofi-section .top-row {
padding: 60px 0 60px; }
.ll-cms-home .ofi-section .top-row .orange {
font-size: 2.14rem; font-family: "europa"; color: #d5a968; margin: 0; text-align: center; text-transform: none; }
.ll-cms-home .ofi-section .top-row .large {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; color: #666666; margin: 18px 0 3px; text-align: center; }
.ll-cms-home .ofi-section .top-row .small {
font-size: 13px; font-family: "europa"; font-weight: 500; color: #666666; margin: 0; text-align: center; }
.ll-cms-home .ofi-section .yerslider-prev {
left: -50px; }
.ll-cms-home .ofi-section .yerslider-next {
right: -50px; }
.ll-cms-home .ofi-section .yerslider-slide {
background-color: transparent; height: auto !important; }
.ll-cms-home .ofi-section .yerslider-prev:after {
content: url("../images/slider-left-arrow.png"); display: block; position: absolute; top: 20px; right: 12px; border: none; }
.ll-cms-home .ofi-section .yerslider-next:after {
content: url("../images/slider-right-arrow.png"); display: block; position: absolute; top: 20px; left: 12px; border: none; }
.ll-cms-home .ofi-section .yerslider-prevnext {
top: 36%; }
.ll-cms-home .ofi-section .bottom-block h3 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 0px; text-transform: none; }
.ll-cms-home .ofi-section .bottom-block p {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; background-color: transparent; min-height: 65px; }
.ll-cms-home .ofi-section .bottom-block h6 {
text-align: center; }
.ll-cms-home .ofi-section .bottom-block h6 a {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-cms-home .ofi-section .bottom-block a {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 0px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 0px; text-transform: uppercase; display: inline-block; height: 50px; padding-top: 6px; text-decoration: none; }
.ll-cms-home .rh-section {
background-color: #f6f6f6; }
.ll-cms-home .rh-section .top-row {
padding: 50px 0 30px; }
.ll-cms-home .rh-section .top-row .orange {
font-size: 2.14rem; font-family: "europa"; color: #d5a968; margin: 0 0 12px; text-align: center; text-transform: none; }
.ll-cms-home .rh-section .top-row .large {
font-size: 1.29rem; font-family: "europa"; font-weight: 700; color: #666666; margin: 0 0 7px; text-align: center; text-transform: none; }
.ll-cms-home .rh-section .top-row .small {
font-size: 13px; font-family: "europa"; font-weight: 500; color: #666666; margin: 0; text-align: center; text-transform: none; }
.ll-cms-home .rh-section .bottom-row {
padding: 25px 0 65px; }
.ll-cms-home .rh-section .bottom-row .es-block .image-block img {
width: 100%; }
.ll-cms-home .rh-section .bottom-row .es-block .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 7px; text-transform: none; }
.ll-cms-home .rh-section .bottom-row .es-block .bottom-block p {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; min-height: 65px; text-transform: none; }
.ll-cms-home .rh-section .bottom-row .es-block .bottom-block a {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
/* ----------------------------
* experts Page
* ----------------------------*/
/* ----------------------------
* experts detail Page
* ----------------------------*/
.ll-expert-detail {
/*** left section ***/
/** right section **/ }
.ll-expert-detail .left-section {
/** top row **/
/** middle row **/
/** bottom row **/ }
.ll-expert-detail .left-section .top-row {
/* top content */
/* image Section */
/* bottom content */ }
.ll-expert-detail .left-section .top-row .top-content {
margin-bottom: 25px; }
.ll-expert-detail .left-section .top-row .image-block {
margin-bottom: 25px; }
.ll-expert-detail .left-section .top-row .bottom-content p {
padding-right: 15px; }
.ll-expert-detail .left-section .middle-row {
margin-top: 35px; padding: 38px 0 30px; }
.ll-expert-detail .left-section .middle-row .middle-block > a .content-block h2 {
margin-bottom: 15px; font-size: 20px; }
.ll-expert-detail .left-section .bottom-row {
margin-top: 34px; }
.ll-expert-detail .left-section .bottom-row .top-heading h2 {
margin-bottom: 30px; }
.ll-expert-detail .left-section .bottom-row .es-block {
margin-bottom: 20px; }
.ll-expert-detail .left-section .bottom-row .es-block .bottom-block {
padding-right: 0; }
.ll-expert-detail .left-section .bottom-row .es-block .bottom-block h2 {
height: 67px; overflow: hidden; margin-top: 25px; margin-bottom: 15px; font-size: 1.29rem; font-family: "europa"; }
.ll-expert-detail .left-section .bottom-row .es-block .bottom-block p {
height: 90px; overflow: hidden; }
.ll-expert-detail .right-section .section-heading h3 {
padding-bottom: 25px; }
.ll-expert-detail .right-section .products-section ul {
padding-left: 0; }
.ll-expert-detail .right-section .products-section ul li {
padding: 28px 0 25px; }
.ll-expert-detail .right-section .products-section ul li a .image-block {
max-width: 34%; }
.ll-expert-detail .right-section .products-section ul li a .content-block {
max-width: 65%; }
.ll-expert-detail .right-section .products-section ul li a .content-block h2 {
font-size: 13px; font-family: "europa"; font-weight: 500; }
.ll-expert-detail .right-section .products-section ul li a .content-block p {
font-size: 13.5px; line-height: 16px; }
}
/* smartphones, iPhone, portrait 480x320 phones */
@media (min-width: 320px) and (max-width: 767px) {
/* ------
* Header
* ------ */
header .continer,
header #header-search {
position: relative; width: 100%; padding: 0; }
header #header-search {
top: 0; width: 100%; }
.mobile-search {
width: 100% !important; }
#header {
background: #351f39; max-width: none; padding-top: 0px; }
#header .header-top-discount-text img {
display: inline-block; vertical-align: top; padding-right: 9px; }
#header .header-top-discount-text p {
display: inline-block; vertical-align: top; font-size: 10px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; }
#header .header-logo-section .large {
margin: 0 auto; }
#header .header-top-right-section .account-cart-wrapper a {
background: transparent; font-size: 11px; font-family: "europa"; font-weight: 400; color: #d1d2d1; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; height: auto; line-height: 140%; }
#header .header-top-right-section .account-cart-wrapper a:hover {
color: #fff; }
#header .header-top-right-section .header-top-minicart .skip-cart .icon {
background-image: url(../images/header/icon/cart-icon.png); background-position: 0 0; height: 16px; width: 20px; }
#header .header-top-right-section .header-top-minicart .skip-cart:hover .icon {
background-image: url(../images/header/icon/cart-icon-hover.png); background-position: 0 0; }
#header .header-top-right-section .header-top-minicart .count {
font-size: 15px; font-family: "europa"; font-weight: 400; color: #d1d2d1; margin: 0 0 0; padding: 0px; }
#header .header-top-right-section .header-top-minicart .count:before {
padding: 0 3px; color: #d1d2d1; }
#header .header-top-right-section .header-top-minicart .count:after {
padding: 0 3px; color: #d1d2d1; }
#header .header-top-right-section .navigation-wrapper {
position: relative; }
#header .header-top-right-section .skip-link .label {
padding-top: 0px; border: none; }
#header .header-top-right-section .account-cart-wrapper {
position: relative; display: inline-block; float: none; }
#header .header-top-right-section .account-cart-wrapper .skip-account {
margin: 0px; display: inline-block; margin-top: 0px; }
#header .header-top-right-section .free-shipping-text {
font-size: 11px; font-family: "europa"; font-weight: 400; color: #fff; margin: 24px 0 0; padding: 0 0 0; text-transform: uppercase; text-align: right; }
#header .ms-megamenu .ms-topmenu {
background: #351F39; margin-bottom: 9px; }
#header .ms-megamenu .ms-topmenu li a {
padding-right: 0; }
#header .ms-megamenu .ms-topmenu li a:hover {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; }
#header .ms-topmenu .ms-level0.active .ms-label, #header .ms-topmenu .ms-level0:hover .ms-label, #header .ms-topmenu .ms-level0:active .ms-label, #header .ms-topmenu .ms-level0:focus .ms-label {
background-color: transparent !important; }
#header .ms-megamenu {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; /* sub navigation*/ }
#header .ms-megamenu ul li {
margin-right: 8.3%; /*&:last-child{
margin-right: 0; }*/ }
#header .ms-megamenu ul li a {
text-transform: uppercase; }
#header .ms-megamenu ul li a:first-child {
padding-left: 0; }
#header .ms-megamenu ul#ms-topmenu {
/* > li:last-child{
padding-right :0; float : left; text-indent : -9999px; overflow : hidden; width : 30px; height : 50px;
a{
display : inline-block; background-image : url(../images/header/icon/search-icon.png); background-position : 0px -30px; padding-right : 0; padding-left : 0; width : 30px; height : 30px; margin-top : 15px;
&:hover{
background-position: 0px 0px !important; }
}
}*/ }
#header .ms-megamenu .sub_left {
padding: 60px 43px; border-bottom: 3px solid #221649; }
#header .ms-megamenu .sub_left .sub-menu-inner-left {
border-right: 1px solid #f0efef; }
#header .ms-megamenu .sub_left .sub-menu-inner-left h2 {
/*@include custom-font(1.86rem,'europa');*/
color: #221649; margin: 0 0 40px; padding: 0 0 0; text-transform: none; }
#header .ms-megamenu .sub_left .sub-menu-inner-left ul li {
width: 49%; float: left; margin-right: 0; margin-bottom: 5px; }
#header .ms-megamenu .sub_left .sub-menu-inner-left ul li a {
/*@include custom-font-weight(13px,'europa', 400);*/
color: #221649; margin: 0 0 0; padding: 0 0 0; text-decoration: none; }
#header .ms-megamenu .sub-menu-inner-right a {
text-decoration: none; }
#header .ms-megamenu .sub-menu-inner-right .image-block img {
display: block; position: relative; }
#header .ms-megamenu .sub-menu-inner-right .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 30px; left: 79px; margin: 0 auto; }
#header .ms-megamenu .sub-menu-inner-right .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
#header .ms-megamenu .sub-menu-inner-right .detail-block {
padding-top: 40px; }
#header .ms-megamenu .sub-menu-inner-right .detail-block span {
/*@include custom-font-weight(12px,'europa', 400);*/
color: #d5a968; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; }
#header .ms-megamenu .sub-menu-inner-right .detail-block h2 {
font-size: 1rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; padding: 0 0 0; }
#header .ms-megamenu .sub-menu-inner-right .detail-block p {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; color: #000; margin: 15px 0 0; padding: 9px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
#header .ms-megamenu .sub_right {
padding: 60px; border-bottom: 3px solid #221649; }
#header .ms-megamenu .sub_right .sub-menu-inner-left {
border-right: 1px solid #f0efef; }
#header .ms-megamenu .sub_right .sub-menu-inner-left h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 40px; padding: 0 0 0; text-transform: none; }
#header .ms-megamenu .sub_right .sub-menu-inner-left ul li {
width: 49%; float: left; margin-right: 0; margin-bottom: 7px; }
#header .ms-megamenu .sub_right .sub-menu-inner-left ul li a {
font-size: 0.93rem; font-family: "europa"; font-weight: 400; color: #221649; margin: 0 0 0; padding: 0 0 0; text-decoration: none; }
#header .head-search-wrapper {
position: absolute; top: 160px; z-index: 5555; }
#header #search_mini_form .search-button:before {
display: none; }
#header #search_mini_form .search-button {
text-indent: 0px; position: absolute; top: 0px; right: -10px; width: 50px; height: 40px; border: 0; background: transparent; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; padding: 0 0 0; text-indent: -9999px; overflow: hidden; margin-right: 15px; background-image: url(../images/header/mobile-search.png); background-repeat: no-repeat; background-position: right center; background-size: 27px; }
#header .head-search-wrapper .input-box {
padding: 10px; background: #fff; -webkit-box-shadow: 0px 4px 43px 1px #555555; -moz-box-shadow: 0px 4px 43px 1px #555555; box-shadow: 0px 4px 43px 1px #555555; }
#header #header-nav {
display: block; border-bottom: none; }
#header #search {
border: none; background-image: none; background-position: left 9px; background-repeat: no-repeat; padding-right: 15px; padding-left: 15px; }
#header .search-autocomplete:before {
display: none; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search::-webkit-input-placeholder {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search:-moz-placeholder {
/* Firefox 18- */
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search::-moz-placeholder {
/* Firefox 19+ */
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search:-ms-input-placeholder {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #header-account {
padding: 43px; }
#header #header-account.skip-active {
right: 15px; width: 296px; border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #221649; }
#header #header-account.skip-active h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 0; text-transform: none; }
#header #header-account.skip-active ul {
margin-top: 20px; }
#header #header-account.skip-active ul li {
border-bottom: 1px solid #d1d2d1; padding-bottom: 15px; padding-top: 15px; }
#header #header-account.skip-active ul li a {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #221649; margin: 0 0 0; text-transform: none; text-align: left; text-transform: uppercase; }
#header .header-top-right-section .account-cart-wrapper .skip-active {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 16px; }
#header .header-top-right-section .logo {
display: inline-block; vertical-align: top; width: 40%; padding: 10px 10px 0 0; }
#header .header-top-right-section .skip-links {
display: inline-block; vertical-align: top; width: 100%; float: none; border: none; position: absolute; top: 56px; left: 0; z-index: 999; }
.ll-login-active {
font-size: 14px; font-family: "europa"; font-weight: 700; }
#header .div-temp {
display: none !important; height: 0; overflow: hidden; }
.ms-topmenu #submenu-1 {
left: -15px !important; }
.header-top-right-section .skip-search {
width: 100%; }
.header-top-right-section .header-top-minicart {
float: none; }
.header-top-right-section .header-top-minicart a {
display: block; height: 43px; width: 50px; }
.header-top-right-section .account-cart-wrapper {
width: 100%; }
.header-top-right-section .account-cart-wrapper .skip-account {
width: 50%; margin: 0; }
.header-top-right-section .mobile-hum-icon {
width: 24%; float: left; }
.header-top-right-section .account-cart-wrapper .header-top-minicar a {
width: 100%; }
body {
overflow-x: hidden; }
body .wrapper {
-webkit-transition: 1s ease right; -moz-transition: 1s ease right; -transition: 1s ease right; position: relative; right: 0; }
/** Mobile Menu **/
.mobile-menu-container {
position: fixed; right: -100%; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 11111; -webkit-transition: 1s ease right; -moz-transition: 1s ease right; -transition: 1s ease right; }
.mobile-menu-container span.close-icon {
height: 65px; width: 65px; display: block; float: left; position: relative; background-color: #110b24; }
.mobile-menu-container span.close-icon i {
color: #59a1bb; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 23px; height: 23px; font-size: 23px; }
.mobile-menu-container .mobile-menu-bar {
float: right; }
.mobile-menu-container .mobile-menu-bar .mobile-logo-container {
background-color: #110b24; text-align: center; }
.mobile-menu-container .mobile-menu-bar .mobile-logo-container a {
width: 150px; padding: 10px 0; clear: both; margin: auto; float: none; }
.mobile-menu-container .mobile-menu-bar .megamenu-pc.ms-megamenu ul.ms-topmenu {
margin: 0; }
.mobile-menu-container .mobile-menu-bar .megamenu-pc.ms-megamenu ul.ms-topmenu > li.ms-level0 {
display: block; }
.mobile-menu-container.mm-active {
right: 0; }
.logo {
padding: 0; width: 40%; }
#header .header-top-right-section .account-cart-wrapper {
float: left; }
.skip-account .icon {
background-position: 4px -24px; height: 44px; margin-top: 15px; }
.ll-mobile-top-navigation {
width: 68%; float: left; }
.ll-mobile-top-navigation .mobile-cart-icon {
background-image: url(../images/header/icon/cart-mobile.png); background-position: 0 0; height: 20px; width: 20px; display: block; padding-top: 5px; background-size: 100% 100%; margin-top: 5px; }
.ll-mobile-top-navigation .skip-account {
margin-top: 17px; }
.ll-mobile-top-navigation .common-div {
border-right: 1px solid #392e5c; min-height: 50px; padding-top: 15px; font-size: 22px; }
.ll-mobile-top-navigation #header-search .skip-link {
margin-top: -5px; }
#header #header-account.skip-active {
right: 0; width: 100%; position: absolute; top: 56px; border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #221649; z-index: 999; }
.header-search-mobile {
right: 0; width: 100%; position: absolute; top: 60px; border-top: none; border-right: none; border-left: none; border-bottom: none; z-index: 999; background: #fff; min-height: 0; }
.skip-search {
margin-top: -5px; }
#header-cart {
width: 100% !important; right: auto !important; }
.skip-links-inner #header-cart {
width: 100% !important; right: auto !important; }
.skip-links-inner .minicart-wrapper {
border-bottom: 3px solid #221649; padding: 10px 15px 10px; }
.skip-links-inner .minicart-wrapper .product-details .info-wrapper tr td {
word-wrap: break-word; }
#header .header-top-right-section .skip-link.skip-active {
background-color: transparent; background-image: url(../images/header/drop-down-images.png); background-position: center 90%; background-repeat: no-repeat; width: 100%; }
.ms-topmenu .ms-label {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; }
/*
@include custom-font-weight(1.14rem,'europa', 300); @include custom-font-weight(1.14rem,'europa', 400); @include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa'); @include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400); color : $white; margin : 0 0 0;
*/
.footer {
background-color: #351f39; padding: 0px 0; }
.footer .left .row-inner {
border-right: none; min-height: 50px; }
.footer .left .block-subscribe {
float: none !important; }
.footer .left .block-title {
text-align: center; }
.footer .left .block-title strong span {
font-size: 1.29rem; font-family: "europa"; color: #fff; margin: 0 0 15px; text-align: center; }
.footer .left ul li {
float: left; text-indent: -9999px; overflow: hidden; margin-right: 15px; }
.footer .left ul li a {
color: #918ba4; margin: 0; /*font-size : 18px;*/
font-size: 1.29rem; width: 25px; height: 40px; display: block; }
.footer .left ul .facebook a {
background-image: url(../images/footer/social-media-stripe.png); background-position: 0px -40px; }
.footer .left ul .facebook a:hover {
background-position: 0px 0px; }
.footer .left ul .twitter a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -42px 40px; }
.footer .left ul .twitter a:hover {
background-position: -42px 0px; }
.footer .left ul .youtube a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -88px -40px; }
.footer .left ul .youtube a:hover {
background-position: -88px 0px; }
.footer .left ul .instagram a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -135px -40px; }
.footer .left ul .instagram a:hover {
background-position: -135px 0px; }
.footer .left ul .pinterest a {
background-image: url(../images/footer/social-media-stripe.png); background-position: 25px -40px; }
.footer .left ul .pinterest a:hover {
background-position: 25px 0px; }
.footer .left .block-subscribe .input-text {
background-color: #151515; color: #555555; font-size: 1rem; font-family: "europa"; border: none; }
.footer .mid .row-inner {
border-right: 1px solid #443048; min-height: 50px; }
.footer .mid .row-inner ul li {
margin-bottom: 10px; }
.footer .mid .row-inner ul li a {
/*@include custom-font-weight(14px,'europa', 400);*/
color: #918ba4; margin: 0 0 15px; text-transform: uppercase; }
.footer .right .row-detail {
padding-top: 0; }
.footer .right .row-detail h3 {
/*@include custom-font(1.29rem,'europa');*/
color: #fff; margin: 0 0 15px 0px; text-align: center; }
.footer .right .row-detail img {
display: block; padding-right: 5px; margin: 0 auto; }
.footer .right .row-detail a {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 14px; display: block; text-align: center; }
.footer .right .row-detail p {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #918ba4; margin: 0 14px; display: inline-block; display: none; }
.footer .right address {
border-top: none; }
.footer .right .copyright {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #575757; margin: 0 0; display: inline-block; text-align: center; }
.footer .right .copyright a {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #575757; margin: 0; display: inline-block; }
.footer .right ul {
display: table; margin: 0 auto; }
.footer .right ul li {
float: left; text-indent: -9999px; overflow: hidden; margin-right: 15px; }
.footer .right ul li a {
color: #918ba4; margin: 0; font-size: 18px; width: 25px; height: 40px; display: block; }
.footer .right ul .facebook a {
background-image: url(../images/footer/social-media-stripe.png); background-position: 0px -40px; }
.footer .right ul .facebook a:hover {
background-position: 0px 0px; }
.footer .right ul .twitter a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -42px 40px; }
.footer .right ul .twitter a:hover {
background-position: -42px 0px; }
.footer .right ul .youtube a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -88px -40px; }
.footer .right ul .youtube a:hover {
background-position: -88px 0px; }
.footer .right ul .instagram a {
background-image: url(../images/footer/social-media-stripe.png); background-position: -135px -40px; }
.footer .right ul .instagram a:hover {
background-position: -135px 0px; }
.footer .right ul .pinterest a {
background-image: url(../images/footer/social-media-stripe.png); background-position: 25px -40px; }
.footer .right ul .pinterest a:hover {
background-position: 25px 0px; }
/* ----------------------------
* Home Page
* ----------------------------*/
.ll-cms-home {
/* ----------------------------
* Home Slider Section
* ----------------------------*/
/* ----------------------------
* You will love these products Section
* ----------------------------*/
/* ----------------------------
* Thrive Naturally Section
* ----------------------------*/
/* ----------------------------
* Expert Spotlight Section
* ----------------------------*/
/* ----------------------------
* Discover The Truth Section
* ----------------------------*/
/* ----------------------------
* Our favorites. Indulge with us Section
* ----------------------------*/
/* ----------------------------
* Keep up with the latest tips, news & trends Section
* ----------------------------*/ }
.ll-cms-home .slideshow-container {
border-bottom: none; }
.ll-cms-home .slideshow-container .slide {
position: relative; background-position: center; background-size: auto 100%; background-position: top right; }
.ll-cms-home .slideshow-container .slide .content {
position: absolute; top: 5%; left: 15%; }
.ll-cms-home .slideshow-container .slide .content h1 {
font-size: 1.43rem; font-family: "europa"; text-transform: inherit; margin: 0 0 18px; color: #333333; }
.ll-cms-home .slideshow-container .slide .content p {
font-size: 28px; font-family: "europa"; font-weight: 400; text-transform: inherit; margin: 0 0 30px; color: #666666; }
.ll-cms-home .slideshow-container .slide .content a {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0; background-color: #59a1bb; text-transform: uppercase; padding: 15px 33px; display: inline-block; text-decoration: none; }
.ll-cms-home .slideshow-container .slideshow-pager span:before {
width: 6px; height: 6px; border-radius: 50%; background-color: #947870; }
.ll-cms-home .slideshow-container .slideshow-pager span.cycle-pager-active:before {
background-color: #000; }
.ll-cms-home .slideshow-container .slideshow-pager span {
width: 20px; height: 44px; }
.ll-cms-home .y-w-l-t-p-section {
padding: 40px 0 40px; }
.ll-cms-home .y-w-l-t-p-section a {
text-decoration: none; }
.ll-cms-home .y-w-l-t-p-section .orange {
font-size: 1.43rem; font-family: "europa"; color: #d5a968; margin: 0; text-align: center; }
.ll-cms-home .y-w-l-t-p-section .large {
font-size: 1.29rem; font-family: "europa"; color: #666666; margin: 0; text-align: center; }
.ll-cms-home .y-w-l-t-p-section .small {
font-size: 0.93rem; font-family: "europa"; font-weight: 300; color: #666666; margin: 0; text-align: center; }
.ll-cms-home .y-w-l-t-p-section .bottom-row {
margin-top: 40px; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .product-name {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; text-transform: uppercase; text-align: center; min-height: 60px; padding-right: 0; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .price {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; color: #000; margin: 8px 0 0px; display: block; text-align: center; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product h6 {
text-align: center; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product h6 a {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 12px 0 20px; display: block; padding: 10px; border: 1px solid #59a1bb; border-radius: 5px; display: inline-block; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .image-block img {
display: block; margin: 0 auto; position: relative; width: 100%; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 115px; left: 0; right: 0; margin: 0 auto; display: none !important; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
.ll-cms-home .tn-section {
background-color: #351f39; padding: 60px 0; }
.ll-cms-home .tn-section h1 {
font-size: 1.43rem; font-family: "europa"; color: #fff; margin: 0 0 13px; text-align: center; text-transform: none; }
.ll-cms-home .tn-section p {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0; text-align: center; padding: 0 0px; }
.ll-cms-home .es-section {
padding: 0 0 20px; }
.ll-cms-home .es-section .top-row {
padding: 50px 0 30px; }
.ll-cms-home .es-section .top-row .orange {
font-size: 1.43rem; font-family: "europa"; color: #d5a968; margin: 0; text-align: center; }
.ll-cms-home .es-section .bottom-row .es-block img {
width: 100%; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 7px; text-align: center; text-transform: none; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block p {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; text-align: center; min-height: 65px; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block h6 {
text-align: center; }
.ll-cms-home .es-section .bottom-row .es-block .bottom-block h6 a {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 15px 0 15px; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-cms-home .dtt-section {
background-color: #351f39; padding: 50px 0; }
.ll-cms-home .dtt-section .top-row {
padding: 0 0 55px; }
.ll-cms-home .dtt-section .top-row .white {
font-size: 1.43rem; font-family: "europa"; color: #fff; margin: 0 0 15px; text-align: center; }
.ll-cms-home .dtt-section .top-row .large {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; text-align: center; }
.ll-cms-home .dtt-section .bottom-row a {
text-decoration: none; }
.ll-cms-home .dtt-section .bottom-row a .image-block img {
display: block; margin: 0 auto; position: relative; }
.ll-cms-home .dtt-section .bottom-row a .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 77px; left: 0; right: 0; margin: 0 auto; }
.ll-cms-home .dtt-section .bottom-row a .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
.ll-cms-home .dtt-section .bottom-row a .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #fff; margin: 20px 0 21px; text-transform: none; }
.ll-cms-home .dtt-section .bottom-row a .bottom-block p {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #999999; margin: 0 0 20px; text-decoration: none; }
.ll-cms-home .ofi-section .top-row {
padding: 60px 0 60px; }
.ll-cms-home .ofi-section .top-row .orange {
font-size: 1.43rem; font-family: "europa"; color: #d5a968; margin: 0; text-align: center; }
.ll-cms-home .ofi-section .top-row .large {
font-size: 1.29rem; font-family: "europa"; font-weight: 300; color: #666666; margin: 0; text-align: center; }
.ll-cms-home .ofi-section .top-row .small {
font-size: 0.93rem; font-family: "europa"; font-weight: 300; color: #666666; margin: 0; text-align: center; }
.ll-cms-home .ofi-section .yerslider-prev {
left: -50px; }
.ll-cms-home .ofi-section .yerslider-next {
right: -50px; }
.ll-cms-home .ofi-section .yerslider-slide {
background-color: transparent; }
.ll-cms-home .ofi-section .yerslider-prevnext {
display: none !important; }
.ll-cms-home .ofi-section .bottom-row {
margin-left: 0; margin-right: 0; }
.ll-cms-home .ofi-section .bottom-block h3 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 0px; text-transform: none; }
.ll-cms-home .ofi-section .bottom-block p {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; background-color: transparent; min-height: 65px; }
.ll-cms-home .ofi-section .bottom-block h6 {
text-align: center; }
.ll-cms-home .ofi-section .bottom-block h6 a {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-cms-home .rh-section {
display: none; background-color: #f6f6f6; }
.ll-cms-home .rh-section .top-row {
padding: 50px 0 30px; }
.ll-cms-home .rh-section .top-row .orange {
font-size: 1.43rem; font-family: "europa"; color: #d5a968; margin: 0; text-align: center; }
.ll-cms-home .rh-section .top-row .large {
font-size: 1.29rem; font-family: "europa"; font-weight: 300; color: #666666; margin: 0; text-align: center; }
.ll-cms-home .rh-section .top-row .small {
font-size: 13px; font-family: "europa"; font-weight: 300; color: #666666; margin: 0; text-align: center; }
.ll-cms-home .rh-section .bottom-row {
padding: 25px 0 65px; }
.ll-cms-home .rh-section .bottom-row .es-block .image-block img {
width: 100%; }
.ll-cms-home .rh-section .bottom-row .es-block .bottom-block h2 {
font-size: 1.57rem; font-family: "europa"; color: #333333; margin: 35px 0 7px; text-transform: none; }
.ll-cms-home .rh-section .bottom-row .es-block .bottom-block p {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0; min-height: 65px; }
.ll-cms-home .rh-section .bottom-row .es-block .bottom-block a {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
/* ----------------------------
* News letter popup
* ----------------------------*/
#newsletter-popup .sub-container {
margin-bottom: 20px; }
#newsletter-popup .sub-container #newsletter-registration-form {
padding-bottom: 55px; background-color: #fff; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper {
width: 100%; max-width: 270px; margin: 20px auto; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .form-fields-middle {
width: 100%; float: left; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .form-fields-middle input {
border-right: 1px solid #f0efef; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .btn-sign-up-now {
width: 100%; margin-top: 15px; }
#newsletter-popup .sub-container #newsletter-registration-form .form-fields-wrapper .btn-sign-up-now input {
width: 100%; padding-left: 0; padding-right: 0; }
/* ----------------------------
* Ingrediant Page
* ----------------------------*/
.ll-ingrediants {
/* ----------------------------
* Ingrediant list section
* ----------------------------*/ }
.ll-ingrediants .top-row .content-text p {
top: 0; margin-bottom: 20px; }
.ll-ingrediants .top-row .search-section .input-box {
max-width: 100%; }
.ll-ingrediants .bottom-row {
margin-bottom: 30px; }
/* ----------------------------
* Our Story Page
* ----------------------------*/
.ll-cms-os {
/* ----------------------------
* Top Banner Section
* ----------------------------*/
/* ----------------------------
* Middle Section
* ----------------------------*/
/* ----------------------------
* Bottom Section
* ----------------------------*/ }
.ll-cms-os .main-banner {
background-position: 74% center; background-size: auto 100%; }
.ll-cms-os .main-banner h1 {
padding-top: 20%; padding-right: 0; margin-bottom: 20px; font-size: 29px; font-family: "europa"; }
.ll-cms-os .main-banner p {
padding-right: 0; font-size: 17px; font-family: "europa"; font-weight: 500; }
.ll-cms-os .top-row {
margin-top: 40px; margin-bottom: 40px; }
.ll-cms-os .top-row h1 {
padding-left: 0; padding-top: 30px; }
.ll-cms-os .top-row p {
padding-left: 0; padding-right: 0; margin-bottom: 13px; }
.ll-cms-os .bottom-row {
margin-bottom: 40px; }
.ll-cms-os .bottom-row > .col-xs-12:before {
margin-bottom: 40px; }
/* ----------------------------
* Error Page
* ----------------------------*/
.ll-cms-error .std .container {
padding-top: 30px; padding-bottom: 60px; }
/* ----------------------------
* FAQ Page
* ----------------------------*/
.ll-cms-faq {
/** Tab target section **/ }
.ll-cms-faq .faq-content-container {
padding-top: 40px; padding-bottom: 40px; }
.ll-cms-faq .right-section > ul > li {
border-top: 1px solid #f0efef; /** Tab mobile trigger **/ }
.ll-cms-faq .right-section > ul > li > h2 {
display: block; position: relative; padding: 20px 10px 20px 25px; margin: 0; font-size: 15px; font-family: "europa"; font-weight: 500; color: #999999; text-transform: none; overflow: hidden; cursor: pointer; }
.ll-cms-faq .right-section > ul > li > h2:before {
content: " + "; width: 20px; height: 20px; top: 15px; bottom: 0; right: 0; position: absolute; display: block; color: #d5a968; font-size: 1.43rem; font-family: "europa"; font-weight: 600; }
.ll-cms-faq .right-section > ul > li.active h2, .ll-cms-faq .right-section > ul > li:hover h2 {
color: #6699cc; }
.ll-cms-faq .right-section > ul > li.active h2:before, .ll-cms-faq .right-section > ul > li:hover h2:before {
content: " - "; top: 10px; font-size: 25px; font-family: "europa"; font-weight: 600; }
.ll-cms-faq .right-section > ul > li:last-child {
border-bottom: 1px solid #f0efef; }
.ll-cms-faq .right-section > ul > li ul {
border-top: 1px solid #f0efef; padding: 30px 20px 0px; }
.ll-cms-faq .right-section > ul > li ul li {
margin-bottom: 30px; }
.ll-cms-faq .right-section > ul > li ul li h1 {
color: #000; font-size: 1.29rem; font-family: "europa"; font-weight: 600; text-transform: none; }
.ll-cms-faq .right-section > ul > li ul li p {
margin-bottom: 11px; font-size: 14px; font-family: "europa"; font-weight: 500; font-style: normal; color: #555555; line-height: 20px; }
.ll-cms-faq .right-section > ul > li ul li a.read-more {
font-style: normal; background-image: url(../images/shop-more.png); background-position: right center; background-repeat: no-repeat; padding-right: 20px; color: #59a1bb; font-size: 14px; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.ll-cms-faq .right-section > ul > li ul li a.read-more:hover {
color: #555555; text-decoration: none; }
.ll-cms-faq .right-section > ul > li ul li a.read-more i {
position: relative; top: -2px; margin-left: 10px; font-size: 12px; }
.ll-cms-faq .right-section > ul > li ul li a.read-more:hover {
background-image: url(../images/shop-more-hover.png); }
/* ----------------------------
* education Page
* ----------------------------*/
.ll-education .blog-post-list-container {
max-width: 360px; }
.ll-education #featured-education-1,
.ll-education #featured-education-2,
.ll-education #featured-education-3 {
width: 100%; }
.ll-education #featured-education-1 img,
.ll-education #featured-education-2 img,
.ll-education #featured-education-3 img {
width: 100%; height: auto; }
.ll-education #featured-education-1 .detail-container {
left: 37px; }
.ll-education #featured-education-1 .detail-container h2 {
font-size: 26px; }
/*.ll-education #education-1 {
width: 100%; }
.ll-education #education-1 {
position: relative; padding-bottom: 0px; }
.ll-education #education-1 .detail-container {
position: relative; z-index: 5555; bottom: 0; left: 0px; padding-right: 0px; border-bottom: 1px solid #f0efef; }
.ll-education #education-1 .detail-container .read-more {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-education #education-1 .detail-container .read-more:hover {
color: #555555; }
.ll-education #education-1 .detail-container .read-more i {
display: none; }
.ll-education #education-1 .detail-container .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; }
.ll-education #education-1 .detail-container h2 {
font-size: 1.29rem; font-family: "europa"; color: #000; margin: 0 0 0; text-transform: none; }
.ll-education #education-2, .ll-education #education-3 {
position: relative; padding-bottom: 0px; }
.ll-education #education-2 .detail-container, .ll-education #education-3 .detail-container {
position: relative; z-index: 5555; bottom: 0; left: 0px; padding-right: 0px; }
.ll-education #education-2 .detail-container .read-more, .ll-education #education-3 .detail-container .read-more {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-education #education-2 .detail-container .read-more:hover, .ll-education #education-3 .detail-container .read-more:hover {
color: #555555; }
.ll-education #education-2 .detail-container .read-more i, .ll-education #education-3 .detail-container .read-more i {
display: none; }
.ll-education #education-2 .detail-container .date, .ll-education #education-3 .detail-container .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; }
.ll-education #education-2 .detail-container h2, .ll-education #education-3 .detail-container h2 {
font-size: 1.29rem; font-family: "europa"; color: #000; margin: 0 0 0; text-transform: none; }*/
.ll-education .post-row .date {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #d5a968; margin: 0 0 0; }
.ll-education .post-row h2 {
font-size: 1.29rem; font-family: "europa"; color: #000; margin: 0 0 13px; text-transform: none; }
.ll-education .post-row .read-more {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #59a1bb; margin: 15px 0 0; text-align: center; background-image: url(../images/shop-more.png); padding-right: 20px; background-repeat: no-repeat; background-position: right 3px; text-transform: uppercase; display: inline-block; text-decoration: none; }
.ll-education .post-row .read-more:hover {
color: #555555; }
.ll-education .post-row .read-more i {
display: none; }
.ll-education .post-row .detail-container {
padding-top: 40px; padding-bottom:40px; /*border-bottom: 1px solid #f0efef; margin-bottom: 40px;*/ }
.ll-education .category-menu-container {
background: #f6f6f6; border-top: 1px solid #fff; padding-top: 40px; padding-bottom: 40px; margin-bottom: 60px; }
.ll-education .category-menu-container ul li {
margin: 0; padding: 0; float: left; }
.ll-education .category-menu-container ul li a {
display: block; padding: 5px 15px 5px; margin: 0; font-size: 13px; font-family: "europa"; font-weight: 600; color: #000; text-transform: uppercase; text-align: center; background-image: none; background-color: #fff; letter-spacing: 1.7px; border-top: 0.4px solid #d1d2d1; border-left: 0.4px solid #d1d2d1; border-right: 0.4px solid #d1d2d1; border-bottom: 0.4px solid #d1d2d1; }
.ll-education .category-menu-container ul li a span {
display: none; }
.ll-education .category-menu-container ul li a.amshopby-attr-selected, .ll-education .category-menu-container ul li a:hover {
color: #fff; background-color: #351f39; border-top: 0.4px solid #351f39; border-left: 0.4px solid #351f39; border-right: 0.4px solid #351f39; border-bottom: 0.4px solid #351f39; }
/*
@include custom-font-weight(1.14rem,'europa', 300); @include custom-font-weight(1.14rem,'europa', 400); @include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa'); @include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400); color : $white; margin : 0 0 0;
*/
/* ----------------------------
* Education Detail Page
* ----------------------------*/
.ll-education .post-container {
padding-bottom: 40px; /** Back link **/ }
.ll-education .post-container .back-link-row p {
padding: 15px 0; margin: 0 0 20px; }
.ll-education .post-container .post-wrapper {
/** Blog image **/
/** Blog content **/
/** Sharing section **/ }
.ll-education .post-container .post-wrapper .post-title-wrapper {
/** Blog heading **/ }
.ll-education .post-container .post-wrapper .post-title-wrapper h1.name {
margin: 10px 0 10px; font-size: 1.29rem; font-family: "europa"; color: #000; }
.ll-education .post-container .post-wrapper .image-block {
margin: 20px 0 20px; }
.ll-education .post-container .post-wrapper .postContent {
margin-bottom: 20px; }
.ll-education .post-container .post-wrapper .postContent p {
margin-bottom: 20px; }
.ll-education .post-container .post-wrapper .share-bar {
/* Share linnks */ }
.ll-education .post-container .post-wrapper .share-bar a {
text-align: center; }
/* ----------------------------
* common templates Page
* ----------------------------*/
.inner-banner-title h1 {
padding: 15px 0 20px; }
/* ----------------------------
* Category Common Layout Page
* ----------------------------*/
.ll-cp {
/** Page Description and Image **/
/* Top tool bar */
/* Bottom tool bar */ }
.ll-cp .container.description-section .category-image {
padding: 0; }
.ll-cp .container.description-section .category-description {
padding-top: 45px; }
.ll-cp .container.description-section .category-description p {
margin-bottom: 20px; }
.ll-cp .container.description-section .category-description p.large {
padding-right: 0; }
.ll-cp .top-tool-bar .toolbar .sorter {
width: 100%; }
.ll-cp .top-tool-bar .toolbar .sorter .sort-by {
width: 100%; }
.ll-cp .top-tool-bar .toolbar .sorter .sort-by select {
max-width: 100%; }
.ll-cp .top-tool-bar .toolbar .sorter label {
top: 0; margin-bottom: 2px; }
.ll-cp .toolbar-bottom .toolbar {
margin-top: 5px; }
.ll-cp .toolbar-bottom .toolbar .pager {
top: 0; }
/** Product Block **/
.ll-cp-block .products-grid .item .product-info {
text-align: center; }
.ll-cp-block .products-grid .item .product-info h2.product-name {
padding-right: 0; height: 60px; }
.ll-cp-block .products-grid .item .product-info h2.product-name a {
font-size: 13px; font-family: "europa"; font-weight: 600; }
.ll-cp-block .products-grid .item .product-info .brand-row h2 {
font-size: 13px; font-family: "europa"; font-weight: 600; }
.ll-cp-block .products-grid .item .product-info .brand-row h2 a {
font-size: 13px; font-family: "europa"; font-weight: 600; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box {
margin: 10px 0 0; padding: 0 0 5px; border: none; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box .price {
font-size: 1.14rem; font-family: "europa"; font-weight: 600; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box .old-price .price {
font-size: 1.14rem; font-family: "europa"; font-weight: 500; }
.ll-cp-block .products-grid .item .product-info .price-row .price-box .special-price .price {
font-size: 1.14rem; font-family: "europa"; font-weight: 600; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links {
margin: 7px 0 0; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.quick-shop {
color: #59a1bb; font-size: 13px; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.quick-shop:hover {
color: #555555; text-decoration: none; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.quick-shop i {
position: relative; top: -1px; margin-left: 5px; font-size: 9px; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.link-wishlist {
margin-right: 10px; }
.ll-cp-block .products-grid .item .product-info .actions ul.add-to-links li a.add-to-cart-icon {
margin-left: 10px; margin-right: 10px; }
.ll-cp-block .products-grid .item .product-info .actions .mv-actions a.mv-button,
.ll-cp-block .products-grid .item .product-info .actions .mv-actions span.mv-button {
width: 120px; clear: both; margin: auto; display: block; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-size: 14px; font-family: "europa"; font-weight: 600; text-transform: uppercase; }
.ll-cp-block .products-grid .item .product-info .actions .mv-actions a.mv-button {
border: 1px solid #59a1bb; color: #59a1bb; padding: 9px 0 8px; }
.ll-cp-block .products-grid .item .product-info .actions .mv-actions span.mv-button {
border: 1px solid #999999; color: #999999; padding: 9px 0 8px; }
/* ----------------------------
* Best Seller Page
* ----------------------------*/
/* ----------------------------
* Ingrediant Sub Category Page
* ----------------------------*/
.ll-sub-ing {
/** CMS Block Section **/
/** Layer Navigation **/
/** Shorting Option **/ }
.ll-sub-ing .mobile-title.white h1 {
padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #f0efef; }
.ll-sub-ing .middle-section {
margin-bottom: 70px; background-color: #f6f6f6; position: relative; }
.ll-sub-ing .ingredint-layer-nav {
top: 79px; left: 0; right: 0; position: absolute; display: none; padding-top: 25px; padding-bottom: 50px; margin: 0; background-color: #f6f6f6; z-index: 2; }
.ll-sub-ing .cms-container h1 {
padding: 30px 0 28px; padding-right: 60px; margin-bottom: 0; position: relative; font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #d5a968; text-transform: uppercase; border-top: none; border-bottom: none; letter-spacing: 2px; }
.ll-sub-ing .cms-container h1:before {
top: 46px; right: 0; position: absolute; content: "+"; font-size: 35px; font-family: "europa"; font-weight: 500; line-height: 0; color: #000; cursor: pointer; }
.ll-sub-ing .cms-container h1.active:before {
top: 36px; right: 0; content: "--"; font-size: 37px; font-family: "europa"; font-weight: 500; letter-spacing: -3px; }
.ll-sub-ing .il-bar {
padding-right: 15px; }
.ll-sub-ing .block-layered-nav .block-content dl {
border: none; }
.ll-sub-ing .block-layered-nav .block-content dl#narrow-by-list, .ll-sub-ing .block-layered-nav .block-content dl#narrow-by-list2 {
border: none; }
.ll-sub-ing .block-layered-nav .block-content dl dt {
width: 33%; padding-right: 0; position: relative; text-align: right; }
.ll-sub-ing .block-layered-nav .block-content dl dt:after {
display: none !important; }
.ll-sub-ing .block-layered-nav .block-content dl dt:hover {
color: #555555; }
.ll-sub-ing .block-layered-nav .block-content dl dd {
max-width: 65%; margin-right: 0; margin-left: 2%; margin-bottom: 30px; display: block !important; }
.ll-sub-ing .block-layered-nav .block-content dl dd#layer-dt-0 {
max-width: 65%; }
.ll-sub-ing .top-tool-bar .toolbar {
margin-top: 0; width: 100%; }
.ll-sub-ing .top-tool-bar .toolbar .sorter {
width: 100%; }
.ll-sub-ing .top-tool-bar .toolbar .sorter .sort-by {
width: 100%; }
.ll-sub-ing .top-tool-bar .toolbar .sorter .sort-by label {
width: 33%; top: 6px; padding: 0; margin: 0; text-align: right; }
.ll-sub-ing .top-tool-bar .toolbar .sorter .sort-by select {
max-width: 65%; margin-right: 0; margin-left: 2%; }
/* ----------------------------
* Sub Category Page
* ----------------------------*/
.top-layer-nav {
border-top: none; }
.top-layer-nav.active .container {
padding-top: 23px; padding-bottom: 23px; }
.top-layer-nav .filter-secttion {
margin-top: 15px; }
.top-layer-nav .block-layered-nav .toggle-content dl {
border: none; }
.top-layer-nav .block-layered-nav .toggle-content dl#narrow-by-list, .top-layer-nav .block-layered-nav .toggle-content dl#narrow-by-list2 {
border: none; }
.top-layer-nav .block-layered-nav .toggle-content dl dt {
width: 100%; top: 0; margin-bottom: 5px; color: #000; }
.top-layer-nav .block-layered-nav .toggle-content dl dt:hover {
background-color: transparent; color: #000; }
.top-layer-nav .block-layered-nav .toggle-content dl dt:after {
display: none !important; }
.top-layer-nav .block-layered-nav .toggle-content dl dd {
width: 100%; float: left; padding: 0; margin-bottom: 20px; display: block !important; }
/* ----------------------------
* Search Result Page
* ----------------------------*/
.ll-sr-page {
/** Result Senction **/
/** Layer Navigation **/ }
.ll-sr-page .detail-container {
min-height: 500px; padding-top: 25px; padding-bottom: 0; }
.ll-sr-page .result-section {
/** Tab triggers **/
/** Content Search results **/ }
.ll-sr-page .result-section .tab-triggers-row .tab-trigger {
padding: 25px 0 26px; top: 0; }
.ll-sr-page .result-section .tab-triggers-row .tab-trigger h2 {
font-size: 13px; }
.ll-sr-page .result-section .tab-triggers-row .tab-trigger.active {
padding: 25px 0 25px; top: 0; }
.ll-sr-page .result-section .content-result-container ul {
padding-left: 0; padding-right: 0; }
.ll-sr-page div.block-layered-nav .block-title {
margin-right: 0; margin-bottom: 0; border-bottom: 1px solid #f7f7f7; }
.ll-sr-page div.block-layered-nav .block-title h2 {
margin: 0; padding: 15px 10px; background-color: #999999; color: #fff; }
.ll-sr-page div.block-layered-nav .block-content {
margin-top: 0; }
.ll-sr-page div.block-layered-nav .block-content > dl {
margin-bottom: 30px; }
.ll-sr-page div.block-layered-nav .block-content > dl#narrow-by-list, .ll-sr-page div.block-layered-nav .block-content > dl#narrow-by-list2 {
border: none; }
.ll-sr-page div.block-layered-nav .block-content > dl > dt {
padding: 15px 25px; margin-top: 0; margin-bottom: 1px; background-color: #f0efef; }
.ll-sr-page div.block-layered-nav .block-content > dl > dt:hover {
background-color: #f0efef; }
.ll-sr-page div.block-layered-nav .block-content > dl > dt:after {
border-left: 4px solid #d5a968; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd {
padding: 20px 0; margin-bottom: 0; border: none; border-bottom: 1px solid #f7f7f7; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a {
background-color: transparent; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a span {
display: none; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a:hover {
background-color: transparent; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a.amshopby-attr-selected {
background-color: transparent; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li a.amshopby-attr-selected:hover {
background-color: transparent; }
.ll-sr-page div.block-layered-nav .block-content > dl > dd ol li select {
margin-top: 8px; margin-bottom: 5px; }
.ll-sr-page div.block-layered-nav .block-content.accordion-open > dl > dt.current:after {
border-top: 4px solid #d5a968; }
.ll-sr-page .container.content-result-container.no-result {
min-height: 150px; padding-top: 50px; }
.ll-sr-page .container.content-result-container.no-result .note-msg {
font-size: 1.43rem; font-family: "europa"; font-weight: 500; }
/* ----------------------------
* Login, Forgot Password,
* Create An Account
* Reset Password Common styles
* ----------------------------*/
.acount-pages .detail-container form {
/** section heading **/
/** Heighlight text **/ }
.acount-pages .detail-container form h2.section-h2 {
text-align: center; }
.acount-pages .detail-container form .heighlight-text-row.row p {
text-align: center; }
/* ----------------------------
* Forgot Password Page
* ----------------------------*/
.customer-account-forgotpassword .content-section.gray {
background-image: url(../images/c-account/background.png); background-position: center; background-size: cover; background-repeat: no-repeat; }
.customer-account-forgotpassword .content-section.gray .detail-container {
padding-top: 50px; padding-bottom: 10px; min-height: 420px; }
/* ----------------------------
* Login Page
* ----------------------------*/
/* ----------------------------
* Login Page
* ----------------------------*/
.ll-login .detail-container {
min-height: 430px; padding-top: 146px; padding-bottom: 60px; background-position: center top; background-size: cover; }
/* ----------------------------
* Create an Account Page
* ----------------------------*/
.ll-account-pages {
/** Featured points **/ }
.ll-account-pages .inner-banner-title h1 {
font-size: 25px; }
.ll-account-pages .featured-points-section {
margin-top: 30px; position: relative; }
.ll-account-pages .featured-points-section .featured-points {
top: 0; position: relative; }
.ll-account-pages .featured-points-section .featured-points h2 {
padding-left: 0; }
.ll-account-pages .featured-points-section .featured-points ul {
padding-left: 0; }
.ll-account-pages .featured-points-section .featured-points ul li {
width: 100%; margin-bottom: 8px; }
/* ----------------------------
* Product Detail Page
* ----------------------------*/
.ll-product-detail {
/** Top right Section **/
/** Accordian Section **/
/** Upsell Product Section **/ }
.ll-product-detail .left-section.product-img-box {
padding-top: 30px; /** Media gallery section **/ }
.ll-product-detail .left-section.product-img-box .media-image.gallery-wrapper {
padding-left: 30px; padding-right: 30px; clear: both; display: block; }
.ll-product-detail .left-section.product-img-box .media-image.gallery-wrapper .image-block {
height: 250px; border: none; background-color: #fff; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap {
padding-left: 30px; padding-right: 30px; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-viewport ul {
height: 250px; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-viewport ul li {
height: 250px !important; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-thumbs-wrap {
display: none !important; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-next {
right: -30px; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-prev {
left: -30px; }
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-next:after,
.ll-product-detail .left-section.product-img-box .yerslider-wrap .yerslider-prev:after {
display: none !important; }
.ll-product-detail .right-section.product-shop {
padding: 10px 15px; /** Tags Section **/
/** Qty Section for simple Product **/
/** Configurable Product Section **/
/** Configurable Product Section **/
/** Qty Section Configurable Product **/ }
.ll-product-detail .right-section.product-shop.web {
padding-left: 15px; }
.ll-product-detail .right-section.product-shop .pv-info-section {
margin-bottom: 10px; }
.ll-product-detail .right-section.product-shop ul.tags-ul {
margin-top: 10px; margin-bottom: 10px; width: 100%; float: left; }
.ll-product-detail .right-section.product-shop ul.tags-ul li {
padding: 8px 20px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; font-size: 13px; font-family: "europa"; font-weight: 600; color: #555555; float: left; text-transform: capitalize; background-color: #f0efef; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ll-product-detail .right-section.product-shop ul.tags-ul li.first {
margin-left: 0; margin-right: 0; padding-left: 0; background-color: #fff; }
.ll-product-detail .right-section.product-shop ul.tags-ul li.first h3 {
font-size: 13px; font-family: "europa"; font-weight: 600; color: #555555; text-transform: uppercase; margin-bottom: 0; }
.ll-product-detail .right-section.product-shop ul.tags-ul li.last {
margin-right: 0; background-color: #fff; color: #999999; border: 1px solid #f2f1f1; cursor: pointer; }
.ll-product-detail .right-section.product-shop .add-to-cart {
margin-bottom: 20px; padding: 0; border-bottom: none; }
.ll-product-detail .right-section.product-shop .add-to-cart .qty-wrapper {
margin-right: 0; }
.ll-product-detail .right-section.product-shop .add-to-cart .qty-wrapper > label {
width: 37px; margin-right: 10px; text-align: right; }
.ll-product-detail .right-section.product-shop .add-to-cart .qty-wrapper .field-wrapper input {
width: 80px; }
.ll-product-detail .right-section.product-shop .add-to-cart .product-increment-qty .increase-qty {
width: 36px; }
.ll-product-detail .right-section.product-shop .add-to-cart .product-increment-qty .decrease-qty {
width: 36px; }
.ll-product-detail .right-section.product-shop .add-to-cart .product-increment-qty .increase-qty::before,
.ll-product-detail .right-section.product-shop .add-to-cart .product-increment-qty .decrease-qty::before {
margin-left: 12px; }
.ll-product-detail .right-section.product-shop .product-options {
padding: 0; border: none; }
.ll-product-detail .right-section.product-shop .product-options .price-box {
display: none !important; }
.ll-product-detail .right-section.product-shop .product-options dl dt {
width: 38px; }
.ll-product-detail .right-section.product-shop .product-options dl dd {
border-bottom: none; }
.ll-product-detail .right-section.product-shop .product-options {
padding: 0; border: none; margin-top: 10px; }
.ll-product-detail .right-section.product-shop .product-options .price-box {
display: none !important; }
.ll-product-detail .right-section.product-shop .product-options dl dt {
margin: 0; margin-right: 10px; float: left; padding: 0; }
.ll-product-detail .right-section.product-shop .product-options dl dt label {
top: 8px; position: relative; font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; }
.ll-product-detail .right-section.product-shop .product-options dl dt label:after,
.ll-product-detail .right-section.product-shop .product-options dl dt label em {
display: none !important; }
.ll-product-detail .right-section.product-shop .product-options dl dd {
width: 120px; float: left; padding: 0; margin: 0 0 18px; margin-right: 31px; border-bottom: none; }
.ll-product-detail .right-section.product-shop .product-options dl dd .input-box select {
background-image: url(../images/detail/drop-down-arrow.png); font-size: 14px; font-family: "europa"; font-weight: 500; color: #555555; text-transform: none; padding-right: 45px; }
.ll-product-detail .right-section.product-shop ul.add-to-links {
/** Buy Now Button **/
/** Add to acart button **/ }
.ll-product-detail .right-section.product-shop ul.add-to-links li.buy-now-button button {
width: 170px; }
.ll-product-detail .right-section.product-shop ul.add-to-links li.add-to-cart-buttons button {
width: 170px; }
.ll-product-detail ul.additional-des {
margin-bottom: 20px; /** Customer Review Form **/ }
.ll-product-detail ul.additional-des .box-collateral.box-reviews h2 {
display: none; }
.ll-product-detail ul.additional-des .box-collateral.box-reviews form fieldset .data-table {
width: 97%; }
.ll-product-detail ul.additional-des .box-collateral.box-reviews form fieldset .data-table th {
width: 35px; padding: 10px 1px; text-align: center; }
.ll-product-detail ul.additional-des .box-collateral.box-reviews form fieldset .data-table thead th {
display: none !important; }
.ll-product-detail ul.additional-des .box-collateral.box-reviews form fieldset .data-table tbody td {
padding: 5px 1px; }
.ll-product-detail ul.additional-des .box-collateral.box-reviews form fieldset .data-table tbody tr.first td {
border-top: 1px solid silver; }
.ll-product-detail ul.additional-des li .contnet-block p {
padding-right: 15px; }
.ll-product-detail .box-up-sell .inner-banner-title h1 {
padding: 30px 0 30px; font-size: 28px; }
.ll-product-detail .pd-container {
padding-top: 40px; }
/* ----------------------------
* shoppping cart Page
* ----------------------------*/
.chekout-pagination .pagination-row {
margin-left: 0px; margin-right: 0px; padding-top: 58px; }
.chekout-pagination .pagination-row .pagination-block {
padding-top: 5px; padding-bottom: 5px; background: #f0efef; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.chekout-pagination .pagination-row .pagination-block p {
text-align: center; }
.chekout-pagination .pagination-row .pagination-block p span {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; text-transform: uppercase; }
.chekout-pagination .pagination-row .pagination-block p .number {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; width: 47px; height: 47px; display: inline-block; border-radius: 50%; background: #fff; padding-top: 8px; margin-right: 15px; }
.chekout-pagination .pagination-row .pagination-block p .text {
padding-top: 8px; }
.chekout-pagination .pagination-row .pagination-block a {
text-align: center; }
.chekout-pagination .pagination-row .pagination-block a span {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 0; text-transform: uppercase; }
.chekout-pagination .pagination-row .pagination-block a .number {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; width: 47px; height: 47px; display: inline-block; border-radius: 50%; background: #fff; padding-top: 8px; margin-right: 15px; }
.chekout-pagination .pagination-row .pagination-block a .text {
padding-top: 8px; }
.chekout-pagination .pagination-row .active {
background: #fff; border-top: 1px solid #f0efef; border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; }
.chekout-pagination .pagination-row .active p {
text-align: center; }
.chekout-pagination .pagination-row .active p span {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #59a1bb; margin: 0 0 0; text-transform: uppercase; }
.chekout-pagination .pagination-row .active p .number {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; width: 47px; height: 47px; display: inline-block; border-radius: 50%; background: #59a1bb; padding-top: 8px; margin-right: 15px; color: #fff; }
.chekout-pagination .pagination-row .active p .text {
padding-top: 8px; }
.chekout-pagination .data-table {
margin-top: 40px; }
.chekout-pagination .data-table thead th {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; background: #f0efef; padding-top: 22px; padding-bottom: 22px; text-align: left; }
.chekout-pagination .data-table thead th:nth-child(1) {
width: 10%; }
.chekout-pagination .data-table thead th:nth-child(2) {
width: 16%; }
.chekout-pagination .data-table thead th:nth-child(3) {
width: 40%; }
.chekout-pagination .data-table thead th:nth-child(4) {
width: 10%; }
.chekout-pagination .data-table thead th:nth-child(5) {
width: 10%; }
.chekout-pagination .data-table thead th:nth-child(6) {
width: 10%; }
.chekout-pagination .data-table tbody {
border-left: 1px solid #f0efef; border-right: 1px solid #f0efef; border-bottom: 1px solid #f0efef; }
.chekout-pagination .data-table tbody tr td {
border-bottom: none; font-size: 13px; font-family: "europa"; font-weight: 700; color: #555555; margin: 0 0 0; padding-top: 22px; padding-bottom: 22px; }
.chekout-pagination .data-table tbody tr td em {
font-style: normal; }
.chekout-pagination .data-table .product-cart-image a {
border: none; }
.chekout-pagination .data-table .product-cart-remove a {
background-image: url(../images/delete-image.png); background-position: 0; width: 33px; height: 32px; }
.chekout-pagination .data-table .increment-qty {
position: relative; top: 16px; left: -3px; background: #f0efef; padding-top: 8px; padding-left: 5px; }
.chekout-pagination .data-table .increment-qty .increase-qty {
text-indent: -9999px; overflow: hidden; display: block; width: 15px; height: 15px; }
.chekout-pagination .data-table .increment-qty .decrease-qty {
text-indent: -9999px; overflow: hidden; display: block; width: 15px; height: 15px; }
.chekout-pagination .data-table .increment-qty .increase-qty::before {
content: ""; display: block; background: url(../images/up-arrow.png) no-repeat; width: 15px; height: 12px; margin: 0 0 0; cursor: pointer; }
.chekout-pagination .data-table .increment-qty .decrease-qty::before {
content: ""; display: block; background: url(../images/down-arrow.png) no-repeat; width: 15px; height: 12px; margin: 0 0 0; cursor: pointer; }
.chekout-pagination .data-table .product-name a {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #000; margin: 0 0 5px; text-transform: uppercase; display: inline-block; }
.chekout-pagination .data-table .product-cart-info .cart-item-details {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.chekout-pagination .data-table input[type=text] {
border: 1px solid #f0efef; font-size: 1.14rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0 0; height: 39px; }
.chekout-pagination .data-table .product-cart-actions .field-wrapper {
padding-top: 40px; }
.chekout-pagination .left-section {
background: #f7f7f7; }
.chekout-pagination .left-section-inner {
float: none; margin: 0 auto; padding-top: 60px; padding-bottom: 60px; }
.chekout-pagination .left-section-inner p {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.chekout-pagination .left-section-inner .discount-form label {
font-size: 18px !important; font-family: "europa"; font-weight: 700 !important; color: #000; margin-top: -15px; }
.chekout-pagination .left-section-inner button {
font-size: 14px; font-family: "europa"; font-weight: 700; background: #59a1bb; color: #fff; margin: 0 0 0; padding: 7px 0; }
.chekout-pagination .left-section-inner button span {
color: #fff; text-decoration: none; }
.chekout-pagination .left-section-inner #coupon_code {
border: 1px solid #59a1bb; float: left; margin: 0; height: 44px; width: 100%; }
.chekout-pagination .left-section-inner .button-wrapper {
float: left; }
.chekout-pagination .left-section-inner .button-wrapper .button2 {
width: 120px; }
.chekout-pagination .cart-totals-wrapper {
padding-top: 30px; width: 100%; }
.chekout-pagination .cart-totals-wrapper .checkout-types {
display: none !important; }
.chekout-pagination .cart-totals-wrapper table {
width: 100%; }
.chekout-pagination .cart-totals-wrapper table tr td {
width: 50%; text-align: left; padding-left: 100px; }
.chekout-pagination .page-title .checkout-types {
width: 100%; }
.chekout-pagination .page-title .checkout-types li {
width: 40%; }
.chekout-pagination .page-title .checkout-types li:nth-child(1) {
float: left; }
.chekout-pagination .page-title .checkout-types li:nth-child(2) {
float: right; }
.chekout-pagination .page-title .checkout-types li .button2 {
float: leftl; }
.chekout-pagination .title-buttons {
padding-top: 40px; padding-bottom: 80px; }
.chekout-pagination .title-buttons .button2 span, .chekout-pagination .title-buttons .button2 span span {
background: #d5a968; font-size: 14px; font-family: "europa"; font-weight: 700; color: #fff; margin: 0 0 0; text-decoration: none; }
.chekout-pagination .title-buttons .button2 {
background: #d5a968; font-size: 14px; font-family: "europa"; font-weight: 500; color: #fff; margin: 0 0 0; padding: 10px 32px; }
.chekout-pagination .title-buttons .btn-continue {
float: left; }
.chekout-pagination .title-buttons .chekout-pagination .page-title .checkout-types {
border: none; }
.chekout-pagination .cart .page-title {
margin-bottom: 15px; border-bottom: none; margin-left: -15px; margin-right: -15px; }
.chekout-pagination .btn-checkout span, .chekout-pagination .btn-checkout span span {
font-size: 14px; font-family: "europa"; font-weight: 700; color: #fff; margin: 0 0 0; text-decoration: none; }
.chekout-pagination .btn-checkout {
background: #59a1bb; padding: 16px 41px; }
.chekout-pagination .opc-wrapper-opc .opc-col-left, .chekout-pagination .opc-wrapper-opc .opc-col-center, .chekout-pagination .opc-wrapper-opc .opc-col-right {
padding-bottom: 40px; }
.chekout-pagination .opc-wrapper-opc h1, .chekout-pagination .opc-wrapper-opc h2, .chekout-pagination .opc-wrapper-opc h3, .chekout-pagination .opc-wrapper-opc h4, .chekout-pagination .opc-wrapper-opc h5, .chekout-pagination .opc-wrapper-opc h6, .chekout-pagination .opc-wrapper-opc label {
font-family: "europa"; font-weight: 400; color: #555555; }
.chekout-pagination .opc-wrapper-opc label {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; }
.chekout-pagination .opc-wrapper-opc label::after {
color: #d5a968 !important; }
.chekout-pagination .opc-wrapper-opc input[type=text] {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; border: 1px solid #f0efef; margin: 0 0 0px 0; }
.chekout-pagination .opc-wrapper-opc select {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; border: 1px solid #f0efef; margin: 0 0 0px 0; padding: 0 37px 0px 2px; }
.chekout-pagination select {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; border: 1px solid #f0efef; margin: 0 0 0px 0; padding: 0 37px 0px 15px !important; }
.chekout-pagination .common-cart-section {
text-align: center; background-image: url(../images/common-cart.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 260px; margin-bottom: 60px; }
.chekout-pagination .common-cart-section h1 {
font-size: 1.86rem; font-family: "europa"; color: #000; margin: 100px 0 30px; text-transform: none; border-bottom: none; }
.chekout-pagination .common-cart-section p {
font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #555555; margin: 0 0 0; text-transform: none; border-bottom: none; }
.chekout-pagination .common-cart-section p a {
color: #59a1bb; }
.common-cart-section {
text-align: center; background-image: url(../images/common-cart.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 260px; margin-bottom: 60px; }
.common-cart-section h1 {
font-size: 1.86rem; font-family: "europa"; color: #000; margin: 100px 0 30px; text-transform: none; border-bottom: none; }
.common-cart-section p {
font-size: 1.29rem; font-family: "europa"; font-weight: 500; color: #555555; margin: 0 0 0; text-transform: none; border-bottom: none; }
.common-cart-section p a {
color: #59a1bb; }
.common-cart-section .buttons-set span span {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; background: #59a1bb; }
.sp-methods dt {
font-family: "europa"; font-weight: 400; color: #555555; }
.sp-methods-ul input[type="radio"] {
width: 15px; height: 15px; -webkit-appearance: none; border: 1px solid #000; border-radius: 50%; }
.sp-methods-ul input[type="radio"]:checked {
width: 15px; height: 15px; border: 5px solid #d5a968; }
.sp-methods-ul input[type="radio"]:focus {
width: 15px; height: 15px; }
.checkout-row {
border-bottom: 1px solid #f5f4f4; border-left: 1px solid #f5f4f4; border-right: 1px solid #f5f4f4; margin-left: 0; margin-right: 0; }
.checkout-row #discount-coupon-form label, .checkout-row .cart .giftcard label {
text-transform: none; }
.checkout-row .left-section-inner p {
margin-top: 20px; }
#checkout-review-table-wrapper {
max-height: none; overflow-y: auto; padding-right: 0px; }
.review-menu-block {
width: 100%; margin-top: 15px; }
/*
@include custom-font-weight(1.14rem,'europa', 300); @include custom-font-weight(1.14rem,'europa', 400); @include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa'); @include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400); color : $white; margin : 0 0 0;
*/
.inner-banner-title h1 {
font-size: 28px; margin: 0 0 0; padding: 10px 0 15px; }
.chekout-pagination .pagination-row {
padding-top: 15px; }
.footer .block-subscribe .input-box {
float: left; width: 70%; padding-top: 0; }
.footer .block-subscribe .actions {
float: left; width: 30%; margin: 0; }
.footer .block-subscribe .actions .button {
height: 30px; width: 100%; }
.common-content-page .ll-common-row {
padding-top: 15px; padding-bottom: 70px; }
#header .header-top-right-section .logo {
padding: 16px 10px 0 0; }
#header #header-account.skip-active ul li {
border-bottom: none; padding-bottom: 15px; padding-top: 15px; }
.header-top-right-section .header-top-minicart a {
display: block; height: 43px; width: auto; }
.skip-links-inner .minicart-wrapper .product-details .info-wrapper tr td:nth-child(1) {
width: 20%; }
.skip-links-inner .minicart-wrapper .product-details .info-wrapper tr td:nth-child(2) {
width: 40%; }
.skip-links-inner .minicart-wrapper .product-details .info-wrapper tr td:nth-child(3) {
width: 15%; }
.skip-links-inner .minicart-wrapper .product-details .info-wrapper tr td:nth-child(4) {
width: 20%; }
.chekout-pagination .cart-totals-wrapper table tr td {
width: 50%; text-align: left; padding-left: 0; }
.ll-cart-wrapper {
overflow: scroll; }
.chekout-pagination .data-table .increment-qty {
position: relative; top: -39px; left: 35px; }
.chekout-pagination .page-title .checkout-types li {
width: 100%; }
.chekout-pagination .page-title .checkout-types li button {
width: 100%; }
.ll-product-detail .rh-section .top-row .orange {
font-size: 30px; }
.slideshow-mobile li {
margin: 0 !important; }
.slideshow-mobile li img {
width: 100%; }
.slideshow-mobile li .content {
position: absolute; top: 10% !important; left: 5% !important; }
.ll-cms-home .slideshow-container .slide .content h1 {
font-size: 30px; font-family: "europa"; text-transform: inherit; margin: 0 0 18px; color: #333333; line-height: 40px; text-shadow: 0 0 1px #fff; }
.ll-cms-home .slideshow-container .slide .content p {
font-size: 22px; font-family: "europa"; font-weight: 400; text-transform: inherit; margin: 0 0 10px; color: #666666; text-shadow: 0 0 1px #fff; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .special-price {
font-size: 18px; display: inline-block; vertical-align: top; }
.ll-cms-home .y-w-l-t-p-section .bottom-row .product .old-price {
font-size: 18px; display: inline-block; vertical-align: top; }
.chekout-pagination .left-section-inner .button-wrapper .button2 {
width: 100%; }
.chekout-pagination .left-section-inner .button-wrapper {
width: 100%; }
#discount-coupon-form .field-wrapper, .cart .giftcard .field-wrapper {
width: 100%; }
.chekout-pagination .cart-totals-wrapper {
height: 130px; }
.ll-contact .right-section {
padding-top: 0px !important; padding-bottom: 30px !important; margin-top: 20px !important; }
.sp-methods-ul input[type="radio"] {
height: 15px; width: 15px; }
.opc-wrapper-opc .btn-checkout {
height: auto !important; }
.sp-methods .price {
font-weight: normal !important; }
.opc-wrapper-opc .shipping-block li label {
padding: 0px 10px 3px 5px !important; }
.chekout-pagination .data-table .product-cart-remove a {
background-size: 100%; }
.checkout-row #discount-coupon-form label, .checkout-row .cart .giftcard label {
text-transform: none; width: 100%; text-align: center; padding-bottom: 15px; }
.checkout-row .left-section-inner p {
text-align: center; }
.chekout-pagination .cart-totals-wrapper table tr td {
width: 50%; text-align: left; padding-left: 5px; padding-right: 5px; }
.chekout-pagination .title-buttons {
padding-top: 40px; padding-bottom: 20px; }
.chekout-pagination .data-table td {
padding-top: 0 !important; }
.header-minicart .minicart-actions .cart-link {
position: relative; }
#header .header-top-right-section .account-cart-wrapper {
margin-left: -7px; }
.ll-product-detail .rh-section {
display: none; }
.customer-account .sidebar .block-title {
display: block; }
.customer-account .sidebar {
padding-right: 15px; }
/* ----------------------------
* experts Page
* ----------------------------*/
/* ----------------------------
* experts detail Page
* ----------------------------*/
.ll-expert-detail {
/*** left section ***/
/** right section **/ }
.ll-expert-detail .ed-container {
padding: 40px 15px 40px; }
.ll-expert-detail .left-section {
/** top row **/
/** middle row **/ }
.ll-expert-detail .left-section .top-row {
/* top content */
/* bottom content */ }
.ll-expert-detail .left-section .top-row .top-content {
text-align: center; }
.ll-expert-detail .left-section .top-row .bottom-content p {
padding-right: 10px; }
.ll-expert-detail .left-section .middle-row {
padding-bottom: 25px; padding-top: 35px; margin-top: 21px; }
.ll-expert-detail .left-section .middle-row .middle-block {
margin-bottom: 20px; }
.ll-expert-detail .right-section .section-heading h3 {
padding: 20px 15px; font-size: 1.14rem; font-family: "europa"; font-weight: 600; background-color: #f0efef; position: relative; }
.ll-expert-detail .right-section .section-heading h3:after {
content: "+"; float: right; position: relative; top: 7px; font-size: 35px; line-height: 0; }
.ll-expert-detail .right-section .section-heading h3.active {
background-color: #f0efef; }
.ll-expert-detail .right-section .section-heading h3.active:after {
content: "-"; font-size: 42px; }
.ll-expert-detail .right-section .products-section {
display: none; }
.ll-expert-detail .right-section .products-section ul {
padding-left: 0; }
.ll-expert-detail .right-section .products-section ul li a .image-block {
max-width: 34%; float: left; }
.ll-expert-detail .right-section .products-section ul li a .content-block {
max-width: 63%; float: right; }
/* ----------------------------
* Become a Supplier Page
* ----------------------------*/
.ll-bcs {
/** Right section **/
/** Left section **/ }
.ll-bcs .content-container {
padding: 25px 15px 50px; }
.ll-bcs .bcs-content.right-section .content-block {
padding-right: 0; }
.ll-bcs .bcs-content.right-section .content-block h2 {
margin-bottom: 20px; }
.ll-bcs .bcs-content.right-section .content-block h3 {
margin: 35px 0 10px; }
.ll-bcs .left-section {
padding-top: 20px; }
.ll-bcs .left-section .bcs-form {
padding-top: 20px; border-top: 1px solid #f0efef; }
.ll-bcs .left-section .bcs-form .fieldset .input-elements-row .input-box input.input-text {
min-width: 100%; max-width: 100%; }
.ll-bcs .left-section .bcs-form .buttons-set button {
float: right; }
/* ----------------------------
* My Account Page
* ----------------------------*/
.customer-address-index .addresses-list address {
text-align: left; }
}
/* smartphones, iPhone, portrait 480x320 phones */
/*@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {*/
@media (min-width: 320px) and (max-width: 767px) {
/* ------
* Header
* ------ */
header .continer,
header #header-search {
position: relative; width: 100%; padding: 0; }
header #header-search {
top: 0; width: 100%; }
.mobile-search {
width: 100% !important; }
#header {
background: #351f39; max-width: none; padding-top: 0px; }
#header .header-top-discount-text img {
display: inline-block; vertical-align: top; padding-right: 9px; }
#header .header-top-discount-text p {
display: inline-block; vertical-align: top; font-size: 10px; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; }
#header .header-logo-section .large {
margin: 0 auto; }
#header .header-top-right-section .account-cart-wrapper a {
background: transparent; font-size: 11px; font-family: "europa"; font-weight: 400; color: #d1d2d1; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; height: auto; line-height: 140%; }
#header .header-top-right-section .account-cart-wrapper a:hover {
color: #fff; }
#header .header-top-right-section .header-top-minicart .skip-cart .icon {
background-image: url(../images/header/icon/cart-icon.png); background-position: 0 0; height: 16px; width: 20px; }
#header .header-top-right-section .header-top-minicart .skip-cart:hover .icon {
background-image: url(../images/header/icon/cart-icon-hover.png); background-position: 0 0; }
#header .header-top-right-section .header-top-minicart .count {
font-size: 15px; font-family: "europa"; font-weight: 400; color: #d1d2d1; margin: 0 0 0; padding: 0px; }
#header .header-top-right-section .header-top-minicart .count:before {
padding: 0 3px; color: #d1d2d1; }
#header .header-top-right-section .header-top-minicart .count:after {
padding: 0 3px; color: #d1d2d1; }
#header .header-top-right-section .navigation-wrapper {
position: relative; }
#header .header-top-right-section .skip-link .label {
padding-top: 0px; border: none; }
#header .header-top-right-section .account-cart-wrapper {
position: relative; display: inline-block; float: none; }
#header .header-top-right-section .account-cart-wrapper .skip-account {
margin: 0px; display: inline-block; margin-top: 0px; }
#header .header-top-right-section .free-shipping-text {
font-size: 11px; font-family: "europa"; font-weight: 400; color: #fff; margin: 24px 0 0; padding: 0 0 0; text-transform: uppercase; text-align: right; }
#header .ms-megamenu .ms-topmenu {
background: #351F39; margin-bottom: 9px; }
#header .ms-megamenu .ms-topmenu li a {
padding-right: 0; }
#header .ms-megamenu .ms-topmenu li a:hover {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; }
#header .ms-topmenu .ms-level0.active .ms-label, #header .ms-topmenu .ms-level0:hover .ms-label, #header .ms-topmenu .ms-level0:active .ms-label, #header .ms-topmenu .ms-level0:focus .ms-label {
background-color: transparent !important; }
#header .ms-megamenu {
font-size: 1.14rem; font-family: "europa"; font-weight: 400; /* sub navigation*/ }
#header .ms-megamenu ul li {
margin-right: 8.3%; /*&:last-child{
margin-right: 0; }*/ }
#header .ms-megamenu ul li a {
text-transform: uppercase; }
#header .ms-megamenu ul li a:first-child {
padding-left: 0; }
#header .ms-megamenu ul#ms-topmenu {
/*> li:last-child{
padding-right :0; float : left; text-indent : -9999px; overflow : hidden; width : 30px; height : 50px;
a{
display : inline-block; background-image : url(../images/header/icon/search-icon.png); background-position : 0px -30px; padding-right : 0; padding-left : 0; width : 30px; height : 30px; margin-top : 15px;
&:hover{
background-position: 0px 0px !important; }
}
}*/ }
#header .ms-megamenu .sub_left {
padding: 60px 43px; border-bottom: 3px solid #221649; }
#header .ms-megamenu .sub_left .sub-menu-inner-left {
border-right: 1px solid #f0efef; }
#header .ms-megamenu .sub_left .sub-menu-inner-left h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 40px; padding: 0 0 0; text-transform: none; }
#header .ms-megamenu .sub_left .sub-menu-inner-left ul li {
width: 49%; float: left; margin-right: 0; margin-bottom: 5px; }
#header .ms-megamenu .sub_left .sub-menu-inner-left ul li a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #221649; margin: 0 0 0; padding: 0 0 0; text-decoration: none; }
#header .ms-megamenu .sub-menu-inner-right a {
text-decoration: none; }
#header .ms-megamenu .sub-menu-inner-right .image-block img {
display: block; position: relative; }
#header .ms-megamenu .sub-menu-inner-right .image-block .play-icon {
position: absolute; background-image: url(../images/play-icon.png); width: 92px; height: 92px; top: 30px; left: 79px; margin: 0 auto; }
#header .ms-megamenu .sub-menu-inner-right .image-block:hover .play-icon {
background-image: url(../images/play-icon-hover.png); }
#header .ms-megamenu .sub-menu-inner-right .detail-block {
padding-top: 40px; }
#header .ms-megamenu .sub-menu-inner-right .detail-block span {
font-size: 12px; font-family: "europa"; font-weight: 400; color: #d5a968; margin: 0 0 0; padding: 0 0 0; text-transform: uppercase; }
#header .ms-megamenu .sub-menu-inner-right .detail-block h2 {
font-size: 14px; font-family: "europa"; font-weight: 400; color: #555555; margin: 0 0 0; padding: 0 0 0; }
#header .ms-megamenu .sub-menu-inner-right .detail-block p {
font-size: 1.43rem; font-family: "europa"; font-weight: 400; color: #000; margin: 15px 0 0; padding: 9px 0; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; }
#header .ms-megamenu .sub_right {
padding: 60px; border-bottom: 3px solid #221649; }
#header .ms-megamenu .sub_right .sub-menu-inner-left {
border-right: 1px solid #f0efef; }
#header .ms-megamenu .sub_right .sub-menu-inner-left h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 40px; padding: 0 0 0; text-transform: none; }
#header .ms-megamenu .sub_right .sub-menu-inner-left ul li {
width: 49%; float: left; margin-right: 0; margin-bottom: 7px; }
#header .ms-megamenu .sub_right .sub-menu-inner-left ul li a {
font-size: 13px; font-family: "europa"; font-weight: 400; color: #221649; margin: 0 0 0; padding: 0 0 0; text-decoration: none; }
#header .head-search-wrapper {
position: absolute; top: 160px; z-index: 5555; }
#header #search_mini_form .search-button:before {
display: none; }
#header #search_mini_form .search-button {
text-indent: 0px; position: absolute; top: 0px; right: -10px; width: 50px; height: 40px; border: 0; background: transparent; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #fff; margin: 0 0 0; padding: 0 0 0; text-indent: -9999px; overflow: hidden; margin-right: 15px; background-image: url(../images/header/mobile-search.png); background-repeat: no-repeat; background-position: right center; background-size: 27px; }
#header .head-search-wrapper .input-box {
padding: 10px; background: #fff; -webkit-box-shadow: 0px 4px 43px 1px #555555; -moz-box-shadow: 0px 4px 43px 1px #555555; box-shadow: 0px 4px 43px 1px #555555; }
#header #header-nav {
display: block; border-bottom: none; }
#header #search {
border: none; background-image: none; background-position: left 9px; background-repeat: no-repeat; padding-right: 15px; padding-left: 15px; }
#header .search-autocomplete:before {
display: none; font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search::-webkit-input-placeholder {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search:-moz-placeholder {
/* Firefox 18- */
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search::-moz-placeholder {
/* Firefox 19+ */
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #search:-ms-input-placeholder {
font-size: 1.29rem; font-family: "europa"; font-weight: 400; color: #d1d1d1; margin: 0 0 0; padding: 0 0 0; }
#header #header-account {
padding: 43px; }
#header #header-account.skip-active {
right: 15px; width: 296px; border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #221649; }
#header #header-account.skip-active h2 {
font-size: 1.86rem; font-family: "europa"; color: #221649; margin: 0 0 0; text-transform: none; }
#header #header-account.skip-active ul {
margin-top: 20px; }
#header #header-account.skip-active ul li {
border-bottom: 1px solid #d1d2d1; padding-bottom: 15px; padding-top: 15px; }
#header #header-account.skip-active ul li a {
font-size: 14px; font-family: "europa"; font-weight: 500; color: #221649; margin: 0 0 0; text-transform: none; text-align: left; text-transform: uppercase; }
#header .header-top-right-section .account-cart-wrapper .skip-active {
background-image: url(../images/header/drop-down-images.png); background-position: bottom center; background-repeat: no-repeat; padding-bottom: 16px; }
#header .header-top-right-section .logo {
display: inline-block; vertical-align: top; width: 40%; padding: 10px 10px 0 0; }
#header .header-top-right-section .skip-links {
display: inline-block; vertical-align: top; width: 100%; float: none; border: none; position: absolute; top: 56px; left: 0; z-index: 999; }
.ll-login-active {
font-size: 14px; font-family: "europa"; font-weight: 700; }
#header .div-temp {
display: none !important; height: 0; overflow: hidden; }
.ms-topmenu #submenu-1 {
left: -15px !important; }
.header-top-right-section .skip-search {
width: 100%; }
.header-top-right-section .header-top-minicart {
margin-top: 30px; float: none; }
.header-top-right-section .header-top-minicart a {
display: block; height: 43px; width: 50px; }
.header-top-right-section .account-cart-wrapper {
width: 100%; }
.header-top-right-section .account-cart-wrapper .skip-account {
width: 50%; margin: 0; }
.header-top-right-section .mobile-hum-icon {
width: 100%; float: none; }
.header-top-right-section .account-cart-wrapper .header-top-minicar a {
width: 100%; }
body {
overflow-x: hidden; }
body .wrapper {
-webkit-transition: 1s ease right; -moz-transition: 1s ease right; -transition: 1s ease right; position: relative; right: 0; }
/** Mobile Menu **/
.mobile-menu-container {
position: fixed; right: -100%; top: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 11111; -webkit-transition: 1s ease right; -moz-transition: 1s ease right; -transition: 1s ease right; }
.mobile-menu-container span.close-icon {
height: 65px; width: 65px; display: block; float: left; position: relative; background-color: #110b24; }
.mobile-menu-container span.close-icon i {
color: #59a1bb; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: block; width: 23px; height: 23px; font-size: 23px; }
.mobile-menu-container .mobile-menu-bar {
float: right; }
.mobile-menu-container .mobile-menu-bar .mobile-logo-container {
background-color: #110b24; text-align: center; }
.mobile-menu-container .mobile-menu-bar .mobile-logo-container a {
width: 150px; padding: 10px 0; clear: both; margin: auto; float: none; }
.mobile-menu-container .mobile-menu-bar .megamenu-pc.ms-megamenu ul.ms-topmenu {
margin: 0; }
.mobile-menu-container .mobile-menu-bar .megamenu-pc.ms-megamenu ul.ms-topmenu > li.ms-level0 {
display: block; }
.mobile-menu-container.mm-active {
right: 0; }
.logo {
padding: 0; width: 40%; }
#header .header-top-right-section .account-cart-wrapper {
float: left; }
.skip-account .icon {
background-position: 4px -24px; height: 44px; margin-top: 15px; }
.ll-mobile-top-navigation {
width: 63%; float: left; }
.ll-mobile-top-navigation .mobile-cart-icon {
background-image: url(../images/header/icon/cart-mobile.png); background-position: 0 0; height: 20px; width: 20px; display: block; padding-top: 5px; background-size: 100% 100%; }
.ll-mobile-top-navigation .skip-account {
margin-top: 17px; }
.ll-mobile-top-navigation .common-div {
border-right: 1px solid #392e5c; min-height: 93px; padding-top: 27px; font-size: 22px; }
.ll-mobile-top-navigation .common-div:last-child {
border-right: none; }
.ll-mobile-top-navigation .common-div .skip-account .icon {
margin: 15px auto; }
.ll-mobile-top-navigation #header-search .skip-link {
margin-top: -5px; }
#header #header-account.skip-active {
right: 0; width: 100%; position: absolute; top: 80px; border-top: none; border-right: none; border-left: none; border-bottom: 3px solid #221649; z-index: 999; }
.header-search-mobile {
right: 0; width: 100%; position: absolute; top: 80px; border-top: none; border-right: none; border-left: none; border-bottom: none; z-index: 999; background: #fff; }
.skip-search {
margin-top: -5px; }
#header-cart {
width: 100% !important; right: auto !important; }
.skip-links-inner #header-cart {
width: 100% !important; right: auto !important; }
.skip-links-inner .minicart-wrapper {
border-bottom: 3px solid #221649; padding: 10px 15px 10px; }
.skip-links-inner .minicart-wrapper .product-details .info-wrapper tr td {
word-wrap: break-word; }
#header .header-top-right-section .skip-link.skip-active {
background-color: transparent; background-image: url(../images/header/drop-down-images.png); background-position: center bottom; background-repeat: no-repeat; width: 100%; padding-bottom: 59px; }
#header .header-top-right-section .skip-link {
background-color: transparent; padding-bottom: 66px; }
.account-cart-wrapper .skip-active {
padding-bottom: 8px !important; }
#header #header-account.skip-active ul li {
border-bottom: none; padding-bottom: 15px; padding-top: 15px; }
#header #header-account.skip-active ul li a {
border-bottom: none; }
#header .header-top-right-section .skip-link {
background-color: transparent; padding-bottom: 66px; width: 100%; }
.ll-mobile-top-navigation .mobile-cart-icon {
margin: 6px auto; }
.header-top-right-section .mobile-hum-icon {
text-align: center; }
/*
@include custom-font-weight(1.14rem,'europa', 300); @include custom-font-weight(1.14rem,'europa', 400); @include custom-font-weight(1.14rem,'europa', 700);
@include custom-font(54px,'europa'); @include custom-font(54px,'lorabold');
@include custom-font-weight(1.29rem,'europa', 400); color : $white; margin : 0 0 0;
*/ }
@media (min-width: 992px) and (max-width: 1199px) {
/* ----------------------------
* Ingrediant Sub Category Page
* ----------------------------*/
.ll-sub-ing {
/** Layer Navigation **/
/** Shorting Option **/ }
.ll-sub-ing .ingredint-layer-nav {
margin-bottom: 55px; }
.ll-sub-ing .il-bar {
padding-right: 15px; }
.ll-sub-ing .block-layered-nav .block-content dl dt {
width: 10%; padding-right: 0; position: relative; }
.ll-sub-ing .block-layered-nav .block-content dl dd {
max-width: 14%; margin-right: 1%; margin-bottom: 10px; }
.ll-sub-ing .block-layered-nav .block-content dl dd#layer-dt-0 {
max-width: 15%; }
.ll-sub-ing .top-tool-bar .toolbar {
margin-top: 5px; }
.ll-sub-ing .top-tool-bar .toolbar .sorter .sort-by {
width: 224px; }
.ll-sub-ing .top-tool-bar .toolbar .sorter .sort-by select {
max-width: 132px; }
}
@media (max-width: 1199px) {
/* ------------
* fixed Header
* ------------ */
body.header-fixed header#header {
/** Fix Header Mega menu **/ }
body.header-fixed header#header .ms-megamenu {
left: 168px; }
body.header-fixed header#header .ms-megamenu ul.ms-topmenu#ms-topmenu > li {
margin-right: 22px; }
body.header-fixed header#header .ms-megamenu ul.ms-topmenu#ms-topmenu > li:last-child {
margin-left: 1px; margin-right: 0px; }
}
/*
@media (min-width: 320px) and (max-width: 480px) {
@import "common/customize320-480";}
@media (min-width: 481px) and (max-width:639px) {
@import "common/customize481-639";}
@media (min-width: 640px) and (max-width:767px) {
@import "common/customize640-767";}*/
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
.ll-cms-home .slideshow-container .slide .content {
position: absolute; top: 20%; left: 20%; }
}