/* iGlobal Welcome Mat Styles */
/* Authored by iGlobal Stores (www.iglobalstores.com) */

.lean-overlay {top: 0; left: 0;position: fixed;width: 100%;height: 100%;background-color: #000;opacity: 0.5; padding-left: z-index: 9000;}

/* igFlag controls the placement of the country flag on your website */
#igFlag { width: 30px; float: left; }
#igFlag img { max-width: 25px; cursor: pointer; }
#alaska-hawaii { margin-top: 10px; }

/* Begin Modal Styles */
#igSplashElement {top: 25%;left: 50%;transform: translateX(-50%) translateY(-25%);position: absolute;width: 100%;max-width: 600px;background-color: #f7f7f7;font-family: 'PT Sans','Helvetica Neue', Helvetica, Arial, sans-serif; /* Set your preferred font here */color: #666;}
.closeButton { position: absolute; top: 3px; right: 3px; }
.close { cursor: pointer; }
.igModalHeader {width: 100%;background-color: #f7f7f7; /*!  */color: #999998;overflow: auto;margin-top: 20px;}
.logoWrapper {position: absolute;width: 25%;overflow: hidden;top: 0px;/* padding:  10px; */} /* If your logo is wider than 180px, you may wish to widen this and decrease the width of the .messageWrapper */
.messageWrapper { /*!  */text-align: center;margin-top: 45px;}
.modalLogo { /*! float: left; */max-width: 100%; /*!  */left: -1px;top: -2px;position: relative;}
.igModalHeader img.headerFlag { max-width: 50px; margin-top: -15px; }
.headerZero { margin-bottom: 8px;  }
.headerOne {font-size: 30px;padding-left: 0.5em;color: #000; /* Set the color of your choice here */text-transform: uppercase;}
.headerTwo { color: #ccc; margin-top: 7px; font-size: 12px; }
.igModalBody {text-align: center;background-color: #fff;width: 100%;padding-top: 20px;}
.countryDropDownWrapper {width: 250px;/* background-color: #fff; */min-height: 25px;background: url(https://iglobalstores.com/images/downarrow.png) no-repeat 94% center;border: 2px solid #999998; /* Set the color of your choice here */margin: 0 auto;padding: 0;cursor: pointer;}
#countrySelect {position: relative;height: 35px;padding: 7px 10px;margin: 0px;font-size: 14px;line-height: 14px;color: #000 !important;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;background: none !important;border: 0 !important;-webkit-appearance: none;-moz-appearance: window;appearance: none;ms-appearance: none;overflow: hidden;}
#countrySelect option { color: #333; }
select::-ms-expand { display: none; }
ul.featureList { padding: 20px; margin: 0; background-color: #fff; color: #333; }
ul.featureList li { list-style-type: none; padding: 10px 20px; font-size: 18px; }
ul.featureList li strong { color: #333; }
ul.featureList li img { padding-top: 5px; max-width: 80px; margin-bottom: -15px; }
.igWelcomeCTAButton {background: #f7f7f7;width: 100%;height: 100px;}
.igWelcomeCTAButton button {width: 225px;height: 50px;color: white;margin: 20px auto;border: none;font-size: 20px;font-weight: 700;text-transform: uppercase;background-color: red;opacity: 1;text-shadow: none;float: none;}

@media screen and (max-width: 600px) { /* Responsive design sets a width of 400px for all devices <= 600px */
	#igSplashElement { max-width: 90%;top: 0;transform: translateX(-50%) translateY(0);}
	.igModalHeader { width: 100%; }
	.logoWrapper { /*!  */ width: 100%; text-align: center;padding: 0;max-height: 150px;margin-bottom:  20px;}
	.modalLogo { float: none; margin: 10px auto; max-height: 150px;}
	.messageWrapper { clear: both; width: 100%;float: none;}
	ul.featureList li img { display: none; }
	.countryDropDownWrapper { margin-bottom: 20px;}
}