/*
 ---------------------------------------
 General Styles _ Consofas Design Lab
 ---------------------------------------
 */
#zoom { z-index: 999; }

#popup_newsletter {
	background-color: #fff;
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
    display: none;
    padding: 24px;
    position: relative;
    width: 60%;
}

.layout-1, .layout-2, .layout-3, .layout-4 { position: relative; text-align: center; max-width: 95%; }

.custombox-content img {
    height: auto;
    max-width: 100%;
}

#custombox-popup_newsletter *, #custombox-popup_newsletter *::before, #custombox-popup_newsletter *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#custombox-popup_newsletter .popup-block-title {
	font-size: 24px !important;
	font-weight: 600 !important;
	line-height: 1.1em !important;
	padding-bottom: 0 !important;
}
#custombox-popup_newsletter .content {
	font-size: 14px;
	line-height: 1.6em;
	margin-top: 0.5em;
}
#custombox-popup_newsletter .img_location_above { text-align: center; }
#custombox-popup_newsletter .img_location_above img { display: inline; }
#custombox-popup_newsletter .img_location_below img { display: inline; }
#custombox-popup_newsletter .img_location_top { float: left; width: 100%; }
#custombox-popup_newsletter .img_location_below { width: 100%; text-align: center; }
#custombox-popup_newsletter .img_location_left { float: left; width: 33%; }
#custombox-popup_newsletter .img_location_right { float: right; width: 33%; }

#custombox-popup_newsletter .popup-content { padding: 25px 15px 15px 15px; }

#custombox-popup_newsletter .content-img-top { float: right; width: 100%; }
#custombox-popup_newsletter .content-img-below { width: 100%; }
#custombox-popup_newsletter .content-img-left { float: right; width: 67%; }
#custombox-popup_newsletter .content-img-right { float: left; width: 67%; }


#custombox-popup_newsletter .cdl_popup_close_button:before { position: absolute; top: 7px; right: 7px; }
#custombox-popup_newsletter .cdl_popup_close_button { color: #000; position: absolute; top: -10px; right: -10px; width: 30px; height: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #fff; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.34); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.34); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.34); cursor: pointer; font-size: 18px; line-height: 25px; font-family: "Helvetica Neue",Verdana,Arial,sans-serif !important; text-align: center; }

/*
 ----
 Forms
 -------
 */

#custombox-popup_newsletter .rounded button, #custombox-popup_newsletter .rounded input {
	border: none;
    border-radius: 3px !important;
    height: 30px;
    padding: 7px 15px;
}
#custombox-popup_newsletter input, #custombox-popup_newsletter textarea, #custombox-popup_newsletter #popup_email {
    padding: 14px !important;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
}
#custombox-popup_newsletter .popup_input {
    float: left;
    padding-right: 20px;
    width: 68%;
    font-size: 16px;
}
#custombox-popup_newsletter .popup_hide {
	font-size: 12px;
	margin-top: 15px;
}
#custombox-popup_newsletter button.button span {
    background: none;
    color: #fff;
    float: inherit;
}

#custombox-popup_newsletter .formSuccess {
	padding: 20px;
	font-weight: bold;
	font-style: italic;
}
#custombox-popup_newsletter #successCloseBtn {
	margin-top: 15px;
}


/*
 ---------------------------------------
 Layout 1
 ---------------------------------------
 */
#custombox-popup_newsletter .layout-1 .backgroundImage {
	padding: 15px;
}
#custombox-popup_newsletter .layout-1 .popup_divider {
	clear: both;
}
#custombox-popup_newsletter .layout-1 .opt-in {
	padding: 15px;
}

#custombox-popup_newsletter .layout-1 .form_content {
    background-color: #e9e9e9;
    color: rgba(0, 0, 0, 0.5);
    padding: 40px 30px;
    position: relative;
    width: 100%;
}
#custombox-popup_newsletter .layout-1 .input-text, #custombox-popup_newsletter .layout-1 #popup_email {
    height: auto;
	padding: 10px !important;
    border: medium none;
    line-height: 20px;
    float: left;
}
#custombox-popup_newsletter .layout-1 #popup_email {
	float: right;
}
#custombox-popup_newsletter .layout-1 button {
    background-color: #222;
    border: medium none;
    color: #fff;
    font-weight: 600;
    height: auto;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 32%;
    padding: 10px !important;
    line-height: 20px;
}
#custombox-popup_newsletter .layout-1 .popup_hide {
	text-align: right;
	margin-bottom: -30px;
	margin-top: 8px;
}
#custombox-popup_newsletter .layout-1 .input-num-1 { width: 100%; }
#custombox-popup_newsletter .layout-1 .input-num-2 { width: 48%; }
#custombox-popup_newsletter .layout-1 .input-num-3 { width: 32%; }
#custombox-popup_newsletter .layout-1 .middle-input { margin-left: 2%;  }




/*
 ---------------------------------------
 Layout 2
 ---------------------------------------
 */
#custombox-popup_newsletter .layout-2 .cdl_table_layout {
	display: table;
}
#custombox-popup_newsletter .layout-2 .opt-in {
	display: table-cell;
	width: 65%;
	text-align: center;
}
#custombox-popup_newsletter .layout-2 .backgroundImage {
	padding: 15px;
	text-align: center;
}
#custombox-popup_newsletter .layout-2 .backgroundImage img {
	display: inline;
}
#custombox-popup_newsletter .layout-2 .form_content  {
	display: table-cell;
	vertical-align: middle;
	width: 34%;
}
#custombox-popup_newsletter .layout-2 .popup_input {
	padding-right: 0;
	width: 100%;
}
#custombox-popup_newsletter .layout-2 #popup_email, #custombox-popup_newsletter .layout-2 #firstname, #custombox-popup_newsletter .layout-2 #laname {
	padding: 0 8px !important;
}
#custombox-popup_newsletter .layout-2 .input-num-1 { width: 80%; margin-bottom: 15px; }
#custombox-popup_newsletter .layout-2 .input-num-2 { width: 80%; margin-bottom: 15px; }
#custombox-popup_newsletter .layout-2 .input-num-3 { width: 80%; margin-bottom: 15px; }
#custombox-popup_newsletter .layout-2 .middle-input { margin-left: 0;  }


/*
 ---------------------------------------
 Layout 3
 ---------------------------------------
 */

#custombox-popup_newsletter .layout-3 .backgroundImage {
	padding: 15px;
	text-align: center;
}
#custombox-popup_newsletter .layout-3 .backgroundImage img {
	display: inline;
	width: 70%;
}
#custombox-popup_newsletter .layout-3 .popup-content {
	padding: 15px 30px;
}
#custombox-popup_newsletter .layout-3 .popup_divider {
	clear: both;
}
#custombox-popup_newsletter .layout-3 .opt-in {
	padding: 15px;
}
#custombox-popup_newsletter .layout-3 .form_content {
    padding: 40px 30px;
    position: relative;
    width: 100%;
}
#custombox-popup_newsletter .layout-3 button {
    background-color: #222;
    border: medium none;
    color: #fff;
    font-weight: 600;
    height: auto;
    letter-spacing: 1px;
    text-transform: uppercase;
    width: 32%;
    line-height: 20px;
}
#custombox-popup_newsletter .layout-3 #popup_email, #custombox-popup_newsletter .layout-3 #firstname, #custombox-popup_newsletter .layout-3 #laname {
	padding: 10px !important;
	height: auto;
}
#custombox-popup_newsletter .layout-3 .input-num-1 { width: 100%; }
#custombox-popup_newsletter .layout-3 .input-num-2 { width: 48%; }
#custombox-popup_newsletter .layout-3 .input-num-3 { width: 32%; }
#custombox-popup_newsletter .layout-3 .middle-input { margin-left: 0;  }

 /*
 ---------------------------------------
 Layout 4
 ---------------------------------------
 */

#custombox-popup_newsletter .layout-4 .opt-in {
	text-align: center;
}
#custombox-popup_newsletter .layout-4 .backgroundImage {
	padding: 0;
	text-align: center;
	width: 35%;
}
#custombox-popup_newsletter .layout-4 .img_layout_above .backgroundImage,
#custombox-popup_newsletter .layout-4 .img_layout_above .popup-content,
#custombox-popup_newsletter .layout-4 .img_layout_above .form_content,
#custombox-popup_newsletter .layout-4 .img_layout_below .backgroundImage,
#custombox-popup_newsletter .layout-4 .img_layout_below .popup-content,
#custombox-popup_newsletter .layout-4 .img_layout_below .form_content{
	width: 100%;
	float: none;
}
#custombox-popup_newsletter .layout-4 .backgroundImage img {
	display: inline;
}

#custombox-popup_newsletter .layout-4 .popup-content {
	width: 65%;
}
#custombox-popup_newsletter .layout-4 .form_content  {
	float: right;
	margin-top: 20px;
	width: 65%;
}
#custombox-popup_newsletter .layout-4 .popup_input {
	padding-right: 0;
	width: 100%;
}
#custombox-popup_newsletter .layout-4 #popup_email, #custombox-popup_newsletter .layout-4 #firstname, #custombox-popup_newsletter .layout-4 #laname {
	padding: 0 8px !important;
}
#custombox-popup_newsletter .rounded .action-newsletter button, #custombox-popup_newsletter .rounded .action-newsletter input {
    height: auto;
}
#custombox-popup_newsletter .layout-4 .input-num-1 { width: 70%; /*margin-bottom: 15px;*/ }
#custombox-popup_newsletter .layout-4 .input-num-2 { width: 80%; margin-bottom: 15px; }
#custombox-popup_newsletter .layout-4 .input-num-3 { width: 80%; margin-bottom: 15px; }

@media (max-width: 500px) {
	#custombox-popup_newsletter .popup_input {
	    float: none;
	    font-size: 16px;
	    padding-right: 0;
	    padding-left: 0;
	    width: 100%;
	}
	#custombox-popup_newsletter .layout-1 .input-num-2, #custombox-popup_newsletter .layout-3 .input-num-2, #custombox-popup_newsletter .layout-4 .input-num-2 {
	    width: 100%;
	    margin-bottom: 10px;
	}
	#custombox-popup_newsletter .layout-1 button, #custombox-popup_newsletter .layout-3 button, #custombox-popup_newsletter .layout-4 button {
	    padding-right: 20px;
	    padding-left: 20px;
	    position: inherit;
	    width: 100%;
    }
}

#custombox-popup_newsletter .backgroundImage .blackBox
{
	position: relative !important;
}
/*
 *  custombox - Modal dialog effects with transitions CSS3
 *  version: 4.0.0
 *  http://dixso.github.io/custombox/
 *  (c) 2017 Julio de la Calle - @dixso9
 *
 *  Under MIT License - http://opensource.org/licenses/MIT
 */
