.onsale-product-container {
    cursor: pointer;
    position: relative;
    z-index: 100;
}

.onsale-product-container-inside {
    cursor: pointer;
    position: absolute;
    z-index: 100;
}

div.onsale-product-label {
    position: absolute;
    top: 3px;
    left: 4px;
    margin-left: -2px;
    text-align: center;
}

div.onsale-onsale-product-label-text {
    FONT-FAMILY: inherit;
    FONT-SIZE: 16px;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
    COLOR: #FFFFFF;
}

div.new-onsale-product-label-text {
    FONT-FAMILY: inherit;
    FONT-SIZE: 16px;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
    COLOR: #FFFFFF;
}

div.custom-onsale-product-label-text {
    FONT-FAMILY: inherit;
    FONT-SIZE: 16px;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
    COLOR: #FFFFFF;
}
div.onsale-category-container-grid {
    position: relative;
}

div.onsale-category-container-list {
    position: relative;
    float: left;
}

.onsale-category-container {
    cursor: pointer;
    position: absolute;
    z-index: 100;
}

div.onsale-category-label {
    position: absolute;
    top: 3px;
    left: 4px;
    margin-left: -2px;
    text-align: center;
}

div.onsale-onsale-category-label-text {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
}

div.new-onsale-category-label-text {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
}

div.custom-onsale-category-label-text {
    color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
}




.zblock img {
    display: inline;
}
.zblock-slider img {
    display: inline;
}

.zblock-item {
    overflow: hidden;
}
/* Overlay */
#ampromo-items-add
{
    border: 1px solid #ededed;
    padding: 7px;
    text-align: center;
    margin-bottom: 12px;
}

#ampromo-items-add a
{
    text-decoration: none;
    border-bottom: 1px dashed;
}

.amscheckout #ampromo-items-add
{
    margin: 7px 10px;
}

#ampromo-overlay
{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    top: 0;
    left: 0;
    z-index: 10000;
    text-align: center;
    direction: ltr;
    overflow: scroll;
}

#ampromo-overlay .close
{
    position: absolute;
    top: 7px;
    right: 7px;
    background: url(http://www.backcountrygear.com/skin/frontend/base/default/images/amasty/ampromo/close_icon.png) no-repeat;
    width: 16px;
    height: 16px;
    z-index: 1;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: block;

    opacity: .8;
}

#ampromo-overlay .close:hover
{
    opacity: 1;
    transition: opacity 0.2s ease;
}

.ampromo-item .giftcard-send-form{
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 820px) and (min-width: 420px) {
    body #ampromo-items.amcarousel {
        width: 400px;
    }
    body .amcarousel #ampromo-carousel-wrapper {
        width: 250px;
    }
}

@media only screen and (max-width: 420px) {
    body #ampromo-items.amcarousel {
        width: 100%;
    }

    body .amcarousel #ampromo-carousel-wrapper {
        width: 250px;
    }

    body .ampromo-carousel-control.prev
    {
        left: 0px;
    }

    body .ampromo-carousel-control.next
    {
        right: 0px;
    }

    body .ampromo-carousel-control {
        z-index: 10001;
    }
}

@media only screen and (max-width: 340px) {
    body #ampromo-items .ampromo-item {
        border: none;
    }
}

@media only screen and (max-height: 500px) {
    body #ampromo-items.amcarousel {
        top: 0 !important;
        height: 100%;
    }

    body #ampromo-items {
        padding-top: 0;
    }

    body #ampromo-items>h4 {
        display: none;
    }
}

/* Items */

#ampromo-items
{
    border: 1px solid #ededed;
    background-color: white;
    position: relative;
    margin: 0 auto;
    padding: 24px;
    display: inline-block;
    box-sizing: border-box;
}

#ampromo-items.amcarousel
{
    display: block;
    width: 685px;
}


#ampromo-items .ampromo-item
{
    box-sizing: border-box;

    margin-bottom: 7px;
    padding: 20px;
    width: 250px;

    border: 1px solid #ededed;
    position: relative;
    margin-right: 12px;
}

#ampromo-items .ampromo-item-options
{
    margin-bottom: 12px;
    text-align: left;
}

#ampromo-items .ampromo-item-image
{
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 160px
}

/* Carousel */

.amcarousel #ampromo-carousel-wrapper
{
    width: 520px;
}

#ampromo-carousel-wrapper
{
    overflow: hidden;
    margin: 0 auto;
}

