/*--------------------------------------------------------------------------------*/
/*EXTENDS*/
/*--------------------------------------------------------------------------------*/
.mobile_smartbanner { font-weight: 300; }

.mobile_smartbanner strong, .mobile_smartbanner .get_apps { font-weight: 600; }

.btn, .mobile_smartbanner { font-family: "Montserrat", Montserrat-FF, Arial, Tahoma, sans-serif; }

.mobile_smartbanner .sb_close { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.mobile_smartbanner { justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: wrap; align-items: center; }

.mobile_smartbanner .sb_close { align-items: center; justify-content: center; }

.mobile_smartbanner .sb_close { border-radius: 50%; }

.mobile_smartbanner .sb_close { color: #21409A; }

.mobile_smartbanner { background: #FFFFFF; }

/*--------------------------------------------------------------------------------*/
/*BUTTONS & LABELS DEFAULT STYLING*/
/*--------------------------------------------------------------------------------*/
.btn, .label { position: relative; font-size: 16px; display: inline-block; line-height: 1.4; padding: 8px 16px; text-align: center; cursor: pointer; vertical-align: top; border: 1px solid transparent; border-radius: 4px; }

.btn--default, .label--default { background: #f0f0f0; color: #000000; }

.btn--rounded, .label--rounded { padding-left: 24px; padding-right: 24px; border-radius: 24px; }

.btn--sm, .label--sm { font-size: 12px; padding: 4px 12px; }

.btn--md, .label--md { font-size: 14px; padding-top: 6px; padding-bottom: 6px; }

.btn--lg, .label--lg { font-size: 20px; padding: 8px 32px; }

/*--------------------------------------------------------------------------------*/
/*BUTTON & LABEL STYLING VARIATIONS*/
/*--------------------------------------------------------------------------------*/
.btn:hover { color: #000000; opacity: 0.8; filter: alpha(opacity=80); }

.btn--rounded.btn--sm { padding-left: 16px; padding-right: 16px; border-radius: 16px; }

.btn--rounded.btn--lg { padding-left: 48px; padding-right: 48px; border-radius: 32px; }

.btn--default.btn--outline { border: 1px solid #666666; color: #666666; }

.btn--default.btn--link { color: #007cbd; }

.btn--outline { border: 1px solid #000000; color: #000000; }

.btn--link:hover { text-decoration: underline; opacity: 1; filter: alpha(opacity=100); }

.btn--outline, .btn--link { background: transparent !important; }

form .btn { padding: 8px 16px; font-size: 14px; }

.form-rounded .btn { padding-left: 24px; padding-right: 24px; border-radius: 24px; }

.label { cursor: inherit; }

.label--rounded.label--sm { padding-left: 16px; padding-right: 16px; border-radius: 16px; }

.label--rounded.label--lg { padding-left: 48px; padding-right: 48px; border-radius: 32px; }

/*--------------------------------------------------------------------------------*/
.btn--sosmed-instagram { color: #FFFFFF; border: none; background: #5851DB; /* Old browsers */ background: -moz-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%); /* FF3.6+ */ background: -webkit-radial-gradient(left bottom, ellipse cover, #ffdc80 15%, #e1306c 55%, #5851db 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$top_color', endColorstr='$bottom_color',GradientType=1 ); /* IE6-9 */ }

.btn--sosmed-instagram:hover { color: #FFFFFF; border: none; }

.display-flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

.flex-center { align-items: center !important; }

.btn--blue-base.btn--outline { border-color: #21409A; color: #21409A; }

.mobile_smartbanner { height: 50px; padding: 0 8px; position: relative; font-size: 11px; align-items: center; z-index: 27; color: #262626; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }

.mobile_smartbanner .app_logo { height: 36px; margin-right: 10px; }

.mobile_smartbanner strong { display: block; font-size: 12px; }

.mobile_smartbanner .get_apps { text-decoration: none; margin-right: 20px; }

.mobile_smartbanner .sb_close { position: absolute; text-decoration: none; height: 14px; width: 14px; font-size: 10px; top: 5px; right: 5px; }

.mobile_smartbanner .sb_close img { width: 100%; height: 100%; }