@font-face { font-family: 'icomoon'; src: url(//www.magnesiumlife.com/wp-content/themes/flatsome/css/fonts/icomoon.eot); src: url(//www.magnesiumlife.com/wp-content/themes/flatsome/css/fonts/icomoon.eot?#iefix) format('embedded-opentype'),  url(//www.magnesiumlife.com/wp-content/themes/flatsome/css/fonts/icomoon.woff) format('woff'),  url(//www.magnesiumlife.com/wp-content/themes/flatsome/css/fonts/icomoon.ttf) format('truetype'),  url(//www.magnesiumlife.com/wp-content/themes/flatsome/css/fonts/icomoon.svg#icomoon) format('svg'); font-weight: normal; font-style: normal; }
.header-nav a.nav-top-link.icon-search, .nav-top-link.icon-search, .icon-angle-left, .icon-angle-right, .icon-angle-up, .icon-angle-down, .icon-twitter, .icon-heart, .icon-envelop, .icon-tag, .icon-star, .icon-star-2, .icon-star-3, .icon-facebook, .icon-feed, .icon-close, .icon-checkmark, .icon-menu, .icon-plus, .icon-minus, .icon-instagram, .icon-google-plus, .icon-pinterest, .icon-search, .icon-skype, .icon-dribbble, .icon-users, .icon-certificate, .icon-expand, .icon-linkedin, .icon-map-pin-fill, .icon-pen-alt-fill, .icon-youtube, .icon-flickr, .icon-clock, .icon-inner { font-family: 'icomoon'!important; speak: none!important; font-style: normal!important; font-weight: normal!important; font-variant: normal!important; text-transform: none!important; line-height: 1; -webkit-font-smoothing: antialiased!important; }
.icon-angle-left:before { content: "\f104"!important; }
.icon-angle-right:before { content: "\f105"!important; }
.icon-angle-up:before { content: "\f106"!important; }
.icon-angle-down:before { content: "\f107"!important; }
.icon-twitter:before { content: "\e001"!important; }
.icon-heart:before { content: "\e000"!important; }
.icon-envelop:before { content: "\e003"!important; }
.icon-tag:before { content: "\e004"!important; }
.icon-star:before { content: "\e005"!important; }
.icon-star-2:before { content: "\e006"!important; }
.icon-star-3:before { content: "\e007"!important; }
.icon-facebook:before { content: "\e002"!important; }
.icon-feed:before { content: "\e008"!important; }
.icon-close:before { content: "\61"!important; }
.icon-checkmark:before { content: "\e00a"!important; }
.icon-menu:before { content: "\e00b"!important; }
.icon-plus:before { content: "\e00c"!important; }
.icon-minus:before { content: "\e00d"!important; }
.icon-instagram:before { content: "\e00e"!important; }
.icon-google-plus:before { content: "\e00f"!important; }
.icon-pinterest:before { content: "\e010"!important; }
.icon-search:before { content: "\e012"!important; }
.icon-skype:before { content: "\e011"!important; }
.icon-dribbble:before { content: "\e013"!important; }
.icon-users:before { content: "\e014"!important; }
.icon-certificate:before { content: "\f0a3"!important; }
.icon-expand:before { content: "\e015"!important; }
.icon-linkedin:before { content: "\e016"!important; }
.icon-map-pin-fill:before { content: "\e009"!important; }
.icon-pen-alt-fill:before { content: "\e017"!important; }
.icon-youtube:before { content: "\e018"!important; }
.icon-flickr:before { content: "\e019"!important; }
.icon-clock:before { content: "\e01a"!important; }.start-anim .animated, #facebook-login .animated, html[data-useragent*='MSIE 10.0'] .animated, html[data-useragent*='Mozilla/5.0'] .animated, .columns > .animated, .start-anim.animated, .start-anim.animated .animated, .current .animated, #content > .ux_banner .inner.animated, .columns .ux_banner .inner.animated, .entry-content .animated { -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }
.row > .columns:nth-of-type(0), .inner .animated:nth-of-type(0) { -webkit-animation-delay: 0s; -moz-animation-delay: 0; -o-animation-delay: 0s; animation-delay: 0s; }
.row > .columns:nth-of-type(1), .inner .animated:nth-of-type(1) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2; -o-animation-delay: 0.2s; animation-delay: 0.2s; }
.row > .columns:nth-of-type(2), .inner .animated:nth-of-type(2) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s; }
.row > .columns:nth-of-type(3), .inner .animated:nth-of-type(3) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; }
.row > .columns:nth-of-type(4), .inner .animated:nth-of-type(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s; }
.row > .columns:nth-of-type(5), .inner .animated:nth-of-type(5) { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }
.row > .columns:nth-of-type(6), .inner .animated:nth-of-type(6) { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s; }
.row > .columns:nth-of-type(7), .inner .animated:nth-of-type(7) { -webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; }
.row > .columns:nth-of-type(8), .inner .animated:nth-of-type(8) { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s; } .scroll-animate { opacity: 0; }
.lt-ie9 .animated, #facebook-login .inner.animated { opacity: 1!important }
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; }
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; }
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(1.5);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; }
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; }
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
opacity: 1;
}
100% {
-webkit-transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
opacity: 1;
}
100% {
-moz-transform: translateY(0);
opacity: 1;
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
opacity: 1;
}
100% {
-o-transform: translateY(0);
opacity: 1;
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
opacity: 1;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
opacity: 1;
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
opacity: 1;
}
100% {
-moz-transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
opacity: 1;
}
100% {
-o-transform: translateX(0);
opacity: 1;
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
opacity: 1;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
opacity: 1;
}
100% {
-webkit-transform: translateX(0);
opacity: 1;
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
opacity: 1;
}
100% {
-moz-transform: translateX(0);
opacity: 1;
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
opacity: 1;
}
100% {
-o-transform: translateX(0);
opacity: 1;
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
opacity: 1;
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; }
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }/*** CONTENT ***/
/*****************************************************************/
/*
/*** 00. Reset (Normalize)
/*** 01. Global 
/*** 02. Header
/*** 03. Pages / Blog / Portfolio
/*** 04. Shop Categories
/*** 05. Product page
/*** 06. Cart
/*** 07. Checkout
/*** 08. Sliders
/*** 09. Banners
/*** 10. Lightbox
/*** 11. Shortcodes
/*** 12. Widgets
/*** 13. Dark styles (Styles for dark backgrounds)
/*** 14. Div Fixes
/*** 15. Mobile styles
/*** 16. Foundation Components (Grid, Buttons,Type,Forms,Alert boxes,pagination) */
/*
/*****************************************************************/
/*
/*
/*/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video { display: inline-block; }
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) { display: none; height: 0; }
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden], template { display: none; }
script { display: none !important; }
/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html { font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%;/* 2 */ }
/**
 * Remove default margin.
 */
body { margin: 0; }
/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a { background: transparent; }
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus { outline: thin dotted; }
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover { outline: 0; }
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 { font-size: 2em; margin: 0.67em 0; }
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] { border-bottom: 1px dotted; }
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong { font-weight: bold; }
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn { font-style: italic; }
/**
 * Address differences between Firefox and other browsers.
 */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
/**
 * Address styling not present in IE 8/9.
 */