.amcarousel #ampromo-carousel-content
{
    width: 4500px;
    height: 1px;
}

#ampromo-carousel-content .ampromo-slide
{
    float: left;
}

.amcarousel .ampromo-carousel-control
{
    display: block;
}

.ampromo-carousel-control
{
    position: absolute;
    top: 260px;
    background: url(http://www.backcountrygear.com/skin/frontend/base/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;
    width: 48px;
    height: 45px;
    font-size: 0;
    display: none;
}

.ampromo-carousel-control.carousel-disabled.prev
{
    background-position: 0 0 !important;
}

.ampromo-carousel-control.amcarousel-disabled.next
{
    background-position: -46px 0 !important;
}

.ampromo-carousel-control.prev
{
    background-position: 0 -45px;
    left: 20px;
}

.ampromo-carousel-control.next
{
    background-position: -46px -45px;
    right: 20px;
}

.ampromo-carousel-control.prev:hover
{
    background-position: 0 -91px;
}

.ampromo-carousel-control.next:hover
{
    background-position: -46px -91px;
}

.ampromo-item .qty-holder
{
    display: none;
}

.ampromo-item-options select,
.ampromo-item-options input
{
    max-width: 210px;
}

.ampromo-notification
{
    padding: 7px;
    text-align: center;
    margin-bottom: 12px;

    border: 1px solid #f16048;
    color: #df280a;
    background: #faebe7;
}

.ampromo_items_form h4 {
    line-height: 50px;
}

.ampromo_items_form h4 a {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
}

.ampromo-label{
    float: right; 
    position: absolute; 
    z-index: 500;
}

.ampromo-gift .product-image{
    float: left;
}

.ampromo-gift li{
    margin: 10px 10px;
    float: left;
}
.ampromo-tooltip {
   padding:2px 5px;
   background:#FEC;
   border:1px solid #FAA819;
   color:#1F5070;
   text-align:left;
   width:300px;
   position:absolute;
   z-index: 10001;
}

.ampromo-product-name{
    font-weight: bold;
}

.ampromo-short-description{
    
}

.ampromo-img img{
    /*width: 100%;*/
}
/**
 * Plumrocket Inc.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the End-user License Agreement
 * that is available through the world-wide-web at this URL:
 * http://wiki.plumrocket.net/wiki/EULA
 * If you are unable to obtain it through the world-wide-web, please
 * send an email to support@plumrocket.com so we can send you a copy immediately.
 *
 * @package     Plumrocket_Newsletterpopup
 * @copyright   Copyright (c) 2015 Plumrocket Inc. (http://www.plumrocket.com)
 * @license     http://wiki.plumrocket.net/wiki/EULA  End-user License Agreement
 */

@-webkit-keyframes show_newspopup_up_bg {
	0% {overflow-y: hidden;}
	100% {overflow-y: auto;}
}

@-moz-keyframes show_newspopup_up_bg {
	0% {overflow-y: hidden;}
	100% {overflow-y: auto;}
}

@keyframes show_newspopup_up_bg {
	0% {overflow-y: hidden;}
	100% {overflow-y: auto;}
}

.newspopup_up_bg {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    overflow: visible;
}

.newspopup_ov_hidden {
	overflow: hidden;
}

.newspopup_up_bg input {
	opacity: 1;
}

.newspopup_up_bg .validation-advice {
	background: #BA0000;
	bottom: 0px;
	color: #FFF !important;
	font-size: 11px;
	font-weight: 400;
	line-height: 13px;
	min-height: 13px;
	padding: 10px !important;
	position: absolute !important;
	white-space: normal;
	left: -160px;
	width: 150px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.newspopup_up_bg .validation-advice:after {
	position: absolute;
	right: -8px;
	bottom: 8px;
	content: " ";
	width: 0;
	height: 0;
	border-top: 8px solid rgba(0, 0, 0, 0);
	border-bottom: 8px solid rgba(0, 0, 0, 0);
	border-left: 8px solid #BA0000;
}

.newspopup_up_bg .error, .newspopup_up_bg .success {
	display: inline-block;
	padding: 6px 5px 6px 41px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom: 8px;
	font-size: 11px;
	text-align: left;
	font-weight: 700;
	width: 100%;
	-webkit-background-size: 35px 35px;
	-moz-background-size: 35px 35px;
	background-size: 35px 35px;
	background-repeat: no-repeat;
	background-position: 2px center;
	display: table-cell;
	vertical-align: middle;
	min-height: 41px;
	height: 41px;
}

.newspopup_up_bg .error {
	background-color: #F8B9B9;
	color: #630C0C;
	background-image: url("http://www.backcountrygear.com/skin/frontend/base/default/images/plumrocket/newsletterpopup/popup_error.png");
}

.newspopup_up_bg .success {
    background-color: #8FF387;
    color: #0E5005;
    background-image: url("http://www.backcountrygear.com/skin/frontend/base/default/images/plumrocket/newsletterpopup/popup_success.png");
}

.newspopup_up_bg .error a, .newspopup_up_bg .success a {
	color: #141313;
	text-decoration: none;
	display: inline-block;
	margin-left: 10px;
}

.newspopup_up_bg .error a:hover, .newspopup_up_bg .success a:hover {
	text-decoration: underline;
}

.newspopup_up_bg .newspopup-messages-holder { 
	display: table; 
	width: 100%;
	margin-bottom: 7px;
}

.newspopup_up_bg .newspopup-messages-holder-tr { display: table-row; }

.newspopup_up_bg .error a, .newspopup_up_bg .success a {
	color: #141313;
	text-decoration: none;
	display: inline-block;
	margin-left: 10px;
}

.newspopup_up_bg .error a:hover, .newspopup_up_bg .success a:hover {
	text-decoration: underline;
}

.newspopup_up_bg .error p, .newspopup_up_bg .success p {
	margin-bottom: 0;
}

.newspopup-up-form.newspopup-theme .newspopup_up_bg_form input[type="radio"] + label {
	display: inline-block!important;
	margin-right: 10px;
	font-size: 12px;
}

.newspopup-up-form.newspopup-theme .newspopup_up_bg_form .mailchimp_item {
	text-align: left;
	margin-bottom: 5px;
}

.newspopup-up-form.newspopup-theme .newspopup_up_bg_form .mailchimp_item input,
.newspopup-up-form.newspopup-theme .newspopup_up_bg_form .mailchimp_item label {
	display: inline-block!important;
	vertical-align: middle;
	margin: 0 0 0 5px;
}

.newspopup-up-form.newspopup-theme .newspopup_up_bg_form select[name="mailchimp_list"] {
	margin-bottom: 15px;
}

.newspopup-up-form.newspopup-theme .newspopup_up_bg_form ul + h3 {
	margin-bottom: 0;
}

.newspopup-up-form.newspopup-theme .newspopup_up_bg_form .newspopup_button_wrapper {
	position: relative;
}

.newspopup-blur {
	-webkit-filter: blur(1.7px);
	-moz-filter: blur(1.7px);
	filter: blur(1.7px);
}

.newspopup-message-success {
	background-color: #ffffff;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 12px;
    -webkit-box-shadow: 0 0 30px 0 #292929;
    -moz-box-shadow: 0 0 30px 0 #292929;
    box-shadow: 0 0 30px 0 #292929;
	max-width: 380px;
	width: 100%;
	margin: 10% auto 5% -190px;
	left: 50%;
    position: fixed;
    top: 0px;
}

.newspopup-message-success * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
}

.newspopup-message-success .newspopup-message-icon {
	background-image: url("http://www.backcountrygear.com/skin/frontend/base/default/images/plumrocket/newsletterpopup/success_mes_icon.png");
	background-size: 92px 92px;
	width: 92px;
	height: 92px;
	display: inline-block;
	-webkit-transform: scale(3,3);
	-moz-transform: scale(3,3);
	-webkit-animation-fill-mode: both;
	-webkit-animation: newspopup-message-icon-anim 0.5s 1s;
	-moz-animation: newspopup-message-icon-anim 0.5s 1s;
	animation: newspopup-message-icon-anim 0.5s 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform: scale(3,3);
	-moz-transform: scale(3,3);
	transform: scale(3,3);
	-ms-transform: scale(1,1)\9;
	opacity: 1\9;
	background-repeat: no-repeat;
    background-position: center;
}


@-webkit-keyframes newspopup-message-icon-anim {
	0% {
		opacity: 0;
	}
	75% {
		opacity: 1;
		-webkit-transform: scale(0.75,0.75);
	}
	100% {		
		opacity: 1;
		-webkit-transform: scale(1,1);
	}
}

@-moz-keyframes newspopup-message-icon-anim {
	0% {
		opacity: 0;
	}
	75% {
		opacity: 1;
		-moz-transform: scale(0.75,0.75);
	}
	100% {		
		opacity: 1;
		-moz-transform: scale(1,1);
	}
}

@keyframes newspopup-message-icon-anim {
	0% {
		opacity: 0;
	}
	75% {
		opacity: 1;
		transform: scale(0.75,0.75);
	}
	100% {		
		opacity: 1;
		transform: scale(1,1);
	}
}

.newspopup-message-success .newspopup-message-content {
	margin: 20px 0;
}

.newspopup-message-success .newspopup-message-close {
    background-color: #71c341;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    border: 0px;
    height: 33px;
    line-height: 33px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-width: 200px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.newspopup-message-success .newspopup-message-close:hover {
    background-color: #5FA337;
}

@media only screen and (max-width: 1200px) {
	.newspopup-blur {
		-webkit-filter: none;
		-moz-filter: none;
		filter: none;
	}
}

@media only screen and (max-width: 410px) {
	.newspopup-message-success {
		max-width: initial;
		margin: 10% auto;
		left: 0;
	}
}

/**
 * Plumrocket Inc.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the End-user License Agreement
 * that is available through the world-wide-web at this URL:
 * http://wiki.plumrocket.net/wiki/EULA
 * If you are unable to obtain it through the world-wide-web, please
 * send an email to support@plumrocket.com so we can send you a copy immediately.
 *
 * @package     Plumrocket_Newsletterpopup
 * @copyright   Copyright (c) 2015 Plumrocket Inc. (http://www.plumrocket.com)
 * @license     http://wiki.plumrocket.net/wiki/EULA  End-user License Agreement
 */

/*=== animate ===*/
.newspopup-animated-form {
  -webkit-animation-duration: 1s;
  -moz-animation-duration:1s;
		animation-duration: 1s;
  -webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-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;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    -moz-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    -moz-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    -moz-transform: translate3d(0, -10%, 0);
            transform: translate3d(0, -10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -moz-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  -moz-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    -moz-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    -moz-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    -moz-transform: translate3d(-10%, 0, 0);
            transform: translate3d(-10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -moz-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -moz-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -moz-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    -moz-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    -moz-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    -moz-transform: translate3d(10%, 0, 0);
            transform: translate3d(10%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -moz-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -moz-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -moz-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    -moz-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    -moz-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    -moz-transform: translate3d(0, 10%, 0);
            transform: translate3d(0, 10%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -moz-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -moz-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -moz-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  -moz-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -moz-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -moz-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -moz-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  -moz-animation-name: zoomIn;
          animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration:1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}



/* Effect 8: 3D flip horizontal */
@-webkit-keyframes flip3d_hor {
  0% {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-110deg);
	-moz-transform: rotateY(-110deg);
	-ms-transform: rotateY(-110deg);
	transform: rotateY(-110deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
  }

  100% {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
  }
}

@-moz-keyframes flip3d_hor {
  0% {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-110deg);
	-moz-transform: rotateY(-110deg);
	-ms-transform: rotateY(-110deg);
	transform: rotateY(-110deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
  }

  100% {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
  }
}


@keyframes flip3d_hor {
  0% {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-110deg);
	-moz-transform: rotateY(-110deg);
	-ms-transform: rotateY(-110deg);
	transform: rotateY(-110deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
  }

  100% {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
  }
}

.flip3d_hor {
  -webkit-animation-name: flip3d_hor;
  -moz-animation-name: flip3d_hor;
          animation-name: flip3d_hor;
  -webkit-animation-duration: 1s;
  -moz-animation-duration:1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


/*background animation*/
.prpop-addedoverlay {
  -webkit-animation-duration: 0.25s;
  -moz-animation-duration:0.25s;
		animation-duration: 0.25s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
		animation-fill-mode: both;
  -webkit-animation-name: background_a;
  -moz-animation-name: background_a;
		animation-name: background_a;
}
 
 
@-webkit-keyframes background_a {
  0% {
    opacity: 0;   
  }

  100% {
    opacity: 0.6;
  }
}

@-moz-keyframes background_a {
  0% {
    opacity: 0;   
  }

  100% {
    opacity: 0.6;
  }
}

@keyframes background_a {
  0% {
    opacity: 0;   
  }

  100% {
    opacity: 0.6;
  }
}

/**
 * Plumrocket Inc.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the End-user License Agreement
 * that is available through the world-wide-web at this URL:
 * http://wiki.plumrocket.net/wiki/EULA
 * If you are unable to obtain it through the world-wide-web, please
 * send an email to support@plumrocket.com so we can send you a copy immediately.
 *
 * @package     Plumrocket_Size_Chart
 * @copyright   Copyright (c) 2016 Plumrocket Inc. (http://www.plumrocket.com)
 * @license     http://wiki.plumrocket.net/wiki/EULA  End-user License Agreement
 */


.pschart-showsizes-phld {
	display:none;
}

.pschart-showsizes-phld * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pschart-sizechart-link {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 12px;
	height: 30px;
	display: inline-block;
	min-width: 130px;
	line-height: 29px;
	text-align: center;
	background-repeat: no-repeat !important;
	background-position: 9px 6px !important ;
	padding-left: 35px;
	padding-right: 15px;
	margin: 10px 0 15px 0;
	text-decoration: none;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box;
}

.pschart-sizechart-link:hover {
	cursor: pointer;
	text-decoration: none;
	opacity: 0.6;
}

.pschart-showsizes .pschart-addedoverlay {
	left:0; top:0; width: 100%; height: 100%; position:fixed; z-index: 5000; background: black;
	opacity: .75;  filter: alpha(opacity=75);   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
}

.pschart-showsizes .pschart-popup {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5050;
	width: 100%;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px;
	overflow-y: auto;
	text-align: center;
}

.pschart-showsizes .pschart-popup-internal {
	margin: 10% auto 5% auto;
	background-color: #FFFFFF;
	padding: 30px;
	min-width: 250px;
	max-width: 800px;
	display: inline-block;
}

.pschart-showsizes .pschart-content {
	position: relative;
	padding: 0;
}

.pschart-showsizes .pschart-popup-internal .close {
	position: absolute;
	right: -17px;
	top: -19px;
	font-size: 10px;
	font-weight: 400;
	color: #FFFFFF;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 15px;
	background-color: #a5a7a8;
	font-size: 13px;
}

.pschart-showsizes .pschart-popup-internal .close:hover {
	cursor: pointer;
}

.pschart-showsizes .pschart-popup-internal h3 {
	font-size: 18px;
	text-align: left;
	margin: 15px 0 10px 0;
	font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
}

.pschart-showsizes .pschart-popup-internal p {
	margin-bottom: 10px;
	font-size: 12px;
	text-align: left;
}

.pschart-showsizes .window-title {
	color: #383838;
	font-size: 26px;
	font-weight: 400;
	line-height: 1;
	padding: 0 0 15px;
	text-align: left;
	font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
}

.pschart-showsizes .pschart-content .table_name {
	font-size: 18px;
	margin-bottom: 5px;
}

.pschart-showsizes .pschart-content table td {
	font-size: 12px;
	text-align: left;
	padding: 0 10px 0 0;
	vertical-align: top;
}

.pschart-showsizes .pschart-content table.measure td p {
	border-bottom: 1px dotted #8F8F8F;
	padding-bottom: 10px;
}

.pschart-showsizes .pschart-content table.table_size {
	width: 100%;
	border-collapse: collapse;
}

.pschart-showsizes .pschart-content table tr th {
	background-color: #e0e0de;
}

.pschart-showsizes .pschart-content table.table_size th {
	border: 1px solid white;
	text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	padding: 5px;
	font-size: 12px;
	text-align: center;
}

.pschart-showsizes .pschart-content table.table_size td {
	border: 1px solid white;
	padding: 5px;
	font-size: 11px;
	line-height: 16px;
	background: #f2f2f0;
	text-align: center;
}

.pschart-showsizes .pschart-content table.table_size .size_name,
.pschart-showsizes .pschart-content table.table_size td:nth-child(1) {
	vertical-align: middle;
	background-color: #ebebe8;
	font-weight: 700;
}


.pschart-showsizes .pschart-content table.table_size p {
	margin: 5px 0;
	text-align: left;
}

.pschart-showsizes .pschart-content table.table_size td[colspan="6"] {
	font-weight: 700;
	text-transform: none;
}


@media screen and (max-width: 480px) {

	.pschart-showsizes .pschart-popup-internal .close {
		right: 0;
		top: 0;
	}

	.pschart-showsizes .pschart-popup-internal .pschart-content table.table_size td {
		text-transform: lowercase;
		padding: 3px;
	}

}

@media screen and (max-width: 400px) {

	.pschart-showsizes .pschart-popup {
		padding: 10px 5px;
	}

	.pschart-showsizes .pschart-popup-internal {
		margin: 0px auto;
		padding: 10px;
	}

}