/* Magnific Popup CSS */

.mfp-bg {top:0; left:0; width:100%; height:100%; z-index:12042; overflow:hidden; position:fixed; background:rgba(51,51,51,.25);}
.mfp-wrap {top:0; left:0; width:100%; height:100%; z-index:12043; position:fixed; outline:none !important; -webkit-backface-visibility:hidden;}
.mfp-container {text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; /*padding:0 8px;*/ -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; z-index:12045;}

.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 !important;}

/* LOADING INDICATOR  */
.mfp-preloader {color:#ccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-0.8em; left:8px; right:8px; z-index:12044;}
 /*.mfp-preloader a {color:#ccc;}*/
  /*.mfp-preloader a:hover {color:white;}*/
.mfp-s-ready .mfp-preloader {display:none;}
.mfp-s-error .mfp-content {display:none;}

 .mfp-preloader:after {content:''; height:60px; width:60px; margin:0px auto; position:absolute; display:block; top:50%; margin:-35px 0 0 -35px; left:50%;
  -webkit-animation:rotation .6s infinite linear; -moz-animation:rotation .6s infinite linear; -o-animation:rotation .6s infinite linear; animation:rotation .6s infinite linear;
  border-left:6px solid rgba(0,174,239,.15); border-right:6px solid rgba(0,174,239,.15); border-bottom:6px solid rgba(0,174,239,.15); border-top:6px solid rgba(0,174,239,.8); border-radius:100%;}

/* MINI LOADING INDICATOR */
.mfp-content .loading-indicator-overlay:after {content:''; height:24px; width:24px; margin:0px auto; position:absolute; display:block; top:50%; right:50%; margin:-16px 10px 0 0; 
  -webkit-animation:rotation .6s infinite linear; -moz-animation:rotation .6s infinite linear; -o-animation:rotation .6s infinite linear; animation:rotation .6s infinite linear;
  border-left:4px solid rgba(0,174,239,.15); border-right:4px solid rgba(0,174,239,.15); border-bottom:4px solid rgba(0,174,239,.15); border-top:4px solid rgba(0,174,239,.8); border-radius:100%;}
 #loading-indicator-mockup{width:30px; height:12px; line-height:12px; font-size:10px; font-weight:bold; text-align:center;}

html.ua-ie-9 .loading-indicator-overlay {background:#fff url('../img/loading.gif') center center no-repeat; opacity:.6;}
 html.ua-ie-9 .loading-indicator-overlay:after {display:none;}
html.ua-ie-9 #loading-indicator-mockup {font-size:8px; height:11px; line-height:11px;}

  @-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);}}
  @-moz-keyframes rotation {from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);}}
  @-o-keyframes rotation {from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);}}
  @keyframes rotation {from {transform: rotate(0deg);} to {transform: rotate(359deg);}}

button.mfp-close, button.mfp-arrow {overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:12046;
 -webkit-box-shadow:none; box-shadow:none;}
 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; font-style:normal; font-size:28px; font-family:"Open Sans", sans-serif;}
  .mfp-close:hover, .mfp-close:focus {opacity:1;}
  .mfp-close:active {top:1px;}
.mfp-close-btn-in .mfp-close {color:#333;}
/*.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color:white; right:-6px; text-align:right; padding-right:6px; width:100%;}*/

.mfp-counter {position:absolute; top:0; right:0; color:#ccc; font-size:12px; line-height:18px;}
.mfp-arrow {position:absolute; opacity:0.65; 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;}
  .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:35px 0 0 35px;
   border:medium inset transparent;}
  .mfp-arrow:after, .mfp-arrow .mfp-a {border-top-width:13px; border-bottom-width:13px; top:8px;}
  .mfp-arrow:before, .mfp-arrow .mfp-b {border-top-width:21px; border-bottom-width:21px; opacity:0.7;}

.mfp-arrow-left {left:0;}
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {border-right:17px solid white; margin-left:31px;}
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {margin-left:25px; /*border-right:27px solid #3f3f3f;*/}
.mfp-arrow-right {right:0;}
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {border-left:17px solid white; margin-left:39px;}
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {/*border-left:27px solid #3f3f3f;*/}

.mfp-iframe-holder {padding-top:40px; padding-bottom:40px;}
  .mfp-iframe-holder .mfp-content {line-height:0; width:100%; /*max-width:900px;*/}
  /*.mfp-iframe-holder .mfp-close {top:-40px;}*/

/*.mfp-iframe-scaler {width:100%; height:0; overflow:hidden; padding-top:56.25%;}*/
  /*.mfp-iframe-scaler iframe {position:absolute; display:block; top:0; left:0; width:100%; height:100%; background:black;
   -moz-box-shadow:0 0 8px rgba(0,0,0,.6); -webkit-box-shadow:0 0 8px rgba(0,0,0,.6); box-shadow:0 0 8px rgba(0,0,0,.6);}*/

/* Main image in popup */
img.mfp-img {width:auto; max-width:100%; height:auto; display:block; line-height:0; padding:40px 0 40px; margin:0 auto; 
 -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}

/* The shadow behind the image */
.mfp-figure {line-height:0;}
  .mfp-figure:after {content:''; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; background:#fff;
   -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.25); -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.25); box-shadow:0 1px 3px 0 rgba(0,0,0,.25);}
  .mfp-figure small {color:#bdbdbd; display:block; font-size:12px; line-height:14px;}
  .mfp-figure figure {margin:0;}

.mfp-bottom-bar {margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto;}
.mfp-title {text-align:left; line-height:18px; color:#f3f3f3; word-wrap:break-word; padding-right:36px;}
.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;}
  .mfp-img-mobile .mfp-figure:after {top:0; bottom:0;}
  .mfp-img-mobile .mfp-figure small {display:inline; margin-left:5px;}
  .mfp-img-mobile .mfp-bottom-bar {background:rgba(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,.6); position:fixed; text-align:center; padding:0;}}

