/* section */ .lp-section { padding: 32px 0; } .lp-section+.lp-section { padding-top: 0; } @media (min-width: 768px) { .lp-section { padding: 64px 0; } } @media (min-width: 1200px) { .lp-section { padding: 64px 0 128px; } } /* grid */ .lp-row { position: relative; margin-left: -3.125%; margin-right: -3.125%; } .lp-row:after { content: ''; position: relative; display: table; clear: both; } .lp-col { position: relative; padding-left: 3.125%; padding-right: 3.125%; min-height: 1px; } @media (min-width: 768px) { .lp-row { margin-left: -15px; margin-right: -15px; } .lp-col { padding-left: 15px; padding-right: 15px; } .lp-col-3 { float: left; width: 25%; } .lp-col-4 { float: left; width: 33.33333333%; } .lp-col-6 { float: left; width: 50%; } .lp-col-8 { float: left; width: 66.66666667%; } .lp-col-9 { float: left; width: 75%; } .lp-col-12 { float: left; width: 100%; } } .lp-vertical+.lp-vertical { margin-top: 30px; } @media (min-width: 768px) { .lp-vertical { display: table; width: 100%; table-layout: fixed; } .lp-vertical:after { content: ''; display: table; clear: both; } .lp-vertical .lp-col { float: none; display: table-cell; } .lp-vertical.lp-valign-top .lp-col { vertical-align: top; } .lp-vertical.lp-valign-middle .lp-col { vertical-align: middle; } .lp-vertical.lp-valign-bottom .lp-col { vertical-align: bottom; } } /* form */ .lp-input-group { position: relative; display: table; border-collapse: separate; width: 100%; } @media (min-width: 768px) { .lp-input-group { /*margin-top: 8px;*/ } } .lp-input-group-addon, .lp-input-group-btn { display: table-cell; margin-bottom: 0; } .lp-input-group-addon, .lp-input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .lp-form-control { position: relative; padding: 8px 8px 6px 8px !important; margin: 0 !important; width: 100% !important; height: 42px !important; border-right: none !important; box-sizing: border-box; } /* btn */ .lp-btn { padding: 8px 24px !important; height: 42px; line-height: 26px !important; } @media (min-width: 768px) { .lp-btn { padding: 8px 24px !important; height: 42px; line-height: 26px !important; } } .lp-btn-orange { background-color: #f25529 !important; } .lp-btn-orange:hover { background-color: #d94c25 !important; } /* components */ .lp-well { position: relative; padding: 15px; background-color: #f1f5f9; } @media (min-width: 768px) { .lp-well { padding: 30px; } } /* tipography */ .lp-p > b { display: inline-block; font-family: "SST W01 Medium","Helvetica Neue",Helvetica,Arial,sans-serif; } /* utilities */ @media (max-width: 768px) { .lp-text-center-xs { text-align: center !important; } .lp-text-left-xs { text-align: left !important; } .lp-no-margin-xs { margin: 0 !important; } .lp-hidden-xs { display: none !important; } .lp-visible-xs { display: block; } } @media (min-width: 768px) { .lp-no-margin { margin: 0 !important; } .lp-visible-xs { display: none !important; } } /* flags */ .lp-countries { display: block; margin: 0; padding: 0; } .lp-countries:after { content: ''; display: table; clear: both; } .lp-countries > li { display: block; padding: 6px 2px; } .lp-countries > li+li { border-top: 1px solid #ddd; } @media (min-width: 768px) { .lp-countries > li { float: left; width: 33.33%; padding: 6px; } .lp-countries > li+li { border-top: none; } } .lp-country { display: block; padding: 4px 8px; color: #83838f; font-size: 15px; line-height: 28px; } .lp-country:hover { background-color: #fff; } @media (min-width: 768px) { .lp-country { padding: 4px 8px; max-width: 210px; font-size: 14px; line-height: 21px; -moz-transition: all .1s linear; -webkit-transition: all .1s linear; -ms-transition: all .1s linear; transition: all .1s linear; } } .lp-country.lp-disabled { color: #ada8a8; cursor: default; } .lp-country.lp-disabled:hover { background-color: transparent; color: #ada8a8; } .icon-flag { display: inline-block; background-image: url('../pics/flags.png'); width: 20px; height: 14px; margin-right: 2px; margin-bottom: 2px; vertical-align: middle; } .lp-country.lp-disabled .icon-flag { -webkit-filter: grayscale(100%); -moz-webkit-filter: grayscale(100%); -ms-webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; } /* loader */ .lp-loader-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(241,245,249,.8); z-index: 998; } .lp-loader { position: absolute; top: 30px; left: 50%; margin-left: -20px; fill: transparent; stroke: #83838f; stroke-width: 3; animation: dash 2s ease infinite,rotate 2s linear infinite; z-index: 999; } .lp-loader-text { position: absolute; display: block; top: 80px; left: 0; width: 100%; text-align: center; font-size: 12px; line-height: 1.2; } @media (min-width:768px) { .lp-loader { top: 45%; margin-top: -20px; } .lp-loader-text { top: 55%; } } @keyframes dash { 0% { stroke-dasharray: 1,95; stroke-dashoffset: 0; } 50% { stroke-dasharray: 85,95; stroke-dashoffset: -25; } 100% { stroke-dasharray: 85,95; stroke-dashoffset: -93; } } @keyframes rotate { 0% {transform: rotate(0deg); } 100% {transform: rotate(360deg); } } /* redirect */ .lp-redirect { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1999; visibility: hidden; } .lp-redirect.open { visibility: visible; } .lp-redirect-overlay { background-color: rgba(0,0,0,0.8); display: flex; flex-direction: column; justify-content: center; align-content: center; text-align: center; position: relative; width: 100%; height: 100%; padding: 30px; opacity: 0; -moz-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); } .lp-redirect.open .lp-redirect-overlay { opacity: 1; } .lp-redirect-popup { width: 100%; max-width: 520px; margin: auto; padding: 30px 15px; background-color: #f1f5f9; text-align: center; opacity: 0; transform: translate(0,35%); -moz-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1); } .lp-redirect.open .lp-redirect-popup { transform: translate(0,0); opacity: 1; } @media (min-width: 768px) { .lp-redirect-popup { padding: 45px 45px 30px; } } .lp-redirect-popup h6 { margin-top: 20px; margin-bottom: 0; } .lp-redirect-popup h3 { font-family: "SST W01 Medium","Helvetica Neue",Helvetica,Arial,sans-serif; } .lp-redirect-popup .lp-loader { position: relative; top: auto; left: auto; margin-top: 0; margin-left: 0; } .lp-redirect-popup button { padding: 12px 32px; background-color: #5887f5; color: #fff; border: none; border-radius: 1px; font-family: "SST W01 Medium","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 15px; margin: 0 auto; transition: background-color .2s ease-in-out; } .lp-redirect-popup button:hover { background-color: #4572ed; } /* fixes */ .header-wrap-outer .container { padding-left: 0; padding-right: 0; } .navbar-mobile .btn-mobile-nav { padding-top: 12px !important; } .btn.locale { padding: 8px 12px !important; line-height: 24px; } .store-locator-submit-btn { padding: 4px 4px 0 !important; } .footer-social-links a { line-height: 2em !important; } .footer-social-links a i { vertical-align: middle; } .nav-primary .nav-li-link { padding: 2px 5px; } .page-wrap-outer { overflow: visible !important; } .footer-wrapper { overflow: hidden !important; } .u-nav-wrapper { visibility: visible !important; z-index: 1100 !important; } .u-nav-wrapper .u-nav-primary-link .u-nav-primary-img-wrap { background-image: none !important; }