@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');
input,
button,
select,
textarea,
body {
font-family: "DM Sans", sans-serif;
font-weight: 400;
}
input strong,
button strong,
select strong,
textarea strong,
body strong {
font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Instrument Sans", sans-serif;
font-weight: 700;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
font-weight: 700;
}
::selection {
background: #1d549d;
}
::-moz-selection {
background: #1d549d;
}
body,
p,
.gform_body .gfield input,
.gform_body .gfield textarea,
.gform_body .gfield select {
font-size: 16px;
line-height: 24px;
font-family: "DM Sans", sans-serif;
}
p {
margin-bottom: 18px !important;
font-family: "DM Sans", sans-serif;
}
p.lead {
font-size: 20px;
}
h1 {
font-size: 50px;
line-height: normal;
margin-bottom: 20px;
}
h2 {
font-size: 38px;
line-height: normal;
margin-bottom: 20px;
}
h3 {
font-size: 28px;
line-height: normal;
margin-bottom: 20px;
}
h4 {
font-size: 22px;
line-height: normal;
margin-bottom: 20px;
}
h5 {
font-size: 18px;
line-height: normal;
margin-bottom: 20px;
}
h6 {
font-size: 19.2px;
line-height: normal;
margin-bottom: 20px;
}
#topcontrol {
background-color: rgba(0,0,0,0.1);
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
border-radius: 3px;
color: #FFFFFF;
height: 48px;
line-height: 55px;
margin: 0 15px 15px 0;
text-align: center;
width: 48px;
z-index: 10000;
}
#scrolltotop:before {
border-color: rgba(255,255,255,0) rgba(255,255,255,0) #FFFFFF;
border-image: none;
border-style: solid;
border-width: 10px;
content: "";
height: 0;
left: 28%;
position: absolute;
top: 17%;
width: 0;
}
#topcontrol:hover {
background-color: #153d72;
}
a:hover,
.sidebar-content .nav.nav-tabs.nav-stacked .parent ul a.selected,
.sidebar-content .nav li li a:hover,
div[role="complementary"] div > ul > li:hover {
color: #17427b;
}
a,
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus,
.nav li a:hover,
.nav li a:focus,
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span,
nav[role="navigation"] .nav-normal > .active > a,
nav[role="navigation"] .nav-normal li a:hover,
nav[role="navigation"] .nav-pills-square > .active > a,
nav[role="navigation"] .nav-bar > li > a:hover,
nav[role="navigation"] .nav-bar > li > a:focus,
nav[role="navigation"] .nav-bar > .active > a,
nav[role="navigation"] .nav-bar-top > .active > a,
nav[role="navigation"] .nav-bar-top > li > a:hover,
nav[role="navigation"] .nav-bar-underline > .active > a,
nav[role="navigation"] .nav-underline > .active > a,
nav[role="navigation"] .nav-underline > li > a:hover,
nav[role="navigation"] .nav-separator > .active > a,
nav[role="navigation"] .nav-separator > li > a:hover,
.sidebar-content .nav a.active,
div[role="complementary"] div > ul > li:active,
.sidebar-content .nav li a:hover,
.sidebar-content .nav li a:focus {
color: #1d549d;
}
.nav a:hover .caret {
border-bottom-color: #1d549d;
border-top-color: #1d549d;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus,
.nav-tabs.nav-stacked > .active > a,
.nav-tabs.nav-stacked > .active > a:hover,
.nav-tabs.nav-stacked > .active > a:focus,
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus,
.grid li a:hover img,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.gform_wrapper li.gfield_error input[type="text"]:focus,
.gform_wrapper li.gfield_error input[type="url"]:focus,
.gform_wrapper li.gfield_error input[type="email"]:focus,
.gform_wrapper li.gfield_error input[type="tel"]:focus,
.gform_wrapper li.gfield_error input[type="number"]:focus,
.gform_wrapper li.gfield_error input[type="password"]:focus,
.gform_wrapper li.gfield_error textarea:focus {
border-color: #1d549d;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus,
.nav-tabs.nav-stacked > .active > a,
.nav-tabs.nav-stacked > .active > a:hover,
.nav-tabs.nav-stacked > .active > a:focus,
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.progress .bar,
.progress-striped .bar,
.progress-info.progress-striped .bar,
.progress-striped .bar-info,
nav[role="navigation"] .nav-pills-square li a:hover {
background-color: #1d549d;
}
.form-control:focus {
border-color: #1d549d;
box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset, 0 0 8px rgba(29,84,157,0.6);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
background-color: #1d549d;
border-color: #1d549d;
}
.accent {
color: #1D549D !important;
}
.accent2 {
color: #E7EAF0 !important;
}
.accent3 {
color: #F7F7F7 !important;
}
.accent4 {
color: #D3DDDF !important;
}
.accent5 {
color: #808282 !important;
}
.accent6 {
color: #73D7FF !important;
}
.accent7 {
color: #2858A2 !important;
}
.ico-facebook {
color: #3b5998;
}
.ico-twitter {
color: #2daae1;
}
.ico-rss {
color: #f2861d;
}
.ico-linkedin {
color: #0073b2;
}
.font-60 {
font-size: 60px;
}
.font-45 {
font-size: 45px;
}
.font-46 {
font-size: 46px;
}
.font-36 {
font-size: 36px;
}
.font-30 {
font-size: 30px;
}
.font-24 {
font-size: 24px;
}
.font-20 {
font-size: 20px;
}
.font-18 {
font-size: 18px;
}
.font-16 {
font-size: 16px;
}
.font-15 {
font-size: 15px;
}
.line-height-small {
line-height: 1.2;
}
.uppercase {
letter-spacing: 1.4px;
}
header nav[role="navigation"] .nav {
margin: 0px 0px 0px !important;
}
header nav[role="navigation"] .nav > li > a {
color: #323333;
font-size: 14px;
padding: 5px 8px;
}
header nav[role="navigation"] .nav > li > a .caret {
border-top-color: #323333;
border-bottom-color: #323333;
}
header nav[role="navigation"] .nav > li > a:hover,
header nav[role="navigation"] .nav > li > a:active,
header nav[role="navigation"] .nav > li > a:focus {
color: #1d549d;
}
header nav[role="navigation"] .nav > li > a:hover .caret,
header nav[role="navigation"] .nav > li > a:active .caret,
header nav[role="navigation"] .nav > li > a:focus .caret {
border-top-color: #1d549d;
border-bottom-color: #1d549d;
}
header nav[role="navigation"] .nav > li.active > a {
color: #1d549d;
}
header nav[role="navigation"] .nav > li.active > a .caret {
border-top-color: #1d549d;
border-bottom-color: #1d549d;
}
.nav li a:hover,
.nav li a:focus {
background-color: transparent;
border-color: transparent;
}
nav[role="navigation"] ul > li .dropdown-menu > li:hover > a,
nav[role="navigation"] ul > li .dropdown-menu > li > a:hover {
background: none repeat scroll 0 0 #1d549d;
color: #fff;
}
.top-header-r1 .top-nav-r1 ul.nav > li > a {
padding: 8px 0px;
color: #1d549d;
font-size: 15px;
font-weight: 400;
text-transform: uppercase;
font-family: "Oswald", sans-serif;
}
.top-header-r1 .top-nav-r1 ul.nav > li.phone-top-nav > a {
color: #323333;
font-weight: 500;
}
.top-header-r1 .top-nav-r1 ul.nav > li.phone-top-nav > a .fa-phone {
color: #2daae1 !important;
}
.top-header-r1 .top-nav-r1 ul.nav li.border-nav > a:before {
content: "|";
margin-right: 15px;
vertical-align: text-top;
color: #d2d2d2;
}
.top-header-r1 .top-nav-r1 ul.nav > li + li {
margin-left: 15px;
}
.main-header-r3 .desktop-menu-box .nav > .menu-item > a {
padding-top: 40px;
padding-bottom: 40px;
}
.social-header ul {
margin-right: 30px;
}
.social-header ul > li a {
padding: 0;
font-size: 20px;
}
.social-header ul > li + li {
margin-left: 15px;
}
header .brand img {
width: 100%;
max-width: 336px;
}
.banner-cta {
margin-bottom: 20px;
margin-top: 20px;
}
.banner-cta .btn-custom {
border: 2px solid #1d549d;
color: #1d549d;
}
.banner-cta .cta + .cta {
margin-left: 10px;
}
.home header {
position: fixed;
width: 100%;
z-index: 5;
}
header,
.main-header-r4 {
background: transparent;
}
header.header-fix {
background: #fff;
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}
header.header-fix .brand img,
header .brand img {
padding-top: 20px;
padding-bottom: 20px;
}
header {
background: transparent;
}
header .main-header-r4 .desktop-menu-box nav {
background: #fff;
border-radius: 30px;
padding: 5px 5px;
}
header .main-header-r4 .desktop-menu-box nav .btn-contact a {
padding: 5px 15px 10px !important;
}
header .main-header-r4 nav .caret {
border-top: 0px;
border-bottom: 0px;
display: initial;
}
header .main-header-r4 nav .caret:after {
content: "\f107";
font-family: FontAwesome;
color: #000;
font-weight: 300;
}
header .top-header-r4 a {
color: #06162F;
font-size: 13px;
font-weight: 400;
line-height: 18px;
}
header .top-header-r4 i {
color: #1D549D;
padding-right: 5px;
}
nav[role="navigation"] ul > li .dropdown-menu > li:hover > a,
nav[role="navigation"] ul > li .dropdown-menu > li > a:hover {
background-color: #1d549d;
color: #fff;
}
.home .page-wrap section.homepage-masthead div.container div.row {
padding-top: 200px;
}
footer .main-footer-r4 .twitter-x {
background: #2daae1;
padding: 8px;
border-radius: 50px;
margin-left: 5px;
width: 31px;
}
footer .main-footer-r4 .row {
padding-top: 60px;
}
footer .main-footer-r4 ul li,
footer .main-footer-r4 p {
color: #fff;
}
footer .main-footer-r4 .company-contact li i {
color: #73D7FF;
}
footer .main-footer-r4 .company-contact {
margin-left: 20px;
}
footer .main-footer-r4 ul.company-contact li,
footer .main-footer-r4 #menu-solutions li {
margin-bottom: 12px;
}
footer .main-footer-r4 .js-cm-submit-button {
margin-top: 20px;
width: auto;
padding: 10px 23px;
}
.review-widget-box iframe {
width: 300px;
max-width: 100%;
margin: 20px auto;
}
#contact-us-popup .modal-dialog {
width: 1150px;
max-width: 100%;
margin-top: 50px;
}
#contact-us-popup .modal-dialog .modal-content {
border-radius: 0;
border: none;
}
#contact-us-popup .modal-dialog .modal-body {
padding: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#contact-us-popup .modal-dialog .modal-body > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 20px;
}
#contact-us-popup .modal-dialog .modal-body .close {
position: absolute;
top: -30px;
right: 0;
color: #fff;
opacity: 1;
}
#contact-us-popup .modal-dialog .modal-body .form-blue-box {
background-color: #2858a2;
color: #fff;
}
#contact-us-popup .modal-dialog .modal-body .form-blue-box h4 {
color: #fff;
}
#contact-us-popup .modal-dialog .gform_body .ginput_complex .name_first label,
#contact-us-popup .modal-dialog .gform_body .ginput_complex .name_last label {
display: none;
}
#contact-us-popup .modal-dialog .modal-body .form-blue-box .gform_footer .btn {
background-color: #ffffff;
border-color: #ffffff;
color: #2858a2;
min-width: 170px;
}
.brand-tagline {
background: -webkit-linear-gradient(0deg,#1d549d 0%,#0a3268 22%,#1d549d 48%,#0a3268 74%,#1d549d 100%);
background: -moz-linear-gradient(0deg,#1d549d 0%,#0a3268 22%,#1d549d 48%,#0a3268 74%,#1d549d 100%);
background: -o-linear-gradient(0deg,#1d549d 0%,#0a3268 22%,#1d549d 48%,#0a3268 74%,#1d549d 100%);
background: -ms-linear-gradient(0deg,#1d549d 0%,#0a3268 22%,#1d549d 48%,#0a3268 74%,#1d549d 100%);
background: linear-gradient(90deg,#1d549d 0%,#0a3268 22%,#1d549d 48%,#0a3268 74%,#1d549d 100%);
}
.brand-tagline h2 {
text-transform: uppercase;
}
.bullet {
border-radius: 50%;
background-color: rgba(255,255,255,0.5);
width: 12px;
height: 12px;
margin: 0 70px;
}
.section-arrow {
position: relative;
}
.scroll-arrow {
position: absolute;
width: 100%;
left: 0;
bottom: -24.5px;
}
.scroll-arrow a {
border-radius: 50%;
border-width: 1px;
border-color: #eaeaea;
border-style: solid;
background-color: #ffffff;
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.08);
width: 49px;
height: 49px;
padding: 5px;
color: #808282;
font-size: 18px;
margin: 0 auto;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.scroll-arrow span {
line-height: 0;
}
.main-footer-r1 {
margin-top: 60px;
}
.main-footer-r1 ul#menu-footer-nav li {
margin-bottom: 8px;
}
.main-footer-r1 .campaignmonitor {
margin-top: 20px;
margin-bottom: 20px;
}
.main-footer-r1 .campaignmonitor input.form-control {
border-radius: 6px;
height: 45px;
}
.main-footer-r1 .campaignmonitor .btn {
padding: 6px 25px;
}
.logo-footer {
max-width: 223px;
margin-bottom: 40px;
}
.footer-large .best.logo {
width: 100%;
max-width: 170px;
}
.footer-address .fa {
color: #fff !important;
}
.footer-phone .fa-ul,
.footer-address .fa-ul {
margin-left: 25px;
}
hr.footer-divider {
border-color: #808282;
margin-bottom: 20px;
margin-top: 100px;
}
.main-footer-r2 .social-footer {
margin-top: 20px;
}
.main-footer-r2 .social-footer .nav > li {
display: inline-block;
}
.main-footer-r2 .social-footer ul > li a {
padding: 0;
font-size: 20px;
}
.main-footer-r2 .social-footer ul > li + li {
margin-left: 15px;
}
.main-footer-r2 .social-footer .linkedin-socials .fa-circle {
color: #1c559d;
}
footer .main-footer-r4 .social-box a {
flex: 0 0 25%;
}
.mm-slideout {
z-index: auto !important;
}
#mobile-menu:not(.mm-menu) {
display: none;
}
.single-post div[itemprop="articleBody"] > p:first-child img[src*="techadvisory.org"],
.single-post div[itemprop="articleBody"] > div:first-child img[src*="techadvisory.org"] {
display: none;
}
.single-post .well-blog article > figure > img.wp-post-image {
width: 100%;
height: 272px;
object-fit: cover;
margin: 10px auto;
}
.single-post .well-blog article > div[itemprop="articleBody"] img {
max-width: 100%;
}
.btn,
.desktop-menu-box nav .btn-contact a {
position: relative;
padding-right: 30px;
}
.js-cm-submit-button::after,
.hp-discover-section .item:hover .btn-tertiary::after,
.desktop-menu-box nav .btn-contact a::after,
.btn-primary::after {
content: url('/wp-content/uploads/2024/03/ic-button-arrow-white.svg');
padding-left: 10px;
top: 3px;
position: relative;
}
.btn-secondary::after,
.btn-custom1::after,
.btn-custom2::after,
.btn-tertiary::after {
content: url('/wp-content/uploads/2024/03/ic-button-arrow-blue.svg');
padding-left: 10px;
top: 3px;
position: relative;
}
.btn-primary,
.btn-secondary,
.btn-tertiary,
.btn-custom1,
.btn-custom2 {
padding: 10px 24px;
}
.btn-primary,
.main-header-r4 .desktop-menu-box nav .btn-contact a {
background: #1D549D;
border: 0px;
border-radius: 24px;
font-size: 16px;
font-weight: 400;
color: #fff;
text-transform: capitalize;
font-family: "DM Sans", sans-serif;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.main-header-r4 .desktop-menu-box nav .btn-contact a:hover,
.main-header-r4 .desktop-menu-box nav .btn-contact a:focus,
.main-header-r4 .desktop-menu-box nav .btn-contact a:active {
background: linear-gradient(270deg,#0A3268 0%,#1D549D 100%);
border: 0px;
border-radius: 24px;
color: #fff;
}
.btn-secondary {
background: #fff;
border: 1px solid #1D549D;
border-radius: 24px;
color: #1D549D;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
font-family: "DM Sans", sans-serif;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
background: linear-gradient(270deg,#0A3268 0%,#1D549D 100%);
border: 0px;
border-radius: 24px;
}
.btn-tertiary {
background: transparent;
border: 0px;
color: #1D549D;
font-size: 16px;
font-weight: 400;
box-shadow: none;
padding: 0px;
text-transform: capitalize;
font-family: "DM Sans", sans-serif;
}
.btn-tertiary:hover,
.btn-tertiary:active,
.btn-tertiary:focus {
color: #0A3268;
background: transparent;
border: 0px;
box-shadow: none;
padding: 0px;
}
.btn-custom1 {
background: #73D7FF;
border: 1px solid #73D7FF;
border-radius: 24px;
color: #1D549D;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
font-family: "DM Sans", sans-serif;
}
.btn-custom1:hover,
.btn-custom1:focus,
.btn-custom1:active {
background: #1D549D;
border: 1px solid #1D549D;
border-radius: 24px;
color: #fff;
}
.btn-custom2 {
background: #fff;
border-radius: 24px;
color: #1D549D;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
font-family: "DM Sans", sans-serif;
}
.btn-custom2:hover,
.btn-custom2:focus,
.btn-custom2:active {
background: #1D549D;
border-radius: 24px;
color: #fff;
}
@media (max-width: 991px) {
header.header-fix .brand img,
header .brand img {
padding-bottom: 20px;
padding-top: 20px;
}
header nav[role="navigation"] ul {
display: none;
}
header nav[role="navigation"] select {
display: none;
}
#contact-us-popup .modal-dialog .modal-body {
display: block;
padding: 10px 40px 40px;
}
#contact-us-popup .modal-dialog .modal-body .form-blue-box {
text-align: center;
}
#contact-us-popup .modal-dialog .gform_legacy_markup_wrapper .gform_footer {
text-align: center;
}
}
@media (max-width: 767px) {
.custom-caption {
margin-bottom: 40px;
}
#contact-us-popup .modal-dialog .modal-body {
padding: 0;
}
.gform_wrapper .top_label li.gfield.gf_left_half {
float: left;
}
.gform_wrapper .top_label li.gfield.gf_left_half {
float: left;
width: 100%;
}
.gform_wrapper .top_label li.gfield.gf_left_half {
float: left;
width: 100%;
}
.gform_wrapper .top_label li.gfield.gf_right_half {
width: 100%;
}
.hp-form select {
margin-top: 8px;
}
body .gform_wrapper ul li.gfield {
margin-top: 0;
padding-top: 0;
}
body .gform_wrapper .top_label div.ginput_container {
margin-top: 0;
margin-bottom: 8px;
}
h1 {
font-size: 40px;
line-height: normal;
}
}
Google is testing the waters of the electronic wallet with retail and online shopping industries by introducing a new service called Google Wallet. Google Wallet allows users to make purchases and earn loyalty points and coupons – all from a single smartphone. Smartphone technology has grown by leaps and bounds these past few years, and having a smartphone these days is almost synonymous to being online all the time. Software giant Google has decided to tap into this phenomenon with a new service called “Google Wallet”, which enables users to make purchases and payments from their smartphones. Partnering with Mastercard, Macy’s, Subway, American Eagle, Citibank, and Sprint, Google assures users that their e-wallet service is safe. The service requires that smartphones have a special chip that allows the user to simply “tap” or “swipe” the phone at participating stores to pay for merchandise or services. When you swipe your smartphone’s e-wallet, you also earn coupons and points for rewards. The technology is also designed so that the user can turn the chip off when Google Wallet is not being used, making it safe from hackers. If the smartphone is lost, the data can also be wiped remotely. A similar system to Google Wallet has been operational in some countries including Japan for some time now, but its use is limited to only certain areas and stores there. While the concept of Google Wallet has great potential, there are still several limitations to the system as Google continues to look for more partners for the enterprise before its official launch, which is slated for within a month or two.