mark { background: #ff0; color: #000; }
/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre { white-space: pre-wrap; }
/**
 * Set consistent quote types.
 */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
/**
 * Address inconsistent and variable font size in all browsers.
 */
small { font-size: 80%; }
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img { border: 0; }
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure { margin: 0; }
/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend { border: 0; /* 1 */
padding: 0;/* 2 */ }
/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea { font-family: inherit; /* 1 */
font-size: 100%; /* 2 */
margin: 0;/* 3 */ }
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input { line-height: normal; }
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select { text-transform: none; }
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
cursor: pointer;/* 3 */ }
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] { cursor: default; }
/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
padding: 0;/* 2 */ }
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] { -webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea { overflow: auto; /* 1 */
vertical-align: top;/* 2 */ }
/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table { border-collapse: collapse; border-spacing: 0; }
/**********************************************************************/
/**********------------------- 01. GLOBAL ----------------*************/
/**********************************************************************/
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body { font-size: 100%; }
body { background: white; color: #777777; padding: 0; margin: 0; font-family: "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: default; }
a:hover { cursor: pointer; }
a:focus { outline: none; }
img, object, embed { max-width: 100%; height: auto; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }
#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }
.left { float: left !important; }
.right { float: right !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-justify { text-align: justify !important; }
.hide { display: none; }
.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
img { display: inline-block; vertical-align: middle; }
textarea { height: auto; min-height: 50px; }
select { width: 100%; }
/* -- containers / wrappers -- */
body, html { min-height: 100%; }
body { background-color: #ccc; }
body.bg-full-size { background-size: cover; background-attachment: fixed; background-repeat: none; background-position: 50% 50%; }
#wrapper { background-color: #FFF; }
body.full-width #wrapper { width: 100%; }
body.boxed #wrapper { max-width: 71.25em; margin: 0 auto; }
body.framed-layout { padding-top: 40px; padding-bottom: 40px; background-color: #555; }
body.boxed { background-color: #555; }
.nav-dropdown { max-width: 67.5em; }
#content > *:last-child, #content > .ux_slider_wrapper:last-child .iosSlider { margin-bottom: -1px !important; }
.page-wrapper { padding: 30px 0 30px;  *zoom: 1;
}
.page-wrapper:before, .page-wrapper:after { content: " "; display: table; }
.page-wrapper:after { clear: both; }
.category-page { padding-top: 30px; }
.product-page { padding-top: 30px; }
.row.container { margin-bottom: 30px !important; }
.clearfix {  *zoom: 1;
}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* row */
.width-fluid > .row, .width-fluid > .row > .large-12 { width: 100% !important; min-width: 100%; padding-left: 0 !important; padding-right: 0 !important; }
.row.divided .columns { border-right: 1px solid rgba(0, 0, 0, 0.05); }
.row.divided .columns:last-child { border: 0; }
/* -- top divider (shown for white header) -- */
.top-divider { border-top: 1px solid #eeeeee; }
/* -- global text styles --  */
.uppercase { text-transform: uppercase; }
.thin-font { font-weight: normal; font-weight: 300; }
p:empty { display: none !important; }
table { width: 100%; }
/* -- social icons --  */
.social-icons { line-height: 100%; }
.social-icons .icon, .yith-wcwl-share li a { position: relative; line-height: 16px; font-size: 16px; border: 2px solid #ccc; display: inline-block; padding: 8px; margin-right: 5px; margin-bottom: 5px; color: #ccc; -webkit-border-radius: 99px; border-radius: 99px; -webkit-transition: "background-color" 200ms ease-out; -moz-transition: "background-color" 200ms ease-out; transition: "background-color" 200ms ease-out; }
.social-icons.size-small .icon, #top-bar .social-icons .icon { line-height: 13px; font-size: 13px; border: 0; padding: 0px; margin-right: 5px; margin-bottom: 0px; }
.social-icons .icon:hover, .yith-wcwl-share li a:hover { color: #FFF; text-decoration: none; }
.social-icons .icon.icon_facebook:hover, .yith-wcwl-share li a.facebook:hover { background-color: #3a589d; border-color: #3a589d; }
.social-icons .icon.icon_twitter:hover, .yith-wcwl-share li a.twitter:hover { background-color: #2478ba; border-color: #2478ba; }
.social-icons .icon.icon_email:hover { background-color: #111; border-color: #111; }
.social-icons .icon.icon_pintrest:hover, .yith-wcwl-share li a.pinterest:hover { background-color: #cb2320; border-color: #cb2320; }
.social-icons .icon.icon_rss:hover { background-color: #fc7600; border-color: #fc7600; }
.social-icons .icon.icon_twitter:hover { background-color: #2478ba; border-color: #2478ba; }
.social-icons .icon.icon_instagram:hover { background-color: #3b6994; border-color: #3b6994; }
.social-icons .icon.icon_googleplus:hover, .yith-wcwl-share li a.googleplus:hover { background-color: #dd4e31; border-color: #dd4e31; }
.social-icons .icon.icon_linkedin:hover { background-color: #0072b7; border-color: #0072b7; }
.social-icons .icon.icon_youtube:hover { background-color: #c33223; border-color: #c33223; }
.social-icons .icon.icon_flickr:hover { background-color: #e5086f; border-color: #e5086f; }
#top-bar .social-icons .icon:hover { background-color: transparent !important; text-decoration: none; }
.yith-wcwl-share ul { margin-left: 0 !important; }
.yith-wcwl-share li a { font-family: 'icomoon'; }
.yith-wcwl-share li a.facebook:before { content: "\e002" !important; }
.yith-wcwl-share li a.twitter:before { content: "\e001" !important; }
.yith-wcwl-share li a.pinterest:before { content: "\e010" !important; }
.yith-wcwl-share li a.googleplus:before { content: "\e00f" !important; }
.product-page .social-icons { margin-bottom: 30px; }
/* -- social share-row -- */
.social-icons.share-row span.title { font-weight: bold; margin-right: 5px; }
.product-info .social-icons { border-top: 1px dotted #dddddd; padding-top: 25px; }
/* -- stars --  */
.star-rating, .star-rating { text-align: left; font-size: 16px; overflow: hidden; position: relative; height: 1em; line-height: 1em; width: 5.4em; font-family: 'icomoon'; }
.star-rating:before, .woocommerce-page .star-rating:before { content: "\e006 \e006 \e006 \e006 \e006"; color: #d26e4b; float: left; top: 0; left: 0; position: absolute; }
.star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-weight: normal !important; }
.star-rating span:before { content: "\e005 \e005 \e005 \e005 \e005"; color: #d26e4b; top: 0; position: absolute; left: 0; }
li.product-small .star-rating { font-size: 80% !important; margin-bottom: 5px; }
li.product-small .text-center .star-rating { margin: 0 auto 5px; }
.product-info .star-rating { margin-bottom: 20px; }
/* -- tabbed content -- */
ul.tabs { margin-left: 0 !important; }
.tabbed-content ul.tabs { display: block; width: 100%; overflow: hidden; margin-bottom: 10px; }
.tabbed-content ul.tabs li { list-style: none; display: inline-block; }
.tabbed-content ul.tabs li a { color: #999; font-weight: bold; text-transform: uppercase; margin-right: 25px; font-size: 90%; border-top: 4px solid #fff; padding: 10px 0; display: block; -webkit-transition: border 200ms ease-out; -moz-transition: border 200ms ease-out; transition: border 200ms ease-out; }
.tabbed-content ul.tabs li a:hover { border-color: #777; color: #777; }
.tabbed-content ul.tabs li.active a { border-color: #333; color: #333; }
.tabbed-content.shortcode_tabgroup .tabs { border-top: 2px solid #eee; }
.tabbed-content .entry-content { padding-top: 0; }
.shortcode_tabgroup h3 { margin-bottom: 15px; }
.shortcode_tabgroup_vertical, .shortcode_tabgroup { margin-bottom: 15px !important; }
.tabbed-content .iosSlider, .tabbed-content .product-small { margin-bottom: 0; }
.tabbed-content.pos_pills > h3, .tabbed-content.pos_center > h3 { text-align: center; }
.tabbed-content.pos_pills > ul.tabs, .tabbed-content.pos_center > ul.tabs { border: 0; text-align: center; }
.tabbed-content.pos_pills ul.tabs li { border-right: 1px solid rgba(0, 0, 0, 0.1); }
.tabbed-content.pos_pills ul.tabs li:last-child { border: 0; }
.tabbed-content.pos_pills ul.tabs li a { border: 0; padding: 5px 10px; -webkit-border-radius: 30px; border-radius: 30px; font-size: 80%; margin: 0 15px; }
.tabbed-content.pos_pills ul.tabs li.active a { background: #627f9a; color: #FFF; }
.tabbed-content.pos_pills ul.tabs { margin-bottom: 30px; }
/* -- vertical tabs -- */
.vertical-tabs ul.tabs-nav { margin-top: 15px; margin-left: 0; z-index: 9; border-right: 1px solid #dddddd; margin-right: -1px; height: 100%; }
.vertical-tabs ul.tabs-nav li { list-style: none; font-size: 90%; text-transform: uppercase; font-weight: bold; }
.vertical-tabs ul.tabs-nav li a { border-bottom: 1px solid #eeeeee; padding: 10px 0; display: block; color: #999; -webkit-transition: border 200ms ease-out; -moz-transition: border 200ms ease-out; transition: border 200ms ease-out; }
.vertical-tabs ul.tabs-nav li.current a, .vertical-tabs ul.tabs-nav li a:hover, .vertical-tabs ul.tabs-nav li.current-menu-item a { color: #333; border-right: 4px solid #dddddd; }
.vertical-tabs .tabs-inner { border-left: 1px solid #dddddd; padding-left: 40px; }
.vertical-tabs .tabs-inner.active { padding-top: 25px; }
.shortcode_tabgroup_vertical h3 { border-bottom: 2px solid #eee; padding-bottom: 15px; margin: 0; }
/* -- tab content -- */
.vertical-tabs .tabs-inner, .tabbed-content .panel { visibility: hidden; height: 0; overflow: hidden; opacity: 0.0; -webkit-transition: opacity 0ms ease-out; -moz-transition: opacity 0ms ease-out; transition: opacity 0ms ease-out; }
.vertical-tabs .tabs-inner.active, .tabbed-content .panel.active { visibility: visible; height: auto; overflow: visible; opacity: 1.0; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }
/* -- accordian -- */
.accordion_title { padding-bottom: 10px; }
.accordion { margin-bottom: 30px; }
.accordion .accordion-inner { display: none; padding: 15px 30px 30px; }
.accordion .accordion-title a { font-size: 110%; line-height: 130%; color: #999; padding: 20px 15px; display: block; border-top: 1px solid #dddddd; -webkit-transition: border 200ms ease-out; -moz-transition: border 200ms ease-out; transition: border 200ms ease-out; }
.accordion .accordion-title.active a { color: #333; background-color: #f9f9f9; border-top: 3px solid #dddddd; border-bottom: 1px solid #eeeeee; }
.product-details .accordion-title.active a { background: transparent; border-width: 1px; }
.large-6 .accordion-title a, .large-5 .accordion-title a, .large-4 .accordion-title a, .large-7 .accordion-title a { font-size: 95%; }
.accordion .accordion-title a:before { font-family: 'icomoon'; content: "\e00c"; font-size: 16px; margin-right: 15px; }
.accordion .accordion-title.active a:before { content: "\e00d"; }
/* -- icon styles -- */
.span.icon-instagram { font-size: 16px; }
.search-icon { font-size: 16px !important; }
/* -- Avatar + extras --  */
.avatar, .circle { -webkit-border-radius: 999px; border-radius: 999px; }
/* -- quantity box -- */
.quantity { display: inline-block; }
.quantity .input-text.qty { width: 35px; height: 41px; padding: 0 5px; text-align: center; }
.quantity.buttons_added { text-align: left; position: relative; white-space: nowrap; vertical-align: top; }
.quantity.buttons_added input { display: inline-block; margin: 0; vertical-align: top; }
.quantity.buttons_added .minus, .quantity.buttons_added .plus { padding: 7px 10px 8px; height: 41px; background-color: #fff; border: 1px solid #ccc; }
.quantity.buttons_added .minus { border-right: 0; }
.quantity.buttons_added .plus { border-left: 0; }
.quantity.buttons_added .minus:hover, .quantity.buttons_added .plus:hover { background: #eee; }
 .quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
.product-info .quantity { margin-left: 10px; }
/* -- disabled buttons --*/
button[disabled] { background-color: #333333 !important; opacity: 0.6; }
/* --  message box -- */
.alert-box a.button { margin: 0 15px 0 0; display: inline-block; }
.alert-box ul { margin-bottom: 0; }
.alert-box li { list-style: none; }
/* -- woocommerce message --*/
.woocommerce-message { color: #7a9c59 !important; font-size: 120%; position: relative; margin: 30px 0; }
.woocommerce-message { padding-right: 320px; background: none !important; border: 0; }
.woocommerce-message a.button { position: absolute; right: 0; font-size: 80%; padding: 10px 20px; margin-top: -8px; }
.woocommerce-message:before { color: #FFF; background: #7a9c59; -webkit-border-radius: 99px; border-radius: 99px; padding: 3px; font-family: 'icomoon'; content: "\e00a"; margin-right: 10px; }
.single-product .woocommerce-message { margin-bottom: 0; }
/* -- scroll to top --  */
#top-link { display: none; background: #111; position: fixed; right: 35px; text-align: center; bottom: 20%; color: #FFF; font-weight: bold; text-decoration: none; background: #111; width: 40px; padding: 2px 8px 6px; font-size: 32px; opacity: 0.9; z-index: 99; }
#top-link.active { display: block; }
/* -- Global UL / OL -- */
.entry-content > ul, .short-description > ul, .tabs-inner ul, .tabs-inner ol, .accordian-inner ul, .accordian-inner ol, .woocommerce > ul, .woocommerce > ol { margin-left: 20px; }
ul.checkmarks li { margin-bottom: 10px; padding: 0 0 15px; border-bottom: 1px dotted #dddddd; line-height: 110%; }
ol.commentlist li { list-style: none; }
.entry-content ol { margin-left: 20px; }
#content > ul { margin-left: 20px; }
/* -- Paginations -- */
.pagination-centered { padding-top: 20px; border-top: 1px solid #eeeeee; margin-bottom: 30px; }
ul.page-numbers { line-height: 42px; }
ul.page-numbers a, .page-numbers li > span { text-align: center; border: 2px solid #627f9a; padding: 6px 12px 7px; font-weight: bold; -webkit-transition: background 200ms ease-out; -moz-transition: background 200ms ease-out; transition: background 200ms ease-out; }
ul.page-numbers a:hover { background-color: #627f9a; border-color: #627f9a; color: #FFF; }
ul.page-numbers li > span { color: #FFF; background-color: #627f9a; border-color: #627f9a; }
/* -- Welcome popup -- */
#welcome-popup { background: #FFF; margin: 0 auto; padding: 20px; position: relative; box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.3); }
#welcome-popup .mfp-close { top: 10px; right: 10px; z-index: 10; }
/* -- section titles -- */
h3.section-title { margin: 0 0 20px; text-transform: uppercase; border-bottom: 3px solid #f1f1f1; }
h3.section-title a { float: right; padding-top: 5px; font-size: 80%; }
h3.section-title a:after { font-family: 'icomoon'; content: "\f105"; color: #627f9a; margin-left: 10px; }
h3.section-title span { display: inline-block; padding-bottom: 15px; border-bottom: 3px solid #dddddd; margin-bottom: -3px; }
h3.section-title.title_center { text-align: center; margin-bottom: 40px; line-height: 22px; }
h3.section-title.title_center span { border: 0; background: #FFF; bottom: -12px; position: relative; padding: 0 30px; }
h3.section-title.title_bold, h3.section-title.title_bold_center { border-width: 3px; margin-top: 50px; margin-bottom: 60px; height: 0; }
h3.section-title.title_bold span, h3.section-title.title_bold_center span { border: 3px solid #eee; padding: 10px 15px; position: relative; top: -25px; left: 15px; background-color: #FFF; }
h3.section-title.title_bold a { border: 3px solid #DDD; padding: 5px 10px; position: relative; top: -20px; right: 15px; background-color: #FFF; }
h3.section-title.title_bold_center { text-align: center; }
h3.section-title.title_bold_center span { left: auto; }
/* -- text dividers -- */
.tx-div { display: block; height: 3px; background-color: #000; opacity: 0.1; margin: 15px 0 15px; }
.text-center .tx-div { margin: 15px auto 15px auto; }
.tx-div.small { width: 30px; }
.tx-div.medium { width: 60px; }
/*  -- custom select box -- */
.select-wrapper { position: relative; }
.select-wrapper:after { position: absolute; right: 0; top: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.select-wrapper:after { border-color: rgba(145, 145, 145, 0); border-top-color: #919191; border-width: 6px; right: 8px; margin-left: -6px; }
.custom select { -webkit-appearance: none; text-transform: uppercase; font-size: 90%; color: #333; line-height: 1; border: 0; -webkit-border-radius: 0; border-radius: 0; padding-left: 10px; padding-right: 20px; height: 34px; -webkit-appearance: none; border: 1px solid #dddddd; padding: 5px 8px 4px; position: relative; top: 1px; background: white; background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%); background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%); background: linear-gradient(to bottom, white); }
.custom select:hover { background: #f1f1f1; background: -moz-linear-gradient(top, #f1f1f1 0%, #f7f7f7 100%); background: -webkit-linear-gradient(top, #f1f1f1 0%, #f7f7f7 100%); background: linear-gradient(to bottom, #f1f1f1); }
/* -- product lightbox --*/
.product-lightbox { background: #FFF; width: 90%; max-width: 800px; margin: 0 auto; position: relative; }
.product-lightbox form.custom select { visibility: visible; }
.product-lightbox-inner { padding: 30px 30px 10px; font-size: 90%; }
.product-lightbox-inner h4.breadcrumb { font-size: 80%; }
.product-lightbox-inner .short-description { max-height: 220px; overflow-x: auto; }
.product-lightbox .iosSlider.product-gallery-slider { margin-bottom: 0; -webkit-transition: height 500ms ease-out; -moz-transition: height 500ms ease-out; transition: height 500ms ease-out; }
.lightbox-white { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; }
/* -- loading bar --*/
.loading { z-index: 99999; position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -42px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.loading i { float: left; display: block; width: 10px; height: 10px; margin: 0 4px; background: #627f9a; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0; -webkit-animation: loadingFade 1.5s infinite; -moz-animation: loadingFade 1.5s infinite; animation: loadingFade 1.5s infinite; }
.dark.loading i { background: white !important; }
.loading i:nth-child(0) { -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; }
.loading i:nth-child(1) { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
.loading i:nth-child(2) { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; }
.loading i:nth-child(3) { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; }
.loading i:nth-child(4) { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s; }
 @-webkit-keyframes loadingFade {
 0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @-moz-keyframes loadingFade {
 0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes loadingFade {
 0% {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
/* -- edit block links for admins -- */
.ux_block { position: relative; }
.ux_block .edit-link { position: absolute; top: 0; left: 0; z-index: 9999; background: #000; color: #FFF; padding: 5px; display: none; }
.ux_block:hover .edit-link { display: block; }
/* -- div fixes -- */
a.lost_password { margin-left: 15px; }
.columns > br, .row > br { display: none !important; }
/* -- pre -- */
pre { border: 1px solid #ddd; padding: 20px !important; background: #f1f1f1; margin-bottom: 30px !important; margin-top: 20px !important; }
/* -- catalogue mode  -- */
.catalog-mode-header { padding-top: 15px; text-align: right; float: right; }
.catalog-mode-header > div { display: inline-block; }
.catalog-mode-header input, .catalog-mode-header form, .catalog-mode-header button { margin: 0 !important; }
.no-prices span.amount, .no-prices form.cart { display: none !important; }
.catalog-product-text { padding-bottom: 15px; }
.catalog-product-text .accordion { margin: 0; }
/* -- woocommerce extra -- */
.woocommerce-info { padding: 15px 0px; }
/* -- Home intro -- */
.home-intro { display: block; margin-bottom: -1px; }
.home-intro .iosSlider { margin-bottom: 0 !important; }
/* -- Column hover effects (NEW) --*/
.col_hover_focus > *, .col_hover_fade > *, .col_hover_blur > *, .col_hover_grayscale > * { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; position: relative; }
.col_hover_focus:hover > * { opacity: 1 !important; }
.col_hover_fade:hover > * { opacity: 1; }
.col_hover_grayscale > * { opacity: 0.7; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%);/* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.col_hover_grayscale:hover > * { opacity: 1; filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
.col_hover_blur > * { -webkit-filter: blur(3px); }
.col_hover_blur:hover > * { -webkit-filter: blur(0px); }
/* -- TOOLTIP -- */
.tooltipster-default { border-radius: 5px; background: #000; background: rgba(0, 0, 0, 0.8); color: #fff; }
.tooltipster-default .tooltipster-content { font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden; }
.tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; }
.tooltipster-base .tooltipster-content { overflow: hidden; }
.tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; }
.tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; }
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -8px; }
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; }
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -8px; }
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; }
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; }
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 6px; }
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 5px; }
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; }
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; }
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; }
.tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; }
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; }
.tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; }
.tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; }
.tooltipster-fade-show { opacity: 1; }
/**********************************************************************/
/****************------------- 02. HEADER  -------------***************/
/**********************************************************************/
/* -- top bar -- */
#top-bar { background-color: #627f9a; color: #FFF; z-index: 11; position: relative; }
#top-bar li > a { color: #FFF; }
#top-bar .left-text { opacity: 1; font-size: 80%; padding: 10px 0; }
#top-bar .right-text { font-size: 80%; padding: 10px 0; }
#top-bar .row { position: relative; }
#top-bar span { opacity: 1; font-weight: normal; }
#top-bar .html > * { display: inline-block; }
/* -- header container -- */
#masthead { height: 120px; }
#masthead { background-color: #FFF; top: -200px; -webkit-transition: top 600ms ease; -moz-transition: top 600ms ease; transition: top 600ms ease; background-position: bottom center; background-repeat: repeat-x; }
/* -- logo -- */
#logo { height: 100%; text-transform: uppercase; display: table-cell; vertical-align: middle; }
#logo a { display: block; padding-top: 10px; margin: 0; font-size: 200%; line-height: 100%; font-weight: bold; float: left; width: 100%; }
#logo a img { max-height: 999px; height: auto; width: auto; }
#logo a { color: #627f9a; }
/* -- header layout -- */
#masthead .row { height: 100%; }
#masthead .header-container { display: table; height: 100%; width: 100%; }
#masthead .left-links { display: table-cell; vertical-align: middle; }
#masthead .right-links { display: table-cell; vertical-align: middle; }
#masthead .left-links > ul { float: left; padding-top: 15px; margin-left: 15px; }
#masthead .right-links > ul { float: right; padding-top: 15px; }
/* -- sticky header -- **/
#masthead.stuck { opacity: 0.95; position: fixed; top: -200px; left: 0; right: 0; z-index: 100; -webkit-box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2); }
#masthead.stuck:hover, .wide-nav.stuck:hover { opacity: 1; }
#masthead.stuck.move_down { height: 70px; top: 0; }
#masthead.stuck.move_down .catalog-mode-header, #masthead.stuck.move_down .left-links > ul, #masthead.stuck.move_down .right-links > ul, #masthead.stuck.move_down #logo a { padding: 0 !important; }
#masthead.stuck.move_down #logo a { float: none; }
#masthead.stuck.move_up { top: -300px; }
/* -- boxed header style --*/
.boxed #masthead, .boxed .wide-nav { max-width: 71.25em; width: 100%; left: auto; right: auto; }
.boxed #masthead.stuck, .boxed .wide-nav.stuck { left: auto; right: auto; }
/* -- centered logo -- */
.logo-center #masthead .left-links { width: 40%; }
.logo-center #masthead .right-links { width: 40%; }
.logo-center #masthead #logo { width: 20%; text-align: center; }
.logo-center #masthead .left-links > ul { margin-left: 0; }
.logo-center #masthead .left-links > ul > li { margin-left: 0; margin-right: 20px; }
/* -- navigation -- */
ul.header-nav { margin: 0; }
ul.header-nav li { float: left; margin-left: 15px; list-style: none; }
ul.header-nav li a { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; text-transform: uppercase; font-size: 80%; font-weight: bold; padding: 10px 0; }
.right-links > ul.header-nav { white-space: nowrap; }
.right-links > ul.header-nav > li { display: inline-block !important; float: none; }
/* -- dropdown -- */
.nav-dropdown, .sub-menu.submenu-languages { display: none; background: #fff; padding: 20px 10px 20px 30px; z-index: 100; border: 3px solid #dddddd; position: absolute; margin-top: 10px; -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); }
.active .nav-dropdown { display: block !important; }
.left-links .nav-dropdown, .account-dropdown .nav-dropdown { margin-left: -15px; }
.nav-dropdown > ul, .nav-dropdown > .row, .nav-dropdown-inner { position: relative; }
/* -- dropdown arrow -- */
.nav-dropdown > ul:after, .nav-dropdown > .row:after, .nav-dropdown-inner:after, .menu-item-language .sub-menu:after { top: -37px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.nav-dropdown > ul:after, .nav-dropdown > .row:after, .nav-dropdown-inner:after, .menu-item-language .sub-menu:after { border-color: rgba(221, 221, 221, 0); border-bottom-color: #dddddd; border-width: 7px; left: 8px; margin-left: -7px; }
.nav-dropdown > .row:after { left: -12px; }
/* search dropdown fix */
.nav-dropdown-inner:after { left: auto; right: -25px; }
/* cart dropdown fix */
.menu-item-language .sub-menu:after { top: -15px; left: auto; right: 20px; }
.no-arrow.nav-dropdown > ul:after { opacity: 0; }
/* -- dropdown styles -- */
ul.header-nav li ul { margin: 0; }
ul.header-nav li ul.menu li { width: 160px; float: none; }
ul.header-nav li .nav-dropdown li { display: block; width: 100%; min-width: 170px; margin: 0; float: none; }
ul.header-nav li .nav-dropdown li a { font-weight: normal; border-bottom: 1px solid #f2f2f2; font-size: 78%; display: block; padding: 8px 0; margin-right: 20px; }
ul.header-nav li .nav-dropdown > ul > li.menu-parent-item { float: left !important; width: 160px !important; }
ul.header-nav li .nav-dropdown > ul > li:last-child > a { border: 0; }
/* 4. level items and down */
#site-navigation .nav-dropdown .nav-column-links .nav-column-links { padding-left: 7px; }
ul.header-nav li .nav-dropdown > ul > li.menu-parent-item ul ul li a { font-size: 11px; padding: 6px 0; border-bottom: none; }
ul.header-nav li .nav-dropdown > ul > li.menu-parent-item ul ul ul li a { padding: 4px 0; }
/* -- add a arrow to top links if it has dropdown -- */
li.menu-parent-item > a.nav-top-link:after, #jPanelMenu-menu .account-dropdown > a:after { font-family: 'icomoon'; content: "\f107"; opacity: 0.7; margin-left: 5px; top: 0px; position: relative; }
/* -- image column for dropdown -- */
ul.header-nav li .nav-dropdown li.image-column { position: relative; float: left !important; width: 160px !important; }
ul.header-nav li .nav-dropdown li.image-column a { line-height: 0; font-size: 0px; margin: 0; padding: 0; margin-right: -10px; margin-top: -20px; margin-bottom: -20px; }
ul.header-nav li .nav-dropdown li.image-column a img { width: 100%; }
ul.header-nav li .nav-dropdown li.image-column a:hover { opacity: 0.9; }
#jPanelMenu-menu li.image-column { display: none !important; }
/* -- Dropdown labesl (new in 1.8) -- */
.label-new.menu-item > a:after, .label-hot.menu-item > a:after, .label-sale.menu-item > a:after, .label-popular.menu-item > a:after { content: ""; display: inline-block; background: #000; font-size: 9px; margin-left: 7px; color: #FFF; padding: 0 3px; position: relative; top: -2px; }
.label-new.menu-item > a:after { background-color: #627f9a; }
.label-sale.menu-item > a:after { background-color: #d26e4b; }
.label-popular.menu-item > a:after { background-color: #7a9c59; }
 > .label-hot.menu-item > a:after {
 background-color: #b20000;
}
/* -- main navigation link colors -- */
ul.header-nav a.nav-top-link { color: #000; opacity: 0.5; }
ul.header-nav li.active a.nav-top-link { color: #000; opacity: 1; }
ul.header-nav li .nav-dropdown a { color: #777; }
ul.header-nav li .nav-dropdown > ul > li.menu-parent-item > a { color: #000; font-weight: bold; border-bottom: 1px solid #f2f2f2 !important; }
ul.header-nav li .nav-dropdown a:hover { color: #000; text-decoration: underline; }
a.nav-top-link:before { margin-right: 5px !important; }
/* -- search dropdown */
.search-wrapper button, .search-wrapper input { margin-bottom: 0 !important; }
.search-dropdown .nav-dropdown { width: 260px; padding-right: 30px !important; }
.search-dropdown input { -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0px; }
/* -- account dropdown -- */
.header-nav li.account-dropdown { border-right: 1px solid rgba(0, 0, 0, 0.1); padding-right: 15px; }
.header-nav li.account-dropdown .nav-dropdown { max-width: 300px; }
.header-nav li.account-dropdown ul { width: 160px; }
.header-nav li.account-dropdown ul li { white-space: normal; }
.header-nav li:last-child { border-right: 0 !important; padding-right: 0 !important; }
/* -- Nav breaks fixes -- */
.nav-crop-right-links .right-links .li.mini-cart { margin-left: 5px !important; }
.nav-crop-right-links .right-links ul.header-nav li { margin-left: 5px !important; }
.nav-crop-right-links .right-links ul.header-nav li.account-dropdown { padding-right: 5px !important; }
.nav-crop-left-links .left-links ul.header-nav > li { margin-left: 5px !important; }
/* -- live search style -- */
.yith-ajaxsearchform-container { position: relative; }
.yith-ajaxsearchform-container form { margin-bottom: 2em; }
.autocomplete-suggestions { background-color: #FFF; position: relative !important; border: 0; width: 100% !important; }
.autocomplete-suggestion { padding: 10px 0; border-bottom: 1px solid #EEE; font-size: 100%; }
.autocomplete-selected { background: #eee; }
/* -- top bar menu -- */
#top-bar .html, .top-bar-nav { display: inline-block; }
ul.top-bar-nav { margin: 0; line-height: 100%; }
ul.top-bar-nav li { list-style: none; position: relative; display: inline-block; border-left: 1px solid rgba(255, 255, 255, 0.2); padding-left: 10px; margin-left: 10px; }
ul.top-bar-nav li:first-child { border: 0; }
ul.top-bar-nav li a:hover { border-bottom: 1px solid #fff; }
ul.top-bar-nav .nav-dropdown { padding: 3px; right: 0; }
ul.top-bar-nav .nav-dropdown ul { margin: 0; min-width: 100px; }
ul.top-bar-nav .nav-dropdown ul li { margin: 0; padding: 0; border-bottom: 1px solid #EEE; display: block; }
ul.top-bar-nav .nav-dropdown > ul:after { top: -20px; right: 20px; left: auto; }
ul.top-bar-nav .nav-dropdown li a { font-size: 90%; display: block; color: #111111 !important; text-transform: uppercase; padding: 5px 10px; border: 0; }
ul.top-bar-nav .nav-dropdown li a:hover { color: #777777 !important; }
ul.top-bar-nav .nav-dropdown ul li:last-child { border: 0; }
/* -- icon fix -- */
.menu-item:before { margin-right: 8px; font-size: 100%; }
/* --  wide navigation  -- */
.wide-nav { top: -300px; background-color: #eee; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4); }
.wide-nav .header-nav > li { margin-left: 0; line-height: 50px; display: inline-block; float: none; }
.wide-nav .wide-nav-right { display: table-cell; height: 50px; vertical-align: middle; }
.wide-nav .wide-nav-right > div { display: table-cell; vertical-align: middle; }
.wide-nav .wide-nav-right button, .wide-nav .wide-nav-right input { margin-bottom: 0; }
.wide-nav .wide-nav-right form { margin-left: 15px; width: 230px; }
.wide-nav .header-nav a.nav-top-link { padding-right: 15px; }
.wide-nav.nav-center .nav-wrapper > #site-navigation { text-align: center; }
.wide-nav.nav-center .nav-wrapper > #site-navigation li { text-align: left; }
.wide-nav.nav-left .nav-wrapper > #site-navigation { float: left; }
.wide-nav .nav-dropdown { margin-top: -3px; }
.wide-nav.nav-center .nav-dropdown > ul:after, .wide-nav.nav-center .nav-dropdown > .row:after { left: 60px; }
.wide-nav-search form { width: 260px; }
.wide-nav-search > li { margin-left: 0 !important; margin-right: 30px; }
.wide-nav-search > div { display: table-cell; vertical-align: middle; padding-top: 15px; padding-left: 20px; }
.logo-center .wide-nav-search > div { padding-left: 0; padding-right: 20px; }
.wide-nav-search form, .wide-nav-search input, .wide-nav-search button { margin-bottom: 0 !important; }
.wide-nav-search .autocomplete-suggestions, .wide-nav-right .autocomplete-suggestions { position: absolute !important; top: 35px; }
.wide-nav-search .autocomplete-suggestion, .wide-nav-right .autocomplete-suggestion { padding-left: 15px; }
/* sticky wide nav */
.wide-nav.stuck { position: fixed; opacity: 0.9; top: -300px; right: 0; left: 0; z-index: 99; -webkit-transition: top 650ms ease; -moz-transition: top 650ms ease; transition: top 650ms ease; }
/* -- Transparent / blank header style / boxed header  -- */
.page-template-page-transparent-header-php .header-wrapper, .page-template-page-blank-header-php .header-wrapper, .page-template-page-boxed-header-php .header-wrapper { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 99; }
.boxed.page-template-page-transparent-header-php .header-wrapper, .boxed.page-template-page-blank-header-php .header-wrapper { left: auto; right: auto; max-width: 71.25em; }
.page-template-page-transparent-header-php #masthead.site-header { background: none !important; }
.page-template-page-blank-header-php #masthead.site-header { display: none; }
.page-template-page-transparent-header-php #content > .ux_slider_wrapper .ux_banner .row, .page-template-page-boxed-header-php #content > .ux_slider_wrapper .ux_banner .row { margin-top: 40px; }
.page-template-page-boxed-header-php .header-wrapper { margin-top: 30px; max-width: 69em; margin-left: auto; margin-right: auto; }
.boxed.page-template-page-boxed-header-php .header-wrapper { margin-top: 20px; }
.framed-layout.page-template-page-boxed-header-php .header-wrapper { margin-top: 60px; }
/* -- WPML dropdown fixes -- */
#lang_sel { z-index: 10; width: 100%; }
#lang_sel li { width: 100%; }
.menu-item-language .sub-menu { padding: 10px; left: auto; right: 0; width: 180px; }
.menu-item-language .sub-menu li { margin: 0; padding: 0; width: 100%; }
.sub-menu.submenu-languages a { color: #777777 !important; font-size: 95%; display: block; text-transform: uppercase; padding: 10px 0; border-bottom: 1px solid #EEE; }
.sub-menu.submenu-languages a:hover { color: black !important; border-bottom: 1px solid #EEE; }
.sub-menu.submenu-languages li:last-child a { border: 0; }
.sub-menu.submenu-languages .iclflag { margin-right: 5px; }

/* UBER MENU FIX */
@media only screen and (max-width: 767px) {
#megaMenuToggle { display: none; }
#megaMenu.megaResponsiveToggle ul.megaMenu { display: block !important; }
}
/**********************************************************************/
/*******************------------- 03. FOOTER -------------*************/
/**********************************************************************/
.footer { padding: 30px 0 0; border-top: 1px solid #eeeeee; }
.footer.light { background: #fff; }
.footer.dark { background: #777777; border: 0; }
.absolute-footer { padding: 15px 0 25px; }
.absolute-footer.dark { background: #111; }
.absolute-footer .left { font-size: 90%; }
.absolute-footer .right { font-size: 90%; }
.absolute-footer ul { margin: 0 0 10px; overflow: hidden; }
.absolute-footer ul li { float: left; list-style: none; padding-right: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.absolute-footer ul li:last-child { padding: 0; }
.absolute-footer ul li a { display: block; padding-bottom: 5px; text-transform: uppercase; font-size: 80%; color: #999; }
.absolute-footer ul li a:hover { color: #000; }
.copyright-footer { opacity: 0.6; }
/**********************************************************************/
/**************------------- 03. PAGES / BLOG -------------************/
/**********************************************************************/
/* -- sidebar -- */
#secondary { padding-top: 20px; }
/* -- layout -- */
article.type-post, article.hentry { margin-bottom: 60px; }
.page-left-sidebar .page-inner { padding-left: 30px; border-left: 1px solid #eee; }
.page-right-sidebar .page-inner { padding-right: 30px; border-right: 1px solid #eee; }
/*-- entry header -- */
.entry-header { margin-bottom: 20px; }
/* -- titles -- */
h1.entry-title { margin: 0px 0px 5px; -ms-word-wrap: break-word; word-wrap: break-word; }
.type-page h1.entry-title, .search-results .text-center h1.entry-title { margin-bottom: 30px; text-transform: uppercase; }
.type-page .text-center h1.entry-title, .search-results .text-center h1.entry-title { margin-bottom: 15px; text-transform: uppercase; }
/* -- entry image -- */
.entry-image { position: relative; margin: 10px 0px 15px; }
.entry-image img { width: 100%; }
.entry-image .post-date { position: absolute; top: 40px; left: -10px; width: 60px; height: 60px; background: #FFF; font-size: 120%; padding-top: 8px; border-width: 4px; }
/* -- entry meta -- */
.entry-meta { font-size: 90%; padding: 10px 0px; }
.entry-meta span.divider { opacity: 0.5; margin: 0 5px; }
.entry-meta-footer { border-top: 1px dotted #dddddd; border-bottom: 3px solid #dddddd; padding: 15px 0; overflow: hidden; }
/* -- archive -- */
body.archive h1.page-title, body.search-results h1.page-title { font-size: 120%; text-transform: uppercase; text-align: center; margin-bottom: 30px; color: #777; }
/* -- blog/attachment pagination --*/
.navigation-paging { width: 100%; overflow: hidden; font-size: 100%; }
.navigation-paging .nav-previous { float: left; }
.navigation-paging .nav-next { float: right; }
.navigation-paging a, .navigation-image a { display: block; border: 3px solid #627f9a; padding: 5px 10px 7px; text-transform: uppercase; }
.navigation-paging a:hover, .navigation-image a:hover { color: #FFF; background-color: #627f9a; }
.navigation-image { margin-top: 15px; }
.navigation-image > div { display: inline-block; margin-right: 10px; }
/* -- date box -- */
.post-date { pointer-events: none; border: 2px solid #627f9a; margin-right: 10px; text-align: center; font-size: 70%; padding: 3px 3px; color: #627f9a; font-weight: bold; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; line-height: 100%; text-transform: uppercase; }
.post-date .post-date-day { display: block; }
.post-date .post-date-month { font-weight: normal; font-size: 80%; }
.post-item:hover .post-date { background: #627f9a; color: #FFF; }
/* -- author box --*/
.author-box { padding: 30px 0; border-bottom: 1px solid #dddddd; }
.author-box p { font-size: 80%; }
.author-box .author-name { margin: 0; }
.author-box .author-title { text-transform: uppercase; }
/* -- blog footer --*/
footer.entry-meta { margin-top: 30px; padding: 15px 0; border-top: 1px dotted #eeeeee; border-bottom: 2px solid #dddddd; }
.navigation-post { border-bottom: 1px solid #dddddd; overflow: hidden; }
.navigation-post a { padding: 30px 20px; display: block; width: 100%; }
.navigation-post span { display: inline-block; margin: 0 5px; top: 1px; position: relative; }
.navigation-post .nav-next { text-align: right; border-left: 1px solid #ddd; }
.navigation-post > div { display: inline-block; width: 48%; }
/* -- gallery styles -- */
.gallery { margin-bottom: 30px !important; }
.gallery a img { border: 0 !important; }
.gallery-item { margin-bottom: 0; }
.gallery-item a img { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
/* -- entry styles -- */
.entry-content .more-link { margin-top: 20px; }
/* -- content layout styles --*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin: 0 auto; }
.post.sticky { border: 3px solid #627f9a; padding: 30px; }
.post.sticky footer.entry-meta { border-bottom: 0; }
.hentry { margin: 0 0 1.5em; }
.byline, .updated { display: none; }
.single .byline, .group-blog .byline { display: inline; }
.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; -ms-word-wrap: break-word; word-wrap: break-word; }
.page-links { clear: both; margin: 0 0 1.5em; }
/* blog styles */
.blog-list-style { border-bottom: 1px solid #eee; margin-bottom: 30px; }
.blog-list-style article { margin-bottom: 30px; }
.blog-list-style .entry-content, .blog-list-style .entry-image { margin-top: 0; }
.blog-list-style .cat-links a { text-transform: uppercase; color: #999; font-size: 80%; }
.blog-list-style .post-date { top: 20px; }
.blog-pinterest-style { margin-right: -5px; margin-left: -5px; }
.blog-pinterest-style .post-date { top: 20px; }
.blog-pinterest-style .cat-links a { text-transform: uppercase; color: #999; font-size: 75%; }
.blog-pinterest-style .entry-content { margin-top: 0; padding: 15px; border-left: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
.blog-pinterest-style .entry-image { margin-bottom: 0; }
.blog-pinterest-style p { font-size: 90%; line-height: 140%; }
.blog-pinterest-style .comments-link a, .blog-pinterest-style span.sep, .blog-pinterest-style .tags-links { font-size: 60%; text-transform: uppercase; color: #555; }
.blog-pinterest-style span.sep { opacity: 0.3; margin: 0 7px; }
.blog-pinterest-style article.type-post, .blog-pinterest-style article.hentry { margin-bottom: 15px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.blog-pinterest-style:hover article { -webkit-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.33); -moz-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.33); box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.33); }
.navigation-container { padding: 0 !important; }
.blog-pinterest-container { padding-bottom: 30px; }
.blog-pinterest-container .navigation-paging { margin-top: 15px; }
.blog-pinterest-container .navigation-container { margin-left: -5px; margin-right: -5px; padding-left: 0.9375em !important; padding-right: 0.9375em !important; }
.blog-pinterest-container .navigation-container .nav-next { margin-right: 20px; }
/* -- media -- */
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }
.wp-caption { border: 1px solid #ddd; margin-bottom: 1.5em; max-width: 100%; background: #f6f6f6; }
.wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; }
.wp-caption-text { text-align: center; }
.wp-caption .wp-caption-text { padding: 10px 0; margin: 0; }
.site-main .gallery { margin-bottom: 1.5em; }
.gallery-caption { display: inline-block; }
.site-main .gallery a img { border: none; height: auto; max-width: 90%; }
.site-main .gallery dd { margin: 0; }
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; }
/* Make sure embeds and iframes fit their containers */
embed, iframe, object { max-width: 100%; }
/* -- image attchments --*/
.entry-attachment .attachment { margin-bottom: 15px; }
/* -- blog share icons --*/
.blog-share { margin-top: 30px; text-align: center; }
/* -- comments -- */
.comment-content a { word-wrap: break-word; }
.bypostauthor { display: inline-block; }
.comments-title { text-transform: uppercase; font-weight: normal; }
.comments-title span { font-weight: bold; }
.form-allowed-tags { font-size: 80%; }
#comments ul li, #comments ol li { list-style: none; width: 100%; }
.comment-inner { padding: 15px 0; }
.comment-list > li { margin-bottom: 0px; }
.comment-list cite.fn { font-weight: bold; color: #000; }
.comment-meta.commentmetadata { font-size: 70%; text-transform: uppercase; }
.comment-form-author input, .comment-form-email input, .comment-form-url input { margin-bottom: 0; }
.comment-form-author, .comment-form-email, .comment-form-url { display: inline-block; width: 32.8%; position: relative; }
.comment-form-author, .comment-form-email { padding-right: 10px; }
#comments .reply a { color: #777777; font-size: 80%; }
.comment-form span.required { display: none; }
#add_review .comment-form-author, #add_review .comment-form-email, #add_review .comment-form-url { width: 40%; margin-bottom: 0; }
/* -- hide stuff before user click message form --*/
#respond .form-allowed-tags, #respond .form-submit { display: none; }
/* --  comments level 1 -- */
.comment-list > li.comment > .comment-inner { border-top: 3px solid #eeeeee; }
.comment-list > li.comment:last-child > .comment-inner { border-bottom: 0; }
#comments ul.children { margin-left: 35px; }
/* -- comments level 2 -- */
.comment-list .children .comment-inner, .children #respond { border-top: 1px solid #eeeeee; padding: 15px; margin-right: 0px; }
.children #respond { padding: 15px 30px; }
/* -- comments level 3 --*/
.comment-list .comment:last-child { border: 0; }
.children .comment { border: 0; }
/* -- ACCOUNT PAGES -- */
.my-account h1 { text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #DDD; margin-bottom: 30px; }
.my-account h2 { text-transform: uppercase; color: #777; font-size: 120%; }
td.order-actions { text-align: right; }
.col2-set.addresses .col-1, .col2-set.addresses .col-2 { float: left; margin-right: 30px; }
.account-user { position: relative; padding-left: 80px; padding-top: 15px; margin-top: 15px; overflow: hidden; }
.account-user .avatar { position: absolute; left: 0; top: 0; }
.account-user span { display: block; }
.account-user span a { text-transform: uppercase; display: inline-block; margin-top: 4px; font-size: 60%; padding: 3px 8px; background: #eee; -webkit-border-radius: 10px; border-radius: 10px; }
.account-user em { color: #ccc; }
/* -- WISHLIST PAGE -- */
.wishlist_table .add_to_cart, .yith-wcwl-add-button > a.button.alt { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.wishlist_table .product-thumbnail img { width: 114px !important; padding-left: 0; margin-left: 20px; }
/* -- FEATURED ITEMS -- */
.page-featured-item #content > ul { margin-left: 0; }
li.featured-item a { display: block; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
li.featured-item h3 { text-transform: uppercase; line-height: 95%; font-size: 100%; padding: 15px 15px 0; }
.featured_item_cats { text-transform: uppercase; font-size: 80%; display: block; margin-bottom: 15px; }
.featured_item_cats a { font-weight: bold; }
.page-featured-item h1 { text-transform: uppercase; }
.featured_item_image { overflow: hidden; position: relative; }
li.featured-item img { width: 100%; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
li.featured-item:hover img { margin-top: -10px; }
li.featured-item:hover a { background: #eee; padding-bottom: 10px; }
li.featured-item.style_2:hover a { background-color: #627f9a; padding-bottom: 0; }
li.featured-item.style_2 .hover-text { position: absolute; bottom: 30px; left: 30px; right: 30px; opacity: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
li.featured-item.style_2:hover .hover-text { opacity: 1; }
li.featured-item.style_2:hover img { margin-top: 0; -webkit-transform: scale(1.2); opacity: 0.3; }
.page-featured-item .item-tags { text-transform: uppercase; font-size: 80%; padding-top: 10px; border-top: 1px dotted #ddd; margin-bottom: 15px; }
.page-featured-item .item-tags span { font-weight: bold; margin-right: 10px; }
.page-featured-item .social-icons { margin-bottom: 15px; }
/* -- CLEAN PAGE TEMPLATE -- */
#back-to-site { position: fixed; top: 0; left: 0; z-index: 10; text-transform: uppercase; opacity: 0.8; font-weight: bold; }
#back-to-site a { background: #000; padding: 5px; color: #FFF; }
/**********************************************************************/
/************------------- 04. SHOP CATEGORIES -------------***********/
/**********************************************************************/
/* -- breadcrumbs -- */
.breadcrumb-row { margin-bottom: 30px; overflow: hidden; }
.breadcrumb { text-transform: uppercase; font-size: 140%; text-transform: uppercase; }
.breadcrumb-medium h3.breadcrumb { font-size: 115%; padding-bottom: 5px; }
.breadcrumb-small h3.breadcrumb { font-size: 95%; padding-bottom: 10px; }
.breadcrumb a { color: #999; font-weight: normal; }
.breadcrumb span { display: inline-block; margin: 0 5px; color: #ccc; }
h3.breadcrumb { margin: 0; padding-top: 5px; }
h4.breadcrumb { font-size: 115%; }
h4.breadcrumb a { font-weight: bold; }
h4.breadcrumb span { font-size: 60%; }
/* -- product categories header -- */
.woocommerce-result-count { margin-right: 20px; }
.woocommerce-result-count, .woocommerce-ordering { display: inline-block; margin-bottom: 0; }
.woocommerce-ordering, .woocommerce-ordering .custom.dropdown, .woocommerce-ordering select { margin: 0 !important; }
/* --  category list -- */
.product-category { margin-bottom: 10px; }
.product-category .inner { position: relative; }
.product-category img { width: auto; height: auto; }
.product-category .header-title { position: absolute; bottom: 40px; padding: 6px 0; left: 0; right: 0; text-align: center; background: #FFF; background: rgba(255, 255, 255, 0.8); -webkit-transition: background 200ms ease-out; -moz-transition: background 200ms ease-out; transition: background 200ms ease-out; }
.product-category .header-title h3 { text-transform: uppercase; font-size: 110%; font-weight: bolder; }
.product-category .header-title h3 span { color: #777; font-weight: normal; display: block; font-size: 60%; }
.product-category:hover .header-title { background: #627f9a; }
.product-category:hover .header-title h3, .product-category:hover .header-title span { color: #FFF; }
li.product-small { margin-bottom: 15px; }
li.product-small.grid2, li.product-small.grid3 { margin-bottom: 0; }
ul.products { margin-bottom: 20px; }
/* -- product list -- */
.product-small { position: relative; display: block; }
.product-small h5 { margin-bottom: 0px; text-transform: uppercase; font-size: 70%; color: #999; font-weight: bolder; }
.product-small p { margin-bottom: 5px; line-height: 120%; margin-top: 5px; }
.product-small .name { font-size: 90%; }
.product-small .tx-div { border-width: 3px; width: 20px; margin: 4px auto 4px auto !important; }
.product-small.out-of-stock .add-to-cart-grid { display: none; }
.product-small.out-of-stock .out-of-stock-label { color: #333; font-weight: bold; text-transform: uppercase; position: absolute; top: 40%; left: 0; right: 0; background: #FFF; padding: 20px 0; background: rgba(255, 255, 255, 0.9); text-align: center; opacity: 0.9; }
/* -- product list images -- */
.product-image { position: relative; display: block; overflow: hidden; }
.product-image .front-image { display: block; width: auto; height: auto; }
.product-image .front-image img { min-width: 100%; max-width: 101% !important; width: auto !important; height: auto !important; display: block; }
.product-image .back-image img { min-width: 100%; opacity: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; position: absolute; top: 0; width: auto !important; height: auto !important; display: block; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; }
.product-image:hover .back-image img { opacity: 1; }
.product-image img.attachment-shop_catalog, .product-image img.attachment-shop_single, .product-image img.attachment-shop_thumbnail { display: block; width: 100% !important; }
/* -- product list images zoom effects -- */
.product-image.hover_zoom_in:hover .back-image img { zoom: 1.3; -moz-transform: scale(1.3); -moz-transform-origin: 50% 50%; -o-transform: scale(1.3); -o-transform-origin: 50% 50%; -webkit-transform: scale(1.3); -webkit-transform-origin: 50% 50%; transform: scale(1.3); transform-origin: 50% 50%; }
/* -- prices styles --*/
.price { font-size: 120%; color: #000; font-weight: bold; line-height: 100%; }
.price.large { font-size: 190%; margin-bottom: 20px; }
.price del, .prod-price del { color: #777; font-weight: normal; }
.price ins, .prod-price ins { text-decoration: none; }
.price .from { font-weight: normal; color: #777; font-size: 80%; }
/* -- callout bubble (sale) -- */
.callout { position: absolute; left: 0px; top: 20px; z-index: 9; text-transform: uppercase; pointer-events: none; }
.callout .inner { background: #d26e4b; position: relative; display: table; }
.callout.style1 .inner { width: 55px; height: 55px; -webkit-border-radius: 999px; border-radius: 999px; }
.callout .inner .inner-text { display: table-cell; vertical-align: middle; text-align: center; font-size: 16px; line-height: 16px; color: #FFF; font-weight: bold; }
.callout.style1.large { top: 30px; left: -5px; }
.callout.style1.large .inner { width: 90px; height: 90px; }
.callout.large .inner .inner-text { font-size: 28px; line-height: 28px; }
.product.small .inner { width: 34px; height: 34px; }
.product.small .callout .inner-text { font-size: 11px; }
.callout.style2 { left: 10px; top: 40px; }
.callout.style2.large { left: 15px; top: 60px; }
.callout.style2 .inner { padding: 10px; }
.callout.style2.large .inner { padding: 10px; }
.callout.style3 { left: 20px; top: 10px; }
.callout.style3 .inner { background: none; border: 2px solid #627f9a; }
.callout.style3 .inner .inner-text { color: #627f9a; font-size: 12px; padding: 0 3px; }
.callout.style3.large { top: 30px; left: 40px; }
.callout.style3.large .inner .inner-text { font-size: 16px; padding: 0 10px; }
/* -- quick view button -- */
.quick-view { font-weight: bold; font-size: 78%; opacity: 0; position: absolute; bottom: -30px; left: 0; right: 0; color: #fff; background: #627f9a; text-align: center; text-transform: uppercase; padding: 5px 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.product-image:hover .quick-view { bottom: 0; opacity: 0.9; }
.quick-view:hover { text-decoration: underline; }
/* -- add to cart in grid -- */
.add-to-cart-grid { position: absolute; bottom: -30px; -webkit-transition: all 350ms ease-out; -moz-transition: all 350ms ease-out; transition: all 350ms ease-out; left: 10px; display: block; top: auto; right: auto; padding: 0; margin: 0; }
.product-image:hover .add-to-cart-grid { bottom: 35px; }
.product-image .added_to_cart { display: none !important; }
.product-image .cart-icon strong { padding: 1px 2px; font-size: 10px; margin: 0; }
.product-image .cart-icon .cart-icon-handle { top: 0px; height: 9px; width: 9px; right: 50%; margin-right: -4px; }
.add-to-cart-grid .cart-icon strong:hover { color: #FFF; }
.add-to-cart-grid.added .cart-icon strong, .add-to-cart-grid.loading .cart-icon strong { color: #FFF; border-color: #7a9c59; background-color: #7a9c59; }
.add-to-cart-grid.added .cart-icon .cart-icon-handle { border-color: #7a9c59; }
.add-to-cart-grid .icon-inner:before { content: "\e00c"; font-weight: normal; }
.add-to-cart-grid.added .icon-inner:before, .add-to-cart-grid.loading .icon-inner:before { content: "\e00a"; }
/* -- add to wishlist --*/
.yith-wcwl-add-to-wishlist { position: absolute; top: 10px; right: 20px; margin-top: 0; z-index: 98; height: 30px; }
.yith-wcwl-wishlistexistsbrowse .feedback, .yith-wcwl-wishlistaddedbrowse .feedback { display: none; }
.yith-wcwl-wishlistexistsbrowse a, .yith-wcwl-add-button a.add_to_wishlist, .yith-wcwl-wishlistaddedbrowse a { text-indent: -9999px; display: block; width: 30px; height: 30px; position: relative; border: 3px solid #000; -webkit-border-radius: 99px; border-radius: 99px; color: #000; padding: 5px; }
.yith-wcwl-wishlistexistsbrowse a:before, .yith-wcwl-add-button a.add_to_wishlist:before, .yith-wcwl-wishlistaddedbrowse a:before { position: absolute; left: 0; right: 0; text-align: center; text-indent: 0; content: "\e000"; font-size: 16px; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.yith-wcwl-add-to-wishlist a { color: #000; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; opacity: 0; }
.product-small:hover .yith-wcwl-add-to-wishlist a, .featured-product:hover .yith-wcwl-add-to-wishlist a, .product-gallery:hover .yith-wcwl-add-to-wishlist a { opacity: 0.3; }
.yith-wcwl-add-to-wishlist a:hover { color: #c60000; border-color: #c60000; opacity: 1 !important; }
.yith-wcwl-wishlistexistsbrowse a, .yith-wcwl-wishlistaddedbrowse a { color: #c60000; border-color: #c60000; }
.column-slider .yith-wcwl-add-to-wishlist { right: 25px; }
/* Popup message */
#yith-wcwl-popup-message { background: #FFF; border: 1px solid #ddd; line-height: 50px; padding: 15px; font-size: 120%; position: fixed; text-align: center; top: 50%; left: 50%; z-index: 10000;/* Thanks WP -.- */ }
/* -- add to wishlist product page -- */
.product-image .yith-wcwl-add-to-wishlist { top: 30px; right: 30px; }
.product-image .yith-wcwl-wishlistexistsbrowse a, .product-image .yith-wcwl-add-button a.add_to_wishlist, .product-image .yith-wcwl-wishlistaddedbrowse a { padding: 10px; height: 40px; width: 40px; }
/* -- New Grid styles -- */
.style-grid3 .price span { font-size: 85%; }
.style-grid3 td { vertical-align: top; }
.style-grid3 .name { margin-top: 0; padding-right: 5px; margin-right: 10px; border-right: 1px solid #EEE; }
.style-grid3 .star-rating { font-size: 70%; }
.style-grid3 .category { opacity: 0.4; }
/**********************************************************************/
/**************------------- 05. PRODUCT PAGE -------------************/
/**********************************************************************/
/* -- variation select box --*/
.single_variation_wrap { display: none; }
.single_variation_wrap .single_variation { margin-bottom: 15px; }
/* -- Product zoom -- */
.zoom-button { z-index: 98; opacity: 0.5; font-size: 16px; left: 30px; bottom: 30px; border: 3px solid #000; color: #000; -webkit-border-radius: 99px; border-radius: 99px; position: absolute; padding: 10px; cursor: pointer; }
.zoom-button:hover { opacity: 1; }
.product-zoom-lightbox .mfp-img { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
/* Product-page-sidebar (Upsell etc.) */
.product-page-aside { padding-top: 7px; }
.product-page-aside h6 { font-size: 11px; text-transform: uppercase; }
.product-page-aside .product { opacity: 0.7; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; margin-bottom: 10px; }
.product-page-aside .product:hover { opacity: 1; }
.up-sell.large-block-grid-2 li { padding: 0px 3px 6px 3px !important; margin-bottom: 0px; }
.up-sell.large-block-grid-2 li img { display: block; }
.up-sell .product.small { position: relative; }
.product-sidebar-right > .inner { border-left: 1px solid #EEE; padding-left: 30px; }
.product-sidebar-left > .inner { border-right: 1px solid #EEE; padding-right: 30px; }
/* -- product text top -- */
.product-page .size-chart { font-size: 80%; font-weight: normal; }
.product-page .custom.dropdown { width: 80% !important; }
.product-page .text-center .custom.dropdown { width: 80% !important; margin-left: auto !important; margin-right: auto !important; }
.product-page .prefix.last { -webkit-border-radius: "0px 10px 0px 10px"; border-radius: "0px 10px 0px 10px"; }
/* -- product text -- */
.product-info h4 span { color: #999; text-transform: none; }
.product-info h4 a { font-size: 70%; text-transform: uppercase; }
/* -- attributes tab--  */
.shop_attributes th { width: 100px; }
.shop_attributes tr { border-bottom: 1px solid #eeeeee; }
.shop_attributes p { margin: 0; }
/* -- product details -- */
.product-details { border-top: 1px solid #dddddd; }
.product-details.sections-style { border: 0; }
.product-details .pos_pills { margin-top: 30px; }
/* -- prodcut meta --  */
.product_meta > span { display: block; border-top: 1px dotted #dddddd; padding: 7px 0; font-size: 80%; }
/* -- variations -- */
.variations .value { margin-left: 0; }
.variations .value .minus, .variations .value .plus { display: none !important; }
.variations select { margin-bottom: 0; }
.variations td { vertical-align: middle; }
.variations label { font-size: 95%; font-weight: bolder; margin: 0; }
.variations .reset_variations { display: none !important; }
.variations .select-wrapper { width: 90%; }
/* -- related products --*/
.related-product h2 { text-transform: uppercase; padding-top: 0; }
/* --  Product info section style -- */
.product-page-sections h5 { text-transform: uppercase; opacity: 0.6; color: #111; }
.product-page-sections #reviews h2 { display: none; }
.product-page-sections #reviews hr { display: none; }
.product-page-sections .entry-content { margin-top: 0; }
/* -- Product info tabs_vertical-style --*/
.tabs_vertical-style h3 { border-bottom: 0; padding-bottom: 15px; }
.tabs_vertical-style #reviews > .row { margin: 0 !important; }
.tabs_vertical-style #add_review.large-5 { padding-left: 15px; }
/* -- next prev products navigation -- */
.next-prev-nav { text-align: right; position: relative; margin-bottom: 30px; }
.next-prev-nav .prod-dropdown > a { font-size: 16px; line-height: 16px; display: block; padding-top: 2px; text-align: center; width: 25px; height: 25px; border: 2px solid; display: inline-block; -webkit-border-radius: 99px; border-radius: 99px; color: #ccc; }
.next-prev-nav .prod-dropdown > a:hover { border-color: #627f9a; background-color: #627f9a; color: #FFF; }
.prod-dropdown { display: inline-block; z-index: 99; }
.prod-dropdown .nav-dropdown { left: auto; right: 0px !important; width: auto; padding: 3px; margin: 0px; }
.prod-dropdown .nav-dropdown img { width: auto; display: block; }
/****** PRODUCT REVIEWS ******/
#reviews .star-rating, #reviews p.meta { display: inline-block; }
#reviews p.meta { margin-bottom: 5px; }
#reviews h2 { font-size: 130%; font-weight: normal; }
#reviews h2 strong { font-weight: bolder; }
#review_form { background: #FFF; margin: 0 auto; padding: 40px; }
textarea#comment { height: 100px; }
/* -- add review form  -- */
#add_review .inner { padding: 15px 30px; position: relative; background: #fff; border: 3px solid #ddd; }
/* -- review-item -- */
.review-item { position: relative; border-bottom: 2px dotted #eeeeee; margin-bottom: 15px; font-size: 90%; min-height: 85px; padding-left: 90px; }
.review-item .avatar { position: absolute; left: 0; top: -5px; }
.review-item .description { color: #777; font-style: italic; font-family: georgia; font-size: 105%; padding-right: 20%; }
/* -- review star rating form -- */
.woocommerce p.stars:after, .woocommerce-page p.stars:after { content: ""; display: block; clear: both; }
.woocommerce p.stars span, .woocommerce-page p.stars span { width: 80px; height: 16px; position: relative; float: left; background: url(//www.magnesiumlife.com/wp-content/themes/flatsome/css/star.png) repeat-x left 0; }
.woocommerce p.stars span a, .woocommerce-page p.stars span a { float: left; position: absolute; left: 0; top: 0; width: 16px; height: 0; padding-top: 16px; overflow: hidden; }
.woocommerce p.stars span a:hover, .woocommerce-page p.stars span a:hover, .woocommerce p.stars span a:focus, .woocommerce-page p.stars span a:focus { background: url(//www.magnesiumlife.com/wp-content/themes/flatsome/css/star.png) repeat-x left -16px; }
.woocommerce p.stars span a.active, .woocommerce-page p.stars span a.active { background: url(//www.magnesiumlife.com/wp-content/themes/flatsome/css/star.png) repeat-x left -32px; }
.woocommerce p.stars span a.star-1, .woocommerce-page p.stars span a.star-1 { width: 16px; z-index: 10; }
.woocommerce p.stars span a.star-2, .woocommerce-page p.stars span a.star-2 { width: 32px; z-index: 9; }
.woocommerce p.stars span a.star-3, .woocommerce-page p.stars span a.star-3 { width: 48px; z-index: 8; }
.woocommerce p.stars span a.star-4, .woocommerce-page p.stars span a.star-4 { width: 64px; z-index: 7; }
.woocommerce p.stars span a.star-5, .woocommerce-page p.stars span a.star-5 { width: 80px; z-index: 6; }
/* -- yith_magnifier_zoom_wrap fix --*/
.product-gallery { margin-bottom: 25px; }
.yith_magnifier_zoom_wrap { z-index: 8 !important; }
/* -- Additional fields --*/
.product-addon { width: 100%; border-top: 1px solid #eee; padding-top: 15px; font-size: 90%; }
.product-addon > h3 { font-size: 14px; }
.product-addon .select-wrapper { width: 90%; }
.product-addon input { margin-bottom: 3px; }
/**********************************************************************/
/******************------------- 06. CART -------------****************/
/**********************************************************************/
/* -- mini cart -- */
li.mini-cart .nav-dropdown { right: 15px; width: 330px; }
.cart-icon { display: inline-block; position: relative; }
.cart-icon strong { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; color: #627f9a; border: 2px solid #627f9a; position: relative; padding: 4px 9px; margin-left: 15px; background: #FFF; z-index: 10; }
.cart-icon .cart-icon-handle { border: 2px solid #627f9a; right: 50%; margin-right: -15px; top: -10px; height: 15px; width: 15px; position: absolute; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
li.mini-cart:hover .cart-icon .cart-icon-handle { top: -12px; }
li.mini-cart .nav-dropdown { padding-right: 30px !important; }
li.mini-cart .nav-dropdown button { margin-bottom: 5px; }
strong.cart-name, span.cart-price { color: #000; opacity: 0.6; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.active strong.cart-name, .active span.cart-price { color: #000; opacity: 1; }
a.cart_list_product_img { display: block; height: 70px; overflow: hidden; padding: 0 !important; margin-bottom: 5px; }
li.mini-cart.active .cart-icon strong { background-color: #627f9a; color: #FFF; }
/* -- mini cart dropdown -- */
li.mini-cart .cart_list { max-height: 450px; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.mini-cart-item { padding-bottom: 5px; border-bottom: 1px solid #dddddd; margin-bottom: 10px !important; line-height: 100%; }
.mini-cart-item a:hover { text-decoration: none; }
.cart-inner p.empty { margin: 0; white-space: normal; }
.cart-inner .spinner { position: relative; }
/* -- custom cart icon -- */
.custom-cart-inner { display: block; width: 42px; padding-left: 32px; position: relative; }
.custom-cart-icon { position: absolute; right: 0; bottom: -10px; max-width: 32px; }
.custom-cart-count { position: absolute; font-size: 70%; display: block; text-align: center; height: 20px; width: 20px; right: 0; z-index: 3; bottom: 5px; right: -10px; color: #FFF; background-color: #d26e4b; padding-top: 4px; font-weight: bold; -webkit-border-radius: 33px; border-radius: 33px; }
.mini-cart:hover .custom-cart-count { background: #000; }
/* -- delete icon -- */
.remove .icon-close { border: 2px solid #dddddd; display: block; height: 25px; width: 25px; text-align: center; color: #dddddd; padding-top: 5px; -webkit-border-radius: 99px; border-radius: 99px; line-height: 10px; font-size: 10px; margin-top: 25%; display: inline-block; }
.remove .icon-close:hover { border-color: #000; color: #000; }
/* -- text -- */
.mini-cart-item a.cart_list_product_title { display: block; font-size: 75%; margin: 0; padding: 0 20px 0 0; white-space: pre-wrap; }
.mini-cart-item .cart_list_product_quantity, .mini-cart-item .cart_list_product_price { font-size: 75%; display: inline-block; text-transform: uppercase; }
.mini-cart-item .cart_list_product_price { font-weight: bold; }
.mini-cart-item .cart_list_product_quantity { margin-left: 5px; }
.minicart_total_checkout { line-height: 100%; white-space: normal; color: #000; text-align: center; padding: 0 0 7px; margin-bottom: 10px; text-transform: uppercase; }
.minicart_total_checkout span.amount { font-weight: bold; display: inline-block; margin-left: 5px; }
.mini-cart .nav-dropdown a.button { color: white !important; padding: 13px 0; margin-bottom: 10px; display: block; }
/* -- Cart tables -- */
table tr { border-bottom: 1px dotted #dddddd; }
.shop_table .product-thumbnail { width: 90px; }
.shop_table thead th { padding-top: 4px; padding-bottom: 12px; }
.shop_table dl.variation { margin: 0; font-size: 80%; opacity: 0.6; }
.shop_table dl.variation p { margin: 0; }
.shop_table dl.variation dt, .shop_table dl.variation dd { display: inline-block; margin: 0; }
.shop_table dl.variation dt { margin-right: 5px; }
.shop_table dl.variation dd { margin-right: 10px; }
.shop_table .product-price { padding-right: 20px; }
.shop_table .product-subtotal { font-weight: bold; }
.shop_table.cart td.product-name { padding: 0 30px; font-size: 100%; width: 35%; }
.shop_table td.product-quantity .quantity { margin-top: 10px; }
.shop_table.order_details .product-total, .shop_table .product-total { text-align: right; }
.shop_table .total { color: #222; }
.shop_table .shipping th { padding-right: 15px; }
.shop_table .shipping td { font-weight: normal; }
.shop_table.my_account_orders .order-total { border: 0; }
.cart_totals .order-total, .shop_table .order-total { vertical-align: center; border-bottom: 3px solid #dddddd; border-top: 1px solid #dddddd; }
.cart_totals td { text-align: right; }
.cart_totals h2 { border-bottom: 3px solid #dddddd; padding-bottom: 10px; text-transform: uppercase; font-size: 95%; }
.shop_table .cart-subtotal { border-top: 1px solid #ddd; }
.checkout_table_item { border-bottom: 1px dotted #dddddd; }
.checkout_table_item .product-total { text-align: right; font-weight: bold; }
.cart_totals p { line-height: 100%; }
.shop_table tfoot th { text-transform: uppercase; font-size: 80%; }
.shop_table tfoot td { text-align: right; font-weight: bold; }
ul#shipping_method { margin-bottom: 0; }
ul#shipping_method li { list-style: none; line-height: 90%; padding: 5px 0; }
ul#shipping_method li input, ul#shipping_method li label { display: inline; }
ul#shipping_method li input { margin: 0 5px 0 0; }
/* -- shopping cart page -- */
.shop_table { margin-top: 4px; }
.shop_table thead { border-bottom: 3px solid #dddddd; text-transform: uppercase; color: #333; }
.shop_table .product-subtotal { text-align: right; }
.items_found_cart { margin-bottom: 15px; display: block; }
.cart-wrapper { padding-right: 30px; border-right: 1px solid #dddddd; }
.cart-sidebar .button { margin-bottom: 10px; }
.cart-sidebar .widget-title { border-bottom: 3px solid #dddddd; padding-bottom: 10px; }
.checkout-button { margin-bottom: 30px !important; }
.shipping-calculator-form select { margin-bottom: 0px; }
a.shipping-calculator-button { text-transform: uppercase; font-size: 70%; margin-top: 15px; padding-top: 5px; border-top: 1px solid #dddddd; display: block; width: 100%; }
a.shipping-calculator-button:before { font-family: 'icomoon'; content: "\e00c" !important; margin-right: 5px; font-size: 10px; position: relative; top: -2px; }
/* -- cross sells -- */
.cross-sells h2 { font-size: 100%; text-transform: uppercase; margin-top: 30px; margin-bottom: 15px; padding-top: 15px; border-top: 3px solid #dddddd; }
.cross-sells ul { margin-left: 0; }
.cross-sells .row > .columns { padding: 0 !important; }
.woocommerce-cart .cart-empty, .woocommerce-cart .return-to-shop { text-align: center; }
/**********************************************************************/
/****************------------- 07. CHECKOUT -------------**************/
/**********************************************************************/
/* -- Hide stuff for cleaner checkout (footers and banners) -- */
.woocommerce-checkout .footer-1, .woocommerce-checkout .footer-2 { display: none !important; }
/* -- checkout breadcrumb --*/
.checkout-breadcrumb h1 { text-align: center; margin-bottom: 30px; text-transform: uppercase; padding-bottom: 30px; font-weight: normal; color: #ccc; font-size: 150%; }
.checkout-breadcrumb span.divider { display: inline-block; margin: 0 10px; opacity: 0.6; }
.woocommerce-cart .title-cart, .woocommerce-checkout .title-checkout { font-weight: bolder; color: #333; }
/* -- general checkout layout -- */
.woocommerce .order-review, .woocommerce-checkout form.login { border: 3px solid #627f9a; padding: 30px; }
.woocommerce .checkout-group label { font-weight: bold; }
.checkout-group h3 { color: #627f9a; font-size: 130%; text-transform: uppercase; padding: 8px 0 10px; margin-bottom: 15px; border-top: 3px solid #dddddd; width: 98.5%; border-bottom: 1px solid #eeeeee; }
.checkout-group h3:before, .order-review h3:before { content: "\f107"; font-family: 'icomoon'; margin-right: 10px; }
.woocommerce-checkout .entry-title { width: 50%; display: inline-block; }
/* -- checkout fields --  */
.woo-billing p { display: inline-block; margin-bottom: 25px; width: 98.5%; }
.woo-billing p input { margin-bottom: 0px; }
#billing_address_1_field { margin-bottom: 10px; }
#billing_first_name_field, #billing_last_name_field, #billing_email_field, #billing_phone_field { width: 49%; }
#billing_first_name_field, #billing_email_field { padding-right: 2%; }
label.checkbox { display: inline-block; margin-left: 10px; font-weight: normal; }
p.create-account-row { display: inline-block; width: 98.5%; padding: 15px 0 10px; border-bottom: 1px solid #dddddd; }
.input-checkbox { display: inline-block; }
#order_comments { width: 98.5%; }
/* -- ship to other -- */
h3#ship-to-different-address { font-size: 100%; border-width: 1px; }
h3#ship-to-different-address:before { display: none; }
h3#ship-to-different-address label.checkbox { margin-left: 0; }
h3#ship-to-different-address input { margin-bottom: 0; margin-left: 10px; }
h3#ship-to-different-address:hover { color: #000; }
/* -- checkout order review -- */
.order-review h3 { padding: 0 0 10px; color: #627f9a; text-transform: uppercase; }
ul.payment_methods { margin: 0 0 30px 0 !important; }
ul.payment_methods .input-radio { margin-bottom: 15px; }
ul.payment_methods li { list-style: none; border-bottom: 1px solid #dddddd; padding-top: 5px; }
ul.payment_methods li label { display: inline-block; margin-left: 10px; }
ul.payment_methods p { font-size: 90%; line-height: 110%; opacity: 0.8; }
.form-row.terms { position: relative; }
.form-row.terms .checkbox { padding-left: 25px; margin: 0; }
.form-row.terms .input-checkbox { position: absolute; left: 0px; top: 4px; }
/* -- checkout page -- */
.page-checkout .woocommerce-info { margin-bottom: 0; padding-top: 0; }
/* -- checkout country dropdown fixes -- */
a.chzn-single { background: white !important; -webkit-border-radius: 0px !important; }
.woocommerce-checkout .form-row .chzn-container-single .chzn-single { height: 32px !important; line-height: 33px !important; }
/**********************************************************************/
/*****************------------- 08. SLIDERS -------------**************/
/**********************************************************************/
/* -- slider container -- */
.iosSlider { position: relative; top: 0; left: 0; -webkit-transition: min-height 500ms ease-out; -moz-transition: min-height 500ms ease-out; transition: min-height 500ms ease-out; margin-bottom: 30px; }
.ux_slider_wrapper { position: relative; }
.iosSlider .slider { width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.iosSlider .slider .slide { float: left; width: 100%; }
.iosSlider.default { position: relative; height: 300px; min-height: 300px; overflow: hidden; width: 100%; position: relative; top: -1px !important; }
.iosSlider.blog-posts { height: 200px; min-height: 300px; overflow: hidden; width: 100%; }
.iosSlider.lookbook-slider { height: 300px; min-height: 300px; overflow: hidden; width: 100%; }
.iosSlider.product-gallery-slider { height: 500px; min-height: 500px; overflow: hidden; width: 100%; }
.iosSlider .slider > .ux_banner, .iosSlider .slider > .row { float: left; width: 100%; height: 100%; }
.iosSlider .slider > a { display: block; }
.iosSlider .slider > a img { width: 100% !important; }
.cat-header .iosSlider { margin-bottom: 0; }
.iosSlider .product-image .front-image img, .iosSlider .product-image .back-image img { width: 100% !important; }
.slider > .columns { padding: 0 !important; }
/* -- product gallery / thumbnail slider -- */
.product-gallery-slider { overflow: hidden; margin-bottom: 15px; }
.product-gallery-slider .slide img { width: 100% !important; }
.product-gallery-slider .sliderNav.small a { background: none !important; box-shadow: none; width: 15% !important; }
.product-gallery-slider .sliderNav.small a.nextSlide span { left: 15px; border: 0; line-height: 28px; }
.product-gallery-slider .sliderNav.small a.prevSlide span { right: 15px; border: 0; line-height: 28px; }
.product-thumbnails .sliderNav.small a { bottom: 10px; background: none !important; box-shadow: none; }
.product-thumbnails .sliderNav.small a.disabled.nextSlide { left: -50px; }
.product-thumbnails .sliderNav.small a.disabled.prevSlide { right: -50px; }
.product-thumbnails .sliderNav.small a span { top: 40%; border: 0; line-height: 28px; }
/* -- product gallery slider -thumbnails  -- */
.product-thumbnails { width: 100%; overflow: hidden; margin-bottom: 0; white-space: nowrap; }
.product-thumbnails .thumb { width: 116px !important; overflow: hidden; border: 1px solid #eeeeee; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; margin: 0 15px 0 0; display: inline-block; opacity: 0.5; }
.product-thumbnails .thumb img { display: block; width: 100%; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.product-thumbnails .thumb:hover img, .product-thumbnails .thumb.selected img { margin-top: -10px; }
.product-thumbnails .thumb:hover, .product-thumbnails .thumb.selected { opacity: 1; border-color: #ccc; }
/* -- slider navigation -- */
.iosSlider .sliderNav a { z-index: 2; width: 7%; position: absolute; top: 0; bottom: 0; opacity: 0; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.iosSlider .sliderNav a span { display: block; line-height: 30px; position: absolute; top: 45%; font-size: 32px; width: 38px; height: 38px; text-align: center; color: #fff; border: 3px solid #FFF; -webkit-border-radius: 99px; border-radius: 99px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.iosSlider .sliderNav a:hover span { background: #627f9a; color: #FFF; border-color: #627f9a; }
.iosSlider:hover .sliderNav a { opacity: 0.7; }
.iosSlider .sliderNav a:hover { opacity: 1; }
.iosSlider .sliderNav a.nextSlide { left: 0; }
.iosSlider .sliderNav a.prevSlide { right: 0; }
.iosSlider .sliderNav a.nextSlide span { left: 30%; padding-right: 3px; }
.iosSlider .sliderNav a.prevSlide span { right: 30%; padding-left: 3px; }
/* -- small slider arrows (used on product sliders and blog slider -- */
.sliderNav.small a { width: 15px; }
.iosSlider:hover .sliderNav.small a { width: 40px; }
.sliderNav.small a { opacity: 1; background: rgba(255, 255, 255, 0.8) !important; -webkit-box-shadow: 0px -150px 30px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px -150px 30px 0px rgba(0, 0, 0, 0.3); }
.sliderNav.small a.disabled { opacity: 0 !important; }
.product-image .sliderNav a { top: 100px; bottom: 100px; }
.iosSlider:hover .sliderNav.small a span { opacity: 1; }
.sliderNav.small a span { opacity: 0; border-color: #000; color: #000; height: 30px; width: 30px; border-width: 2px; line-height: 24px; }
.sliderNav.small a.nextSlide span { left: 0px; padding-right: 3px; }
.sliderNav.small a.prevSlide span { right: 0px; padding-left: 3px; }
.iosSlider .sliderNav.simple a { border: 0; }
.iosSlider .sliderNav.simple a span { line-height: 26px; }
.iosSlider .sliderNav.dark a { color: #777; }
.iosSlider .sliderNav.simple a.nextSlide { left: 10px; }
.iosSlider .sliderNav.simple a.prevSlide { right: 10px; }
/* -- column slider styles -- */
.column-slider { position: relative; margin-bottom: 15px !important; }
.column-slider .product-small, .column-slider .product-category, .column-slider .featured-item { padding: 0 !important; }
.column-slider .product-small > a, .column-slider .product-category a { display: block; padding: 0 15px; }
.column-slider .featured-item.style_1 a { margin: 0 15px; }
.column-slider .product-category .header-title { left: 15px; right: 15px; }
.column-slider .slider { margin: 0 !important; }
.column-slider .blog_shortcode_item { padding: 0 !important; }
.column-slider .blog_shortcode_item a { display: block; padding: 0 15px; }
.column-slider .sliderNav a span { top: 30%; }
.category-slider .sliderNav a span, .featured-items-slider .sliderNav a span { top: 45%; }
.blog-posts .sliderControlls { opacity: 0; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; }
.blog-posts:hover .sliderControlls { opacity: 1; }
.featured-items-slider.style-2 .sliderNav span { margin: 0 10px; }
.column-slider .info.style-grid2 { padding-left: 15px; }
.column-slider .callout.style2 { left: 15px; }
.column-slider .callout.style3 { left: 25px; }
/* -- slider bullets -- */
.sliderBullets { position: absolute; bottom: 30px; left: 10%; right: 10%; text-align: center; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; z-index: 1; }
.sliderBullets .bullet, .flipContainer .pager span.dot { display: inline-block; height: 13px; width: 13px; margin: 0 2px; border: 3px solid #FFF; opacity: 0.5; -webkit-border-radius: 99px; border-radius: 99px; -webkit-transition: background 200ms ease-out; -moz-transition: background 200ms ease-out; transition: background 200ms ease-out; }
.sliderBullets .bullet.active, .sliderBullets .bullet:hover, .flipContainer .pager span.dot.current { opacity: 1; background: #FFF; cursor: pointer; }
/* div fixes */
.shortcode_tabgroup .column-slider .sliderNav { top: -50px; }
/**********************************************************************/
/**************------------- 09. BANNER SYSTEM -------------***********/
/**********************************************************************/
.ux_banner-grid { margin-left: -7px !important; margin-right: -7px !important; margin-bottom: 20px !important; }
.ux_banner-grid .columns { margin-right: -1px !important; }
.ux_banner-grid .columns > div { margin-left: 7px !important; margin-right: 7px !important; }
.ux_banner-grid .ux_banner { margin-bottom: 15px; display: block; }
.ux_banner-grid .columns > img { margin-bottom: 10px; }
#content > .ux_block > .ux_banner, #content > .ux_banner { margin-bottom: 30px; }
.ux_banner .inner.animated { opacity: 0; }
.ux_banner { background: #627f9a; line-height: 140%; display: block; position: relative; overflow: hidden; -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.ux_banner.light { background: #f9f9f9; }
.ux_banner .banner-bg, .ux_bg .banner-bg { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; -ms-behavior: url(//www.magnesiumlife.com/wp-content/themes/flatsome/css/backgroundsize.htc); }
.ux_banner .banner-effect { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; background-color: transparent; }
.ux_banner.full-height { height: 100vh !important; }
.ux_banner .row { position: relative; height: 100%; z-index: 2; }
.ux_banner .inner { white-space: normal; z-index: 3; position: absolute; left: 10%; bottom: 10%; right: 10%; margin: 0 auto; }
.ux_bg { position: relative; overflow: hidden; }
.ux_bg .banner-bg.ux_parallax, .ux_banner .banner-bg.ux_parallax { background-position: top; background-attachment: scroll !important; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; opacity: 0; }
.ux_bg .ux_bg_content { z-index: 10; position: relative; }
#content .slider .ux_bg { padding-left: 0 !important; padding-right: 0 !important; }
.ux_parallax.parallax-active { opacity: 1; }
.parallax_img_inner { opacity: 0; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; }
.ux-bg-title { text-align: center; position: relative; bottom: -26px; z-index: 99; }
.ux-bg-title span { color: #627f9a; font-size: 80%; display: inline-block; background: #FFF; text-transform: uppercase; padding: 5px 15px; border: 2px solid #627f9a; }
html[data-useragent*='iPad'] .ux_bg .banner-bg.ux_parallax, html[data-useragent*='iPad'] .ux_banner .banner-bg.ux_parallax, html[data-useragent*='iPhone'] .ux_bg .banner-bg.ux_parallax, html[data-useragent*='iPhone'] .ux_banner .banner-bg.ux_parallax { background-position: 50% 50% !important; background-size: cover !important; background-attachment: scroll !important; opacity: 1 !important; }
.ux_banner .button { margin: 15px 5px 10px 5px; }
.ux_banner .text-right .button { margin: 15px 0 10px 10px; }
.ux_banner .text-left .button { margin: 15px 10px 10px 0px; }
.ux_banner .center { bottom: 50% !important; top: auto !important; text-align: center; }
.ux_banner .left { left: 10%; right: auto; text-align: left; }
.ux_banner .far-left { left: 20px; right: auto; text-align: left; }
.ux_banner .right { left: auto; right: 10%; text-align: right; }
.ux_banner .far-right { left: auto; right: 20px; text-align: right; }
.ux_banner .center .tx-div { margin: 0 auto; }
.ux_banner .left .tx-div, .ux_banner .far-left .tx-div { margin: 0 auto 0 0; }
.ux_banner .right .tx-div, .ux_banner .far-right .tx-div { margin: 0 0 0 auto; }
.ux_banner .text-center .tx-div { margin: 0 auto; }
.ux_banner .text-left .tx-div { margin: 0 auto 0 0; }
.ux_banner .text-right .tx-div { margin: 0 0 0 auto; }
.ux_banner .tx-div { margin-top: 15px !important; margin-bottom: 15px !important; }
.ux_banner .inner.top { top: 12% !important; margin: 0 auto !important; bottom: auto !important; }
.ux_banner .inner.bottom { bottom: 12% !important; margin: 0 auto !important; top: auto !important; }
.ux_banner .inner.far-bottom { bottom: 0 !important; top: auto !important; }
.ux_banner .inner.far-top { top: 0 !important; bottom: auto !important; }
.ux_banner .inner.full-width { left: 0 !important; right: 0 !important; width: 100% !important; }
.text-box-dark:before { box-shadow: -10px 0px 0px #000; display: inline-block; width: 10px; content: " "; }
.text-box-dark { background: #000; color: #FFF; display: inline; line-height: 120% !important; box-shadow: 10px 0px 0px #000; }
.text-box-light:before { box-shadow: -10px 0px 0px #FFF; display: inline-block; width: 10px; content: " "; }
.text-box-light { background: #FFF; color: #111; display: inline; line-height: 120% !important; box-shadow: 10px 0px 0px #FFF; }
.text-box-primary { background: #627f9a; color: #fff; display: inline; line-height: 140% !important; }
.text-box-dark:after, .text-box-light:after, .text-box-primary:after { visibility: hidden; display: block; font-size: 0 !important; content: ""; clear: both; height: 0 !important; }
.dark .text-box-light { color: #000; }
.ux_banner .callout { left: auto; right: 70px; top: 30px; }
.ux_banner .text-boxed { -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1); }
/* -- UX texts -- */
.ux_text { display: table; height: 100%; width: 100%; }
.ux_text .inner { display: table-cell; height: 100%; vertical-align: middle; }
.ux_text.top .inner { vertical-align: top; }
.ux_text.bottom .inner { vertical-align: bottom; }
.ux_text.text-center { margin: 0 auto; }
.text-bordered-white, .text-bordered-primary, .text-bordered-dark { border: 3px solid #FFF; padding: 15px; }
.text-bordered-dark { border-color: #000; }
/* -- hover styles -- */
.ux_banner .banner-bg { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
/* -- hover style : fade effect --*/
.ux_banner.hover_fade:hover .banner-bg { opacity: 0.3; }
/* -- hover style : hover zoom --*/
.ux_banner.hover_zoom:hover .banner-bg { opacity: 0.4; -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); }
/* -- font sizes -- */
.ux_banner h1, .ux_text h1 { font-weight: bolder; font-size: 350%; line-height: 100%; margin: 7px 0; }
.ux_banner h2, .ux_text h2 { font-size: 300%; line-height: 100%; margin: 7px 0; }
.ux_banner h3, .ux_text h3 { font-size: 200%; line-height: 100%; margin: 7px 0; }
.ux_banner h4, .ux_text h4 { font-size: 150%; line-height: 100%; margin: 7px 0; }
.ux_banner h5, .ux_text h5 { font-size: 100%; line-height: 100%; margin: 7px 0; }
.ux_banner h6, .ux_text h6 { font-size: 60%; line-height: 100%; margin: 7px 0; }
.ux_banner p { font-size: 60%; line-height: 120%; }
.ux_banner h1.h-large, .ux_text h1.h-large { font-size: 650%; line-height: 85%; padding: 0px !important; }
.ux_banner h1.h-xlarge, .ux_text h1.h-xlarge { font-size: 1200%; line-height: 85%; padding: 0px !important; }
.ux_banner h1.h-xxlarge, .ux_text h1.h-xxlarge { font-size: 1500%; line-height: 85%; padding: 0px !important; }
.large-1 .ux_banner, .large-2 .ux_banner { font-size: 6px; }
.large-3 .ux_banner { font-size: 8px; }
.large-4 .ux_banner { font-size: 8px; }
#welcome-popup .ux_banner, .large-5 .ux_banner { font-size: 13px; }
.large-6 .ux_banner { font-size: 14px; }
.large-7 .ux_banner { font-size: 14px; }
.large-8 .ux_banner { font-size: 14px; }
.large-9 .ux_banner { font-size: 14px; }
.large-1 .ux_banner .button, .large-2 .ux_banner .button, .large-3 .ux_banner .button, .large-4 .ux_banner .button { font-size: 140%; }

/* smaller font sizes on small columns */
@media only screen and (max-width: 500px) {
.ux_banner .inner { min-width: 60% !important; }
.ux_banner .button-row .button { display: block; margin: 0 0 5px; }
.ux_banner { font-size: 9px; }
.ux_banner p, .ux_banner .button { font-size: 130%; }
}

@media only screen and (min-width: 500px) {
.ux_banner { font-size: 10px; }
.ux_banner p, .ux_banner .button { font-size: 130%; }
}

@media only screen and (min-width: 600px) {
.ux_banner { font-size: 12px; }
.ux_banner p, .ux_banner .button { font-size: 120%; }
}

@media only screen and (min-width: 48em) {
.ux_banner { font-size: 16px; }
.ux_banner p, .ux_banner .button { font-size: 90%; }
}

/* mobile fixes */
@media only screen and (max-width: 48em) {
.ux_bg .banner-bg, .ux_banner .banner-bg { margin-top: 0 !important; -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; transform: none !important; opacity: 1 !important; }
.row.container > .columns { margin-bottom: 15px; }
}
/**********************************************************************/
/*************------------- 10. LIGHTBOX -------------*****************/
/**********************************************************************/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 502; overflow: hidden; position: fixed; background: black; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 503; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none; }
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 10; }
 button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; background: #000; font-style: normal; font-size: 28px; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; background: none; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: black !important; right: 0; top: 40px; }
.mfp-arrow { position: fixed; top: 0; opacity: 0.65; background: #333333 !important; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; background: #000; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: solid transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a { opacity: 0.8; border-top-width: 12px; border-bottom-width: 12px; top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 20px; border-bottom-width: 20px; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after,  .mfp-arrow-left .mfp-a { border-right: 12px solid #fff; left: 5px; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after,  .mfp-arrow-right .mfp-a { border-left: 12px solid #fff; left: 3px; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; margin: 50px; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
.mfp-figure { line-height: 0; }
.mfp-bottom-bar { margin-top: -26px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { margin-right: 10px; display: inline-block; text-align: left; line-height: 18px; color: #f3f3f3; }
.mfp-counter { display: inline-block; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
   * Remove all paddings around the image on small screen
   */
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
/* The shadow behind the image */
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
}

@media all and (max-width: 800px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}
.mfp-bg { opacity: 0; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; }
.mfp-bg.mfp-ready { opacity: 0.7; }
/* start state */
.my-mfp-zoom-in .mfp-content { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; }
/* animate in */
.my-mfp-zoom-in.mfp-ready .mfp-content { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/* animate out */
.my-mfp-zoom-in.mfp-removing .mfp-content { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; }
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg .mfp-content { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg .mfp-content { opacity: 0.8; }
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg .mfp-content { opacity: 0; }
/**********************************************************************/
/*************------------- 11. SHORTCODES -------------***************/
/**********************************************************************/
/* -- background / section shortcode  -- */
.row.boxed .featured-box, .row.boxed .testemonial { background-color: #f1f1f1; padding: 20px; }
.ux_bg .row.boxed .featured-box, .ux_bg .row.boxed .testemonial, .ux_bg .blog_shortcode_text, .ux_bg .product-small .info { border: 1px solid #FFF; background: #f1f1f1; padding: 20px 30px; background: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); }
.dark .row.boxed .featured-box, .ux_bg.dark .blog_shortcode_text, .ux_bg.dark .product-small .info { background: #333; border: 1px solid #000; background: rgba(0, 0, 0, 0.9); }
.ux_bg .blog_shortcode_text { margin-top: -20px; }
.ux_bg .sliderNav.small a, .featured-items-slider.style-2 .sliderNav.small a, .ux_bg #main-content, .ux_bg h3.section-title.title_center span { background: transparent !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.ux_bg h3.section-title.title_center { border: 0 !important; }
.ux_bg h3.section-title.title_center span:before { content: ""; border-left: 120px solid rgba(0, 0, 0, 0.1); height: 3px; display: inline-block; margin-bottom: 5px; margin-right: 30px; }
.ux_bg h3.section-title.title_center span:after { content: ""; border-left: 120px solid rgba(0, 0, 0, 0.1); height: 3px; display: inline-block; margin-bottom: 5px; margin-left: 30px; }
.ux_bg h3.section-title.title_center span { display: inline-block; line-height: 100%; }
.ux_bg .blog_shortcode_item, .ux_bg .iosSlider .product-small { padding-bottom: 10px !important; }
.ux_bg.dark h3.section-title span { border-color: #FFF; }
.ux_bg .iosSlider { margin-bottom: 0; }
.ux_bg .row { margin-bottom: 0 !important; }
.ux_bg .sliderNav a span { background-color: #FFF; }
.ux_bg .product-small .info { margin: 0 15px; padding: 5px 5px 15px; }
#content .ux_bg { padding-left: 30px !important; padding-right: 30px !important; padding-top: 30px; padding-bottom: 30px; }
.collapse .row .column, .collapse .row .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }
/* -- blog post slider -- */
.iosSlider.blog-posts { margin-bottom: 15px !important; }
.blog_shortcode_item .post-date { left: -15px; top: 25px; }
.blog_shortcode_item .blog_shortcode_text h3 { font-size: 100%; }
.blog_shortcode_item .entry-image { margin-top: 0; }
.blog_shortcode_item .from_the_blog_excerpt { font-size: 80%; color: #777; }
.blog_shortcode_item .from_the_blog_comments { font-size: 60%; color: #ccc; text-decoration: uppercase; margin-top: 5px; text-transform: uppercase; }
.blog_shortcode_item:hover .from_the_blog_comments { color: #333; }
.blog_shortcode_item:hover .post-date { color: #FFF; background-color: #627f9a; }
/* -- Google maps --*/
#map_container { position: relative; margin-bottom: 30px; }
#map_container .map-info { position: absolute; bottom: 30px; left: 0; right: 30px; }
#map_container .map_inner { padding: 15px; background-color: #FFF; background-color: rgba(255, 255, 255, 0.8); }
/* -- Featured products. Used in Pintrest style / lookbook -- */
.featured-product { margin-bottom: 10px; }
.featured-product .product-bg { position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: #627f9a; opacity: 0; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; color: #FFF; }
.featured-product:hover .product-bg { opacity: 0.4; }
.featured-product .product-text { font-size: 80%; padding: 0 60px; position: absolute; top: 30%; width: 100%; text-align: center; opacity: 0; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
.featured-product .product-text h3 { text-transform: uppercase; color: #fff; }
.featured-product:hover .product-text { opacity: 1; }
.featured-product .front-image img { width: 100% !important; }
.featured-product .price { font-size: 150%; }
.featured-product .star-rating { margin: 0 auto 10px; }
.featured-product .price .from, .featured-product .price .amount { color: #FFF; }
/* -- zoom style for pinterest grid -- */
.pinterest-style { margin-left: -5px; margin-right: -5px; }
.pinterest-style li { float: left; list-style: none; margin: 0; min-height: 200px; }
.pinterest-style .featured-product > a { display: block; overflow: hidden; margin: 5px; }
.pinterest-style .featured-product img { -webkit-transition: -webkit-transform 3s ease; -moz-transition: -moz-transform 3s ease; transition: transform 3s ease; }
.pinterest-style .featured-product:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); }
ul.pinterest-style { -webkit-transition: height 200ms ease-out; -moz-transition: height 200ms ease-out; transition: height 200ms ease-out; }
/* -- lookbook slider -- */
.lookbook-slider ul { margin: 0 !important; }
.lookbook-slider li { padding: 0 !important; }
.lookbook-slider .quick-view { bottom: 42%; font-size: 95%; margin: 0 auto; opacity: 0; background: white !important; color: #000; padding: 10px 20px; width: 170px; }
.lookbook-slider .product-image:hover .quick-view { bottom: 45%; opacity: 0.8; }
.lookbook-slider .callout { left: 20px !important; }
/* -- Testemonials -- */
.testimonial_inner { position: relative; padding-top: 15px; margin-bottom: 30px; }
.testimonial_text { font-style: italic; padding-left: 100px; }
.testimonial_image img { position: absolute; left: 0; top: 15px; width: 80px; }
.testimonial_text .test_content { line-height: 130%; }
.testimonial_text .test_name { display: inline-block; font-weight: bold; }
.testimonial_text .test_company { display: inline-block; margin-left: 5px; color: #777777; }
.testimonial_text .star-rating { margin-bottom: 10px; font-style: normal; }
/* -- featured box -- */
.featured-box { position: relative; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; }
.featured-box .featured-img .featured-box .iconmelon { margin-bottom: 10px; }
.featured-box h4 { text-transform: uppercase; font-size: 100%; }
.featured-box h4 span { display: block; font-weight: normal; font-size: 90%; }
.featured-box .iconmelon { width: 42px; height: 42px; }
.featured-box.pos-left { padding-left: 70px; }
.featured-box.pos-left .featured-img { position: absolute; left: 0; top: 3px; max-width: 50px; }
.row.boxed .featured-box.pos-left { padding-left: 40px; }
.row.boxed .featured-box.pos-left .featured-img { left: -20px; top: 20px; background: #000; -webkit-border-radius: 99px; border-radius: 99px; padding: 5px; }
.featured-box.pos-center { text-align: center; }
.featured-box.pos-center .tx-div { margin: 0 auto 10px; }
.featured-box .box-inner img.featured-img { margin-bottom: 10px; }
/* -- team members -- */
.team-member-img { padding: 0 20px 15px; }
.team-member .social-icons { margin-bottom: 15px; }
.team-member h4 { margin: 0; }
.team-member h5 { text-transform: uppercase; font-weight: normal; color: #999; }
/* -- message box -- */
.message-box { background-repeat: repeat-x; padding: 10px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 110%; }
.message-box .inner { padding: 15px; }
.message-box .inner .button { margin: 0 15px; }
/* -- add to cart shortcode --*/
p.product.woocommerce { border: 0px !important; }
p.product.woocommerce span.amount { display: block; font-size: 200%; font-weight: bold; margin-bottom: 5px; }
p.product.woocommerce .added_to_cart { display: block; }
/* -- hotspot -- */
.ux_hotspot { opacity: 0.8; display: block; width: 20px; text-align: center; height: 20px; line-height: 20px; font-size: 10px; background: #000; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; color: #FFF; }
.ux_hotspot:hover { opacity: 1; }
.ux_hotspot a, .ux_hotspot a:hover { color: #FFF; cursor: pointer; }
.ux_hotspot_text { display: block; font-size: 80%; max-width: 80%; white-space: normal; }
.ux_hotspot_text > span { display: block; }
.ux_hotspot_text span.prod-price { font-weight: bold; }
.ux_hotspot_text:hover { opacity: 1; text-decoration: underline; cursor: pointer; }
/* -- price table -- */
.ux_price_table { background: #FFF; border: 1px solid #eee; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.ux_price_table:hover { -webkit-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.33); -moz-box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.33); box-shadow: 0px 0px 19px 0px rgba(50, 50, 50, 0.33); }
.ux_price_table li { list-style: none; border-top: 1px solid rgba(0, 0, 0, 0.05); margin: 0 30px; }
.ux_price_table ul { margin: 0; }
.ux_price_table .bullet-item { padding: 10px 0; }
.ux_price_table .price { font-weight: 400; font-size: 180%; padding: 30px 0; border: 0; }
.ux_price_table .description { font-size: 80%; opacity: 0.8; text-transform: uppercase; padding: 0 0 15px; border: 0; }
.ux_price_table .title { margin: 0; border: 0; text-transform: uppercase; font-weight: bold; padding: 5px 0; background-color: rgba(0, 0, 0, 0.01); border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.ux_price_table .cta-button { background-color: rgba(0, 0, 0, 0.01); padding: 20px 0 10px; margin: 15px 0 0 0; }
.collapse .ux_price_table { margin-left: -1px; }
.scroll-to { height: 0px; overflow: hidden; }
.scroll-to-bullets { position: fixed; right: 45px; top: 40%; z-index: 99; text-align: right; }
.scroll-to-bullets a { display: inline-block; text-transform: uppercase; padding: 5px 8px; -webkit-border-radius: 99px; border-radius: 99px; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; }
.scroll-to-bullets a:hover { background: #627f9a; }
.scroll-to-bullets a * { display: inline-block; }
.scroll-to-bullets a:hover * { color: #FFF; }
.scroll-to-bullets a strong { font-size: 80%; opacity: 0; margin-right: 10px; position: relative; top: -1px; pointer-events: none; }
.scroll-to-bullets a:hover strong { opacity: 1; }
.scroll-to-bullets a span { background-color: #000; opacity: 0.2; width: 12px; height: 12px; padding: 5px; -webkit-border-radius: 99px; border-radius: 99px; }
.scroll-to-bullets a:hover span { background-color: #FFF; opacity: 0.8; }
.scroll-to-bullets a.active span { opacity: 0.7; }
/* -- UX ICONS -- */
.ux-icon { display: inline-block; }
.ux-icon-circle { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; padding: 20px; border: 2px solid #000; }
.ux-icon-square { -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; padding: 7px; border: 2px solid #000; }
.ux-icon-radius { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; border: 2px solid #000; }
 @keyframes rotating {
 from {
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
}
 to {
 transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
}
}
 @-webkit-keyframes rotating {
 from {
 transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
}
 to {
 transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
}
}
.icon-rotating { -webkit-transform-origin: 50% 50%; -webkit-animation: rotating 10s linear infinite; -moz-animation: rotating 10s linear infinite; -ms-animation: rotating 10s linear infinite; -o-animation: rotating 10s linear infinite; animation: rotating 10s linear infinite; }
.icon-blink { -webkit-animation-name: blinker; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 5s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: infinite; }
 @-moz-keyframes blinker {
 0% {
 opacity: 1.0;
}
 20% {
 opacity: 0.0;
}
 30% {
 opacity: 1.0;
}
}
 @-webkit-keyframes blinker {
 0% {
 opacity: 1.0;
}
 20% {
 opacity: 0.0;
}
 30% {
 opacity: 1.0;
}
}
 @keyframes blinker {
 0% {
 opacity: 1.0;
}
 20% {
 opacity: 0.0;
}
 30% {
 opacity: 1.0;
}
}
.icon-floating { -webkit-animation-name: Floatingx; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; }
 @-webkit-keyframes Floatingx {
 from {
 -webkit-transform: translate(0, 0px);
}
 50% {
 -webkit-transform: translate(0, -30px);
}
 to {
 -webkit-transform: translate(0, 0px);
}
}
/**********************************************************************/
/***************------------- 12. WIDGETS -------------****************/
/**********************************************************************/
/* -- widget layout -- */
.page #secondary { padding-top: 5px; }
.widget { margin-bottom: 30px; }
.widget .tx-div { margin-bottom: 20px; }
.widget-title { text-transform: uppercase; font-size: 95%; }
.widget h3.widget-title.shop-sidebar { border-bottom: 3px solid #eeeeee; padding: 0 0 5px; margin-bottom: 15px; }
/* -- widget list reset -- */
.widget ul li { line-height: 120%; list-style: none; }
.widget ul li:last-child { border: 0; }
.widget ul li:first-child { padding-top: 0; }
.widget ul { margin: 0; padding: 0; }
.widget li a { padding-bottom: 5px; display: inline-block; }
/* -- woocommerce  widget_product_categories /layered nav / layered nav filters -- */
.widget_product_categories li a, .widget_layered_nav li a, .widget_layered_nav_filters li a { font-size: 90%; padding: 8px 0; color: #777; display: inline-block; text-transform: uppercase; }
.widget_product_categories li a:hover, .widget_layered_nav li a:hover, .widget_layered_nav_filters li a:hover { color: #000; text-decoration: underline; }
.widget_layered_nav_filters .chosen a { background: #eee; display: inline-block; padding: 0 5px; }
.widget_layered_nav_filters .chosen a:hover { background: #b20000; text-decoration: none; color: #FFF; }
.widget_layered_nav_filters .chosen a:before { content: "x"; margin-right: 5px; font-size: 80%; color: #999; }
.widget_product_categories li { position: relative; }
.widget_product_categories li .count, .widget_layered_nav li .count { color: #ccc; font-size: 80%; float: right; padding-top: 9px; }
.widget_product_categories > ul > li, .widget_layered_nav > ul > li { border-bottom: 1px solid #eee; }
.widget_layered_nav .chosen a { font-weight: bold; }
.widget_product_categories li { position: relative; }
.widget_product_categories li a { padding-right: 15px; }
.widget_product_categories li .count { position: absolute; top: 0px; right: 0; }
.widget_product_categories li ul.children { display: none; padding: 5px 0 10px 15px; }
.widget_product_categories li ul.children li { border-top: 1px solid #f1f1f1; }
.widget_product_categories li.current-cat-parent ul.children { display: block; }
.widget_product_categories li.current-cat ul.children { display: block; }
.widget_product_categories li.current-cat > a { color: #000; font-weight: bold; }
.widget_layered_nav_filters li { float: left; margin-right: 5px; }
.widget_layered_nav_filters { overflow: hidden; }
/* -- product listing widget  -- */
.product_list_widget .wp-post-image { position: absolute; left: 0px; width: 60px !important; }
.product_list_widget li { border-bottom: 1px solid #eeeeee; padding: 10px 0 10px 75px; position: relative; overflow: hidden; width: 100%; }
.product_list_widget li a { display: block; font-size: 95%; }
.product_list_widget span.amount { display: inline-block; font-weight: bold; color: #000; margin-top: 3px; }
.product_list_widget del span.amount { color: #777; font-weight: normal; text-decoration: line-through; }
.product_list_widget .variation { font-size: 80%; margin: 0; }
.product_list_widget .variation dt, .product_list_widget .variation dd { display: inline-block; }
.product_list_widget .variation dd { margin: 0 0 0 5px; }
.product_list_widget .star-rating { font-size: 80%; margin-top: 5px; }
/* -- shopping cart widget -- */
.widget_shopping_cart_content p.total { border-bottom: 2px dotted #CCC; color: #000; text-align: center; padding: 10px 0; border-top: 1px solid #eeeeee; }
.widget_shopping_cart_content .buttons .button { width: 100%; padding: 10px; text-transform: uppercase; font-size: 90%; margin: 0 0 5px 0; }
/* -- recent comments widget -- */
.widget_recent_comments li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
/* -- blog post widget -- */
.flatsome_recent_posts li { border-bottom: 1px solid #eeeeee; position: relative; padding: 0px 0px 10px 45px; margin-bottom: 10px; }
.flatsome_recent_posts li a { padding-bottom: 0px; }
.flatsome_recent_posts .post-date { position: absolute; left: 0; top: 5px; width: 30px; }
.flatsome_recent_posts .post_comments { font-size: 80%; display: block; margin-top: 5px; }
/* -- text widget -- */
.textwidget { line-height: 160%; font-size: 100%; }
/* -- calender widget -- */
.widget_calendar caption { text-transform: uppercase; font-weight: bold; padding: 15px 0px; border-top: 2px solid #dddddd; }
/* -- rss widget -- */
.widget_rss ul li { margin-bottom: 15px; }
.widget_rss ul li a.rsswidget { display: block; }
.widget_rss .rss-date { text-transform: uppercase; font-size: 80%; }
/* -- Nav menu -- */
.widget_nav_menu .menu { height: 100%; padding-bottom: 30px; }
.widget_nav_menu ul li { font-size: 90%; text-transform: uppercase; font-weight: bold; }
.widget_nav_menu ul li a { display: block; padding: 10px 0; color: #999; border-bottom: 1px solid #EEE; }
.widget_nav_menu ul li a:hover { color: #111; }
.widget_nav_menu ul li.current-menu-item a { color: #000; border-right: 3px solid #ddd; }
.widget_nav_menu ul li ul { margin-left: 10px; display: none; }
/* -- product tag cloud widget -- */
.widget_product_tag_cloud, .widget_tag_cloud { overflow: hidden; }
.widget_product_tag_cloud a, .widget_tag_cloud a { color: #627f9a; display: inline-block; font-size: 12px !important; float: left; border: 1px solid #627f9a; padding: 4px 8px; margin: 0 5px 5px 0; }
.widget_product_tag_cloud a:hover, .widget_tag_cloud a:hover { background: #627f9a; color: #FFF; }
.dark .widget_product_tag_cloud a, .dark .widget_tag_cloud a { color: #FFF; border-color: #FFF; opacity: 0.6; }
.dark .widget_product_tag_cloud a:hover, .dark .widget_tag_cloud a:hover { background: #FFF; color: #333; opacity: 1; }
/* -- ninjaforms fix -- */
.ninja-forms-required-items, .footer .widget_ninja_forms_widget .ninja-forms-req-symbol, .footer .widget_ninja_forms_widget #ninja_forms_required_items { display: none; }
.footer .widget_ninja_forms_widget .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-field { margin: 0; }
.ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-field, .ninja-forms-form-wrap .ninja-forms-form .field-wrap.label-left .ninja-forms-star-rating-control { margin-left: 0 !important; }
/* -- Price filter widget  */
.widget_price_filter .price_slider { margin-bottom: 1em; background: #eee; }
.widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4em; font-size: 0.8751em; }
.widget_price_filter .price_slider_amount .button { font-size: 1.15em; }
.widget_price_filter .price_slider_amount .button { float: left; font-size: 95%; padding: 10px 15px; }
.widget_price_filter .ui-slider { position: relative; text-align: left; }
.widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.9em; height: 0.9em; cursor: pointer; outline: none; top: -.2em; -webkit-border-radius: 99px; border-radius: 99px; background-color: #777; }
.widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -13px; }
.widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: #999; }
.widget_price_filter .ui-slider-horizontal { height: .5em; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; }
.widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; }
/**********************************************************************/
/************------------- 13. DARK BG TYPE -------------**************/
/**********************************************************************/
/* -- general -- */
.dark { color: #ddd; }
.dark a { color: #FFF; }
.dark a:hover { color: #ddd; }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5 { color: #FFF; }
.dark p { color: #ddd; }
.dark .price { color: #FFF; }
.dark .price del, .dark .price .from { color: #eee; }
.dark .tx-div { background-color: #FFF; opacity: 0.3; }
.dark li.account-dropdown { border-color: rgba(255, 255, 255, 0.1) !important; }
/* -- header -- */
.dark-header #masthead .logo a, .dark .testimonial_text .test_company { color: #FFF; }
/* -- slider -- */
.dark .sliderNav a span { border-color: #000; color: #000; }
.dark .sliderBullets .bullet, .flipContainer .pager span.dot { border-color: #000; }
.dark .sliderBullets .bullet.active, .dark .sliderBullets .bullet:hover, .flipContainer .pager span.dot.current { background: #000; }
/* -- navigation link colors -- */
.dark-header #masthead ul.header-nav a.nav-top-link, .wide-nav.dark-header ul.header-nav a.nav-top-link, .wide-nav.dark-header .wide-nav-right a { color: #fff; opacity: 0.7; }
.dark-header #masthead ul.header-nav li.active a.nav-top-link, .wide-nav.dark-header ul.header-nav li.active a.nav-top-link, .wide-nav.dark-header .wide-nav-right a:hover { color: #fff; opacity: 1; }
.dark-header #masthead .mobile-menu a { font-size: 32px; color: #FFF; }
.dark-header #masthead strong.cart-name, .dark-header span.cart-price { color: #fff; opacity: 0.6; }
.dark-header #masthead .active strong.cart-name, .dark-header .active span.cart-price { color: #fff; opacity: 1; }
/* -- dropdown hover links -- */
.dark-header #masthead .header-nav li.mini-cart .cart-icon strong { border-color: #fff; color: #FFF; }
.dark-header #masthead .header-nav li.mini-cart.active .cart-icon strong { border-color: #fff; color: #000; background-color: white !important; }
.dark-header #masthead .header-nav li.mini-cart .cart-icon .cart-icon-handle { border-color: #fff; }
.dark-header #masthead .header-nav li.account-dropdown, .dark-header #masthead .header-nav li.html-block { border-color: rgba(255, 255, 255, 0.3); }
.dark-header .ux_banner-grid { margin-top: 40px; }
.dark-header .top-divider { display: none; }
/* -- forms  --*/
.dark form label { color: #eee; }
/* -- social icons -- */
.dark .social-icons .icon { border-color: #FFF; color: #FFF; }
/* -- widgets -- */
.dark .widget .post-date { border-color: #ccc; color: #CCC; }
.dark .widget .post-item:hover .post-date { background: #FFF; color: #627f9a; border-color: #FFF; }
.dark .product_list_widget span.amount { color: #FFF; }
.dark .flatsome_recent_posts li, .dark .product_list_widget li { border-color: #ccc; border-color: rgba(255, 255, 255, 0.2); }
.dark .widget_nav_menu ul li a { color: #FFF; }
.dark .widget_nav_menu ul li a:hover { color: #ccc; }
.dark .widget_nav_menu ul li a { border-color: rgba(255, 255, 255, 0.2); }
/* -- footer -- */
.dark.absolute-footer ul li a:hover { color: #FFF; }
/* -- div --*/
.dark #add_review .inner { background: #000; background: rgba(0, 0, 0, 0.3); border: 0; }
.dark .shop_table thead { color: #eee; }
.dark .top-divider { display: none; }
.dark .checkout-breadcrumb h1 { color: #ccc; }
.woocommerce-cart .dark .title-cart, .woocommerce-checkout .dark .title-checkout, .dark .tabbed-content ul.tabs li.active a, .dark .shop_table .total, .dark .comment-list cite.fn, .wide-nav.dark-header { color: #FFF; }
.dark .woocommerce .order-review, .dark .woocommerce-checkout form.login { background-color: #000; background-color: rgba(0, 0, 0, 0.3); }
.dark .checkout-group h3, .dark .order-review h3 { color: white !important; }
.dark .widget_product_categories li a, .dark .widget_layered_nav li a, .dark .widget_layered_nav_filters li a { color: #eee; }
.dark .ux_price_table, .dark .product-category .header-title, .dark .ux_price_table .title { background: #000; background: rgba(0, 0, 0, 0.9); border-color: black; }
.dark .tabbed-content ul.tabs li.active a { border-color: #FFF; }
/* borders */
.dark .row.divided .columns, .dark h3.section-title.title_center span:before, .dark h3.section-title.title_center span:after, .dark .ux_price_table .bullet-item, .dark .ux_price_table .description, .dark .author-box, .dark .tabbed-content ul.tabs li a, .dark .product-details, .dark .comment-list .children .comment-inner, .dark .comment-list > li.comment > .comment-inner, .dark .navigation-post .nav-next, .dark .navigation-post, .dark footer.entry-meta, .dark .blog-pinterest-style .entry-content, .dark .pagination-centered, .dark .product-sidebar-right .inner, .dark .widget h3.widget-title.shop-sidebar, .dark .widget_product_categories > ul > li, .dark .widget_layered_nav > ul > li, .dark hr, .dark .product_meta > span, .dark .review-item, .dark h3.section-title, .dark .shop_table thead, .dark .cart_table_item, .dark .cart-wrapper, .dark .cart-sidebar .widget-title, .dark .cart_totals .total, .dark .shop_table .total, .dark table tr, .product-info .social-icons { border-color: #666; border-color: rgba(255, 255, 255, 0.2); }

/**********************************************************************/
/***************------------- 14. FIXES -------------******************/
/**********************************************************************/
@-moz-document url-prefix() {
 .select-wrapper:after {
 display: none;
}
 .product-lightbox .quantity {
 display: none;
}
 .quantity input[type=number] {
 -moz-appearance: textfield;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.select-wrapper:after { display: none; }
}

/**********************************************************************/
/***************------------- 15. MOBILE -------------*****************/
/**********************************************************************/
@media only screen and (max-width: 48em) {
/* -- layout -- */
body { background: none !important; }
#main-content { margin-top: 0px !important; }
.page-inner, body.framed-layout { padding: 0 !important; border: 0 !important; }
#content .ux_bg { padding-left: 0px !important; padding-right: 0px !important; }
.ux_parallax, .parallax_img_inner { opacity: 1 !important; }
/* -- Global -- */
#top-bar .left-text { width: 100%; text-align: center; }
#masthead .mobile-menu { display: table-cell !important; vertical-align: middle; padding-top: 16px; }
#masthead .right-links, #masthead .left-links { min-width: 32px; max-width: 32px; }
#masthead.stuck .mobile-menu { padding: 0; }
#masthead .mobile-menu a { font-size: 32px; color: #627f9a; }
#masthead #logo { width: 100% !important; text-align: center; padding: 0 20px; }
#masthead #logo a { float: none; margin: 0 auto; }
.logo-center #logo { position: relative; }
#masthead .left-links, .wide-nav, #top-bar .right-text { display: none; }
li.mini-cart { padding: 0; }
.cart-icon, .cart-icon strong { margin: 0; }
.cart-icon .cart-icon-handle { margin-right: -8px; }
ul.header-nav li { margin: 0; }
.catalog-mode-header { display: none; }
.ux_bg h3.section-title.title_center span:before, .ux_bg h3.section-title.title_center span:after { border: 0; margin: 0; }
.ux_bg h3.section-title.title_center span { padding: 0; }
.woocommerce-message a.button { position: relative; float: right; }
#jPanelMenu-menu { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
#masthead { -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; }
/* -- Slide out Navigation style for mobile -- */
body[data-menu-position="open"] .jPanelMenu-panel { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; left: 0 !important; -webkit-transform: translate(250px); -o-transform: translate(250px); transform: translate(250px); }
body[data-menu-position="closed"] #jPanelMenu-menu { -webkit-transform: translate(-250px); -o-transform: translate(-250px); transform: translate(-250px); display: block !important; }
body[data-menu-position="open"] #jPanelMenu-menu { -webkit-transform: translate(0px); -o-transform: translate(0px); transform: translate(0px); z-index: 99 !important; }
ul.header-nav li .nav-dropdown li.menu-parent-item { width: 100% !important; }
ul.header-nav li .nav-dropdown li a { margin-right: 0; }
.nav-dropdown > ul:after, .nav-dropdown > .row:after, .nav-dropdown-inner:after { display: none; }
ul.header-nav li .nav-dropdown .menu-parent-item > a { padding: 15px 0; }
#jPanelMenu-menu { background: #f6f6f6; margin: 0; padding: 0; }
#jPanelMenu-menu li { width: 100%; border-bottom: 1px solid #eeeeee; margin: 0; padding: 10px 10px 10px 25px; position: relative; }
#jPanelMenu-menu li ul li { padding-left: 25px; padding-right: 0; }
#jPanelMenu-menu li ul li li { padding-left: 25px; }
#jPanelMenu-menu input { -webkit-appearance: none; border-radius: 0; }
#jPanelMenu-menu li a { display: block; }
#jPanelMenu-menu li > a { color: black !important; border: 0; }
#jPanelMenu-menu .nav-dropdown { background: none; border: 0px; width: 100%; padding: 0; margin: 0; }
#jPanelMenu-menu .nav-dropdown ul { width: 100%; border-left: 3px solid #dddddd; border-right: 0px; }
#jPanelMenu-menu .nav-dropdown ul li:last-child { border: 0; }
#jPanelMenu-menu .nav-dropdown { box-shadow: none !important; }
#jPanelMenu-menu .top-bar-nav { margin-top: 30px; }
#jPanelMenu-menu .top-bar-nav a { display: inline-block; color: #999; text-transform: none; font-weight: normal; }
#jPanelMenu-menu .top-bar-nav li:first-child { border-bottom: 1px solid #eee; }
#jPanelMenu-menu .top-bar-items { padding: 0; }
#jPanelMenu-menu .current-menu-item > a { color: #000; font-weight: bold; }
#jPanelMenu-menu .top-bar-nav li { width: 100%; padding-top: 5px; padding-bottom: 5px; }
#jPanelMenu-menu .open .nav-dropdown { display: block; }
#jPanelMenu-menu .html-block-inner a { display: inline-block; }
#jPanelMenu-menu .nav-top-not-logged-in:after { display: none; }
#top-link { display: none !important; }
#jPanelMenu-menu .wide-nav-search form { width: 200px; margin-top: 15px; }
/* -- footer -- */
.absolute-footer .left, .absolute-footer .right { float: none !important; width: 100%; }
.absolute-footer ul { overflow: hidden; width: 100%; }
.absolute-footer li { width: 100%; }
.absolute-footer li a { padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 110%; }
.absolute-footer .right { padding-top: 15px; }
/* -- messages -- */
.woocommerce-message { padding-right: 0; }
/* -- product page -- */
.icons-row { margin-top: 0px; }
.icons-row a { width: 95%; display: block; border: 0 !important; margin: 0; }
.product-gallery-slider { min-height: auto !important; height: auto !important; }
.product-gallery { margin-bottom: 0px; }
/* -- accordian /tabs -- */
.tabbed-content.tabs .accordian-title { display: block; width: 100%; }
.product-page-tabs .tabbed-content { border: 0; margin: 0 -15px; }
.vertical-tabs .tabs-inner { padding-left: 0; border: 0; }
.vertical-tabs ul.tabs-nav { margin-top: 0px; }
/* -- sliders --*/
.column-slider .small-block-grid-2 > li { width: 75%; }
/* -- dropdown -- */
ul.header-nav li .nav-dropdown { position: relative; }
ul.header-nav li.account-dropdown, ul.header-nav li.html-block { display: none !important; }
#jPanelMenu-menu li.account-dropdown { display: block !important; }
/* -- mini cart fix  -- */
.mini-cart .nav-dropdown, .mini-cart .dropdown-toggle { display: none !important; }
.mini-cart .cart-price { margin-right: 15px; }
/* -- serch fix  -- */
.search-dropdown { display: none; }
#jPanelMenu-menu li form { padding-top: 15px; padding-right: 10px; }
#jPanelMenu-menu li form input, #jPanelMenu-menu li form button { margin-bottom: 10px; }
/* -- blog/pages -- */
.page-right-sidebar .blog-entry { padding-right: 0px; border-right: 0px; }
.title-header { text-align: center; }
.title-header .widget { border-top: 1px solid rgba(255, 255, 255, 0.2); }
.title-header .tx-div { margin: 0 auto; }
/* -- shopping cart -- */
.cart-sidebar .widget-title { display: none; }
/* -- category page -- */
.woocommerce-result-count { display: none !important; }
#product-image-zoomer { display: none; }
.breadcrumb-row { font-size: 80%; }
.breadcrumb-row .right { width: 100%; text-align: center; }
.breadcrumb-row .left { width: 100%; text-align: center; margin-bottom: 15px; }
.product-category img, .product-small .front-image img { width: 100% !important; }
.quick-view, .back-image { display: none; }
.yith-wcwl-add-to-wishlist a { opacity: 0.3; }
.product-image:hover .add-to-cart-grid, .product-image .add-to-cart-grid { bottom: 10px; }
/* -- checkout  --*/
.checkout-breadcrumb h1 { margin-bottom: 10px; padding-bottom: 10px; }
.checkout-breadcrumb span, .checkout-breadcrumb span.divider { display: none; }
.woocommerce-checkout span.title-checkout { display: inline-block; }
.woocommerce-cart span.title-cart { display: inline-block; }
.cart-wrapper { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; padding-top: 10px; }
.cart-wrapper, .shop_table.wishlist_table { overflow-x: scroll; -webkit-overflow-scrolling: touch; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; overflow-y: hidden; -webkit-box-shadow: inset -10px 0px 40px 0px rgba(0, 0, 0, 0.1); box-shadow: inset -10px 0px 40px 0px rgba(0, 0, 0, 0.1); }
.woocommerce-cart .cross-sells { display: none !important; }
.cart-wrapper table.shop_table, .shop_table.wishlist_table { min-width: 600px; }
#yith-wcwl-form { overflow: scroll; }
/* add overlay if mobile is active */
.mob-helper { opacity: 0; -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out; }
.mob-helper.active { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: #000; opacity: 0.4; }
/* -- shortcode fixes -- */
.flipCurrent { overflow-y: scroll; }
.flip-slide .entry-title { padding: 0 10px; }
}

/* ipad potrait fixes */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
.column-slider .small-block-grid-2 > li { width: 40%; }
.column-slider .sliderControlls { display: none; }
#top-bar .left-text { float: left; text-align: left; font-size: 60%; width: auto; }
.mini-cart .cart-inner { position: relative; }
.mini-cart.active .nav-dropdown { display: block !important; position: absolute; top: 20px; right: 0px; }
.woocommerce-cart .woocommerce .row .large-8, .woocommerce-cart .woocommerce .row .large-4 { width: 100%; }
}
/**********************************************************************/
/******------------- 16. FOUNDATION COMPONENTS (Grid, buttons, etc) -------------********/
/**********************************************************************/
/* Grid HTML Classes */
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 67.5em;  *zoom: 1;
}
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse .column,  .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }
.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none;  *zoom: 1;
}
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { width: auto; margin: 0; max-width: none;  *zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }
.column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; }

@media only screen {
.column,  .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
.small-1 { position: relative; width: 8.33333%; }
.small-2 { position: relative; width: 16.66667%; }
.small-3 { position: relative; width: 25%; }
.small-4 { position: relative; width: 33.33333%; }
.small-5 { position: relative; width: 41.66667%; }
.small-6 { position: relative; width: 50%; }
.small-7 { position: relative; width: 58.33333%; }
.small-8 { position: relative; width: 66.66667%; }
.small-9 { position: relative; width: 75%; }
.small-10 { position: relative; width: 83.33333%; }
.small-11 { position: relative; width: 91.66667%; }
.small-12 { position: relative; width: 100%; }
.small-offset-0 { position: relative; margin-left: 0%; }
.small-offset-1 { position: relative; margin-left: 8.33333%; }
.small-offset-2 { position: relative; margin-left: 16.66667%; }
.small-offset-3 { position: relative; margin-left: 25%; }
.small-offset-4 { position: relative; margin-left: 33.33333%; }
.small-offset-5 { position: relative; margin-left: 41.66667%; }
.small-offset-6 { position: relative; margin-left: 50%; }
.small-offset-7 { position: relative; margin-left: 58.33333%; }
.small-offset-8 { position: relative; margin-left: 66.66667%; }
.small-offset-9 { position: relative; margin-left: 75%; }
.small-offset-10 { position: relative; margin-left: 83.33333%; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
.column.small-centered,  .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
}

/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 48em) {
.large-1 { position: relative; width: 8.33333%; }
.large-2 { position: relative; width: 16.66667%; }
.large-3 { position: relative; width: 25%; }
.large-4 { position: relative; width: 33.33333%; }
.large-5 { position: relative; width: 41.66667%; }
.large-6 { position: relative; width: 50%; }
.large-7 { position: relative; width: 58.33333%; }
.large-8 { position: relative; width: 66.66667%; }
.large-9 { position: relative; width: 75%; }
.large-10 { position: relative; width: 83.33333%; }
.large-11 { position: relative; width: 91.66667%; }
.large-12 { position: relative; width: 100%; }
.row .large-offset-0 { position: relative; margin-left: 0%; }
.row .large-offset-1 { position: relative; margin-left: 8.33333%; }
.row .large-offset-2 { position: relative; margin-left: 16.66667%; }
.row .large-offset-3 { position: relative; margin-left: 25%; }
.row .large-offset-4 { position: relative; margin-left: 33.33333%; }
.row .large-offset-5 { position: relative; margin-left: 41.66667%; }
.row .large-offset-6 { position: relative; margin-left: 50%; }
.row .large-offset-7 { position: relative; margin-left: 58.33333%; }
.row .large-offset-8 { position: relative; margin-left: 66.66667%; }
.row .large-offset-9 { position: relative; margin-left: 75%; }
.row .large-offset-10 { position: relative; margin-left: 83.33333%; }
.row .large-offset-11 { position: relative; margin-left: 91.66667%; }
.push-1 { position: relative; left: 8.33333%; right: auto; }
.pull-1 { position: relative; right: 8.33333%; left: auto; }
.push-2 { position: relative; left: 16.66667%; right: auto; }
.pull-2 { position: relative; right: 16.66667%; left: auto; }
.push-3 { position: relative; left: 25%; right: auto; }
.pull-3 { position: relative; right: 25%; left: auto; }
.push-4 { position: relative; left: 33.33333%; right: auto; }
.pull-4 { position: relative; right: 33.33333%; left: auto; }
.push-5 { position: relative; left: 41.66667%; right: auto; }
.pull-5 { position: relative; right: 41.66667%; left: auto; }
.push-6 { position: relative; left: 50%; right: auto; }
.pull-6 { position: relative; right: 50%; left: auto; }
.push-7 { position: relative; left: 58.33333%; right: auto; }
.pull-7 { position: relative; right: 58.33333%; left: auto; }
.push-8 { position: relative; left: 66.66667%; right: auto; }
.pull-8 { position: relative; right: 66.66667%; left: auto; }
.push-9 { position: relative; left: 75%; right: auto; }
.pull-9 { position: relative; right: 75%; left: auto; }
.push-10 { position: relative; left: 83.33333%; right: auto; }
.pull-10 { position: relative; right: 83.33333%; left: auto; }
.push-11 { position: relative; left: 91.66667%; right: auto; }
.pull-11 { position: relative; right: 91.66667%; left: auto; }
.column.large-centered,  .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
.column.large-uncentered,  .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }
.column.large-uncentered.opposite,  .columns.large-uncentered.opposite { float: right !important; }
}
/* Foundation Visibility HTML Classes */
.show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; }
.show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; }
.hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }
.hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; }
/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table; }
thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important; }
tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important; }
tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important; }
td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge { display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 48em) {
.show-for-medium,  .show-for-medium-up { display: inherit !important; }
.show-for-small { display: none !important; }
.hide-for-small { display: inherit !important; }
.hide-for-medium,  .hide-for-medium-up { display: none !important; }
/* Specific visilbity for tables */
table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; }
thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; }
tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; }
tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; }
td.show-for-medium, td.show-for-medium-up, td.hide-for-small,  th.show-for-medium,  th.show-for-medium-up,  th.hide-for-small { display: table-cell !important; }
}

/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 80em) {
.show-for-large,  .show-for-large-up { display: inherit !important; }
.show-for-medium,  .show-for-medium-down { display: none !important; }
.hide-for-medium,  .hide-for-medium-down { display: inherit !important; }
.hide-for-large,  .hide-for-large-up { display: none !important; }
/* Specific visilbity for tables */
table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; }
thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; }
tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; }
tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; }
td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,  th.show-for-large,  th.show-for-large-up,  th.hide-for-medium,  th.hide-for-medium-down { display: table-cell !important; }
}

/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 90em) {
.show-for-xlarge { display: inherit !important; }
.show-for-large,  .show-for-large-down { display: none !important; }
.hide-for-large,  .hide-for-large-down { display: inherit !important; }
.hide-for-xlarge { display: none !important; }
/* Specific visilbity for tables */
table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table; }
thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important; }
tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important; }
tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important; }
td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,  th.show-for-xlarge,  th.hide-for-large,  th.hide-for-large-down { display: table-cell !important; }
}
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: inherit !important; }
.hide-for-landscape, .show-for-portrait { display: none !important; }
/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait { display: table; }
thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; }
tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; }
tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; }
td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; }

@media only screen and (orientation: landscape) {
.show-for-landscape,  .hide-for-portrait { display: inherit !important; }
.hide-for-landscape,  .show-for-portrait { display: none !important; }
/* Specific visilbity for tables */
table.show-for-landscape, table.hide-for-portrait { display: table; }
thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; }
tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; }
tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; }
td.show-for-landscape, td.hide-for-portrait,  th.show-for-landscape,  th.hide-for-portrait { display: table-cell !important; }
}

@media only screen and (orientation: portrait) {
.show-for-portrait,  .hide-for-landscape { display: inherit !important; }
.hide-for-portrait,  .show-for-landscape { display: none !important; }
/* Specific visilbity for tables */
table.show-for-portrait, table.hide-for-landscape { display: table; }
thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; }
tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; }
tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; }
td.show-for-portrait, td.hide-for-landscape,  th.show-for-portrait,  th.hide-for-landscape { display: table-cell !important; }
}
/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }
.hide-for-touch { display: inherit !important; }
.touch .show-for-touch { display: inherit !important; }
.touch .hide-for-touch { display: none !important; }
/* Specific visilbity for tables */
table.hide-for-touch { display: table; }
.touch table.show-for-touch { display: table; }
thead.hide-for-touch { display: table-header-group !important; }
.touch thead.show-for-touch { display: table-header-group !important; }
tbody.hide-for-touch { display: table-row-group !important; }
.touch tbody.show-for-touch { display: table-row-group !important; }
tr.hide-for-touch { display: table-row !important; }
.touch tr.show-for-touch { display: table-row !important; }
td.hide-for-touch { display: table-cell !important; }
.touch td.show-for-touch { display: table-cell !important; }
th.hide-for-touch { display: table-cell !important; }
.touch th.show-for-touch { display: table-cell !important; }

/* Foundation Block Grids for below small breakpoint */
@media only screen {
[class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625em;  *zoom: 1;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; }
[class*="block-grid-"]:after { clear: both; }
[class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 0.625em 1.25em; }
.small-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; }
.small-block-grid-1 > li:nth-of-type(n) { clear: none; }
.small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
.small-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; }
.small-block-grid-2 > li:nth-of-type(n) { clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
.small-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; }
.small-block-grid-3 > li:nth-of-type(n) { clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
.small-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; }
.small-block-grid-4 > li:nth-of-type(n) { clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
.small-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; }
.small-block-grid-5 > li:nth-of-type(n) { clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
.small-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; }
.small-block-grid-6 > li:nth-of-type(n) { clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
.small-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; }
.small-block-grid-7 > li:nth-of-type(n) { clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
.small-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; }
.small-block-grid-8 > li:nth-of-type(n) { clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
.small-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; }
.small-block-grid-9 > li:nth-of-type(n) { clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
.small-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; }
.small-block-grid-10 > li:nth-of-type(n) { clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
.small-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; }
.small-block-grid-11 > li:nth-of-type(n) { clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
.small-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; }
.small-block-grid-12 > li:nth-of-type(n) { clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; }
}

/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 48em) {
/* Remove small grid clearing */
.small-block-grid-1 > li:nth-of-type(1n+1) { clear: none; }
.small-block-grid-2 > li:nth-of-type(2n+1) { clear: none; }
.small-block-grid-3 > li:nth-of-type(3n+1) { clear: none; }
.small-block-grid-4 > li:nth-of-type(4n+1) { clear: none; }
.small-block-grid-5 > li:nth-of-type(5n+1) { clear: none; }
.small-block-grid-6 > li:nth-of-type(6n+1) { clear: none; }
.small-block-grid-7 > li:nth-of-type(7n+1) { clear: none; }
.small-block-grid-8 > li:nth-of-type(8n+1) { clear: none; }
.small-block-grid-9 > li:nth-of-type(9n+1) { clear: none; }
.small-block-grid-10 > li:nth-of-type(10n+1) { clear: none; }
.small-block-grid-11 > li:nth-of-type(11n+1) { clear: none; }
.small-block-grid-12 > li:nth-of-type(12n+1) { clear: none; }
.large-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; }
.large-block-grid-1 > li:nth-of-type(n) { clear: none; }
.large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
.large-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; }
.large-block-grid-2 > li:nth-of-type(n) { clear: none; }
.large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
.large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; }
.large-block-grid-3 > li:nth-of-type(n) { clear: none; }
.large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
.large-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; }
.large-block-grid-4 > li:nth-of-type(n) { clear: none; }
.large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
.large-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; }
.large-block-grid-5 > li:nth-of-type(n) { clear: none; }
.large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
.large-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; }
.large-block-grid-6 > li:nth-of-type(n) { clear: none; }
.large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
.large-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; }
.large-block-grid-7 > li:nth-of-type(n) { clear: none; }
.large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
.large-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; }
.large-block-grid-8 > li:nth-of-type(n) { clear: none; }
.large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
.large-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; }
.large-block-grid-9 > li:nth-of-type(n) { clear: none; }
.large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
.large-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; }
.large-block-grid-10 > li:nth-of-type(n) { clear: none; }
.large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
.large-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; }
.large-block-grid-11 > li:nth-of-type(n) { clear: none; }
.large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
.large-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; }
.large-block-grid-12 > li:nth-of-type(n) { clear: none; }
.large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; }
}
p.lead { font-size: 1.21875em; line-height: 1.6; }
.subheader { line-height: 1.4; color: #a2a2a2; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; }
/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; }
/* Default Link Styles */
a { color: #627f9a; text-decoration: none; line-height: inherit; }
a:hover, a:focus { color: black; }
a img { border: none; }
/* Default paragraph styles */
p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; }
p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; }
/* Default header styles */
h1, h2, h3, h4, h5, h6 { font-family: "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; color: #555555; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #a2a2a2; line-height: 0; }
h1 { font-size: 1em; }
h2 { font-size: 0.875em; }
h3 { font-size: 0.9375em; }
h4 { font-size: 0.8125em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; }
/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #650000; }
/* Lists */
ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; }
ul, ol { margin-left: 0; }
ul.no-bullet, ol.no-bullet { margin-left: 0; }
/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em;/* Override nested font-size change */ }
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
ul.square { list-style-type: square; }
ul.circle { list-style-type: circle; }
ul.disc { list-style-type: disc; }
ul.no-bullet { list-style: none; }
/* Ordered Lists */
ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; }
/* Definition Lists */
dl dt { margin-bottom: 0.3em; font-weight: bold; }
dl dd { margin-bottom: 0.75em; }
/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #777777; border-bottom: 1px dotted #dddddd; cursor: help; }
abbr { text-transform: none; }
/* Blockquotes */
blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; }
blockquote cite { display: block; font-size: 0.8125em; color: #888888; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a,  blockquote cite a:visited { color: #888888; }
blockquote, blockquote p { line-height: 1.6; color: #a2a2a2; }
/* Microformats */
.vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #dddddd; padding: 0.625em 0.75em; }
.vcard li { margin: 0; display: block; }
.vcard .fn { font-weight: bold; font-size: 0.9375em; }
.vevent .summary { font-weight: bold; }
.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; }

@media only screen and (min-width: 48em) {
h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
h1 { font-size: 1.625em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1.125em; }
}
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }

@media print {
* { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important; text-shadow: none !important; }
a,  a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after { content: ""; }
pre,  blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group;/* h5bp.com/t */ }
tr,  img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p,  h2,  h3 { orphans: 3; widows: 3; }
h2,  h3 { page-break-after: avoid; }
.hide-on-print { display: none !important; }
.print-only { display: block !important; }
.hide-for-print { display: none !important; }
.show-for-print { display: inherit !important; }
}
#submit, button, .button, input[type="submit"] { border: 0; text-transform: uppercase; cursor: pointer; font-family: inherit; font-weight: normal; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #627f9a; border-color: #627f9a; color: white; }
#submit:hover, #submit:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus { -webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); }
#submit:hover, #submit:focus, button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus { color: white; }
#submit.secondary, button.secondary, .button.secondary, input[type="submit"].secondary { background-color: #d26e4b; border-color: #d26e4b; color: white; }
#submit.secondary:hover, #submit.secondary:focus, button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { -webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); }
#submit.secondary:hover, #submit.secondary:focus, button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { color: white; }
#submit.white, button.white, .button.white, input[type="submit"].white { background-color: white; border-color: white; color: #333333; }
#submit.white:hover, #submit.white:focus, button.white:hover, button.white:focus, .button.white:hover, .button.white:focus, input[type="submit"].white:hover, input[type="submit"].white:focus { -webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); }
#submit.white:hover, #submit.white:focus, button.white:hover, button.white:focus, .button.white:hover, .button.white:focus, input[type="submit"].white:hover, input[type="submit"].white:focus { color: #333333; }
#submit.success, button.success, .button.success, input[type="submit"].success { background-color: #7a9c59; border-color: #7a9c59; color: white; }
#submit.success:hover, #submit.success:focus, button.success:hover, button.success:focus, .button.success:hover, .button.success:focus, input[type="submit"].success:hover, input[type="submit"].success:focus { -webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); }
#submit.success:hover, #submit.success:focus, button.success:hover, button.success:focus, .button.success:hover, .button.success:focus, input[type="submit"].success:hover, input[type="submit"].success:focus { color: white; }
#submit.alert, button.alert, .button.alert, input[type="submit"].alert { background-color: #b20000; border-color: #b20000; color: white; }
#submit.alert:hover, #submit.alert:focus, button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus, input[type="submit"].alert:hover, input[type="submit"].alert:focus { -webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); }
#submit.alert:hover, #submit.alert:focus, button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus, input[type="submit"].alert:hover, input[type="submit"].alert:focus { color: white; }
#submit.large, button.large, .button.large, input[type="submit"].large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; }
#submit.small, button.small, .button.small, input[type="submit"].small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; }
#submit.tiny, button.tiny, .button.tiny, input[type="submit"].tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; }
#submit.expand, button.expand, .button.expand, input[type="submit"].expand { padding-right: 0px; padding-left: 0px; width: 100%; }
#submit.left-align, button.left-align, .button.left-align, input[type="submit"].left-align { text-align: left; text-indent: 0.75em; }
#submit.right-align, button.right-align, .button.right-align, input[type="submit"].right-align { text-align: right; padding-right: 0.75em; }
#submit.disabled, #submit[disabled], button.disabled, button[disabled], .button.disabled, .button[disabled], input[type="submit"].disabled, input[type="submit"][disabled] { background-color: #627f9a; border-color: #627f9a; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
#submit.disabled:hover, #submit.disabled:focus, #submit[disabled]:hover, #submit[disabled]:focus, button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus, input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { -webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); }
#submit.disabled:hover, #submit.disabled:focus, #submit[disabled]:hover, #submit[disabled]:focus, button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus, input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { color: white; }
#submit.disabled:hover, #submit.disabled:focus, #submit[disabled]:hover, #submit[disabled]:focus, button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus, input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background-color: #627f9a; }
#submit.disabled.secondary, #submit[disabled].secondary, button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary, input[type="submit"].disabled.secondary, input[type="submit"][disabled].secondary { background-color: #d26e4b; border-color: #d26e4b; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
#submit.disabled.secondary:hover, #submit.disabled.secondary:focus, #submit[disabled].secondary:hover, #submit[disabled].secondary:focus, button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus, input[type="submit"].disabled.secondary:hover, input[type="submit"].disabled.secondary:focus, input[type="submit"][disabled].secondary:hover, input[type="submit"][disabled].secondary:focus { -webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); }
#submit.disabled.secondary:hover, #submit.disabled.secondary:focus, #submit[disabled].secondary:hover, #submit[disabled].secondary:focus, button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus, input[type="submit"].disabled.secondary:hover, input[type="submit"].disabled.secondary:focus, input[type="submit"][disabled].secondary:hover, input[type="submit"][disabled].secondary:focus { color: white; }
#submit.disabled.secondary:hover, #submit.disabled.secondary:focus, #submit[disabled].secondary:hover, #submit[disabled].secondary:focus, button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus, input[type="submit"].disabled.secondary:hover, input[type="submit"].disabled.secondary:focus, input[type="submit"][disabled].secondary:hover, input[type="submit"][disabled].secondary:focus { background-color: #d26e4b; }
#submit.disabled.white, #submit[disabled].white, button.disabled.white, button[disabled].white, .button.disabled.white, .button[disabled].white, input[type="submit"].disabled.white, input[type="submit"][disabled].white { background-color: #eeeeee; border-color: #eeeeee; color: #333333; }
#submit.disabled.white:hover, #submit.disabled.white:focus, #submit[disabled].white:hover, #submit[disabled].white:focus, button.disabled.white:hover, button.disabled.white:focus, button[disabled].white:hover, button[disabled].white:focus, .button.disabled.white:hover, .button.disabled.white:focus, .button[disabled].white:hover, .button[disabled].white:focus, input[type="submit"].disabled.white:hover, input[type="submit"].disabled.white:focus, input[type="submit"][disabled].white:hover, input[type="submit"][disabled].white:focus { -webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); }
#submit.disabled.white:hover, #submit.disabled.white:focus, #submit[disabled].white:hover, #submit[disabled].white:focus, button.disabled.white:hover, button.disabled.white:focus, button[disabled].white:hover, button[disabled].white:focus, .button.disabled.white:hover, .button.disabled.white:focus, .button[disabled].white:hover, .button[disabled].white:focus, input[type="submit"].disabled.white:hover, input[type="submit"].disabled.white:focus, input[type="submit"][disabled].white:hover, input[type="submit"][disabled].white:focus { color: #333333; }
#submit.disabled.success, #submit[disabled].success, button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success, input[type="submit"].disabled.success, input[type="submit"][disabled].success { background-color: #7a9c59; border-color: #7a9c59; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
#submit.disabled.success:hover, #submit.disabled.success:focus, #submit[disabled].success:hover, #submit[disabled].success:focus, button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus, input[type="submit"].disabled.success:hover, input[type="submit"].disabled.success:focus, input[type="submit"][disabled].success:hover, input[type="submit"][disabled].success:focus { -webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); }
#submit.disabled.success:hover, #submit.disabled.success:focus, #submit[disabled].success:hover, #submit[disabled].success:focus, button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus, input[type="submit"].disabled.success:hover, input[type="submit"].disabled.success:focus, input[type="submit"][disabled].success:hover, input[type="submit"][disabled].success:focus { color: white; }
#submit.disabled.success:hover, #submit.disabled.success:focus, #submit[disabled].success:hover, #submit[disabled].success:focus, button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus, input[type="submit"].disabled.success:hover, input[type="submit"].disabled.success:focus, input[type="submit"][disabled].success:hover, input[type="submit"][disabled].success:focus { background-color: #7a9c59; }
#submit.disabled.alert, #submit[disabled].alert, button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert, input[type="submit"].disabled.alert, input[type="submit"][disabled].alert { background-color: #b20000; border-color: #b20000; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
#submit.disabled.alert:hover, #submit.disabled.alert:focus, #submit[disabled].alert:hover, #submit[disabled].alert:focus, button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus, input[type="submit"].disabled.alert:hover, input[type="submit"].disabled.alert:focus, input[type="submit"][disabled].alert:hover, input[type="submit"][disabled].alert:focus { -webkit-box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 80px 20px 50px rgba(0, 0, 0, 0.2); }
#submit.disabled.alert:hover, #submit.disabled.alert:focus, #submit[disabled].alert:hover, #submit[disabled].alert:focus, button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus, input[type="submit"].disabled.alert:hover, input[type="submit"].disabled.alert:focus, input[type="submit"][disabled].alert:hover, input[type="submit"][disabled].alert:focus { color: white; }
#submit.disabled.alert:hover, #submit.disabled.alert:focus, #submit[disabled].alert:hover, #submit[disabled].alert:focus, button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus, input[type="submit"].disabled.alert:hover, input[type="submit"].disabled.alert:focus, input[type="submit"][disabled].alert:hover, input[type="submit"][disabled].alert:focus { background-color: #b20000; }
#submit, button, .button, input[type="submit"] { padding-top: 0.8125em; padding-bottom: 0.75em; }
#submit.tiny, button.tiny, .button.tiny, input[type="submit"].tiny { padding-top: 0.5em; padding-bottom: 0.4375em; }
#submit.small, button.small, .button.small, input[type="submit"].small { padding-top: 0.625em; padding-bottom: 0.5625em; }
#submit.large, button.large, .button.large, input[type="submit"].large { padding-top: 1.03125em; padding-bottom: 1.03125em; }

@media only screen and (min-width: 48em) {
#submit, button, .button, input[type="submit"] { display: inline-block; }
}
/* alternative button styles*/
a.button.alt-button:hover { box-shadow: none !important; background-color: #627f9a !important; }
a.primary.alt-button:hover { background-color: #627f9a !important; }
a.secondary.alt-button:hover { background-color: #d26e4b !important; }
a.alert.alt-button:hover { background-color: #b20000 !important; }
a.success.alt-button:hover { background-color: #7a9c59 !important; }
.button.success.alt-button { color: #7a9c59; }
.button.alert.alt-button { color: #b20000; }
.secondary.alt-button { color: #d26e4b; }
.alt-button { color: #627f9a; padding-top: 0.67em; padding-bottom: 0.56em; }
.alt-button { background-color: transparent !important; font-weight: bolder; border-width: 2px; border-style: solid; }
.alt-button:hover { color: white !important; }
.button.white.alt-button { color: #FFF; }
.button.white.alt-button:hover { color: black !important; background-color: white !important; }
.facebook-button { background-color: #3a589d !important; }
/* Standard Forms */
form { margin: 0 0 1em; }
/* Using forms within rows, we need to set some defaults */
form .row .row { margin: 0 -0.5em; }
form .row .row .column,  form .row .row .columns { padding: 0 0.5em; }
form .row .row.collapse { margin: 0; }
form .row .row.collapse .column,  form .row .row.collapse .columns { padding: 0; }
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5em; }
/* Label Styles */
label { font-size: 0.875em; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 0.1875em; }
label.right { float: none; text-align: right; }
label.inline { margin: 0 0 1em 0; padding: 0.625em 0; }
/* Attach elements to the beginning or end of an input */
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875em; height: 2.3125em; line-height: 2.3125em; }
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em; }
.prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em; }
.prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; }
.postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
.postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; }
/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333333; }
span.prefix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-top-left-radius: 6px; }
span.postfix { background: #f2f2f2; border-color: #cccccc; border-left: none; color: #333333; }
span.postfix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * { -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-bottom-left-radius: 6px; border-top-left-radius: 6px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * { -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; }
/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 0.875em; margin: 0 0 1em 0; padding: 0.5em; height: 2.3125em; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
input[type="text"]:focus,  input[type="password"]:focus,  input[type="date"]:focus,  input[type="datetime"]:focus,  input[type="datetime-local"]:focus,  input[type="month"]:focus,  input[type="week"]:focus,  input[type="email"]:focus,  input[type="number"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="time"]:focus,  input[type="url"]:focus,  textarea:focus { -webkit-box-shadow: 0 0 5px #999999; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border-color: #999999; }
input[type="text"]:focus,  input[type="password"]:focus,  input[type="date"]:focus,  input[type="datetime"]:focus,  input[type="datetime-local"]:focus,  input[type="month"]:focus,  input[type="week"]:focus,  input[type="email"]:focus,  input[type="number"]:focus,  input[type="search"]:focus,  input[type="tel"]:focus,  input[type="time"]:focus,  input[type="url"]:focus,  textarea:focus { background: #fafafa; border-color: #999999; outline: none; }
input[type="text"][disabled],  input[type="password"][disabled],  input[type="date"][disabled],  input[type="datetime"][disabled],  input[type="datetime-local"][disabled],  input[type="month"][disabled],  input[type="week"][disabled],  input[type="email"][disabled],  input[type="number"][disabled],  input[type="search"][disabled],  input[type="tel"][disabled],  input[type="time"][disabled],  input[type="url"][disabled],  textarea[disabled] { background-color: #dddddd; }
/* Adjust margin for form elements below */
input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1em 0; }
/* Normalize file input width */
input[type="file"] { width: 100%; }
/* We add basic fieldset styling */
fieldset { border: solid 1px #dddddd; padding: 1.25em; margin: 1.125em 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 0.1875em; margin: 0; margin-left: -0.1875em; }
/* Error Handling */
.error input, input.error, .error textarea, textarea.error { border-color: #b20000; background-color: rgba(178, 0, 0, 0.1); }
.error input:focus,  input.error:focus,  .error textarea:focus,  textarea.error:focus { background: #fafafa; border-color: #999999; }
.error label, label.error { color: #b20000; }
.error small, small.error { display: block; padding: 0.375em 0.25em; margin-top: -1.3125em; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #b20000; color: white; }
/* Error Handling WooCommerce */
.woocommerce-invalid input, .woocommerce-invalid input, input.woocommerce-invalid, .woocommerce-invalid textarea, textarea.woocommerce-invalid { border-color: #b20000; background-color: rgba(178, 0, 0, 0.1); }
.woocommerce-invalid input:focus, .woocommerce-invalid input:focus,  input.woocommerce-invalid:focus,  .woocommerce-invalid textarea:focus,  textarea.woocommerce-invalid:focus { background: #fafafa; border-color: #999999; }
.woocommerce-invalid label, label.woocommerce-invalid { color: #b20000; }
.woocommerce-invalid small, small.woocommerce-invalid { display: block; padding: 0.375em 0.25em; margin-top: -1.3125em; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #b20000; color: white; }
/* Foundation Alerts */
.alert-box { border-style: solid; border-width: 1px; display: block; font-weight: bold; margin-bottom: 1.25em; position: relative; padding: 0.6875em 1.3125em 0.75em 0.6875em; font-size: 0.875em; background-color: #627f9a; border-color: #4e657b; color: white; }
.alert-box .close { font-size: 1.375em; padding: 5px 4px 4px; line-height: 0; position: absolute; top: 0.4375em; right: 0.3125em; color: #333333; opacity: 0.3; }
.alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; }
.alert-box.radius { -webkit-border-radius: 6px; border-radius: 6px; }
.alert-box.round { -webkit-border-radius: 1000px; border-radius: 1000px; }
.alert-box.success { background-color: #7a9c59; border-color: #617c46; color: white; }
.alert-box.alert { background-color: #b20000; border-color: #7f0000; color: white; }
.alert-box.secondary { background-color: #d26e4b; border-color: #bb532f; color: white; }
/* Pagination */
.pagination { display: block; height: 1.5em; margin-left: -0.3125em; }
.pagination li { display: block; float: left; height: 1.5em; color: #222222; font-size: 0.875em; margin-left: 0.3125em; }
.pagination li a { display: block; padding: 0.0625em 0.4375em 0.0625em; color: #999999; }
.pagination li:hover a,  .pagination li a:focus { background: #e6e6e6; }
.pagination li.unavailable a { cursor: default; color: #999999; }
.pagination li.unavailable:hover a, .pagination li.unavailable a:focus { background: transparent; }
.pagination li.current a { background: #627f9a; color: white; font-weight: bold; cursor: default; }
.pagination li.current a:hover, .pagination li.current a:focus { background: #627f9a; }
.pagination-centered { text-align: center; }
.pagination-centered ul > li { float: none; display: inline-block; }
/* Tables */
table { margin-bottom: 1.25em; width: 100%; }
table thead,  table tfoot { font-weight: bold; }
table thead tr th,  table thead tr td,  table tfoot tr th,  table tfoot tr td { padding: 0.5em 0; font-size: 0.875em; text-align: left; }
table tr th,  table tr td { padding: 0.5625em 0em; font-size: 0.875em; }
table thead tr th,  table tfoot tr th,  table tbody tr td,  table tr td,  table tfoot tr td { display: table-cell; line-height: 1.125em; }
table th { font-weight: bold; }
table td, table th { padding: 0px 10px 15px; text-align: left; }
table tr:last-child { border-bottom: 0; }
 .clear { clear: both; }
a, a span, input[type="submit"], button { text-decoration: none; -webkit-appearance: none; transition: all 100ms ease-in-out }
a img { transition: opacity 100ms ease-in-out; -webkit-backface-visibility: hidden }
#wrapper { top: auto !important; }
#wrapper, #header { transform: translate(0, 0); -webkit-transition: all 400ms cubic-bezier(0.325, 0.005, 0.33, 1); -moz-transition: all 400ms cubic-bezier(0.325, 0.005, 0.33, 1); -o-transition: all 400ms cubic-bezier(0.325, 0.005, 0.33, 1); transition: all 400ms cubic-bezier(0.325, 0.005, 0.33, 1); }
body { padding-top: 170px; }
.nav-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 100 }
.wcml_currency_switcher { display: none; }
.nav-dropdown-inner:after { left: auto; right: -10px; }
.nav-dropdown, .sub-menu.submenu-languages { padding: 20px 20px; }
.top-navigation { background: #0c2653; position: relative; padding: 0 0 0 3%; }
.top-navigation .wrap { max-width: 1400px; margin: 0 auto; position: relative; }
.top-navigation .left { line-height: 40px; color: #fff; font-weight: 700; font-size: 14px; }
.top-navigation .right { float: right; }
.top-navigation .social-link a { background: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-facebook.png); background-size: 20px auto; width: 20px; display: block; line-height: 20px; text-indent: -9999px; margin: 10px 3px 0; }
.top-navigation .social-link.gp a { background-image: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-googleplus.png); }
.top-nav { float: right; padding-right: 16px; margin: 0; }
.top-nav::after { content: ''; display: block; clear: both; }
.top-nav li { line-height: 40px; position: relative; display: block; float: left; border-left: none; padding: 0; margin: 0; font-size: 14px; }
.top-nav li a { color: #fff; padding: 0 8px; line-height: 10px; display: inline-block; }
.top-nav li.border a { border-right: 1px solid #fff; }
.top-nav li a:hover { border-bottom: none; color: #eee; }
ul.top-bar-nav li.lang { background-size: 40px auto; width: 40px; display: block; line-height: 20px; text-indent: -9999px; margin: 10px 6px 0; }
ul.top-bar-nav li.lang.lang-au { background-position: 0 -20px; }
.lang-selector { float: right; height: 40px; border: 1px solid #5374ac; border-width: 0 1px; position: relative; min-width: 190px; z-index: 100; }
.lang-selector .current-lang { display: block; line-height: 40px; padding: 0 12px 0 52px; font-size: 14px; color: #e4eeff; }
.lang-selector .current-lang::before { position: absolute; content: ''; left: 12px; top: 6px; width: 26px; height: 26px; NOTbackground: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-new-zealand.png) left top no-repeat; background-size: 26px auto; box-sizing: content-box; }
.lang-selector .current-lang-en::before,
.lang-selector .current-lang-au::before { background-image: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-australia.png); }
.lang-selector .current-lang-nz::before { background-image: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-new-zealand.png); }
.lang-selector .current-lang-ja::before { background-image: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-japan.png); }
.lang-selector-box { position: absolute; width: 100%; top: 100%; background: #0c2653; border: 1px solid #5374ac; left: -9999px; right: auto; }
.lang-selector:hover .lang-selector-box { left: auto; right: 0; }
.lang-selector-box a { display: block; padding: 0 12px 0 52px; line-height: 32px; font-size: 13px; position: relative; color: #e4eeff; }
.lang-selector-box a::before { position: absolute; content: ''; left: 12px; top: 4px; width: 26px; height: 26px; NOTbackground: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-new-zealand.png) left top no-repeat; background-size: 26px auto; box-sizing: content-box; }
.lang-selector-box a.lang-au::before { background-image: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-australia.png); }
.lang-selector-box a.lang-nz::before { background-image: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-new-zealand.png); }
.lang-selector-box a.lang-ja::before { background-image: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-japan.png); }
.lang-selector-box a:hover { background: #223b66; }
#header { padding: 0; border-bottom: 1px solid #c0c0c0; position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: #fff; box-shadow: 0 0 30px rgba(0,0,0,.1); }
#header .header-inner { padding: 0 2%; }
#header .wrap { max-width: 1400px; margin: 0 auto; position: relative; }
#header .logo { max-width: 320px; float: left; line-height: 128px; }
#header .logo img { width: 100%; display: inline-block; vertical-align: middle; }
#header .globalnav { float: left; margin: 0 0 0 36px; }
#header .globalnav li { float: left; display: block; line-height: 50px; margin: 39px 0 0; }
#header .globalnav li a { display: block; padding: 0 12px; color: #111; font-size: 16px; }
#header .globalnav li:hover a { color: #008bd0; }
#header .globalnav li.shop a { border: 1px solid #fff; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.8); color: #fff; padding: 0 20px; font-size: 20px; margin: 0 12px 0 0;
background: #0b90c5;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiOTBjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTZjYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #0b90c5 0%, #096cb2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b90c5), color-stop(100%,#096cb2)); background: -webkit-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: -o-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: -ms-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: linear-gradient(to bottom, #0b90c5 0%,#096cb2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b90c5', endColorstr='#096cb2',GradientType=0 ); }
#header .phone { float: right; font-size: 24px; color: #111; font-weight: 700; line-height: 128px; margin: 0 30px 0 0; cursor: default; background: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/phone-icon.png) left center no-repeat; padding-left: 32px; background-size: 24px; }
#header .mini-cart { float: right; margin-top: 56px; }
#header .mini-cart .nav-dropdown { right: 0; }
#header .mini-cart .cart-icon strong { background-color: #fff; }
#header .mini-cart.active .cart-icon strong { background-color: #008bd0; color: #fff; }
#header .mini-cart .cart-icon strong,
#header .mini-cart .cart-icon .cart-icon-handle { border-color: #008bd0; }
#header .mini-cart .cart-icon strong { color: #008bd0; }
#header .mini-cart .cart-icon .cart-icon-handle { top: -14px; }
@media only screen and (max-width: 1460px) {
body { padding-top: 140px; }
#header .logo { max-width: 16%; line-height: 100px; }
#header .globalnav li { margin-top: 25px; }
#header .globalnav li a { padding: 0 10px; font-size: 14px; }
#header .globalnav li.shop a { padding: 0 16px; font-size: 16px; }
#header .phone { font-size: 20px; line-height: 100px; }
#header .mini-cart { margin-top: 42px; }
}
@media only screen and (max-width: 1200px) {
#header .logo { max-width: 16%; line-height: 100px; }
#header .globalnav { margin-left: 20px; }
#header .globalnav li { margin-top: 25px; }
#header .globalnav li a { padding: 0 8px; font-size: 14px; }
#header .globalnav li.shop a { padding: 0 14px; font-size: 14px; }
#header .phone { font-size: 17px; line-height: 100px; margin-right: 20px; }
#header .mini-cart { margin-top: 42px; }
}
@media only screen and (max-width: 1080px) {
body { padding-top: 80px; }
.top-navigation { display: none; }
#header .header-inner { padding-left: 0; }
#header .logo { max-width: 200px; line-height: 80px; }
#header .phone { font-size: 17px; line-height: 80px; }
#header .mini-cart { margin-top: 32px; }
#header .globalnav { display: none; }
#header .overflow { width: 32px; padding: 0 20px; line-height: 70px; cursor: pointer; float: left; display: block; margin: 0 30px 0 0; box-sizing: content-box; }
#header .overflow span { background-color: #2d2d2d; position: relative; display: block; margin: 39px 0; height: 2px }
#header .overflow span.active { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg) }
#header .overflow span.active::before { top: -7px; width: 70%; right: -3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg) }
#header .overflow span.active::after { top: 7px; width: 70%; right: -3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg) }
#header .overflow span::before { content: ''; position: absolute; top: -10px; right: 0; height: 2px; background: #2d2d2d; display: block; width: 100% }
#header .overflow span::after { content: ''; position: absolute; top: 10px; right: 0; height: 2px; background: #2d2d2d; display: block; width: 100% }
#header .overflow span, #header .overflow span::before, #header .overflow span::after { border-radius: 1px; -webkit-transition: all 400ms cubic-bezier(0.325, 0.005, 0.33, 1); -moz-transition: all 400ms cubic-bezier(0.325, 0.005, 0.33, 1); -o-transition: all 400ms cubic-bezier(0.325, 0.005, 0.33, 1); transition: all 400ms cubic-bezier(0.325, 0.005, 0.33, 1) }
}
@media only screen and (max-width: 768px) {
#header .logo { margin: 0 auto; float: none; display: block; position: absolute; left: 0; right: 0; }
#header .phone { display: none; }
}
@media only screen and (max-width: 640px) {
body { padding-top: 60px; }
#header .logo { line-height: 60px; max-width: 150px; }
#header .overflow { line-height: 60px; }
#header .overflow span { margin: 29px 0; }
#header .mini-cart { margin-top: 24px; }
}
a.learn-more { padding: 0 36px; border-radius: 5px; background: #008bd0; color: #fff; line-height: 42px; display: inline-block; }
a.learn-more:hover { background: #006ea5; }
.home-container-pad { padding: 3%; }
.home-container { max-width: 1080px; margin: 0 auto; }
.home-content { border: 1px solid #e7e7e7; border-width: 1px 1px 0 0; float: left; width: 72%; padding: 40px 0; }
.home-content h2 { text-transform: uppercase; margin: 0 0 1em; padding: 0; }
.home-content p { color: #111; line-height: 1.8em; margin: 0 0 28px; }
.home-content h2,
.home-content p { padding-right: 36px; }
.home-content hr { padding: 40px 0 0; margin: 0 0 40px; border: 1px solid #e7e7e7; border-width: 0 0 1px; display: block; }
.home-right { float: right; width: 28%; border-top: 1px solid #e7e7e7; padding-left: 3%; }
@media only screen and (max-width: 767px) {
.home-container { max-width: 1080px; margin: 0 auto; padding: 3%; }
.home-content { border-width: 0; float: none; width: auto; padding: 40px 0; }
.home-content h2 { font-size: 24px; }
.home-content p {  }
.home-content h2,
.home-content p { padding-right: 0; }
.home-right { display: none; }
}
.side-nav { width: 100%; max-width: 320px; position: fixed; left: -320px; top: -70px; height: 100%; z-index: 99; overflow: hidden; background: #f6f6f6; display: none }
.side-nav li { display: block; border-bottom: 1px solid #ccc; margin: 0 16px }
.side-nav li a { display: block; padding: 4%; color: #000; font-size: 16px; line-height: 2em }
.side-nav li.current-menu-item a { color: #008bd0 }
.side-nav li.shop { padding: 20px 0; }
.side-nav li.shop a {
border: 1px solid #fff; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.8); color: #fff; padding: 0 20px; font-size: 20px; line-height: 50px;
background: #0b90c5;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiOTBjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTZjYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #0b90c5 0%, #096cb2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b90c5), color-stop(100%,#096cb2)); background: -webkit-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: -o-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: -ms-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: linear-gradient(to bottom, #0b90c5 0%,#096cb2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b90c5', endColorstr='#096cb2',GradientType=0 ); }
@media screen and (max-width: 1080px) {
.side-nav { display: block }
}
.welcome-content { }
.welcome-content .wrap { max-width: 1080px; margin: 0 auto; position: relative; }
.welcome-top { background: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/welcome-bg.jpg) center top no-repeat; padding: 30px 3%; }
.welcome-top img { max-width: 62%; display: block; }
.welcome-bottom { padding: 0 3%; }
.welcome-bottom .wrap { border-bottom: 1px solid #e7e7e7; }
.welcome-bottom .welcome-shop-now { float: right; width: 30%; }
.welcome-bottom .welcome-shop-now img { display: block; width: 100%; margin-top: -120px; margin-bottom: 30px; }
.welcome-bottom .welcome-shop-now a { border: 1px solid #fff; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.8); color: #fff; padding: 0 20px; font-size: 24px; line-height: 50px; width: 80%; display: block; text-align: center; float: right;
background: #fcaf17;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjYWYxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMjhkMTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fcaf17 0%, #e28d16 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcaf17), color-stop(100%,#e28d16)); background: -webkit-linear-gradient(top, #fcaf17 0%,#e28d16 100%); background: -o-linear-gradient(top, #fcaf17 0%,#e28d16 100%); background: -ms-linear-gradient(top, #fcaf17 0%,#e28d16 100%); background: linear-gradient(to bottom, #fcaf17 0%,#e28d16 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcaf17', endColorstr='#e28d16',GradientType=0 ); }
.welcome-points { float: left; width: 70%; padding: 60px 0; border-right: 1px solid #e7e7e7; }
.welcome-points ul { width: 45%; float: left; margin: 0 5% 0 0; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; }
.welcome-points li { font-size: 20px; margin: 0 0 20px; min-height: 30px; background: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/list-item-tick.png) left 5px no-repeat; padding-left: 40px; display: block; }
@media screen and (max-width: 1200px) {
.welcome-points li { font-size: 17px; padding-left: 30px; background-size: 20px; }
}
@media screen and (max-width: 980px) {
.welcome-points { padding: 40px 0; }
.welcome-points li { font-size: 16px; }
}
@media screen and (max-width: 800px) {
.welcome-top { padding: 20px; }
.welcome-top img { margin: 0 auto; }
.welcome-points { width: auto; float: none; }
.welcome-bottom .welcome-shop-now { display: none; }
}
@media screen and (max-width: 600px) {
.welcome-points { padding: 5%; }
.welcome-points ul { width: auto; float: none; }
}
.pure { padding: 3%; }
.pure .wrap { max-width: 1080px; margin: 0 auto; }
.pure .textwrap { overflow: hidden; }
@media screen and (max-width: 1080px) {
.pure img { max-width: 20%; }
}
@media screen and (max-width: 768px) {
.pure img { display: block; margin: 0 auto 30px; float: none; max-width: 80%; }
}
.subscribe-box-small { background: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/subscribe-box-small-bg.jpg) center top no-repeat; border-radius: 8px; padding: 26px 20px; }
.subscribe-box-small p { text-align: center; font-size: 28px; font-weight: 700; line-height: 1.2em; color: #fff; text-shadow: 1px 3px 7px rgba(0,0,0,.8); margin: 0 0 12px; }
.subscribe-box-small .textbox { width: 100%; padding: 10px; margin: 0 0 8px; border: none; height: auto; }
.subscribe-box-small .button { width: 100%; text-align: center; border: 1px solid #fff; text-transform: none; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.8); color: #fff; padding: 12px; font-size: 20px; margin: 0 12px 0 0;
background: #0b90c5;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiOTBjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTZjYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #0b90c5 0%, #096cb2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b90c5), color-stop(100%,#096cb2)); background: -webkit-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: -o-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: -ms-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: linear-gradient(to bottom, #0b90c5 0%,#096cb2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b90c5', endColorstr='#096cb2',GradientType=0 ); }
.subscribe-box-large { background: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/sailing-boat.jpg) center bottom no-repeat; background-size: cover; border-radius: 8px; padding: 4% 6% 2%; margin: 0 0 40px; }
.subscribe-box-large p { text-align: center; font-size: 22px; font-weight: 700; line-height: 1.2em; color: #fff; text-shadow: 1px 3px 7px rgba(0,0,0,.8); margin: 140px 0 12px; }
.subscribe-box-large .subscribe-box-small { background: none; border-radius: none; padding: 0; }
.subscribe-box-large .subscribe-box-small p { display: none; }
.subscribe-box-large .subscribe-box-small .textbox { width: 38%; float: left; padding: 14px; margin: 0 2% 0 0; border: none; height: auto; }
.subscribe-box-large .subscribe-box-small .button { width: 20%; float: right; text-align: center; border: 1px solid #fff; text-transform: none; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.8); color: #fff; padding: 12px; font-size: 20px; margin: 0; box-sizing: border-box;
background: #0b90c5;  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBiOTBjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwOTZjYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #0b90c5 0%, #096cb2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0b90c5), color-stop(100%,#096cb2)); background: -webkit-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: -o-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: -ms-linear-gradient(top, #0b90c5 0%,#096cb2 100%); background: linear-gradient(to bottom, #0b90c5 0%,#096cb2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b90c5', endColorstr='#096cb2',GradientType=0 ); }
@media screen and (max-width: 720px) {
.subscribe-box-large p { font-size: 17px; margin: 0 0 12px; }
.subscribe-box-large .subscribe-box-small .textbox { width: 100%; float: none; padding: 10px; margin: 0 0 12px; }
.subscribe-box-large .subscribe-box-small .button { width: 100%; float: none; }
}
#slider { position: relative; -webkit-user-select: none; -moz-user-select: none }
#slider img { display: block; width: 100% }
#slider .slider-items { position: relative }
#slider .slider-items::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10 }
#slider .slide { display: none; top: 0; position: relative; transition: opacity 500ms ease-in-out }
#slider .slide:nth-child(1) { display: block }
#slider .slide>img { position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden }
#slider .slide-selectors { position: absolute; bottom: 50px; left: 50%; z-index: 15 }
#slider .slide-selector { width: 60px; height: 6px; background: #fff; opacity: .5; display: block; float: left; margin: 0 5px; cursor: pointer; text-indent: -9999px }
#slider .slide-selector.current, #slider .slide-selector:hover { opacity: 1 }
@media screen and (max-width: 767px) {
#slider .slide-selectors { display: none }
}
#footer { padding: 2% 3%; background: #14254e url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/footer-bg.jpg) center top no-repeat; }
#footer .wrap { max-width: 1080px; margin: 0 auto; }
#footer img { max-width: 100%; display: block; }
#footer img.logo { width: 275px; margin: 0 0 20px; }
#footer .col { float: left; margin: 0 4% 50px 0; }
#footer .col.logo { width: 26%; }
#footer .col.products { width: 11%; }
#footer .col.links { width: 13%; }
#footer .col.social { width: 21%; margin-right: 0; }
#footer ul { width: 100%; }
#footer ul li { display: block; }
#footer ul li a { color: #fff; font-size: 14px; display: inline-block; }
#footer .col p { color: #fff; margin: 0 0 20px; font-size: 18px; }
#footer .col.social a { color: #fff; font-size: 14px; display: inline-block; line-height: 32px; padding-left: 32px; position: relative; margin: 0 10px 14px 0; }
#footer .col.social a::before { content: ''; width: 32px; height: 32px; position: absolute; background: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-facebook.png) left top no-repeat; left: 0; background-size: 32px auto; }
#footer .col.social a.gp::before { background-image: url(//www.magnesiumlife.com/wp-content/themes/flatsome-child/images/icon-googleplus.png); }
#footer p.copy { color: #fff; margin: 0; font-size: 14px; }
#footer p.copy span { float: left; }
#footer p.copy span a { color: #fff; }
#footer p.copy span.r { float: right; }
@media screen and (max-width: 900px) {
#footer .col.products { display: none; }
#footer .col.links { width: 37%; }
#footer .col.social { width: 25%; margin-right: 0; }
}
@media screen and (max-width: 768px) {
#footer { padding: 3%; }
#footer .col { width: auto !important; float: none; text-align: center; margin: 0 0 30px; }
#footer .col img { margin: 0 auto; }
#footer .col.links ul li { width: auto; float: none; }
#footer .col.social a { }
}
@media screen and (max-width: 540px) {
#footer p.copy span { float: none; display: block; text-align: center; margin: 0 0 16px; }
#footer p.copy span.r { float: none; }	
}
#wrapper { position: relative; top: -50px }
#top-bar { color: #777777; width: auto; }
#top-bar li > a { color: #d48728; color: #777777; }
#logo a img { NOTposition: relative; NOTtop: -45px; max-height: 120px !important; }
#logo { width: auto !important; }
ul.top-bar-nav li a:hover { border-bottom-color: #777777; }
#masthead .right-links { NOTpadding-top: 70px; }
#masthead.stuck.move_down #logo a img { position: relative; top: 0px; max-height: 40px !important; }
#top-bar { position: relative; top: 60px; background-color : transparent !important; }
body { color: #222222; }
.left-links { color: #777777; }
#top-bar { text-align: right; }
.no-hover a:hover { NOTbackground: transparent; cursor: default; text-decoration: none !important; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 0px; }
.no-hover a.nav-top-link:hover { NOTbackground: transparent; cursor: default; text-decoration: none !important; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 0px; } .nopadding .columns { padding-left: 0px; padding-right: 0px; }
ul.header-nav li a { font-size: 100%; text-transform: none; }
h3.section-title { text-transform: none; }
.widget_product_categories li a, .widget_layered_nav li a, .widget_layered_nav_filters li a { text-transform: none; }
.widget-title { text-transform: none; }
.breadcrumb { text-transform: none; }
.custom select { text-transform: none; }
input.customNinjaFormClassForSlider { display: inline; }
.field-wrap::after { clear: none; }
ul#ticklist { list-style: none; }
#ticklist li { overflow: visible; padding-left: 17px; position: relative; }
#ticklist li:before { NOTcontent: "—"; content: "✓"; left: 0; position: absolute; }
.special h3.section-title.title_bold_center { border-width: 0px; margin-bottom: 0px; height: inherit; }
h2, h3 { margin-top: 0.9em; } .tx-div { display: block; height: 3px; background-color: #000; opacity: 0.1; margin: 15px 0 15px; }
.text-center .tx-div { margin: 5px auto 5px auto; }
.tx-div.small { width: 100%; }
.tx-div.medium { width: 100%; }
div.mc4wp-alert.mc4wp-error { color: white; background-color: red; font-weight: bold; padding: 10px; }
div.mc4wp-alert.mc4wp-notice { color: white; background-color: lightgreen; font-weight: bold; padding: 10px; }
div.mc4wp-alert.mc4wp-success { color: white; background-color: green; font-weight: bold; padding: 10px; }
@media only screen and (max-width: 767px) {
.showMobileOnly { display: block; }
}
@media only screen and (min-width: 767px) {
.showMobileOnly { display: none; }
} div.post-date { display: none; }
div.entry-meta { display: none; }
.flatsome_recent_posts .post_comment { display: none; }
.flatsome_recent_posts .post-date { display: none; }
.flatsome_recent_posts li { padding-left: 2px; }
.flatsome_recent_posts .post_comments { display: none; }
.ninja-forms-field-error { color: red; font-weight: bold; }
.youtubeMobile { display: none; }
.youtubeNonMobile { display: inherit; } li.product-small { border: 1px solid #ededed; } .wide-nav { background-color: #008BD0; }
.wide-nav { background: #008bd0; background: -moz-linear-gradient(top, #008bd0 0%, #2e5377 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #008bd0), color-stop(100%, #2e5377)); background: -webkit-linear-gradient(top, #008bd0 0%, #2e5377 100%); background: -o-linear-gradient(top, #008bd0 0%, #2e5377 100%); background: -ms-linear-gradient(top, #008bd0 0%, #2e5377 100%); background: linear-gradient(to bottom, #008bd0 0%, #2e5377 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bd0', endColorstr='#2e5377', GradientType=0 ); }
.absolute-footer ul li a { color: #FFF; }
h1, h2, h3, h4, h5, h6 { color: #2C4C6E; }
.checkoutCountryMessage {
color:red;
font-size:1.2em;
}
.checkoutCountryMessage a {
color:red;
text-decoration:underline;
}
.checkoutCountryMessage a:hover {
color:#980606;
text-decoration:underline;
}
.checkoutCountryMessage a:active {
color:red;
text-decoration:underline;
}
.checkoutCountryMessage a:visited {
color:red;
text-decoration:underline;
}
@media only screen and (max-width: 1080px) {
.top-navigation { display: block; }
.top-navigation .areaA { display: none; }
.top-navigation .areaB { display: block; }
.top-navigation .areaC { display: none; }
#side-nav {top:-70px !important}
#wrapper { top: 40px !important; }
}
body.admin-bar #header{top: 32px;}