.custombox-content,.custombox-overlay{position:fixed;overflow:hidden;top:0;width:100%;height:100%}.custombox-overlay{z-index:9997;opacity:0;transition-delay:0s;transition-timing-function:linear;transition-property:opacity}.custombox-content{z-index:9999;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}.custombox-lock{overflow:hidden}.custombox-content{overflow-y:auto}.custombox-content>*{max-width:90%;max-height:95%}.custombox-fullscreen.custombox-content{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch}.custombox-fullscreen.custombox-content>*{width:100%;max-height:100%}.custombox-y-top{-ms-flex-align:baseline;align-items:baseline}.custombox-x-left{-ms-flex-align:start;align-items:flex-start}.custombox-y-center{-ms-flex-align:center;align-items:center}.custombox-y-bottom{-ms-flex-align:end;align-items:flex-end}.custombox-x-center{-ms-flex-pack:center;justify-content:center}.custombox-x-right{-ms-flex-pack:end;justify-content:flex-end}.custombox-perspective,.custombox-perspective body{perspective:600px;height:100%;overflow:hidden}.custombox-perspective .custombox-container{overflow:hidden;height:100%}@keyframes fadeIn{from{transform:scale(.7);transition-property:all}to{transform:scale(1);opacity:1}}@keyframes fadeOut{from{transform:scale(1);opacity:1}to{transform:scale(.7);transition-property:all}}.custombox-fadein.custombox-content{opacity:0}.custombox-fadein.custombox-content.custombox-open{animation-name:fadeIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-fadein.custombox-content.custombox-close{animation-name:fadeOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slideInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.custombox-contentscale.custombox-content,.custombox-letmein.custombox-content,.custombox-makeway.custombox-content,.custombox-push.custombox-content,.custombox-slide.custombox-content,.custombox-slip.custombox-content{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-contentscale.custombox-content.custombox-open.custombox-top,.custombox-letmein.custombox-content.custombox-open.custombox-top,.custombox-makeway.custombox-content.custombox-open.custombox-top,.custombox-push.custombox-content.custombox-open.custombox-top,.custombox-slide.custombox-content.custombox-open.custombox-top,.custombox-slip.custombox-content.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-bottom,.custombox-letmein.custombox-content.custombox-open.custombox-bottom,.custombox-makeway.custombox-content.custombox-open.custombox-bottom,.custombox-push.custombox-content.custombox-open.custombox-bottom,.custombox-slide.custombox-content.custombox-open.custombox-bottom,.custombox-slip.custombox-content.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-left,.custombox-letmein.custombox-content.custombox-open.custombox-left,.custombox-makeway.custombox-content.custombox-open.custombox-left,.custombox-push.custombox-content.custombox-open.custombox-left,.custombox-slide.custombox-content.custombox-open.custombox-left,.custombox-slip.custombox-content.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-open.custombox-right,.custombox-letmein.custombox-content.custombox-open.custombox-right,.custombox-makeway.custombox-content.custombox-open.custombox-right,.custombox-push.custombox-content.custombox-open.custombox-right,.custombox-slide.custombox-content.custombox-open.custombox-right,.custombox-slip.custombox-content.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-top,.custombox-letmein.custombox-content.custombox-close.custombox-top,.custombox-makeway.custombox-content.custombox-close.custombox-top,.custombox-push.custombox-content.custombox-close.custombox-top,.custombox-slide.custombox-content.custombox-close.custombox-top,.custombox-slip.custombox-content.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-bottom,.custombox-letmein.custombox-content.custombox-close.custombox-bottom,.custombox-makeway.custombox-content.custombox-close.custombox-bottom,.custombox-push.custombox-content.custombox-close.custombox-bottom,.custombox-slide.custombox-content.custombox-close.custombox-bottom,.custombox-slip.custombox-content.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-left,.custombox-letmein.custombox-content.custombox-close.custombox-left,.custombox-makeway.custombox-content.custombox-close.custombox-left,.custombox-push.custombox-content.custombox-close.custombox-left,.custombox-slide.custombox-content.custombox-close.custombox-left,.custombox-slip.custombox-content.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-content.custombox-close.custombox-right,.custombox-letmein.custombox-content.custombox-close.custombox-right,.custombox-makeway.custombox-content.custombox-close.custombox-right,.custombox-push.custombox-content.custombox-close.custombox-right,.custombox-slide.custombox-content.custombox-close.custombox-right,.custombox-slip.custombox-content.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes newspaperIn{from{transform:scale(0) rotate(720deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes newspaperOut{from{transform:scale(1) rotate(0);opacity:1}to{transform:scale(0) rotate(720deg);opacity:0}}.custombox-newspaper.custombox-content{opacity:0}.custombox-newspaper.custombox-content.custombox-open{animation-name:newspaperIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-newspaper.custombox-content.custombox-close{animation-name:newspaperOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes fallIn{from{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}to{transition-timing-function:ease-in;transition-property:all;transform:translateZ(0) rotateX(0);opacity:1}}@keyframes fallOut{from{transition-timing-function:ease-in;transition-property:all;transform:translateZ(0) rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:translateZ(600px) rotateX(20deg);opacity:0}}.custombox-fall.custombox-content{opacity:0}.custombox-fall.custombox-content.custombox-open{animation-name:fallIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-fall.custombox-content.custombox-close{animation-name:fallOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes sidefallIn{from{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}to{transition-timing-function:ease-in;transition-property:all;transform:translate(0) translateZ(0) rotate(0);opacity:1}}@keyframes sidefallOut{from{transition-timing-function:ease-in;transition-property:all;transform:translate(0) translateZ(0) rotate(0);opacity:1}to{transform-style:preserve-3d;transform:translate(30%) translateZ(600px) rotate(10deg);opacity:0}}.custombox-sidefall.custombox-content{opacity:0}.custombox-sidefall.custombox-content.custombox-open{animation-name:sidefallIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-sidefall.custombox-content.custombox-close{animation-name:sidefallOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes blurInTop{from{transform:translateY(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutTop{from{transform:translateY(0);opacity:1}to{transform:translateY(-5%);opacity:0}}@keyframes blurInBottom{from{transform:translateY(5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutBottom{from{transform:translateY(0);opacity:1}to{transform:translateY(5%);opacity:0}}@keyframes blurInRight{from{transform:translateX(5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutRight{from{transform:translateY(0);opacity:1}to{transform:translateX(5%);opacity:0}}@keyframes blurInLeft{from{transform:translateX(-5%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes blurOutLeft{from{transform:translateY(0);opacity:1}to{transform:translateX(-5%);opacity:0}}@keyframes blurInContainer{from{filter:blur(0)}to{filter:blur(3px)}}@keyframes blurOutContainer{from{filter:blur(3px)}to{filter:blur(0)}}.custombox-blur.custombox-content{opacity:0}.custombox-blur.custombox-content.custombox-open.custombox-top{animation-name:blurInTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-bottom{animation-name:blurInBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-left{animation-name:blurInLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-open.custombox-right{animation-name:blurInRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-top{animation-name:blurOutTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-bottom{animation-name:blurOutBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-right{animation-name:blurOutRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-content.custombox-close.custombox-left{animation-name:blurOutLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-container{animation-name:blurOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-blur.custombox-container.custombox-open{animation-name:blurInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes flipInTop{from{transform-style:preserve-3d;transform:rotateX(-70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutTop{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(-70deg)}}@keyframes flipInBottom{from{transform-style:preserve-3d;transform:rotateX(70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutBottom{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(70deg)}}@keyframes flipInRight{from{transform-style:preserve-3d;transform:rotateY(70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutRight{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateY(70deg)}}@keyframes flipInLeft{from{transform-style:preserve-3d;transform:rotateY(-70deg)}to{transform:rotateY(0);opacity:1}}@keyframes flipOutLeft{from{transform:rotateY(0);opacity:1}to{transform-style:preserve-3d;transform:rotateY(-70deg)}}.custombox-flip.custombox-content{opacity:0}.custombox-flip.custombox-content.custombox-open.custombox-top{animation-name:flipInTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-bottom{animation-name:flipInBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-right{animation-name:flipInRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-open.custombox-left{animation-name:flipInLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-top{animation-name:flipOutTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-bottom{animation-name:flipOutBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-right{animation-name:flipOutRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flip.custombox-content.custombox-close.custombox-left{animation-name:flipOutLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes signIn{from{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;transition-property:all}to{transform:rotateX(0);opacity:1}}@keyframes signOut{from{transform:rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:rotateX(-60deg);transform-origin:50% 0;transition-property:all}}.custombox-sign{perspective:1300px}.custombox-sign.custombox-content{opacity:0}.custombox-sign.custombox-content.custombox-open{animation-name:signIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-sign.custombox-content.custombox-close{animation-name:signOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes superscaledIn{from{transform:scale(2)}to{transform:scale(1);opacity:1}}@keyframes superscaledOut{from{transform:scale(1);opacity:1}to{transform:scale(2)}}.custombox-superscaled.custombox-content{opacity:0}.custombox-superscaled.custombox-content.custombox-open{animation-name:superscaledIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-superscaled.custombox-content.custombox-close{animation-name:superscaledOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slitIn{0%{transform:translateZ(-3000px) rotateY(90deg)}50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-out}100%{transform:translateZ(0) rotateY(0);opacity:1}}@keyframes slitOut{0%{transform:translateZ(0) rotateY(0);opacity:1}50%{transform:translateZ(-250px) rotateY(89deg);opacity:1;animation-timing-function:ease-out}100%{transform:translateZ(-3000px) rotateY(90deg)}}.custombox-slit.custombox-content{opacity:0;transform-style:preserve-3d}.custombox-slit.custombox-content.custombox-open{animation-name:slitIn;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slit.custombox-content.custombox-close{animation-name:slitOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes rotateIn{from{transform-style:preserve-3d;transform:translateY(0) rotateX(90deg);transform-origin:0 100%;opacity:0;transition-timing-function:ease-out;transition-property:all}to{transform:translateY(0) rotateX(0);opacity:1}}@keyframes rotateOut{from{transform:translateY(0) rotateX(0);opacity:1}to{transform-style:preserve-3d;transform:translateY(0) rotateX(90deg);transform-origin:0 100%;opacity:0;transition-timing-function:ease-out;transition-property:all}}.custombox-rotate{perspective:2300px}.custombox-rotate.custombox-content{-ms-transform:translateY(-100%);transform:translateY(-100%)}.custombox-rotate.custombox-content.custombox-open{animation-name:rotateIn;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-rotate.custombox-content.custombox-close{animation-name:rotateOut;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes letmeinBottomOverlay{to{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutBottomOverlay{from{transform:rotateX(-2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinLeftOverlay{to{transform:rotateY(-2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutLeftOverlay{from{transform:rotateY(-2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinRightOverlay{to{transform:rotateY(2deg);transform-origin:50% 0;transform-style:preserve-3d}}@keyframes letmeinOutRightOverlay{from{transform:rotateY(2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}@keyframes letmeinTopOverlay{to{transform:rotateX(2deg);transform-origin:0 50%;transform-style:preserve-3d}}@keyframes letmeinOutTopOverlay{from{transform:rotateX(2deg);transform-origin:50% 0;transform-style:preserve-3d}to{opacity:0}}.custombox-letmein.custombox-overlay.custombox-open.custombox-top{animation-name:letmeinTopOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-bottom{animation-name:letmeinBottomOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-left{animation-name:letmeinLeftOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-open.custombox-right{animation-name:letmeinRightOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-top{animation-name:letmeinOutTopOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-bottom{animation-name:letmeinOutBottomOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-left{animation-name:letmeinOutLeftOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-letmein.custombox-overlay.custombox-close.custombox-right{animation-name:letmeinOutRightOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes makewayInContainer{50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{transform:translateZ(-200px)}}@keyframes makewayOutContainer{0%{transform:translateZ(-200px)}50%{transform:translateZ(-50px) rotateY(5deg);animation-timing-function:ease-out}100%{opacity:0}}@keyframes makewayInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes makewayOutTop{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes makewayInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes makewayOutBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes makewayInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes makewayOutLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes makewayInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes makewayOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.custombox-makeway.custombox-overlay{transform-style:preserve-3d;-ms-transform-origin:0 50%;transform-origin:0 50%}.custombox-makeway.custombox-overlay.custombox-open{animation-name:makewayInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-overlay.custombox-close{animation-name:makewayOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-container{transform-style:preserve-3d;-ms-transform-origin:0 50%;transform-origin:0 50%}.custombox-makeway.custombox-container.custombox-open{animation-name:makewayInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-makeway.custombox-container.custombox-close{animation-name:makewayOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes slipTopOverlay{50%{transform:rotateX(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutTopOverlay{50%{transform:rotateX(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipRightOverlay{50%{transform:rotateY(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutRightOverlay{50%{transform:rotateY(10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipBottomOverlay{50%{transform:rotateX(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutBottomOverlay{50%{transform:rotateX(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipLeftOverlay{50%{transform:rotateY(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}@keyframes slipOutLeftOverlay{50%{transform:rotateY(-10deg);transform-origin:50% 100%;transform-style:preserve-3d}}.custombox-slip.custombox-overlay.custombox-open.custombox-top{animation-name:slipTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-bottom{animation-name:slipBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-left{animation-name:slipLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-open.custombox-right{animation-name:slipRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-top{animation-name:slipOutTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-bottom{animation-name:slipOutBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-left{animation-name:slipOutLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-overlay.custombox-close.custombox-right{animation-name:slipOutRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-top{animation-name:slipTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-bottom{animation-name:slipBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-left{animation-name:slipLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-open.custombox-right{animation-name:slipRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-top{animation-name:slipOutTopOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-bottom{animation-name:slipOutBottomOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-left{animation-name:slipOutLeftOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slip.custombox-container.custombox-close.custombox-right{animation-name:slipOutRightOverlay;animation-timing-function:ease-in-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes cornerInOverlay{from{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility}to{transform:translateY(0);transition-property:opacity,transform}}@keyframes cornerOutOverlay{from{transform:translateY(0);transition-property:opacity,transform}to{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility;opacity:0}}@keyframes cornerInContent{from{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility}to{transform:translateY(0);transition-property:opacity,transform;opacity:1}}@keyframes cornerOutContent{from{transform:translateY(0);transition-property:opacity,transform;opacity:1}to{transform:translateY(150px) translateX(150px);transition-property:opacity,transform,visibility;opacity:0}}.custombox-corner.custombox-overlay.custombox-open{animation-name:cornerInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-overlay.custombox-close{animation-name:cornerOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-content.custombox-open{animation-name:cornerInContent;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-corner.custombox-content.custombox-close{animation-name:cornerOutContent;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content,.custombox-slidetogether.custombox-overlay{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-slidetogether.custombox-content.custombox-open.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-open.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-top,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-bottom,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-left,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-slidetogether.custombox-content.custombox-close.custombox-right,.custombox-slidetogether.custombox-overlay.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes scaleInOverlay{from{transform:scale(.9);transition:transform;opacity:0}to{transform:scale(1);transition:transform}}@keyframes scaleOutOverlay{from{transform:scale(1);transition:transform}to{transform:scale(.9);transition:transform;opacity:0;opacity:0}}.custombox-scale.custombox-overlay.custombox-open{animation-name:scaleInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-overlay.custombox-close{animation-name:scaleOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-content.custombox-open{animation-name:scaleInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-scale.custombox-content.custombox-close{animation-name:scaleOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes doorInOverlay{from{position:fixed;bottom:0;left:50%;right:50%;width:0}to{width:100%;left:0;right:0;transition-property:width}}@keyframes doorOutOverlay{from{width:100%;left:0;right:0;transition-property:width}to{position:fixed;bottom:0;left:50%;right:50%;width:0}}.custombox-door.custombox-overlay.custombox-open{animation-name:doorInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-overlay.custombox-close{animation-name:doorOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-content.custombox-open{animation-name:doorInOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-door.custombox-content.custombox-close{animation-name:doorOutOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes pushInLeftOverlay{from{transform:translateX(-100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutLeftOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateX(-100%)}}@keyframes pushInRightOverlay{from{transform:translateX(100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutRightOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateX(100%)}}@keyframes pushInTopOverlay{from{transform:translateY(-100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutTopOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(-100%)}}@keyframes pushInBottomOverlay{from{transform:translateY(100%)}to{transform:translateX(0) translateY(0)}}@keyframes pushOutBottomOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(100%)}}@keyframes pushOutTopOverlay{from{transform:translateX(0) translateY(0)}to{transform:translateY(-100%)}}@keyframes pushInLeftContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateX(100%)}}@keyframes pushOutLeftContainer{from{transform:translateX(100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInRightContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateX(-100%)}}@keyframes pushOutRightContainer{from{transform:translateX(-100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInTopContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateY(100%)}}@keyframes pushOutTopContainer{from{transform:translateY(100%)}to{overflow-x:hidden;transition-property:transform}}@keyframes pushInBottomContainer{from{overflow-x:hidden;transition-property:transform}to{transform:translateY(-100%)}}@keyframes pushOutBottomContainer{from{transform:translateY(-100%)}to{overflow-x:hidden;transition-property:transform}}.custombox-push.custombox-overlay{transition-property:transform}.custombox-push.custombox-overlay.custombox-open.custombox-top{animation-name:pushInTopOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-bottom{animation-name:pushInBottomOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-left{animation-name:pushInLeftOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-open.custombox-right{animation-name:pushInRightOverlay;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-top{animation-name:pushOutTopOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-bottom{animation-name:pushOutBottomOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-left{animation-name:pushOutLeftOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-overlay.custombox-close.custombox-right{animation-name:pushOutRightOverlay;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-top{animation-name:pushInTopContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-bottom{animation-name:pushInBottomContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-left{animation-name:pushInLeftContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-open.custombox-right{animation-name:pushInRightContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-top{animation-name:pushOutTopContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-bottom{animation-name:pushOutBottomContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-left{animation-name:pushOutLeftContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-push.custombox-container.custombox-close.custombox-right{animation-name:pushOutRightContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes contentscaleInContainer{from{transition:transform}to{transform:scale(.8)}}@keyframes contentscaleOutContainer{from{transform:scale(.8)}to{transition:transform}}.custombox-contentscale.custombox-overlay{-ms-transform:translateX(-100%);transform:translateX(-100%)}.custombox-contentscale.custombox-overlay.custombox-open.custombox-top{animation-name:slideInTop;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-bottom{animation-name:slideInBottom;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-left{animation-name:slideInLeft;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-open.custombox-right{animation-name:slideInRight;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-top{animation-name:slideOutTop;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-bottom{animation-name:slideOutBottom;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-left{animation-name:slideOutLeft;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-overlay.custombox-close.custombox-right{animation-name:slideOutRight;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-container.custombox-open{animation-name:contentscaleInContainer;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-contentscale.custombox-container.custombox-close{animation-name:contentscaleOutContainer;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes swellOpen{0%{opacity:0;transform:translate3d(calc(-100vw - 50%),0,0)}50%{opacity:1;transform:translate3d(100px,0,0)}100%{opacity:1;transform:translate3d(0,0,0)}}@keyframes swellClose{0%{opacity:1;transform:translate3d(0,0,0)}50%{opacity:1;transform:translate3d(-100px,0,0) scale3d(1.1,1.1,1)}100%{opacity:0;transform:translate3d(calc(100vw + 50%),0,0)}}.custombox-swell.custombox-content{opacity:0}.custombox-swell.custombox-content.custombox-open{animation-name:swellOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-swell.custombox-content.custombox-close{animation-name:swellClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes rotatedownOpen{0%{opacity:0;transform:rotate3d(0,0,1,-45deg)}100%{opacity:1;transform:rotate3d(0,0,1,0deg)}}@keyframes rotatedownClose{0%{opacity:1}100%{opacity:0;transform:rotate3d(0,0,1,45deg)}}@keyframes rotatedownElem{0%{opacity:0;transform:translate3d(0,-150px,0) rotate3d(0,0,1,-20deg)}100%{opacity:1;transform:translate3d(0,0,0) rotate3d(0,0,1,0deg)}}.custombox-rotatedown.custombox-content{opacity:0;animation-timing-function:cubic-bezier(.7,0,.3,1);-ms-transform-origin:-150% 50%;transform-origin:-150% 50%}.custombox-rotatedown.custombox-content.custombox-open{animation-name:rotatedownOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-rotatedown.custombox-content.custombox-close{animation-name:rotatedownClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes flashOpen{0%{opacity:0;transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}100%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}}@keyframes flashClose{0%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}20%{opacity:1;transform:translate3d(0,0,0) scale3d(1,1,1)}100%{opacity:0;transform:translate3d(-400px,0,0) scale3d(1.4,0,1)}}.custombox-flash.custombox-content{opacity:0;animation-timing-function:cubic-bezier(.7,0,.3,1)}.custombox-flash.custombox-content.custombox-open{animation-name:flashOpen;animation-timing-function:ease-in;animation-fill-mode:forwards;backface-visibility:hidden}.custombox-flash.custombox-content.custombox-close{animation-name:flashClose;animation-timing-function:ease-out;animation-fill-mode:forwards;backface-visibility:hidden}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.custombox-loader{display:none;border-style:solid;border-width:5px;border-radius:50%;width:40px;height:40px;animation-name:spin;animation-timing-function:linear;animation-iteration-count:infinite;position:fixed;top:50%;left:50%;margin:-25px 0 0 -25px;z-index:9998}
#custombox-popup_newsletter .backgroundImage {
position: relative; }
#custombox-popup_newsletter .backgroundImage .blackBox {
width: 100%;
background-color: rgba(0, 0, 0, 0.9);
padding: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 0; }
#custombox-popup_newsletter .backgroundImage .blackBox form#popup-newsletter-validate-detail p {
text-align: center;
margin: 0 0 10px 0; }
#custombox-popup_newsletter .backgroundImage .blackBox form#popup-newsletter-validate-detail p input.emailTextField {
border: 0;
width: 80%;
height: 45px;
background-color: #fff;
color: #000;
font-size: 16px;
text-align: center;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px; }
#custombox-popup_newsletter .backgroundImage .blackBox form#popup-newsletter-validate-detail p input.subscribeBtn {
width: 200px;
font-size: 14px;
font-weight: bold;
color: #ff0000;
text-align: center;
text-transform: uppercase;
border: 1px solid #ff0000;
background-color: transparent;
padding: 11px 0 !important;
-webkit-appearance: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
#custombox-popup_newsletter .backgroundImage .blackBox form#popup-newsletter-validate-detail p input.subscribeBtn:hover {
color: #fff;
background-color: #ff0000;
border: 1px solid #ff0000; }

/**
 * Magestore
 * 
 * NOTICE OF LICENSE
 * 
 * This source file is subject to the Magestore.com license that is
 * available through the world-wide-web at this URL:
 * http://www.magestore.com/license-agreement.html
 * 
 * DISCLAIMER
 * 
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 * 
 * @category    Magestore
 * @package     Magestore_RewardPoints
 * @copyright   Copyright (c) 2012 Magestore (http://www.magestore.com/)
 * @license     http://www.magestore.com/license-agreement.html
 */

/* ============ Reward Points Stylesheets ============ */

/* Cart Sidebar - MiniCart */
.rewardpoints-cart-sidebar {min-height: 22px; text-align: left; clear: both; margin-top: 5px;}
.rewardpoints-cart-sidebar img {margin-right: 3px;}


/* ============ Reward Points Slider ============ */
#rewardpoints-slider-container {}
#rewardpoints-slider { position: relative; z-index: 9; height: 18px; margin: 12px auto 18px; padding: 0 24px; cursor: pointer; width: 209px; float: left;}
#rewardpoints-slider-zoom-out { position: absolute; left: 1px; top: 0px;}
#rewardpoints-track { position: relative; height: 18px; background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/reward_rule.gif') -1px 0px repeat-x;}
#rewardpoints-handle { position: absolute; top: -1px; width: 9px; height: 22px; background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/magnifier_handle.gif') 0 0 no-repeat;}
#rewardpoints-slider-zoom-in { position: absolute; right: 1px; top: 0px;}
.rewardpoints-slider-label { margin: 5px 0 0 5px; float: left;}

#rewardpoints-login-msg, #rewardpoints-needmore-msg { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px;line-height:13px; background:url('https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/validation_advice_bg.gif') 2px 0 no-repeat; color:#eb340a;}

#rewardpoints-needmore-points { font-size: 13px; font-weight: bold;}

/* ============ Cart Page ============ */
.onestepcheckout-payment-methods .rewards-sales-rules {padding-left: 0 !important}
.rewards-sales-rules dt {margin-top: 7px;}
.rewards-sales-rules dt label {font-weight: bold; color: #666;}
.rewards-sales-rules #rewardpoints-slider {margin-bottom: 10px;}
.onestepcheckout-payment-methods .rewards-sales-rules #rewardpoints-slider {margin-bottom: 10px; margin-left: -16px}
.rewards-sales-rules #reward_sales_rule {width: 157px; margin-left: 3px;}
.onestepcheckout-payment-methods .rewards-sales-rules #reward_sales_rule {width: 140px !important; margin-left: 3px;}
.rewardpoints-slider-input .input-point {text-align: center; display: inline-block; width: 300px;}
.rewardpoints-slider-input .input-max {margin-top: 5px;}
.rewardpoints-slider-input .input-max input {float: left; margin-right: 3px; margin-top: 2px;}
#reward_sales_point {width: 49px !important;}
#reward_ajax_loading {margin: 10px; text-align: center; font-style: italic;float:right;}

.rule_refreshing_label {color: #666; font-style: italic;}

/* ============ Checkout Page ============ */
.sp-methods #cart-rewards-form {width: 280px;}
.onestepcheckout-payment-methods .sp-methods #cart-rewards-form {width: 260px !important;}
.sp-methods #cart-rewards-form .rewards-sales-rules label {float: none;}
.sp-methods .rewards-sales-rules dd label {font-weight: normal; color: #000;}

/* ============ One Step Checkout Page ============ */
#cart-rewards-form dd.rewards-slider {margin-left: 17px;}


/* ============ Rewards Points Summary ============ */
.rewardpoints-money {color: #3182be; font-size: 13px;}
.product-view .add-to-cart .qty-wrapper img{margin-bottom: 2px;}
.dashboard .box-rewardpoints-summary, .box-rewardpoints-summary{ 
    color:#333; 
    font-size: 13px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 15px;
}
.dashboard .box-rewardpoints-summary, .box-rewardpoints-summary .info-summary{
    padding-top:5px;
}
.dashboard .box-rewardpoints-summary .box-head h2, .box-rewardpoints-summary .box-head h2 {
        background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/rewards.png") no-repeat scroll 0 0 transparent; 
        padding:5px 0 5px 25px;
        font-size: 15px;
}

.box-rewardpoints-history .box-head h2 {
    background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/transactions.png") no-repeat scroll 0 center transparent; 
    padding:5px 0 5px 25px;
    font-size: 15px;
}
.rewardpoints-name-img img{display:inline;}
img.rewardpoint-img{display: inline;}
#rewardpoints-referfriends-popup-body .referfriends-body-left-product{margin-top:20px}


/* ============ Header Link - Fix for IE ============ */
.links span.rewardpoints-name {position: relative\9; padding-right: 18px\9;}
.links span.rewardpoints-name img {/*position: absolute\9;margin-bottom: 8px;*/ margin: 0 !important;vertical-align: middle;}

.discount .discount-form .rewards-sales-rules .input-max{
     margin-top: 15px
}
.discount .discount-form .rewards-sales-rules .input-max #reward_max_points_used{
    margin: 4px;
}
#behavior-ajax-loader {

}
.share-login #behavior-ajax-loader a img {vertical-align:top !important}
.rewardpoints-product-view-earning{margin-bottom:20px; clear:both}
.rewardpointsbehavior-checkout-action a img, 
#rewardpoints-navigation-rewardpoints.navigation a img, 
a.rewardpoints-name-img img {
	margin-bottom:-2px;
} 
.rewardpoints-title{font-size: 15px; color: #3182be;}
.rewardpoints-title-link{text-decoration: none; color: #3182be; font-weight: bold;}
.rewardpoints-title-rate{margin-top: 5px;}
.rewardpoints-dashboard-list{margin-bottom: 10px;}
.rewardpoints-dashboard-ul {list-style: circle !important; margin: 0 0 0 2em !important; }
.rewardpointsrule-rule-name-policy {color: #3182be;font-style: italic;}

strong.rewardpoints-title{ text-transform: uppercase;}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 8, 2014, 2:49:32 PM
    Author     : Thu Thao
*/

@import url(//fonts.googleapis.com/css?family=Raleway:400,700,300);
/************edit shopping cart*************/
.cart-forms .discount h2{ font-size:12px;font-weight:bold;}
.discount-form .rewards-sales-rules dt label{font-size: 14px;font-weight: normal;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif;}
.discount-form label{font-size: 14px;font-weight: normal;}


/********************Checkout Success**********************/
.col-main .referfriends-body{height:450px !important;}
.col-main .referfriends-body-left-description{float:left;}
.col-main  .referfriends-body-left{width: 49% !important;text-align: left;}
.col-main  .referfriends-body-right{float:right; width:250px;}
.col-main  .referfriends-body-right-ul li.referfriends-sharelink{text-align:left; float:left; width:100%;height:70px;}
.col-main  .referfriends-body-right-ul li.referfriends-sharefacebook{float:left; width:100%; text-align:left;}
.col-main  .referfriends-body-right-ul li.referfriends-sharegoogleplus{float:left;width:100%; text-align:left;}
.col-main  .referfriends-body-right-ul li.referfriends-sharetwitter{float:left; width:100%; text-align:left;}
.col-main  .referfriends-body-right-ul li.referfriends-shareemail {float:left; width:100%; text-align:left;}
.col-main #rewardpoints-referfriends-popup{margin-left: auto;display: block;margin-right: auto;}
@media (max-width:900px){
.col-main  #rewardpoints-referfriends-popup{position:relative; height:auto; float:none !important; width:auto!important; left:auto !important;margin-left: auto;display: block;margin-right: auto;}
.col-main  .referfriends-body-left-earn{float:left !important;}
}
@media (max-width:720px){
.col-main  #rewardpoints-referfriends-popup{position:relative; height:auto; width:auto; margin-left: auto;display: block;margin-right: auto;}
.col-main .referfriends-body-right{display:block !important; }
}
@media (max-width:690px){
.col-main  #rewardpoints-referfriends-popup{position:relative; height:auto; width:auto; margin-left: auto;display: block;margin-right: auto;}
.col-main .referfriends-body-right{display:block !important; width:100% !important; text-align: left;float:left !important;}
.col-main .referfriends-body-left{width: 100% !important;text-align: left;}
.col-main .referfriends-body-left-description{width: 100% !important;text-align: left;}
.col-main  .referfriends-body-left-earn{padding-bottom:20px;}
}
/***********Edit Page Details*************/
.referfriends-body-right-1{display:none;}
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom{background:none !important;}
.dialog_e{background:none !important;}
.dialog_content{background:none; width:auto !important;}
.referfriends-title h2{padding-top:20px !important; font-weight:500; border-bottom: 1px solid #CCC; padding-bottom:10px !important;}
.referfriends-title a{top:5px !important; right:10px !important;}
.referfriends-body-left-earn{height:55px !important;}
#rewardpoints-referfriends-popup{border:1px solid #CCC; border-radius:5px;}


@media(max-width:900px){
.dialog_e{display:none;}
.dialog{position: absolute; left: 50% !important; top:32px !important; margin-left:-320px;width: 640px !important;float:left !important; height: auto !important;}
#rewardpoints-referfriends-popup{position: absolute;left: 50%; margin-left:-320px;width: 640px !important;float:left !important; height: auto !important;} 
.referfriends-body-right-ul  li.referfriends-sharelink{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-shareemail a{background-size: 35px !important;}
.referfriends-body-right .referfriends-body-right-ul  li.referfriends-sharelink{font-size:16px;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-left-earn{height:58px !important;}
.referfriends-body-left{width:300px !important;}
.dialog{top:31px !important;}
}
@media(max-width:720px){
.dialog{position: absolute !important; left: 50% !important; margin-left: -270px !important; width: 540px !important; float:left !important; height: auto !important;}
 #rewardpoints-referfriends-popup{position: absolute;margin-left: -270px;left: 50%; width: 540px !important;float:left !important; height: auto !important;} 
.referfriends-body-right .referfriends-body-right-ul  li.referfriends-sharelink{font-size:16px;}
/* .referfriends-body-right-ul  li.referfriends-sharelink{background-size: 30px !important;}*/
.referfriends-body-right-ul li.referfriends-sharefacebook {height: 50px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus{height: 50px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter {height: 50px !important;}
.referfriends-body-right-ul li.referfriends-shareemail {height: 50px !important;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-right .referfriends-body-right-ul  li.referfriends-sharelink{font-size:14px;}
.referfriends-body-left {width:500px !important; float:left;}
.referfriends-body-left-earn{height:65px !important;}
.referfriends-body-right {display:none;}
.referfriends-body-right-1{display:block;position: absolute;top: 145px;left: 300px;}
.referfriends-body-right-1  .referfriends-body-right-ul  li.referfriends-sharelink{font-size:16px;}
.referfriends-body-right-1  .referfriends-body-right-ul li a{font-size:16px;}
.share-link-url {width:149px !important;}
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom {background:none !important;}
.referfriends-body-left-product-title h3{width:240px;}

}
@media(max-width:620px){
.dialog{position: absolute !important; left: 50% !important; margin-left: -180px !important; width: 360px !important;float:left !important; height: auto !important;}
#rewardpoints-referfriends-popup{position: absolute; margin-left: -180px;left: 50%; width: 360px !important;float:left !important; height: auto !important;} 
.referfriends-body-right-ul  li.referfriends-sharelink{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-shareemail a{background-size: 27px !important;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-left {width:300px !important; float:left;}
.referfriends-body-right-1{display:block; position:static; }
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom {background:none !important;}
}
@media(max-width:460px){
#rewardpoints-referfriends-popup{position: absolute;margin-left: -150px;left: 50%; width: 300px !important;float:left !important; height: auto !important;} 
.referfriends-body-right-ul  li.referfriends-sharelink{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-shareemail a{background-size: 27px !important;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-left {width:260px !important; float:left;}
.referfriends-body-right-1{display:block; position:static; }
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom {background:none !important;}

}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 8, 2014, 2:49:21 PM
    Author     : Crystal
*/
/*
*/
.data-table#recent-transactions-history td .label-cell { display: none;}
.data-table#recent-transactions-history td h2 {font-size: 13px; text-transform: none;}
#rewardpoints-settings li.control label{background-color: #fff;}
@media all {
 .sp-methods dl.rewardpoints-sp-methods dt label {background-color: #fff; padding: 0px;}    
.sp-methods dl.rewardpoints-sp-methods dt label:hover {background-color: #fff}
}
@media only screen and (max-width: 890px){

	/* Force table to not be like tables anymore */
	.data-table#recent-transactions-history thead{display: none;}
        .data-table#recent-transactions-history tbody tr{margin: 0; border-bottom: 1px solid silver;border-top: 1px solid silver;}
	.data-table#recent-transactions-history td.a-right.first{display: none;}
        .data-table#recent-transactions-history td .label-cell {margin:0; text-transform:uppercase; display:block; text-align: left;float: left; font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
    font-size: 13px;}
        .data-table#recent-transactions-history td {display: block; text-align: right; border: none;}
        .data-table#recent-transactions-history td h2 {font-size: 13px; text-transform: none;text-align: left; margin-left: 280px;}
        
        .rewardpointsreferfriends-dashboard-right {float: left !important; width: 100% !important; display: block}
}
@media only screen and (max-width: 979px){    
     .rewardpointsreferfriends-dashboard-right {float: left !important; width: 100% !important; display: block}
     .rewardpointsreferfriends-dashboard-left {width: 100% !important; float: right; clear: both}     
     .sp-methods dl.rewardpoints-sp-methods dt label {background-color: #fff; padding: 0px;}    
     .sp-methods dl.rewardpoints-sp-methods dt label:hover {background-color: #fff} 
}
@media only screen and (max-width: 760px){
    .data-table#recent-transactions-history td h2{margin-left: 335px;}
}
@media only screen and (max-width: 700px){
    .data-table#recent-transactions-history td h2{margin-left: 300px;}
    
}
@media only screen and (max-width: 650px){
    .data-table#recent-transactions-history td h2{margin-left: 250px;}
    
}
@media only screen and (max-width: 550px){
    .data-table#recent-transactions-history td h2{margin-left: 230px;}
    
}
@media only screen and (max-width: 450px){
    .data-table#recent-transactions-history td h2{margin-left: 200px;}
    
}
@media only screen and (max-width: 770px){
    .rewardpointsreferfriends-dashboard-left {width: 100% !important;}
}



/**
 * Merchant Protocol
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Merchant Protocol Commercial License (MPCL 1.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://merchantprotocol.com/commercial-license/
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to info@merchantprotocol.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade to newer
 * versions in the future. If you wish to customize the extension for your
 * needs please refer to http://www.merchantprotocol.com for more information.
 *
 * @category   MP
 * @package    MP_CustomerLocator
 * @copyright  Copyright (c) 2006-2016 Merchant Protocol LLC. and affiliates (https://merchantprotocol.com/)
 * @license    https://merchantprotocol.com/commercial-license/  Merchant Protocol Commercial License (MPCL 1.0)
 */
/** 
 * Customer Address Block
 */
.block-customer-address { 
    line-height: 1.25; 
}
.block-customer-address .block-title strong {
    background-position: 0 0; 
    background-repeat: no-repeat; 
}
.block-customer-address .form-list { 
    padding: 5px 10px;
}
.block-customer-address .form-list label { 
    font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.block-customer-address .customer-address-id-form-list {
    padding: 5px 10px 0px 10px;
}
.block-customer-address .customer-address-form-list {
    padding: 0px 10px 5px 10px;
}
.block-customer-address input.input-text { 
    height: 30px;
    margin-top: 4px;
}
.block-customer-address select {
    max-width: 100%;
    height: 30px;
    display: block;
    border: 1px solid silver;
}
/**
 * Merchant Protocol
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Merchant Protocol Commercial License (MPCL 1.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://merchantprotocol.com/commercial-license/
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to info@merchantprotocol.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade to newer
 * versions in the future. If you wish to customize the extension for your
 * needs please refer to http://www.merchantprotocol.com for more information.
 *
 * @category   MP
 * @package    MP_Warehouse
 * @copyright  Copyright (c) 2006-2016 Merchant Protocol LLC. and affiliates (https://merchantprotocol.com/)
 * @license    https://merchantprotocol.com/commercial-license/  Merchant Protocol Commercial License (MPCL 1.0)
 */

/**
 * Warehouse 
 */
.warehouse {  }
.warehouse .warehouse-name { 
    font-weight: bold; 
}
.warehouse .warehouse-origin { 
    display: block; 
    font-style: italic; 
}
.warehouse .warehouse-distance { 
    display: block; 
    font-style: italic; 
}
.warehouse .warehouse-description { 
    display: block; 
}
/**
 * Product Quote
 */
.product-quote tfoot td { 
    padding: 5px 10px; 
}
.product-quote .current { 
    background: #f4f4f4; 
}
.product-quote tr:hover {
    background: #e7e7e7; 
}
.product-quote .button-update { 
    margin-left: 5px; 
}
/**
 * Cart 
 */
.cart-table .cart-item-product-quote-button { 
    margin-left: 10px; 
}
.cart-table .product-quote { 
    border: 1px solid #cccccc; 
}
.cart-table .product-quote .odd  { 
    
}
.cart-table .product-quote .even { 
    
}
.cart-table .product-quote thead th { 
    
}
.cart-table .button-reset-cart span { 
    
}
.cart-table .button-reset-cart { 
    
}
.cart-table .btn-update { 
    
}
/**
 * Warehouse Block 
 */
.warehouse-block {  }
.warehouse-block .block-title strong {
    background-position: 0 0; 
    background-repeat: no-repeat; 
}
.warehouse-block .block-title strong {
    
}
.warehouse-block .current, 
.warehouse-block .current.odd, 
.warehouse-block .current.even { 
    
}
.warehouse-block input.radio { 
    float: left; 
}
.warehouse-block .label { 
    display: block; 
    margin-left: 18px; 
}
.warehouse-block li { 
    padding: 3px 9px; 
}
.warehouse-block .actions .button-update { 
    margin-left: 5px; 
}
/**
 * Warehouse Shipping Method 
 */
.warehouse-shipping-methods .warehouse {
    padding-top: 15px;
}
.warehouse-shipping-methods .warehouse .warehouse-name {
    font-size: 1.125em;
}
.warehouse-shipping-methods .warehouse-content {
    padding-bottom: 10px;
}
.warehouse-shipping-methods .warehouse-content .shipping-methods {
    padding-left: 15px;
}
/**
 * Checkout 
 */
.block-progress dl.warehouse-shipping-methods { 
    border: 0; 
    padding: 0; 
}
.block-progress dl.warehouse-shipping-methods dt {
    border: 0; 
    padding: 0;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-style: italic;
    text-transform: none;
    color: #636363;
}
.block-progress dl.warehouse-shipping-methods dd {
    border: 0; 
    padding: 0 0 0 5px; 
}

/* Affiliateplus stylesheet */
.affiliate_message { margin: 10px 0px 0px 0px; }
.affiliateplus-account-bottom .col-button{text-align: center;}
.affiliateplus-account-bottom button.form-button{
    border:none;
    background:none;
    box-shadow: none;
    float:none;
    width:160px;
    height:53px;
    margin: 10px auto;
}
.affiliateplus-account-bottom button.form-button span{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width:160px;
    height: 53px;
    line-height: 53px;
    padding:0 53px 0 20px;
    margin: 0;
    float:left;
    border-radius: 5px;
    text-align: left;
    opacity: 0.85;
    filter:alpha(opacity=85);
}
.affiliateplus-account-bottom button.form-button:hover span,.affiliateplus-account-bottom button.form-button:focus span{
    opacity: 1;
    filter:alpha(opacity=100); 
}
.affiliateplus-account-bottom button.form-button.btn-login span{
    background:url(https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/bg-btn.png) no-repeat right -7px  #E05435;
}
.affiliateplus-account-bottom button.form-button.btn-signup span{
    background: url(https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/bg-btn.png) no-repeat right -71px  #8ec549;
}
.affiliateplus-account-bottom button.form-button.btn-contact span{
    background:url(https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/bg-btn.png) no-repeat right -142px  #0081ba;
}
/* Banner-Links */
#banner-view-list li.banner-view-item{ border-top: 2px solid #CCCCCC; margin-bottom: 45px; }
#banner-view-list li.banner-view-item span.share{ float: right; }
.aff-link-over{
    /*    float: left;*/
    width:98%;
    overflow: auto;
}
/* Referer */
#referer_grid thead th a { color: #0A263C; }
#referer_grid thead th a:hover{ color: #0A263C; }

/* Miniform request money */
.affiliateplus_form_request { 
    margin-bottom: 10px;
    float: left;
    width: 100%; }
.affiliateplus_form_request #request_amount{color:#686868}

/* Tiers */
#tiers_grid thead th a { color: #0A263C; }
#tiers_grid thead th a:hover{ color: #0A263C; }

/* Payment Method */
li.payment_method_form { margin-left: 21px;*float: left;*width: 100%; }
#account-new-address-form  li.wide,
#account-new-address-form  div.field{
    width: 50%;
    float: left;
}
#account-new-address-form li.field{
    width: 100%;
}   
#affiliateplus_payment_request_form .fieldset{
    float:left;
    padding: 0px 0 12px 0;
    background: #fff;
    border: 1px solid #ececec;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
}
#affiliateplus_payment_request_form input.radio { 
    float:left;
    margin: 3px 5px 0px 0px; 
}
#affiliateplus_payment_request_form .form-group .verified{
    background: url(https://cdn.gamingheads.com/skin/frontend/gamingheads/default/images/i_msg-success.gif) no-repeat;    
    margin-top: 8px;
    background-position: 0;  
}
#affiliateplus_payment_request_form .form-group .verified a{
    padding-left: 25px;
    color:#446423 !important;
    text-decoration:none;
    cursor: default;
}
#affiliateplus_payment_request_form .form-group .verified a:hover {
    text-decoration: none;
}
#affiliateplus_payment_request_form .field .not-verified{
    background: url(https://cdn.gamingheads.com/skin/frontend/gamingheads/default/images/i_msg-error.gif) no-repeat;
    margin-top: 30px;
}
#affiliateplus_payment_request_form .field .required-email {
    float: right;
    margin-top: -20px;
}
#affiliateplus_payment_request_form .field .not-verified a{
    padding-left: 20px;
    text-decoration: none;
    color: red;
    cursor: default;
    background: url(https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/i_msg-error.gif) no-repeat;
}
.affiliateplus-action-gray{
    background: #ACABAB !important;
    border: 1px solid #ACABAB !important;
}

/*  Contact Group */
#group-table tr { cursor:pointer;}
#group-table tr:hover{ background-color:#FCF5DD}

/* Commissions */
ul.affiliate-commission-tab{
    height: 27px;
    font-weight: bold;
    margin-top: 10px;
}
ul.affiliate-commission-tab li.affiliate-tab-item{
    float: left;
    height: 20px;
    border: 1px solid #E2E2E2;
    border-bottom: 0px;
    margin: 1px 2px;
    padding: 3px 6px;
    background-color: #E2E2E2;
}
ul.affiliate-commission-tab li.active-tab{
    font-size: 1.1em;
    background-color: #FFF;
    color: #DE5400;
}
ul.affiliate-commission-tab li a{
    text-decoration: none;
    color: #999;

}
.aff-main-content .fade {
    opacity: 0;
    -webkit-transition: opacity 2.25s linear;
    -moz-transition: opacity 2.25s linear;
    -ms-transition: opacity 2.25s linear;
    -o-transition: opacity 2.25s linear;
    transition: opacity 2.25s linear;
}
/* End commissions */

/* Search Grid Style */
.data-table .affiliateplus-grid-title th{
    background-image: none;
    border-bottom: 1px solid #C2D3E0;
}

.data-table .affiliateplus-grid-search th{
    vertical-align: top;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item{
    padding-bottom: 2px;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .search-text{
    width: 97%;
}

.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container{
    float: left;
    padding-bottom: 2px;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range{
    min-width: 121px;
    min-height: 18px;
    margin-bottom: 3px;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range .label{
    display: block;
    width: 36px;
    float: left;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range img{
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range input.range-text{
    float: right;
    width: 50px;
    padding: 1px;
}

.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item select{
    width: 100%;
}

.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container .from-price,
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container .to-price{
    min-width: 100px;
}

.affiliateplus-search-button {
    padding-bottom: 5px;
    text-align: right;
}
/* End Search */

/*bonus*/
#affiliateplus_payment_request_form .authentication-comment{margin: 0;padding: 0 0 0 13px;font-size: 11px;}

/* End */

/*==========Custom Credit by Crystal===========*/
.affiliate-page input[type=email],
.affiliate-page input[type=search], 
.affiliate-page input[type=number], 
.affiliate-page input[type=password], 
.affiliate-page input[type=tel], 
.affiliate-page input[type=text],
.affiliate-page select.form-control{
    width: 100%;
    margin-top: 0;
}
.affiliate-page #affiliateplusstatistic-filter select.form-control{
    width:90%;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.lable-title, .aff-main-content .block .block-title{
    background: #9d9d9d;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    padding: 0;
    border-bottom: none;
}
.affiliate-page h2.legend, .popup-content h2.legend, .affiliate-page .aff-main-content .block .block-title strong{
    color: #fff;
    font-size: 14px;
    padding: 7px 15px 7px 60px;
    font-weight:600;
    margin: 0;
    text-transform: none;
    background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/custom.png') no-repeat;
    background-position: 0px -3px;
    display: block;
    border-style: none;
    line-height: 16px;
}
.affiliate-page .aff-main-content .block .block-title strong:after{
    border-left: none;
}
#discount-affiliateplus-form h2.legend{
    color: #fff;
    font-size: 14px;
    padding: 7px 15px 7px 60px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/custom.png') no-repeat;
} 
#discount-affiliateplus-form .discount{
    padding: 0;
    border: 1px solid #d0cbc1;
    margin: 0 0 18px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
#discount-affiliateplus-form .discount-form{
    padding: 12px 15px;
    float: left;
}
#discount-affiliateplus-form .affiliateplus_credit,
#checkout-step-payment .affiliateplus_credit{
    float: left;
    width: 100%;
}
#checkout-step-payment #affiliateplus_credit{
    float: left;
    margin-top: 4px;  
}
#discount-affiliateplus-form #affiliateplus_credit{
    float: left;
    margin-top: 3px;  
}

#discount-affiliateplus-form .affiliateplus_credit label,
#checkout-step-payment .affiliateplus_credit label{
    float: left;
    width: 90%;
    margin-left: 5px;
}
#discount-affiliateplus-form .btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
#discount-affiliateplus-form .btn-warning:hover{
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}
button {
    border: none;
    background: none;
}
/*============ Blance by Crystal============*/

/*============Popup request payment=============*/
.affiliateplus-index-paymentform #tinybox{
    right: 0 !important;
    left: 0 !important;
    margin: auto !important;
    // width: 35% !important;
}
#verify-email-form #authentication_code {
    float: left;
    width: 70%;
    left: 0;
    right: 0;
    margin: auto;
}
#verify-email-form h2.legend{

}
#tinybox #verify-email-form {
    width: 100%;
    float: left;
}

/*=============Checkout-affiliate=============*/
.img-reload {
    width: 30px;
    height: 30px;
}
.affiliateplus-discount-code .title-spending {
    float: left
}
.affiliateplus-discount-code .style-form{
    float: right;
    margin-left: 10px
}
.affiliateplus-discount-code .using_credit{
    cursor: pointer;
    float: left;
    margin-left: 10px;
}
.affiliateplus-discount-code .img-edit {
    margin-top: 5px;
    float: right;
    margin-left: 5px;
}
.affiliateplus-discount-code .image-success{
    margin-top: 5px;
    float: right;
    margin-left: 10px;
}
/*======== My widgets========*/
.affiliate-list-widgets tbody textarea {
    //width: 100%;
    //float: left;
    outline: 0;    
}
/******banner & link by Sally*******/
.affiliate-page .affiliate-get-link .box-all{
    border: 1px solid #e7e7e7;
    float: left;
    width: 100%;
}
.affiliate-page .affiliate-get-link{
    padding: 0;
    margin: 28px 0;
}
.affiliate-page #banner-view-list li.banner-view-item{
    border: 1px solid #e7e7e7;
}
.affiliate-page .affiliate-get-link .form-list{
    padding-top: 40px;
    margin: 30px 20px;
}
.affiliate-page .affiliate-get-link #affiliate-page-link{

    margin-bottom: 5px;
}
/*******detail lead********/
.affiliate-page  #payperlead-url-form .fieldset{
    border: 1px solid #e7e7e7;
    padding: 0;
    margin: 28px 0;
}
.affiliate-page  #payperlead-url-form .fieldset .form-list{
    padding-top: 40px;
    margin:20px;
}
.affiliate-page  #payperlead-url-form .fieldset .form-list li{
    margin: 0;
}
.affiliate-page  #payperlead-url-form .fieldset .form-list input#use-personal-url {
    margin:0;
    vertical-align: middle;
}

.affiliate-page  #payperlead-url-form .fieldset .form-list label{
    float: none;
    padding: 0;
}
.affiliate-page .buttons-set-aff{
    margin-left: 15px;
    margin-bottom: 10px;
}
.affiliate-page .aff-main-content .actions{
    padding-left: 20px;
    padding-bottom: 20px;
}
/*============Setting page=============*/
signup_affiliate_account_form{
    border: 1px solid #ececec;
}
#signup_affiliate_account_form .form-group input.checkbox{
    float: left;
    width: auto;
    margin-right: 5px;
}
/************Report***************/
#affiliateplusstatistic-filter input.aff-date{
    width: 90%;
    float: left;
}
#affiliateplusstatistic-filter #report-filter{
    border: 1px solid #ececec;
    padding-bottom: 10px;
}
#affiliateplusstatistic-filter #date_picker_from,
#affiliateplusstatistic-filter #date_picker_to{
    float: left; 
    margin: 10px 0px 0px 5px;
}
#affiliateplusstatistic-filter .form-group label{
    width: 100%;
}
/*******Balance by Sally********/
.affiliate-page label.required:after, span.required:after{
    content: '';
}
/*footer subcribe*/
.affiliate-page .footer .block-subscribe .input-text{
    border: 1px solid silver;
}
.affiliate-page  #tinymask{
    z-index: 9999;
}
.affiliate-page #tinybox{
    z-index: 10000;
    /*    max-width:100%;*/

}
.affiliate-page  a:active,.affiliate-page a:focus, .affiliate-page a:hover {
    outline: none;
}
.affiliate-page .btn:focus,
.affiliate-page .btn:active:focus, 
.affiliate-page .btn.active:focus,
.affiliate-page .btn.focus,
.affiliate-page .btn:active.focus,
.affiliate-page .btn.active.focus
.affiliate-page select option:focus,
.affiliate-page input[type="file"]:focus,
.affiliate-page input[type="radio"]:focus, 
.affiliate-page input[type="checkbox"]:focus
{
    outline: none;
}
.affiliate-page .messages.col-xs-12,
.affiliate-page .messages.col-sm-12,
.affiliate-page .messages.col-md-12, 
.affiliate-page .messages.col-lg-12{
    padding-left: 0;
}
/*direct link*/
.affiliate-page #verify-domain-form .fieldset{
    margin: 0;
    padding: 0;
}
.affiliate-page #button-notnow{
    float: left;
    margin-left: 0;
    position: absolute;
    left: 15px;
    bottom: 15px;
    
}
.affiliate-page #affiliate-personal-url-form input[type="checkbox"]{
    margin:0;
    vertical-align: middle;
}

/****Popup****/
.bg-fade{
    float:left;
    width:100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 9999;
    background:#000;
    opacity: 0.85;
    filter:alpha(opacity=85);
} 
.aff-popup {       
    z-index: 10000;
    transition: top .25s ease;
    position: absolute;
    top: 20%;
    right: 0;
    left: 0;
    //min-width: 20%; 
    max-width: 40%;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    height: auto;
    margin-left:30%;
    margin-right: 30%;
}
.aff-popup .active {
    background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/pageloading.gif') no-repeat !important;
}
.aff-popup .no-content{
    float:left;
    width:100%;
    min-height: 200px;
}
.aff-popup .close-affpopup {
    position: absolute;        
    right: -15px;
    top: -15px;
}
.affiliate-page .pager .pages {
    margin-top: 0px;
}
.affiliate-page .pager .limiter {
    height: 35px;
}
@media screen and (max-width: 1050px) {
    .aff-popup{
        max-width: 60%;
        box-sizing: border-box;
        margin-left:20%;
        margin-right: 20%;
    }
}
@media screen and (max-width: 991px) {
    #affiliateplus_payment_request_form .field .not-verified {
        margin-top: 0;
    }
    #affiliateplus_payment_request_form .field .not-verified a {
        padding-left: 30px;         
    }
}
@media screen and (max-width: 979px) {
    .aff-popup{
        max-width: 70%;
        margin-left:15%;
        margin-right: 15%;
    }
}
@media screen and (max-width: 768px) {
    .aff-popup{
        max-width: 80%;
        margin-left:10%;
        margin-right: 10%;
    }
}
@media screen and (max-width: 480px) {
    .aff-popup{
        max-width: 90%;
        margin-left:5%;
        margin-right: 5%;
    }
    .affiliate-page #button-notnow{
    float: left;
    margin-left: 0;
    position: relative;
    left:0px;
    bottom: 0px;
    
}
}
.aff-popup.active{
    background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/pageloading.gif') center center no-repeat #fff;
}
.affiliate-page #use-link-banner-poup{
    margin-right: 10px;
}
#loading_mask_loader img{
    display: inline;
}
.aff-main-content .note-msg{
    margin-top: 10px;
}
#affiliateplus-email-form .input-box{
    width: 100%
} 
textarea.widgets-code, textarea#affiliate-email-content{
    width: 99%;
    margin-top: 10px;
}
#payperlead-url-form li.control label{
    background-color: #fff;
    padding: 0;
}
.affiliate-page .aff-title {
    float: left;
    width: 100%;
}
.aff-title h1 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    background: #eb7705 url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/nav-bg-afffiliate.png')no-repeat center left;
    padding: 8px 0px 8px 50px;
    margin: 0 0 10px 0;
    float: left;
    width: 100%;
}


/*Changed By Adam 02/05/2015: fix loi CSS cho dob, tax, gender*/
.form-group .customer-dob{width:100%; float:left;}
.form-group .dob-month{width:25%; float:left; padding-right:10px;}
.form-group .dob-day{width:25%; float:left; padding-right:10px;}
.form-group .dob-year{width:50%; float:left;} 
.form-group .dob-month .input-text{border-radius:4px; height:34px;}
.form-group .dob-day .input-text{border-radius:4px; height:34px;} 
.form-group .dob-year .input-text{border-radius:4px; height:34px;}
.affiliateplus-account-login .account-login .f-right{
    float:right;
}
/* Refer a Friend */
#affiliateplus-sidebar {
    width: 345px;
}

#affiliateplus-sidebar .allow .step-title {
    cursor: pointer;
    float: left;
    width: 100%;
    padding: 8px 5px;
    text-align: left;
    background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/social.png') no-repeat;
    background-position: left 5px;
    background-color:  #0081ba;
    opacity: 0.85;
    filter:alpha(opacity=85);
    transition:all 200ms ease-out;
    -webkit-transition:all 200ms ease-out;
    -moz-transition:all 200ms ease-out;
    -o-transition: all 200ms ease-out;
}
#affiliateplus-sidebar .allow .step-title:hover{
    opacity: 1;
}
#affiliateplus-sidebar .allow .step-title.email-logo{
    background-position: left -67px;
}

#affiliateplus-sidebar .allow .step-title.facebook-logo{
    background-position: left -39px;
}

#affiliateplus-sidebar .allow .step-title.twitter-logo{
    background-position: left -8px;
}

#affiliateplus-sidebar .allow .step-title.google-logo{
    background-position: left -97px;
}

#affiliateplus-sidebar .step, #affiliateplus-sidebar p.box-content{
    padding: 8px;
    float: left;
    width: 100%;
    margin-top: 0px;
}

#affiliateplus-sidebar .form-list textarea{
    width: 100%;
    height: 100px;
}

/* Personal */
#affiliateplus-sidebar #input-personal-url{
    width: 100%;
    float: left;
}
#affiliateplus-sidebar #input-personal-url #personal_url{
    width: 100%;
}
#affiliateplus-sidebar #personal_affiliate_url{
    width: 100%;
    text-align: left;
    margin-left: 5px;
}

/* Email */
#affiliateplus-sidebar .step-title span.email-logo{

}
#affiliateplus-sidebar .active .step-title span.email-logo, #affiliate-opc-email .step-title:hover span.aff-logo{
    //background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/email-color.png') no-repeat;
}
#affiliateplus-contact-list .form-list .input-box, #affiliateplus-contact-list .form-list .input-box select{
    width: 100%;
}
#affiliateplus-contact-list .buttons-set{
    padding-top: 7px;
    border-top: 0px;
    margin-top: 0px;
}

/* Google */
#affiliateplus-sidebar .step-title span.aff-logo{
    padding-left: 60px; 
    color: #fff;
}
#affiliateplus-sidebar .step-title span.google-logo{

}

#affiliateplus-sidebar .tweeter span.span{
    -webkit-border-radius: 3px;
    border: #CCC solid 1px;
    padding: 2px;
    -moz-border-radius: 3px; border-radius: 3px;
    background-image: -moz-linear-gradient(top, white, #DEDEDE);
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DEDEDE));
    background-image: -ms-linear-gradient(top, white, #DEDEDE);
    background-image: linear-gradient(top, white, #DEDEDE);
    background-image: -o-linear-gradient(top, white, #DEDEDE);
}
#affiliateplus-sidebar button.tweeter span.span span{
    background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/tweet.png') no-repeat -26px 3px;
    padding: 0px 3px 0px 24px;
    color: #1E7EC8;
    margin-left: 2px;
}


#affiliateplus-sidebar .buttons-set{
    padding-top: 7px;
    border-top: 0px;
    margin-top: 0px;
}

#affiliateplus-sidebar .affiliateplus-opc li{
    margin-bottom: 8px;
    float: left;
    width: 100%;
}

/* Share on Product Detail Page */
.affiliateplus-share-product .affiliateplus-share-img {
    position: relative;
    float: left;
    top: -16px;
}
.affiliateplus-share-product .share_twitter iframe{
    width: 88px !important;
}
.affiliateplus-share-product .share_facebook .fb_button{
    background: url("https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/fb_share_button.png") no-repeat;
    border: none;
    height: 20px;
    width: 70px;
    cursor: pointer;
    position: relative;
    bottom: 1px;
    color: #FFF;
    font-size: 12px;
    padding-top: 2px;
    padding-left: 16px;
}
.affiliateplus-share-product .affiliateplus-sharing {
    float: right;
}
.affiliateplus-share-product .share {
    float: right;
    margin-top: 5px;
}

/* Share on Product List Page */
.affiliateplus-share-product-list{
    overflow: hidden;
    margin: 3px 0px;
}
.affiliateplus-share-product-list .logo{
    width: 16px; height: 16px;
    margin-right: 8px; border: none;
    cursor: pointer;
}
.affiliateplus-share-product-list .email-logo{
    background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/email-color.png') no-repeat;
}
.affiliateplus-share-product-list .facebook-logo{
    background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/facebook-color.png') no-repeat;
}
.affiliateplus-share-product-list .twitter-logo{
    background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/tweet.png') no-repeat 0px 3px;
}
.affiliateplus-share-product-list .google-logo{
    background: url('https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/magestore/images/gplus-color.png') no-repeat;
}
.affiliate-opc-google .step-title {
    border-bottom: none;
}
/*=======By Crystal========*/
.affiliate-page #affiliateplus-sidebar {
    float: right;
    width: 40%;
    padding: 0;
}
.affiliate-page .aff-refer{
    float: left;
    width: 58%;
    margin-bottom: 20px;
}
.fieldset-sources {
    border: 1px solid #e7e7e7;
}
.fieldset-sources table,
.fieldset-sources table tbody {
    width: 100%;
}
.fieldset-sources table tbody tr td {
    padding: 3px 3px 3px 10px;
}
#affiliateplus-sidebar .block.block-list {
    border: 1px solid #e7e7e7;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#affiliate-opc-personal-url li.control label{
    padding: 0;
    min-width: 50%;
}
#affiliateplus-sidebar .actions{
    margin-top: 0;
    overflow: hidden;
    float: left;
    width: 100%;
}
#affiliateplus-sidebar .opc.affiliateplus-opc {
    float: left;
    width: 100%;
}
#affiliate-opc-email-content .form-list{
    float: left;
    width: 100%;
}
#affiliate-opc-email-content .input-box,
#affiliate-facebook-form .input-box,
#affiliate-opc-twitter-content .input-box{
    float: left;
    width: 100%;
}
.opc.affiliateplus-opc .a-item {
    border-bottom: 1px solid #e7e7e7;
    border-left:  1px solid #e7e7e7;
    border-right:  1px solid #e7e7e7;
}
@media screen and (max-width: 700px) {
    .affiliate-page .aff-refer,
    .affiliate-page #affiliateplus-sidebar {
        width: 100%;
    }
    .affiliate-page #affiliateplus-sidebar {
        float: left;
    }
}
@media screen and (max-width: 770px) {
    .affiliate-page h2.legend, .affiliate-page .aff-main-content .block .block-title strong{
        border-left: none !important;
        color: #fff !important;
        text-transform: none !important;
        padding: 7px 15px 7px 60px !important;
        font-weight: 600 !important;
        line-height: 18px;
    }
    .affiliate-page h2.legend, .affiliate-page .aff-main-content .block .block-title strong:after{
        border-left: none !important;
        color: #fff !important;
        text-transform: none !important;
        padding: 7px 15px 7px 60px !important;
        font-weight: 600 !important;
        line-height: 18px;
    }
}
.affiliateplus-share-product-list .logo-social{
    width: 0;
    height: 0;
    min-width: 0 !important;
    min-height: 0 !important;
    text-align: center;
    padding: 10px;
    margin-right: 0px;
    border: none;
    cursor: pointer;
    display: block;
    float: left;
    margin-left: 5px;
}
@media screen and (max-width: 771px){
    .affiliateplus-share-product-list .logo-social{
        max-width: 0;
        min-height: 0;
    }

}

#affiliate-facebook-form a{cursor:pointer;}
#tinybox {position:absolute; display:none; padding:10px; background:#fff url(https://cdn.gamingheads.com/skin/frontend/gamingheads/default/css/tinybox/images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}
/* Affiliateplus Program Plugin stylesheet */

.affiliate-clear { min-height: 18px; clear: both; }

.affiliateplusprogram_total_commission { color: #ff0000; }

.affiliateplus-form-search .input-box .label { font-weight: bold; }
.affiliateplus-form-search .input-box .left input { margin-left: 10px; }

.affiliateplus-anchor {color: #1e7ec8; text-decoration: underline; cursor: pointer;}
.pager .div-left{
    float: left;
}
.pager .div-right {
    float: right;
    margin-right: 4%;
}
.rewardpointsbehavior-checkout-action{
    /*background-color: #FFE8DB;*/
    float: left;
    margin: 2px 2px 7px 0px;
    padding: 1px;
    width: 172px;
    text-align: left;
}
.account-create .rewardpointsbehavior-checkout-action{
    clear:both;
}
.account-create .rewardpointsbehavior-checkout-action1{
    float: none;
    width: 100% !important;
    margin: 0px !important;
}
.account-login .rewardpointsbehavior-checkout-action1{
    float: none;
}
.rewardpointsbehavior-checkout-action1{
    /*background-color: #FFE8DB;*/
    float: left;
    margin: 0px 0px 0px 5px;
    padding: 1px;
    width: 172px;
    text-align: left;
}
.rewardpointsbehavior-checkout-action .rewardpointsbehavior-icon{
    float: right !important;
}
.rewardpointsbehavior-product-view{
    width: 100%;
    float: left;
}
.rewardpointsbehavior-product-view .rewardpointsbehavior-checkout-action{
    width: auto;
}

.twitter-count-horizontal,
.behavior-facebook-like.behavior-social{
    width: 85px !important;
    /*padding-right: 2px !important;*/
    float:left;
}
#fb-send-id-behavior span{
    vertical-align:baseline !important;
}
#___plusone_0, #___plusone_0 iframe{
    width: 67px !important;
    /*padding-right: 2px !important;*/
}
.behavior-google-plus {width: 67px; display: inline-block;}
.behavior-linkedin {width: 100px; display: inline-block;}
.share-social-button {display: inline;}
/*.share-login {padding-left: 10px; }*/
.behavior-social {display: inline-block; vertical-align: top;}

.behavior-facebook-share .share-button .label {display: inline-block;vertical-align: top;zoom: 1;padding: 1px 4px 0 23px;white-space: nowrap;}
.behavior-facebook-share .share-button {
    font-size: 11px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    max-width: 100%;
    position: relative;
    display: inline-block;
    zoom: 1;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
    background-image: -moz-linear-gradient(top,#fff,#dedede);
    background-image: -o-linear-gradient(top,#fff,#dedede);
    background-image: -ms-linear-gradient(top,#fff,#dedede);
    background-image: linear-gradient(top,#fff,#dedede);
    border: #ccc solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
}
.behavior-facebook-share .share-button i {
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background: transparent url('https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/facebook-icon.png') 0 0 no-repeat;
    background-image: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/facebook-icon.png');
}
.behavior-facebook-share a.share-button:hover{
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e8e8e8));
}
#reward_sales_point {width: 80px !important; text-align:right;}
/* 
    Document   : referfriend
    Created on : Aug 9, 2013, 9:19:32 AM
    Author     : Hai
    Description:
        Purpose of the stylesheet follows.
*/
.rewardpoints-referfriend-dialog-refer .top,
.rewardpoints-referfriend-dialog-refer .bot{
    display: none;
}
.rewardpoints-referfriend-dialog-refer .dialog_e,
.rewardpoints-referfriend-dialog-refer .dialog_w {
	width: 0;	
}
#rewardpoints-referfriends-popup{
    background-color: #ffffff;
}
.rewardpoints-referfriend-dialog-refer .dialog_close{
    display: none;
}
.referfriends-title{
    background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/bg-header2.gif") no-repeat scroll 0 0 transparent;	     
    height: 81px;	
    padding: 0 40px;
}
.referfriends-title h2{
    color: #525252;
    padding-top: 41px;
    font-size: 25px;
}
.referfriends-title a{
    position: absolute;
    top: 20px;
    right: 40px;
    font-size: 15px;
    color: #e26703;
    text-decoration: none;
}
.referfriends-title a:hover{
    text-decoration: underline;
}
.referfriends-body-refer{
    background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/bg-referfriend.png") repeat scroll 0 0 transparent;
	border: 1px solid #d5d5d5;
    margin: 0;
    padding: 26px 32px 22px;        
    height: 392px;
    font-size: 18px;
    color: #373737;	
}


.referfriends-body-refer h3{
	color: #df543d;
}

.referfriends-body-refer h3 .price{font-weight: bold;}
.referfriends-body-refer .price{
	color: #2f7eb5;
	font-weight: normal;
}
.offer-contact p,
.offer-question p{
	font-size: 16px;
}
.referfriends-body{
    background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/bg-body-box.gif") repeat-y scroll 0 0 transparent;
    margin: 0;
    padding: 10px 40px;
    padding-bottom: 0 !important;
    height: 392px;
    font-size: 13px;
    color: #454545;
}
.referfriends-body-left{
    float:left;
    width: 350px;
}
.referfriends-body-left-description{
    margin-bottom: 10px;
}
.referfriends-body-left-earn{
    height: 80px;
}
.referfriends-body-left-product-title h3{
    font-size: 18px;
    font-weight: nomal;
    color: #e26703;
}
.referfriends-body-right{
    float: left;
    width: 230px;
    margin-left: 20px;
}
.referfriends-body-right-ul li.referfriends-sharelink{
    padding: 4px 1px 4px 60px;
    background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/share.png') no-repeat left center;
    height: 60px;
    color: #454545;
    font-size: 18px;
    font-weight: normal;
}
.referfriends-body-right-ul li.referfriends-sharelink .share-link-url{
    padding: 4px;
}
.referfriends-body-right-ul li.referfriends-sharefacebook{
    height: 60px;
}
.referfriends-body-right-ul li.referfriends-sharefacebook a{
    height: 43px;
    padding: 13px 1px 4px 60px;
    background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/facebook.png') no-repeat left center;
}
.referfriends-body-right-ul li.referfriends-sharetwitter{
    height: 60px;
}
.referfriends-body-right-ul li.referfriends-sharetwitter a{
    height: 43px;
    padding: 13px 1px 4px 60px;
    background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/twitter.png') no-repeat left center;
}
.referfriends-body-right-ul li.referfriends-sharegoogleplus{
    height: 60px;
}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{
    height: 43px;
    padding: 13px 1px 4px 60px;
    background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/google.png') no-repeat left center;
}
.referfriends-body-right-ul li.referfriends-shareemail{
    height: 60px;
}
.referfriends-body-right-ul li.referfriends-shareemail a{
    height: 43px;
    padding: 13px 1px 4px 60px;
    background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/sendmail.png') no-repeat left center;
}
.referfriends-body-right-ul li{
    height: 52px;
}
.referfriends-body-right-ul li a{
    color: #454545;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    text-decoration: none;
}
.referfriends-bottom{
    background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/bg-bottom.gif") no-repeat scroll 0 0 transparent;
    height: 17px;
}


.rewardpointsreferfriends-dashboard-left{
    float: left;
    width: 58%; /*400px;*/
}
.rewardpointsreferfriends-dashboard-right{
    float: right;
    width: 39%; /*270px;*/
}
.rewardpointsreferfriends-block-content-share{
    padding-left: 8px !important;
}
.box-referfriends-content .box-head h2 {
    background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/icon-links.png") no-repeat scroll left center transparent;
	float: left;
	width: 100%;
	padding: 5px 0;
	text-indent: 25px;
        text-align: left;
}
.rewardpointsreferfriend-box-url .refer-content{
    padding: 4px 1px 0px 60px;
    background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/share.png') no-repeat left center;
    height: 60px;
    color: #454545;
    font-size: 18px;
    font-weight: normal;
    margin: 0 5px;
}
.rewardpointsreferfriend-box-url .refer-content input{
    width: 100%;
}
.refer-sharing-box-content{
    background: #ffffff !important;
    padding: 8px !important;
    margin: 0 !important;
    text-align: justify !important;
}
.info-summary-special-offer p{
    text-align: justify;
}
.info-summary-special-offer img{
    max-width: 100%;
}
h2.email-logo{
    background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/email-color.png') no-repeat;
}
strong.special-title-offer{
    background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/i_ma-reviews.gif') no-repeat; 
    padding-left: 20px
}
div.info-summary-special-offer{
    padding-bottom: 15px;
}
div.info-summary-special-offer p{
    padding-bottom: 0px;
    margin-bottom: 5px;
}

#rewardpoints-referfriends-landing{    
	text-align: center;
}
#rewardpoints-referfriends-landing p{
    margin: 0;
}
.referfriends-body-offer-detail-description{
    font-size: 16px;
}
.parent-body-offer{
    height: auto;
}
.referfriends-body-offer-detail{
    margin-bottom: 20px;
	text-align: left;
}
.referfriends-body-offer{
    min-height: 100px;
}
.offer-howto{
	overflow: hidden;
	margin: 20px 0 20px 0;
	text-align: left;
}

.offer-howto h3{
	font-size: 18px;
}

.offer-howto .offer-question{
    float: left;
    margin-right: 21px;
    width: 48%;
}


.btn-start-shopping {

}
.offer-contact{
    width: 280px;
    float: left;
}


.offer-proceed{
    font-size: 16px;
    font-weight: bold;
    height: 30px;
    text-align: center;
}



/* Refer a Friend */
.allow .step-title {
        cursor: pointer;        
}

 .allow .step-title:hover{
        background: #F9F3E3;
}

 .allow .step-title:hover .number{
        background: #F18200;
        border-color: #F19900;
        color: #FFF;
}

 .allow .step-title:hover h2{
        color: #F18200;
}

 .step,  p.box-content{
        padding: 8px;
}

 .form-list textarea{
        width: 100%;
        height: 100px;
}

 .step-title span.logo{
        width: 16px;
        height: 16px;
        margin-right: 4px;
        border: none;
}

/* Personal */
 #input-personal-url{
        width: 219px;
        float: right;
}
 #input-personal-url #personal_url{
        width: 215px;
}
 #personal_referfriends_url{
        width: 327px;
        text-align: center;
}

/* Email */
 .step-title h2.email-logo{
        background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/email-grayscale.png") no-repeat scroll 5px -2px / 20px 20px;
}
 .active .step-title h2.email-logo, #referfriends-opc-email .step-title:hover h2.logo{
        background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/email-color.png") no-repeat scroll 5px -2px / 20px 20px;
}
.rewardpointsreferfriends-dashboard-right .opc .section .step-title {border-top: 1px solid #ececec;}
.rewardpointsreferfriends-dashboard-right .opc .section .step-title h2 {margin:0px; line-height: 1px;padding: 8px 0px 8px 90px;}
.rewardpointsreferfriends-dashboard-right .opc .section .step-title .logo {max-width: 0px; min-height: 0px;margin-top: 5px;height: 5px !important;}
.rewardpointsreferfriends-dashboard-right ol.opc.referfriends-opc {border-bottom: 1px solid #ececec;margin-bottom:20px;}
.google-plus-share a img{float: left;margin-right: 33px}
/* Google */
 .step-title h2.google-logo{
        background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/gplus-grayscale.png") no-repeat scroll 5px 0 / 18px 18px;
}
 .active .step-title h2.google-logo, #referfriends-opc-google .step-title:hover h2.logo{
        background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/gplus-color.png") no-repeat scroll 5px 0/ 18px 18px;
} 

/* Facebook */
 .step-title h2.facebook-logo{
        background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/facebook-grayscale.png") no-repeat scroll 5px -1px / 20px 20px;
}
 .active .step-title h2.facebook-logo, #referfriends-opc-facebook .step-title:hover h2.logo{
        background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/facebook-color.png") no-repeat scroll 5px -1px / 20px 20px;
}

/* Tweeter */
 .step-title h2.twitter-logo{
        background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/tweet.png") no-repeat scroll -26px -27px / 53px 45px;
}
 .active .step-title h2.twitter-logo, #referfriends-opc-twitter .step-title:hover h2.logo{
        background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/tweet.png") no-repeat scroll -25px 1px / 53px 45px       
}

 .tweeter h2.h2{
        -webkit-border-radius: 3px;
        border: #CCC solid 1px;
        padding: 2px;
        -moz-border-radius: 3px; border-radius: 3px;
        background-image: -moz-linear-gradient(top, white, #DEDEDE);
        background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#DEDEDE));
        background-image: -ms-linear-gradient(top, white, #DEDEDE);
        background-image: linear-gradient(top, white, #DEDEDE);
        background-image: -o-linear-gradient(top, white, #DEDEDE);
}
 button.tweeter h2.h2 h2{
        background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/tweet.png') no-repeat -26px 3px;
        padding: 0px 3px 0px 24px;
        color: #1E7EC8;
        margin-left: 2px;
}


 .buttons-set{
        padding-top: 7px;
        border-top: 0px;
        margin-top: 0px;
}

 .referfriends-opc li{
        margin-bottom: 0px;
        border-bottom: none;
}
.referfriends-opc .step{
    padding: 5px;
}
.referfriends-opc .allow .step-title {
    border-bottom: none;
    padding: 4px 8px 6px;
}


/*Fix*/
.action-shopping{
	text-align:center;
}
a.btn-start-shopping { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; display:inline-block; }
a.btn-start-shopping span {
	background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/rewardpointsreferfriends/images/btn_shopping.png") no-repeat scroll top left transparent;
	float: left;
	font-family: Arial;
	font-size: 16px;
	color:white;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	padding-left: 5px;
	position: relative;
	text-align: center;
	white-space: nowrap;
}
a.btn-start-shopping span span {
	background-position: 100% 0;
	padding:0 40px 0 22px;
}
.referfriends-title a img{
    position: absolute;
    top: 20px;
    right: 40px;
}
.box-rewardpointsreferfriends-history {
    clear: both;
}
.neklo-facebook-page {
    position: relative;
}

.neklo-facebook-page .fb-xfbml-parse-ignore {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 64px;
    height: 64px;
}
.gc.discount .button.active{
    background-color: rgb(51, 153, 204);
    color: #ffffff;
}

.gc.discount .button.active:hover {
    background-color: rgb(46, 138, 184);
}

.gc.giftcard.discount h2,
.gc .gc-applied-gift-cards dt {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px;
    display: block;
}

.gc.discount label {
    font-size: 12px;
    font-weight: normal;
    font-family: "Helvetica Neue",Verdana,Arial,sans-serif;

}

.gc .gc-applied-gift-cards {
    padding-top: 10px;
}
.gc.discount .input-box input{
    padding: 0 10px;
}
.gc.discount .input-box span{
    font-size: 11px;
}
.gc-applied-gift-cards span.price {
    display: inline-block;
}

/*checkout*/

.sp-methods #checkout-payment-method-gift-card ul.form-list {
    padding-left: 0;
}

.gc-cart-action {
    padding: 5px 0 10px;
    height: auto;
    overflow: hidden;;
}

.gc-cart-action .button-box {
    display: block;
    float: left;
    width: auto;
}
.gc-cart-action .please-wait {
    float: left;
    display: block;
    width: auto;
}

#gc-please-wait {
    display: none;
}
#gc-applied-codes-error {
    color: #eb5040;
    height: 24px;
    line-height: 24px;
    margin: 5px 0 0 10px;
    white-space: nowrap;
    float: left;
    width: auto;
}

/*product page*/

#giftcard_send_to_friend_fields {
    display: none;
}

#gift_card_note {
    display: none;
    color: #0db058;
}

#gift_card_note.show {
    display: block;
}
/**
 * Magestore
 * 
 * NOTICE OF LICENSE
 * 
 * This source file is subject to the Magestore.com license that is
 * available through the world-wide-web at this URL:
 * http://www.magestore.com/license-agreement.html
 * 
 * DISCLAIMER
 * 
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 * 
 * @category    Magestore
 * @package     Magestore_RewardPointsRule
 * @copyright   Copyright (c) 2012 Magestore (http://www.magestore.com/)
 * @license     http://www.magestore.com/license-agreement.html
 */

/* ============ Reward Points Rule Stylesheets ============ */

/*************** Product Page ***************/
.rewardpoints-product-rule {overflow: hidden;padding:0px 0px 15px 0px;}
.rewardpoints-product-rule select.input-select {max-width: 232px;}

/*************** Checkout Cart Item ***************/
.reward-points-spending .label, .reward-points-earning .label { color: #1e7ec8; font-weight: bold; }
.reward-points-spending .content { padding-left: 6px;}


/****************my Reward policy*************/
.rewardpointsrule-rule-name-policy { color: #3182be; font-style: italic;}
.rewardpointsrule-rule-date-policy {}
/******product list******/
.earning-product-list { font-size: 0.9em; clear: both; margin-bottom: 0.9em }

/*Rule*/
.webpos-dialog-item-rule .top, 
.webpos-dialog-item-rule .bot{
    display: none;
}
.webpos-dialog-item-rule .dialog_e,
.webpos-dialog-item-rule .dialog_w {
	width: 0;	
}
.webpos-dialog-item-rule .dialog_content{
    background-color: transparent;
}
.webpos-spend-points{
    background-color: #f6f6f6;
    border: 2px solid rgb(196, 193, 188);
}
.webpos-dialog-item-rule .dialog_close{
    display: none;
}
.webpos-rule-title{     
/*    height: 25px;	*/
    padding: 10px 10px 15px 10px;
    background-color: #FFF4E9;
    color: #1e7ec8;
    font-size: 13px;
    font-weight: bold
}
.webpos-spend-points a:hover{
    text-decoration: underline;
}
.webpos-spend-points * {
    font-size: 12px !important;
}
.webpos-rule-body{
    margin: 0;
    padding: 10px;
    height: 115px;
    font-size: 13px;
    color: #454545;
}
.webpos-rule-foot{
/*    height: 20px;	*/
    padding: 10px;
/*    background-color: rgb(255, 250, 218);*/
    position: absolute;
    bottom: 45px;
    right: 10px;
}

.webpos-rewardpoints-slider-container {}
.webpos-rewardpoints-slider { position: relative; z-index: 9; height: 18px; margin: 12px auto 18px; padding: 0 24px; cursor: pointer; /*width: 209px;*/ float: left;}
.webpos-rewardpoints-slider-zoom-out { position: absolute; left: 1px; top: 0px;}
.webpos-rewardpoints-track { position: relative; width: 209px; height: 18px; background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/reward_rule.gif') -1px 0px repeat-x;}
.webpos-rewardpoints-handle { position: absolute; top: -1px; width: 9px; height: 22px; background: url('https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/magnifier_handle.gif') 0 0 no-repeat;}
.webpos-rewardpoints-slider-zoom-in { position: absolute; right: 1px; top: 0px;}

.webpos-rewardpoints-login-msg, .webpos-rewardpoints-needmore-msg { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px;line-height:13px; background:url('https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/validation_advice_bg.gif') 2px 0 no-repeat; color:#eb340a;}

.webpos-rewardpoints-needmore-points { font-size: 13px; font-weight: bold;}


/* ============ Show Rule Page Checkout ============ */
.rule-info{
	background-color: #f4f4f4;
   	border: 1px solid #cccccc;
   	padding-bottom: 10px;
   	margin-bottom:10px;
}
	
.rule-description > li{
	font-size: 0.95em;
    min-height: 23px;
    padding: 8px 8px 2px 32px;
}

.rule-description li.rule-used .rule-name{
	font-weight: bold;
}
.rule-description li.rule-used{
	color: #3d6611;
	background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/rule_used_icon.gif") no-repeat scroll 10px 10px; 
}

.rule-description li.rule-notused{
	background: url("https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/rule_notused_icon.gif") no-repeat scroll 10px 10px; 
}

.rule-description li.rule-notused a{
	color: #656565;
}

.rule-description li a.rule-link-title.active span.rule-name{
	background: rgba(0, 0, 0, 0) url("https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/bottomup.png") no-repeat scroll right center;
	padding-right: 15px;
}
.rule-description li a.rule-link-title span.rule-name{
	background: rgba(0, 0, 0, 0) url("https://cdn.gamingheads.com/skin/frontend/base/default/css/magestore/images/dropdown.png") no-repeat scroll right center;
	padding-right: 15px;
}

.rule-title{
	background: #4ab0e3 none repeat scroll 0 0;
    height: 30px;
}

.rule-title span{
	background: #5cc2f5 none repeat scroll 0 0;
    display: block;
    float: left;
    height: 100%;
    width: 40px;
}

.rule-title img{
	display: inline-block; left: 10px;
    position: relative;
    top: 5px;
}

.rule-title h2{
	color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
    text-indent: 15px;
}