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

/* Google Fonts - If you're using your own fonts, you can remove these */
@import 'https://fonts.googleapis.com/css?family=Material+Icons';
@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700,900';

/* igFlag controls the placement of the country flag on your website */
#igFlag { width: 30px; float: right; position: relative; bottom: 2px; margin: 0 2px 0 4px; }
#igFlag img { max-width: 26px; margin-bottom: -3px; cursor: pointer; margin-left: 5px; /*padding: 1px;*/ background-color: #eee; }

/* Begin Modal Styles */
#igSplashElement {
        position: fixed;
        max-width: 500px;
        background-color: #fff;
        top: 50%;
        left: 50%;
        width: 100%;
        -webkit-box-shadow:  0px 0px 60px 0px rgba(0, 0, 0, 0.5);
        box-shadow:  0px 0px 60px 0px rgba(0, 0, 0, 0.5);
        color: rgba(0,0,0,.87);
        font-size: 14px;
        font-family: 'Roboto', Helvetica, Arial, sans-serif;
        /* The CSS below is for the opening and closing animation */
        -webkit-transform: translateY(-50%) translateX(-50%);
        -moz-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        transform: translateY(-50%) translateX(-50%);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
  z-index: 2001;
}
.closeButton { position: absolute; top: 3px; right: 3px; }
.igClose { padding: 5px 8px; background: #eee; text-align: right; width: 100%; box-sizing:border-box; float: none; }
.igClose i { cursor: pointer; }
.igModalHeader {background-color: #fff;text-align: center;color: rgba(0,0,0,.87);box-sizing: border-box;}
.logoWrapper { width: 100%; padding: 30px; text-align: center; float: none; border-bottom: 1px solid #eee; box-sizing: border-box; background-color: #282828; }
.messageWrapper { width: 100%; padding: 30px 30px 10px; box-sizing: border-box; }
.modalLogo {  max-width: 100%; max-height: 160px; }
.igModalHeader img.headerFlag {max-width: 50px; max-height: 34px; position: absolute;left: 5px;top: 5px;}
.headerZero { margin-bottom: 8px; font-size: 30px; font-weight: 600; margin-top:0; }
.headerOne {font-size: 30px;padding-left: 0.5em; /* Set the color of your choice here */text-transform: uppercase;font-weight: 600;}
.headerTwo { color: #999; margin-top: 7px; font-size: 12px; }
.headerCopy { margin: 20px auto 0; max-width: 76%; text-align: left; }
.headerCopy p { margin-bottom: 4px; }
.headerCopy ul { list-style-type: disc; padding-left: 1em; }
.countryP { font-size: 16px; text-transform: uppercase; }
.igModalBody {background-color: white;width: 100%;}
.countryDropDownWrapper {width: 100%;min-height: 25px;-webkit-border-radius: 2px;border-radius: 2px;background: #eee;border: 0px; /* Set the color of your choice here */margin: 0 auto;padding: 0px;cursor: pointer;position: relative;}
.countryDropDownWrapper i { position: absolute; right: 10px; top: 10px; color: rgba(0,0,0,.3); }
#countrySelect { width:100%; position: relative; box-shadow: 0px 0px 0px; padding: 10px 15px;margin: 0px;font-size: 14px;line-height: 14px;color: #333 !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: none;appearance: none;ms-appearance: none;overflow: hidden;height: 44px;padding-left:65px;}
select::-ms-expand { display: none; }
ul.featureList { padding: 30px; margin: 20px 0px 30px; background-color: #eee; display: none !important; }
ul.featureList li { list-style-type: none; padding: 5px 0px; }
ul.featureList li i { position: relative; top: 6px; }
.igWelcomeCTAButton { width: 100%;padding: 0px 30px 30px; box-sizing: border-box;}
.igWelcomeCTAButton button {width: 100%;height: 44px;-webkit-border-radius: 2px;border-radius: 2px;color: white;margin: 0 auto;border: none;font-size: 14px;font-weight: normal; background-color: #333;opacity: 1;text-shadow: none;float: none;text-transform: uppercase;text-align: center;}
.igWelcomeCTAButton button:hover { color: white; background-color: #666; opacity: 1; }
.modal-open {
        -webkit-animation-name: igFadeInDown;
  animation-name: igFadeInDown;
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media screen and (max-width: 600px) { /* Responsive design sets a width of 400px for all devices <= 600px */
        #igSplashElement { width: 95%; }
        .igModalHeader { width: 100%; }
        .messageWrapper { clear: both; }
}

@media screen and (max-width: 480px) {
	.logoWrapper { padding: 4px; }
	.messageWrapper { padding-left: 20px; padding-right: 20px; padding-top: 20px; }
	.headerZero { font-size: 22px; }
	.headerCopy { font-size: 13px; margin: 0; max-width: 100%; }
	.headerCopy ul { margin-bottom: 0.4em; }
}