@media all and (max-width: 900px) {
  .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-ie7 .mfp-img {padding:0;}
.mfp-ie7 .mfp-bottom-bar {width:600px; left:50%; margin-left:-300px; margin-top:5px; padding-bottom:5px;}
.mfp-ie7 .mfp-container {padding:0;}
.mfp-ie7 .mfp-content {padding-top:44px;}
.mfp-ie7 .mfp-close {top:0; right:0; padding-top:0;}

/*** ANIMATION FX ***/

/* ====== Zoom-out ====== */
/* start state */
.mfp-zoom-out .mfp-with-anim {opacity:0; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; -ms-transform:scale(1.3); -webkit-transform:scale(1.3); transform:scale(1.3);}
 .mfp-zoom-out.mfp-bg {opacity:0; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
/* animate in */
.mfp-zoom-out.mfp-ready .mfp-with-anim {opacity:1; -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1);}
 .mfp-zoom-out.mfp-ready.mfp-bg {opacity:0.8;}
/* animate out */
.mfp-zoom-out.mfp-removing .mfp-with-anim {-ms-transform:scale(1.3); -webkit-transform:scale(1.3); transform:scale(1.3); opacity:0;}
 .mfp-zoom-out.mfp-removing.mfp-bg {opacity:0;}

/* ====== 3D Unfold ====== */
/* start state */
.mfp-3d-unfold .mfp-content {-ms-perspective:2000px; -webkit-perspective:2000px; perspective:2000px;}
 .mfp-3d-unfold .mfp-with-anim {opacity:0; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
  -ms-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; transform-style:preserve-3d;
  -ms-transform:rotateY(-60deg); -webkit-transform:rotateY(-60deg); transform:rotateY(-60deg);}
/* animate in */
.mfp-3d-unfold.mfp-bg {opacity:0; -webkit-transition:all 0.5s; transition:all 0.5s;}
 .mfp-3d-unfold.mfp-ready .mfp-with-anim {opacity:1; -ms-transform:rotateY(0deg); -webkit-transform:rotateY(0deg); transform:rotateY(0deg);}
  .mfp-3d-unfold.mfp-ready.mfp-bg {opacity:0.8;}
/* animate out */
.mfp-3d-unfold.mfp-removing .mfp-with-anim {-ms-transform:rotateY(60deg); -webkit-transform:rotateY(60deg); transform:rotateY(60deg); opacity:0;}
 .mfp-3d-unfold.mfp-removing.mfp-bg {opacity:0;}

/* LOGIN POPUP */
.login-popup select:focus, .login-popup textarea:focus, .login-popup input[type="text"], .login-popup input[type="password"], .login-popup input[type="datetime"], .login-popup input[type="datetime-local"], .login-popup input[type="date"], .login-popup input[type="month"], .login-popup input[type="time"], .login-popup input[type="week"], .login-popup input[type="number"], .login-popup input[type="email"], .login-popup input[type="url"], .login-popup input[type="search"], .login-popup input[type="tel"], .login-popup input[type="color"] { font-size:16px;}

/* Webkit Autofill */
.login-popup input:-webkit-autofill {-webkit-box-shadow:0 0 0 1000px #fff inset; background:none !important; background-color:transparent !important; border-color:#dedede;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; -webkit-text-fill-color:#09f !important;}
 .login-popup input:-webkit-autofill:hover, .login-popup input:-webkit-autofill:focus {
  border-color:#09f; -webkit-box-shadow:0 0 0 1000px #fff inset; background:none; background-color:transparent;}
.login-popup input:-webkit-autofill:first-line {color:#09f !important; -webkit-text-fill-color:#09f !important;}

.login-popup, .white-popup, .cart-popup {position:relative; background:rgba(255,255,255,.95); padding:20px; width:auto; margin:20px auto;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
 -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,.25); -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.25); box-shadow:0 1px 3px 0 rgba(0,0,0,.25);}
 .white-popup {max-width:970px; margin:20px auto;}
 .login-popup, .cart-popup {max-width:500px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; text-shadow:1px 1px 1px rgba(255,255,255,.75);}
  .login-popup img {margin:0 auto;}
  .login-popup h4, .cart-popup h4 {margin:10px auto 20px; font-size:22px; color:#333; font-weight:normal; line-height:1.5;}
   .login-popup h4 strong {font-weight:bold;}
  .login-popup ul {list-style:none; text-align:left;}
   .login-popup ul li {list-style:none; width:100%;}

    li.field {margin-bottom:25px;} /**/
    li.nofield {position:relative; margin-bottom:0;} /**/
     .nofield .left {float:left; width:50%;} /**/
     .nofield .right {float:right; width:50%;} /**/

	.login-popup li.field + li.field {margin-top:-10px;}
   .login-popup label {display:block; margin-bottom:8px; font-size:14px; color:#424242; font-weight:600;}
   .login-popup input {height:50px; width:100%; padding:10px; font-size:14px; line-height:30px; border:1px solid #ccc; color:#06f;
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    .login-popup input:hover, .login-popup input:focus {border:1px solid #09f;}
   .login-popup li a {display:block; margin-top:8px; font-size:12px;}
    .login-popup a:hover {text-decoration:underline;}

   .login-popup .warning {margin-top:8px; color:red; font-weight:600;}

.login-popup .mfp-iframe {width:100%; -webkit-transition:height 0.35s; -transition:height 0.35s;}

/* CART POPUP */
 .mini-cart-info table {border-collapse:collapse; width:100%; margin-bottom:5px;}
  .mini-cart-info td {color:#000; vertical-align:top; padding:10px 5px; border-bottom:1px solid #eee;}
   .mini-cart-info .image {width:1px;}
    .mini-cart-info .image img {border:1px solid #eee; text-align:left; background:#fefefe;}
   .mini-cart-info .name small {color:#333;}
   .mini-cart-info td.total {text-align:right;}
    .mini-cart-info .total {text-align:right;}
   .mini-cart-info .remove {text-align:right;}
    .mini-cart-info .remove img {cursor:pointer;}
.mini-cart-total {text-align:right;}
 .mini-cart-total table {border-collapse:collapse; display:inline-block; margin-bottom:5px;}
  .mini-cart-total td {color:#000; padding:4px;}

.mfp-close-btn-in .mfp-close {color:#09f;}

/* optionally hide arrows until image is displayed */
.mfp-s-loading .mfp-arrow {display:none;}
 .mfp-arrow-right {right:-35px;}
 .mfp-arrow-left {left:-35px;}
  .mfp-arrow:after, .mfp-arrow .mfp-a {border-top-width:10px; border-bottom-width:10px; top:12px;}
   .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {margin:35px 0 0 35px; border-left:12px solid #09f;}
   .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {margin:35px 0 0 40px; border-right:12px solid #09f;}
  
.mfp-figure:after {top:0; bottom:0; background:rgba(255,255,255,.95);}
.mfp-content figure figcaption {margin:0;}
img.mfp-img {padding:30px 30px 0;}
 .mfp-image-holder .mfp-close/*, .mfp-iframe-holder .mfp-close*/ {color:#09f; padding:3px 3px 0 0; height:30px; width:30px; line-height:30px; cursor:pointer !important;}
.mfp-bottom-bar {margin-top:0; padding-bottom:10px; position:relative;}
 .mfp-title {color:#333; padding:10px 0 0 30px; font-size:15px; font-weight:bold;}
  .mfp-title p {font-size:12px; font-weight:normal;}
   .mfp-title p b {margin:0 10px;}
    .mfp-title p strong:nth-child(2n+1) {margin-right:10px;}
    .mfp-title p strong:nth-child(2n) {margin:0 10px 0 20px;}
   .mfp-title p:nth-child(2) {margin-top:-4px;}
    .mfp-title p:nth-child(2) strong:nth-child(2n+1) {margin-right:7px;}
 .mfp-counter {color:#333; padding:10px 30px 0 0;}