/*# sourceMappingURL=custom.css.map */
#pop{ position:fixed; top:0; left:0; right:0; bottom:0px; z-index:9997}
#pop .overlay{ 
    background-color:rgba(23,67,114,0.6);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0px;
    z-index:9998
}
#pop a.closeme {
    color: #fff;
    padding: 12px;
    position: absolute;
    right: -20px;
    top: -25px;
    z-index: 9999;
}
#pop i.fa.fa-times {
    height: 17px;
    width: 17px;
    background-color: #ff0000;
    border-radius: 50%;
    font-size: 13px;
    text-align: center;
    padding: 1px;
}
#messagebody h2 {
    color: #174372;
    background-color: transparent;
    background-position: left center;
    background-repeat: repeat-x;
    border: 0 none;
    padding: 0;
    position: relative;
    font-family: GraublauSans-Bold;
    margin: 0px 0 20px;
    font-size: 30px
}
#pop #message{
    color: #174372;
    height:auto;
    min-height: 219px;
    -webkit-box-shadow:3px 3px 10px 0 rgba(0,0,0,0.5);
    -moz-box-shadow:3px 3px 10px 0 rgba(0,0,0,0.5);
    box-shadow: 3px 3px 10px 0 rgba(0,0,0,0.5);
    background-color:#fff;
    max-width: 500px;
    /*width: 400px;*/
    width: 500px;
    padding:15px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    z-index:9999;  
}
#pop #message.large #messagebody{min-height:444px !important;}
#pop #message #messagebody{ overflow:auto ;-webkit-column-rule: #174372; transition-delay: 2s;
-moz-column-rule: #174372;
-o-column-rule: #174372;
column-rule: #174372;}
#pop #message.large{max-width: 100%;
    font-size: 16px;
    line-height: 1;
    width: 815px;}
#pop #message.large h3{font-size:16px; line-height:1;font-family: 'GraublauSans-Bold';}

@media (min-width: 320px) and (max-width: 730px){
	/*popu up*/
	#pop #message {width: 300px;}

	div#messagebody div{margin-top: 10px}
	div#messagebody .cart-table tr td p,div#messagebody .cart-table tr td img {margin: 0 6px;}
}