@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;
}
}
As smartphone technology continues to improve in terms of providing connectivity, it follows that your internet marketing strategies must be able to accommodate these advances. One strategy you can employ is using QR codes, a simple and effective way to market yourself. Smartphones are becoming more and more popular these days, as both hardware and software developers add features to phones and operating systems that make them much more appealing to potential buyers. And as smartphone technology continues to improve in terms of providing more connectivity to the user – not only through the mobile network but to the internet as well – it follows that your internet marketing strategies will need to incorporate the smartphone factor. One simple strategy that you can employ is using QR Codes, or Quick Response Codes, which are simple 2D barcodes that can be scanned using a smartphone. Numerous scanning applications are available to read these barcodes, and once read the code will redirect the user to any link you set up. QR Codes are also fairly easy to create, making them a great on-the-fly strategy if you want to market something quickly and easily. An additional strength of QR Code-driven marketing lies in the volume of people who use smartphones today – which gives you a large audience from the get go. For such a small piece of code, there are countless options for how you can use them to your advantage. If you are interested in learning more about using QR Codes, give us a call and we can come up with several strategies that can cater to your specific needs.