/* 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';

/* igNest controls the placement of the country flag on your website */
/*#igNest { width: 30px; } */
#igNest img { max-width: 25px; margin-top: -2px; cursor: pointer; margin-left: 5px; }

/* Background blur effect */
body.welcome-mat-blur > *:not(#igSplashElement) { -webkit-filter: blur(8px);  -moz-filter: blur(8px); -o-filter: blur(8px); -ms-filter: blur(8px); filter: blur(8px); }

/* Begin Modal Styles */
#igSplashElement {
    position: fixed;
    max-width: 500px;
    background-color: #fff;
    top: 50% !important;
    transform: translateY(-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;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 2001;
}
#igSplashElement a { color: #4CAF50; }
#igSplashElement h1 { font-size: 20px; margin-top: 0px; }
.closeButton { position: absolute; top: 3px; right: 3px; }
.close { padding: 5px 8px; background: #eee; text-align: right; width: 100%; box-sizing:border-box; float: none; }
.close 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; }
.messageWrapper { width: 100%; padding: 30px 30px 10px; box-sizing: border-box; }
.modalLogo {  max-width: 100%; max-height: 160px; }
.igModalHeader img.headerFlag {max-width: 50px;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; }
.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: window;appearance: none;ms-appearance: none;overflow: hidden;height: 44px;padding-left:65px;}
select::-ms-expand { display: none; }
ul.welcomefeatureList, .welcomeMatConsumer { padding: 30px; margin: 20px 0px 30px; background-color: #eee; }
ul.welcomefeatureList li { list-style-type: none; padding: 5px 0px; }
ul.welcomefeatureList li i { position: relative; top: 6px; }
.welcomeMatMerchant { padding: 30px; }
.welcomeMatConsumer { margin-bottom: 0px; }
.igWelcomeCTAButton { width: 100%;padding: 0px 30px 30px; box-sizing: border-box; }
.igWelcomeCTAButton button, .igWelcomeCTAButton a {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, .igWelcomeCTAButton a:hover { color: white; background-color: #666; opacity: 1; }
.igWelcomeCTAButton a { display: block; color: white !important; line-height: 44px; }
.supportBtn { margin: 20px 0 0 0; padding: 0px; }
.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; }
}