.fa-whatsapp:before {
font-size:25px;
}
.hm-welcome-module {
background-repeat: no-repeat, no-repeat !important;
background-position: -10% -90%, 150% -30% !important;
}
.vmv-module {
background-repeat: no-repeat, no-repeat !important;
background-position: 0% 100%, 100% 100% !important;
position: relative;
min-height: 40em;
}
/*  */
.vmv-item-1, .vmv-item-4 {
position: relative;
transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.vmv-item-1:hover, .vmv-item-4:hover {
transform: translateY(-10px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.vmv-item-1::after, .vmv-item-4::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 4px;
/* background: #e63c24; */
transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
}
.vmv-item-1:hover::after, .vmv-item-4:hover::after {
width: 100%;
left: 0;
}
/*  */
/*  */
.vmv-module {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 0;
}
.inner-wrap {
width: 80%;
}
.vmv-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, auto);
gap: 0px;
}
.vmv-item {
padding: 20px;
background: #04243c;
text-align: center;
    box-shadow: 0 4px 8px rgb(0 0 0);
border-radius: 45px;
}
.vmv-title {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
}
.vmv-title {
/* border-bottom: 4px solid #e63c24; */
display: inline-block; /* Ensures the border fits the text width */
padding-bottom: 5px; /* Adds some spacing between text and border */
}
.vmv-content p {
font-size: 16px;
line-height: 1.5;
color: #fafcff;
}
.mission-bg {
background-size: cover;
background-position: center;
height: 364px;
}
.vision-bg {
background-size: cover;
background-position: center;
height: 350px;
}
/* Responsive Design */
@media (max-width: 992px) {
.vmv-wrap {
grid-template-columns: 1fr; /* Stack items in one column */
}
.mission-bg,
.vision-bg {
height: 250px; /* Reduce height for better mobile fit */
}
}
@media (max-width: 768px) {
.inner-wrap {
width: 95%;
}
.vmv-title {
font-size: 20px;
}
.vmv-content p {
font-size: 14px;
}
.mission-bg,
.vision-bg {
height: 200px;
}
}
@media (max-width: 480px) {
.vmv-module {
padding: 20px 0;
}
.vmv-title {
font-size: 18px;
}
.vmv-content p {
font-size: 13px;
}
.mission-bg,
.vision-bg {
height: 180px;
}
}
/*  */
.menu-item i {
color: #f16d3d;
}
@charset "UTF-8";
.slider {
width: 100%;
position: relative;
white-space: nowrap;
padding: 20px 0;
}
.slide-track {
display: flex;
width: calc(550px * 30); /* Adjust for number of images */
animation: scroll 45s linear infinite;
}
.slide {
width: 500px;
height: auto;
padding: 10px;
}
.slide img {
width: 100%;
height: auto;
object-fit: contain;
}
@keyframes scroll {
from { transform: translateX(0); }
to { transform: translateX(calc(-150px * 26)); } /* Moves halfway, then repeats */
}
/*  */
.gsm-wrap {
display: flex;
gap: 20px; /* Adjust spacing */
flex-wrap: wrap;
align-items: stretch; /* Ensures equal height for all sections */
}
.section {
flex: 1;
padding: 0px;
border-right: 2px solid #ccc; /* Vertical Divider */
display: flex;
flex-direction: column;
justify-content: top !important; /* Center content vertically */
}
.section:last-child {
border-right: none; /* Remove divider from last section */
}
@media (max-width: 768px) {
.gsm-wrap {
flex-direction: column;
}
.section {
flex: 1 1 100%; /* Full width for mobile */
text-align: center;
border: none;
}
}
/*  */
.mission-vision-module {
padding: 50px 20px;
background-color: #f8f9fa;
text-align: center;
}
.mvm-wrap {
max-width: 1200px;
margin: 0 auto;
}
.mvm-heading {
font-size: 28px;
color: #222;
margin-bottom: 30px;
font-weight: 600;
text-transform: uppercase;
}
.mvm-content-flex {
display: flex;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.mvm-content {
flex: 1;
min-width: 300px;
padding: 25px;
text-align: center;
background: linear-gradient(135deg, #ff6b6b, #e63c24);
border-radius: 10px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
position: relative;
overflow: hidden;
}
.mvm-content::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.15);
transition: left 0.4s ease;
}
.mvm-content:hover::before {
left: 100%;
}
.mvm-content:hover {
transform: translateY(-5px);
box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.2);
background: linear-gradient(135deg, #e63c24, #ff6b6b);
}
.mvm-content h3 {
font-size: 22px;
color: #fff;
margin-bottom: 12px;
font-weight: bold;
}
.mvm-content p {
font-size: 16px;
color: #fff;
line-height: 1.5;
}
/* Responsive for mobile screens */
@media (max-width: 768px) {
.mvm-content-flex {
flex-direction: column;
}
}
/*  */
html {
box-sizing: border-box
}
.two-column {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
list-style-type: none;
padding: 0;
}
.two-column li {
break-inside: avoid;
padding: 5px 0;
}
.section {
flex: 1;
text-align: center;
}
.section img {
max-width: 150px;
}
.section h3 {
margin-bottom: 10px;
color: #fff;
}
.section p {
margin: 5px 0;
color: #fff;
}
.section a {
color: #fff;
text-decoration: none;
}
/*  */
marquee img{
height: auto;
width: 190px;
}
@keyframes marquee {
from {
transform: translateX(0%);
}
to {
transform: translateX(-50%);
}
}
/* Duplicate content for seamless infinite scrolling */
.marquee-content-wrapper {
display: flex;
width: 200%; /* Ensures smooth loop */
}
*,
*::after,
*::before {
box-sizing: inherit
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden],
template {
display: none
}
a {
background-color: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: .67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto
}
input[type=search] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: 700
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
.rows-of-2 {
display: block
}
.rows-of-2::after {
clear: both;
content: "";
display: table
}
.rows-of-2>* {
margin-bottom: 1.5em;
display: block;
position: relative
}
.rows-of-2>*>*:first-child {
margin-top: 0
}
@media (min-width:40em) {
.rows-of-2>* {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 48.821174201%
}
.rows-of-2>*:last-child {
margin-right: 0
}
.rows-of-2>*:nth-child(2n) {
margin-right: 0
}
.rows-of-2>*:nth-child(2n+1) {
clear: left
}
.rows-of-2>*:nth-last-child(2):last-child {
margin-bottom: 0 !important
}
.rows-of-2>*:nth-last-child(1):last-child {
margin-bottom: 0 !important
}
}
.lt-ie9 .rows-of-2 {
display: block
}
.lt-ie9 .rows-of-2::after {
clear: both;
content: "";
display: table
}
.lt-ie9 .rows-of-2>* {
margin-bottom: 1.5em;
display: block;
position: relative
}
.lt-ie9 .rows-of-2>*>*:first-child {
margin-top: 0
}
@media (min-width:40em) {
.lt-ie9 .rows-of-2>* {
float: left;
width: 50% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 1em;
padding-right: 1em;
display: inline-block !important;
clear: none !important
}
}
.rows-of-3 {
display: block
}
.rows-of-3::after {
clear: both;
content: "";
display: table
}
.rows-of-3>* {
margin-bottom: 1.5em;
display: block;
position: relative
}
.rows-of-3>*>*:first-child {
margin-top: 0
}
@media (min-width:40em) {
.rows-of-3>* {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%
}
.rows-of-3>*:last-child {
margin-right: 0
}
.rows-of-3>*:nth-child(3n) {
margin-right: 0
}
.rows-of-3>*:nth-child(3n+1) {
clear: left
}
}
.lt-ie9 .rows-of-3 {
display: block
}
.lt-ie9 .rows-of-3::after {
clear: both;
content: "";
display: table
}
.lt-ie9 .rows-of-3>* {
margin-bottom: 1.5em;
display: block;
position: relative
}
.lt-ie9 .rows-of-3>*>*:first-child {
margin-top: 0
}
@media (min-width:40em) {
.lt-ie9 .rows-of-3>* {
float: left;
width: 33.3% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 1em;
padding-right: 1em
}
}
.rows-of-4 {
display: block
}
.rows-of-4::after {
clear: both;
content: "";
display: table
}
.rows-of-4>* {
margin-bottom: 1.5em;
display: block;
position: relative
}
.rows-of-4>*>*:first-child {
margin-top: 0
}
@media (min-width:40em) {
.rows-of-4>* {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%
}
.rows-of-4>*:last-child {
margin-right: 0
}
.rows-of-4>*:nth-child(4n) {
margin-right: 0
}
.rows-of-4>*:nth-child(4n+1) {
clear: left
}
}
.lt-ie9 .rows-of-4 {
display: block
}
.lt-ie9 .rows-of-4::after {
clear: both;
content: "";
display: table
}
.lt-ie9 .rows-of-4>* {
margin-bottom: 1.5em;
display: block;
position: relative
}
.lt-ie9 .rows-of-4>*>*:first-child {
margin-top: 0
}
@media (min-width:40em) {
.lt-ie9 .rows-of-4>* {
float: left;
width: 25% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 1em;
padding-right: 1em
}
}
@media (max-width:40em) {
.mobile-rows-of-2 {
display: block
}
.mobile-rows-of-2::after {
clear: both;
content: "";
display: table
}
.mobile-rows-of-2>* {
margin-bottom: 1.5em;
display: block;
position: relative;
float: left;
display: block;
margin-right: 7.4229703521%;
width: 46.288514824%
}
.mobile-rows-of-2>*>*:first-child {
margin-top: 0
}
.mobile-rows-of-2>*:nth-last-child(1) {
background-color: red;
margin-bottom: 0
}
.mobile-rows-of-2>*:nth-last-child(2) {
background-color: green;
margin-bottom: 0
}
.mobile-rows-of-2>*:last-child {
margin-right: 0
}
.mobile-rows-of-2>*:nth-child(2n) {
margin-right: 0
}
.mobile-rows-of-2>*:nth-child(2n+1) {
clear: left
}
}
.row {
display: block;
clear: both
}
.row::after {
clear: both;
content: "";
display: table
}
@media (min-width:40em) {
.col-1 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 6.1721527019%
}
.col-1:last-child {
margin-right: 0
}
.col-2 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 14.7019570017%
}
.col-2:last-child {
margin-right: 0
}
.col-3 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%
}
.col-3:last-child {
margin-right: 0
}
.col-4 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%
}
.col-4:last-child {
margin-right: 0
}
.col-5 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 40.2913699012%
}
.col-5:last-child {
margin-right: 0
}
.col-6 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 48.821174201%
}
.col-6:last-child {
margin-right: 0
}
.col-7 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 57.3509785009%
}
.col-7:last-child {
margin-right: 0
}
.col-8 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 65.8807828007%
}
.col-8:last-child {
margin-right: 0
}
.col-9 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 74.4105871005%
}
.col-9:last-child {
margin-right: 0
}
.col-10 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 82.9403914003%
}
.col-10:last-child {
margin-right: 0
}
.col-11 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 91.4701957002%
}
.col-11:last-child {
margin-right: 0
}
.col-12 {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%
}
.col-12:last-child {
margin-right: 0
}
.col-last {
margin-right: 0;
margin-right: 0 !important
}
}
@font-face {
font-display: swap;
font-family: "HelveticaNeue";
src: url(../../../../../../themes/technosoft-default/fonts/HelveticaNeue-Bold.eot);
src: url("../../../../../../themes/technosoft-default/fonts/HelveticaNeue-Boldd41dd41d.eot?#iefix") format("embedded-opentype"), url("../../../../../../themes/technosoft-default/fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold") format("svg"), url(../../../../../../themes/technosoft-default/fonts/HelveticaNeue-Bold.ttf) format("truetype"), url(../../../../../../themes/technosoft-default/fonts/HelveticaNeue-Bold.woff) format("woff"), url(../../../../../../themes/technosoft-default/fonts/HelveticaNeue-Bold.woff2) format("woff2");
font-style: normal;
font-weight: 700
}
@font-face {
font-display: swap;
font-family: "HelveticaNeue";
src: url(../../../../../../themes/technosoft-default/fonts/HelveticaNeueMedium.eot);
src: url("../../../../../../themes/technosoft-default/fonts/HelveticaNeueMediumd41dd41d.eot?#iefix") format("embedded-opentype"), url("../../../../../../themes/technosoft-default/fonts/HelveticaNeueMedium.svg#HelveticaNeueMedium") format("svg"), url(../../../../../../themes/technosoft-default/fonts/HelveticaNeueMedium.ttf) format("truetype"), url(../../../../../../themes/technosoft-default/fonts/HelveticaNeueMedium.woff) format("woff"), url(../../../../../../themes/technosoft-default/fonts/HelveticaNeueMedium.woff2) format("woff2");
font-style: normal;
font-weight: 500
}
@font-face {
font-display: swap;
font-family: "HelveticaNeue";
src: url(../../../../../../themes/technosoft-default/fonts/HelveticaNeue.eot);
src: url("../../../../../../themes/technosoft-default/fonts/HelveticaNeued41dd41d.eot?#iefix") format("embedded-opentype"), url("../../../../../../themes/technosoft-default/fonts/HelveticaNeue.svg#HelveticaNeue") format("svg"), url(../../../../../../themes/technosoft-default/fonts/HelveticaNeue.ttf) format("truetype"), url(../../../../../../themes/technosoft-default/fonts/HelveticaNeue.woff) format("woff"), url(../../../../../../themes/technosoft-default/fonts/HelveticaNeue.woff2) format("woff2");
font-weight: 400;
font-style: normal
}
body {
-webkit-font-smoothing: antialiased;
background-color: #fff;
color: #333;
font-family: "Raleway", sans-serif;
font-size: 1em;
line-height: 1.5;
overflow-x: hidden
}
@media (max-height:50em) and (min-width:60em) {
body {
font-size: .875em
}
}
@media (max-height:49em) and (min-width:60em) {
body {
font-size: .75em
}
}
@media (max-height:40em) and (min-width:60em) {
body {
font-size: .75em
}
}
.display-font-size {
font-size: 1.890625em
}
@media (min-width:40em) {
.display-font-size {
font-size: 3.09375em
}
}
@media (min-width:60em) {
.display-font-size {
font-size: 3.4375em
}
}
.xlarge-font-size {
font-size: 1.75em
}
@media (min-width:40em) {
.xlarge-font-size {
font-size: 1.96875em
}
}
@media (min-width:60em) {
.xlarge-font-size {
font-size: 2.1875em
}
}
.large-font-size {
font-size: 1.5625em
}
.medium-font-size {
font-size: 1.25em;
margin-bottom: 2em;
margin-top: 1.75em
}
.base-font-size {
font-size: 1em
}
@media (min-width:40em) {
.base-font-size {
font-size: 1.125em
}
}
@media (min-width:60em) {
.base-font-size {
font-size: 1.125em
}
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: HelveticaNeue;
line-height: 1.25;
margin: 0;
color: #fafcff;
}
h1,
.h1 {
font-size: 1.890625em;
margin-top: 0;
margin-bottom: 24px
}
@media (min-width:40em) {
h1,
.h1 {
font-size: 3.09375em
}
}
@media (min-width:60em) {
h1,
.h1 {
font-size: 3.4375em
}
}
h2,
.h2 {
font-size: 1.75em;
position: relative;
padding-bottom: 28px;
text-align: center;
margin-bottom: 24px
}
@media (min-width:40em) {
h2,
.h2 {
font-size: 1.96875em
}
}
@media (min-width:60em) {
h2,
.h2 {
font-size: 2.1875em
}
}
h2:after,
.h2:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100px;
height: 4px;
/* background-color: #e63c24; */
border-radius: 2px
}
h3,
.h3 {
font-size: 1.5625em;
margin-top: 24px;
margin-bottom: 16px
}
h4,
.h4 {
font-size: 1.25em;
margin-top: 20px;
margin-bottom: 16px
}
h5,
.h5 {
font-size: 1em;
margin-top: 16px;
margin-bottom: 16px
}
@media (min-width:40em) {
h5,
.h5 {
font-size: 1.125em
}
}
@media (min-width:60em) {
h5,
.h5 {
font-size: 1.125em
}
}
h6,
.h6 {
font-size: 1em;
margin-top: 16px;
margin-bottom: 16px
}
p {
margin: .8888888889em 0;
font-size: 1.125em;
line-height: 1.5555555556em
}
.emph,
.page-intro p,
.section-header-wrap p {
font-size: 1.25em;
font-weight: 400
}
@media (min-width:40em) {
.emph,
.page-intro p,
.section-header-wrap p {
font-size: 1.4375em
}
}
a {
-webkit-transition: color 0.1s linear;
-moz-transition: color 0.1s linear;
transition: color 0.1s linear;
color: #024e97;
text-decoration: underline
}
a:hover {
color: #32679a
}
a:visited,
a:active,
a:focus {
outline: none
}
hr {
border-bottom: 1px solid #eee;
border-left: none;
border-right: none;
border-top: none;
margin: 1.5em 0
}
img,
picture {
margin: 0;
max-width: 100%
}
blockquote {
padding: 0;
margin: 0
}
cite {
color: #737373;
font-style: italic
}
cite:before {
content: "— "
}
fieldset {
background: #fff;
border: 1px solid #eee;
margin: 0 0 .75em 0;
padding: 1.5em
}
input,
label,
select {
display: block;
font-family: "Raleway", sans-serif;
font-size: 1.125em
}
label {
font-weight: 700;
margin-bottom: .375em
}
label.required:after {
content: "*"
}
label abbr {
display: none
}
textarea,
input[type=color],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
select[multiple=multiple],
select {
box-sizing: border-box;
-webkit-transition: border-color;
-moz-transition: border-color;
transition: border-color;
background-color: #fff;
border-radius: 0;
border: 1px solid #eee;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
font-family: "Raleway", sans-serif;
font-size: 1.125em;
margin-bottom: .75em;
padding: .5em .5em;
width: 100%
}
textarea:hover,
input[type=color]:hover,
input[type=date]:hover,
input[type=datetime]:hover,
input[type=datetime-local]:hover,
input[type=email]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=week]:hover,
textarea:hover,
select[multiple=multiple]:hover,
select:hover {
border-color: #d5d5d5
}
textarea:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus,
select[multiple=multiple]:focus,
select:focus {
border-color: #024e97;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06), 0 0 5px rgba(2, 65, 126, .7);
outline: none
}
textarea {
resize: vertical
}
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none
}
input[type=checkbox],
input[type=radio] {
display: inline;
margin-right: .375em;
width: auto !important
}
input[type=file] {
padding-bottom: .75em;
width: 100%
}
select {
margin-bottom: 1.5em;
max-width: 100%;
height: 2.3em !important;
width: 100%
}
.hs-form fieldset {
max-width: 100% !important;
background-color: transparent !important
}
.hs-form fieldset.form-columns-1 .hs-input {
width: 100% !important
}
.hs-error-msgs {
color: red
}
ul,
ol {
margin: 0;
padding: 0;
list-style-type: none
}
dl {
margin-bottom: .75em
}
dl dt {
font-weight: 700;
margin-top: .75em
}
dl dd {
margin: 0
}
.bullet-style {
clear: left;
list-style-type: none;
margin-bottom: .75em;
padding-left: .6875em;
margin-top: 2em
}
.bullet-style li {
position: relative;
margin-bottom: 0;
font-size: 1.125em;
line-height: 2.375em;
color: #333;
font-weight: 700
}
.bullet-style li a {
text-decoration: none;
font-weight: 400
}
.bullet-style li:after {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
display: block;
position: absolute;
top: 1.0625em;
left: -.625em;
background-color: #333
}
ul:not([class]) {
clear: left;
list-style-type: none;
margin-bottom: .625em
}
ul:not([class]) li:not([class]) {
position: relative;
font-size: 1.125em;
line-height: 1.8888888889em;
color: #333;
font-weight: 400;
padding-left: 1.1111111111em
}
ul:not([class]) li:not([class]) ul li {
margin-bottom: 0 !important
}
ul:not([class]) li:not([class]) ul li:last-child {
margin-bottom: 1.1111111111em !important
}
ul:not([class]) li:not([class]):after {
content: "";
width: .3888888889em;
height: .3888888889em;
border-radius: 50%;
display: block;
position: absolute;
top: .7222222222em;
left: 0;
background-color: #32679a;
display:none;
}
ul:not([class]) ul li {
font-size: 1em !important
}
ul:not([class]) ul li:after {
background-color: #024E98 !important
}
ul:not([class]) ol li {
padding-left: 0 !important
}
ul:not([class]) ol li:after {
display: none !important
}
ul:not([class]) p {
font-size: 1em
}
ul:not([class]) .head-font {
display: inline-block
}
.head-font {
font-family: HelveticaNeue
}
.custom-list li {
margin-bottom: 1.1111111111em !important
}
ol {
clear: left;
list-style-type: decimal;
margin-bottom: 0;
padding-left: 1em;
margin-bottom: 1em
}
ol li {
position: relative;
margin-bottom: 0;
font-size: 1.125em;
line-height: 1.8888888889em;
color: #333;
font-weight: 400
}
ol li ol {
list-style-type: lower-alpha;
padding-left: 1.75em;
margin-top: 0
}
ol li li {
position: relative;
margin-bottom: 0;
font-size: 1.125em;
line-height: 2.125em;
color: #333;
font-weight: 400
}
table {
border-collapse: collapse;
margin: .75em 0;
table-layout: fixed;
width: 100%
}
th {
border-bottom: 1px solid #c8c8c8;
font-weight: 700;
padding: .75em 0;
text-align: left
}
td {
border-bottom: 1px solid #eee;
padding: .75em 0
}
tr,
td,
th {
vertical-align: middle
}
.spec-table {
display: block;
width: 100%;
margin-bottom: 1.5em;
background: #fff
}
.spec-thead {
display: block
}
.spec-table-row {
display: block;
width: 100%
}
.spec-cell {
display: block;
border: .2em solid #fff;
padding: .5em .8em;
vertical-align: top
}
.spec-cell p {
margin: .5em 0
}
.spec-cell>ul {
margin: .5em 0
}
.spec-cell>ul>li {
margin-bottom: 0 !important
}
.spec-cell>ul>li ul {
padding: 0 0 0 1.8em
}
.spec-cell input,
.spec-cell select {
width: 100%
}
.spec-col {
display: table-column
}
.spec-col-1 {
width: 100%
}
.spec-col-2 {
width: 100%
}
@media (min-width:40em) {
.spec-table {
display: table
}
.spec-thead {
display: table-header-group
}
.spec-table-row {
display: table-row
}
.spec-cell {
display: table-cell
}
.spec-cell p {
font-size: 1em
}
.spec-spec-col-1 {
width: 30%
}
.spec-spec-col-2 {
width: 70%
}
}
.si-btn,
.btn-alt-arrow,
.btn-arrow,
.btn-alt-download,
.btn-download,
.btn-color-alt,
.btn-color,
.btn-alt,
.btn-cstm,
.btn,
.product-grid-item-link,
button,
input[type=submit] {
position: relative;
-webkit-font-smoothing: antialiased;
border-radius: 0;
color: #fff;
display: inline-block;
font-weight: 600;
line-height: 1.5555555556em;
padding: .5em 1.5555555556em;
text-decoration: none;
font-size: 1.125em;
text-align: center;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
transition: background 0.1s linear
}
.si-btn:hover,
.btn-alt-arrow:hover,
.btn-arrow:hover,
.btn-alt-download:hover,
.btn-download:hover,
.btn-color-alt:hover,
.btn-color:hover,
.btn-alt:hover,
.btn-cstm:hover,
.btn:hover,
.product-grid-item-link:hover,
button:hover,
input[type=submit]:hover {
color: #fff
}
.si-btn:hover:after,
.btn-alt-arrow:hover:after,
.btn-arrow:hover:after,
.btn-alt-download:hover:after,
.btn-download:hover:after,
.btn-color-alt:hover:after,
.btn-color:hover:after,
.btn-alt:hover:after,
.btn-cstm:hover:after,
.btn:hover:after,
.product-grid-item-link:hover:after,
button:hover:after,
input[type=submit]:hover:after {
margin-left: .625em;
transition: 0.3s
}
.si-btn:disabled,
.btn-alt-arrow:disabled,
.btn-arrow:disabled,
.btn-alt-download:disabled,
.btn-download:disabled,
.btn-color-alt:disabled,
.btn-color:disabled,
.btn-alt:disabled,
.btn-cstm:disabled,
.btn:disabled,
.product-grid-item-link:disabled,
button:disabled,
input[type=submit]:disabled {
cursor: not-allowed;
opacity: .5
}
.btn,
.product-grid-item-link,
.btn-arrow,
.btn-download,
button,
input[type=submit] {
background-color: #e63c24;
color: #fff;
border: 2px solid #e63c24;
border-radius: 3.125em
}
.main-menu-item .bttn-dow {
background-color: #e63c24;
color: #fff;
padding: 10px 20px;
margin-top: 8px;
border-radius: 20px;
}
.main-menu-item .bttn-dow:hover{
background-color: #32679a;
color: #fff !important;
transition: smooth;
padding: 10px 20px;
margin-top: 8px;
border-radius: 20px;
}
.btn:hover,
.product-grid-item-link:hover,
.btn-arrow:hover,
.btn-download:hover,
button:hover,
input[type=submit]:hover {
background-color: #32679a
}
input[type=submit] {
background-color: #32679a;
color: #fff;
}
.btn-cstm {
background-color: #fff;
color: #32679a;
border: 2px solid #32679a;
border-radius: 3.125em
}
.btn-cstm:hover {
background-color: #32679a
}
.btn-cstm:after {
content: "";
font-family: "Material Symbols Outlined";
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
vertical-align: middle;
margin-left: .375em;
transition: 0.3s
}
.btn-alt,
.btn-alt-arrow,
.btn-alt-download {
background-color: #32679a;
border: 2px solid #32679a;
color: #fff;
border-radius: 3.125em
}
.btn-alt:hover,
.btn-alt-arrow:hover,
.btn-alt-download:hover {
background-color: transparent;
border: 2px solid #32679a;
color: #32679a
}
.btn-color {
background-color: #32679a;
border: 2px solid #32679a;
border-radius: 3.125em;
color: #fff
}
.btn-color:hover {
background-color: #fff;
color: #024e97;
border: 2px solid #fff
}
.btn-color:after {
content: "";
font-family: "Material Symbols Outlined";
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
vertical-align: middle;
margin-left: .375em;
transition: 0.3s
}
.btn-color-alt {
background-color: transparent;
color: #333c52;
border: 2px solid #333c52;
border-radius: 1.5625em
}
.btn-color-alt:hover {
background-color: #333c52;
color: #fff
}
button,
input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border: none;
cursor: pointer;
user-select: none;
vertical-align: middle;
white-space: nowrap
}
button:focus:not(:hover):not(:active),
input[type=submit]:focus:not(:hover):not(:active) {
outline: 2px dashed #333;
outline-offset: 2px
}
.btn-alt-arrow,
.btn-arrow,
.btn-alt-download,
.btn-download {
padding-right: 4em
}
.btn-alt-arrow:after,
.btn-arrow:after,
.btn-alt-download:after,
.btn-download:after {
content: "";
display: block;
right: 0;
top: 0;
bottom: 0;
width: 3em;
position: absolute;
background-position: center center;
background-size: 1.5em;
background-repeat: no-repeat;
-webkit-transition: background 0.1s linear;
-moz-transition: background 0.1s linear;
transition: background 0.1s linear
}
.btn-alt-arrow:hover:after,
.btn-arrow:hover:after,
.btn-alt-download:hover:after,
.btn-download:hover:after {
background-size: 2em
}
.btn-download:after {
background-image: url(../../../../../../themes/technosoft-default/img/ico-download.svg)
}
.btn-alt-download:after {
background-image: url(../../../../../../themes/technosoft-default/img/ico-download.svg)
}
.btn-arrow:after {
background-image: url(../../../../../../themes/technosoft-default/img/ico-white-arrow-right.svg)
}
.btn-alt-arrow:after {
background-image: url(../../../../../../themes/technosoft-default/img/ico-white-arrow-right.svg)
}
.site-nav span,
#hs_menu_wrapper_primary_nav span {
white-space: wrap
}
@media (min-width:60em) {
.site-nav,
#hs_menu_wrapper_primary_nav {
display: block;
position: static;
top: 0;
left: 0
}
}
.sn-level-1,
#hs_menu_wrapper_primary_nav>ul {
margin: 0;
padding: 0
}
@media (min-width:60em) {
.sn-level-1,
#hs_menu_wrapper_primary_nav>ul {
height: auto;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex
}
}
.sn-li-l1,
.hs-menu-depth-1 {
display: block;
position: relative
}
.sn-li-l1 span,
.hs-menu-depth-1 span {
font-size: 1em;
font-weight: 600
}
.sn-li-l1>a,
.hs-menu-depth-1>a {
display: block;
color: #fff;
text-decoration: none;
padding: .8125em 1em
}
.sn-li-l1.has-subnav .m-subnav-arrow,
.sn-li-l1.menu-item-has-children .m-subnav-arrow,
.sn-li-l1.hs-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.has-subnav .m-subnav-arrow,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow {
cursor: pointer;
padding-right: 0em;
background-repeat: no-repeat;
background-position: center;
background-size: .75em;
display: block;
width: 40px;
height: 3.125em;
position: absolute;
right: 0;
top: 0;
bottom: 0
}
.sn-li-l1.has-subnav .m-subnav-arrow:before,
.sn-li-l1.menu-item-has-children .m-subnav-arrow:before,
.sn-li-l1.hs-item-has-children .m-subnav-arrow:before,
.hs-menu-depth-1.has-subnav .m-subnav-arrow:before,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow:before,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow:before {
content: "+";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 28px
}
.sn-li-l1.has-subnav .m-subnav-arrow.active:before,
.sn-li-l1.menu-item-has-children .m-subnav-arrow.active:before,
.sn-li-l1.hs-item-has-children .m-subnav-arrow.active:before,
.hs-menu-depth-1.has-subnav .m-subnav-arrow.active:before,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow.active:before,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow.active:before {
content: "-"
}
.sn-li-l1.has-subnav>a span,
.sn-li-l1.menu-item-has-children>a span,
.sn-li-l1.hs-item-has-children>a span,
.hs-menu-depth-1.has-subnav>a span,
.hs-menu-depth-1.menu-item-has-children>a span,
.hs-menu-depth-1.hs-item-has-children>a span {
padding-right: 0em;
background-repeat: no-repeat;
background-position: right center;
background-size: .75em;
display: block
}
@media (min-width:60em) {
.sn-li-l1,
.hs-menu-depth-1 {
height: auto;
float: left;
border-bottom: 0;
margin: 0 .625em;
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
flex-grow: 1;
-ms-flex-positive: 1;
text-align: left
}
.sn-li-l1:last-child .sn-level-2,
.sn-li-l1:last-child .hs-menu-children-wrapper,
.hs-menu-depth-1:last-child .sn-level-2,
.hs-menu-depth-1:last-child .hs-menu-children-wrapper {
left: auto;
right: 0
}
.sn-li-l1.mega-menu-wrap,
.hs-menu-depth-1.mega-menu-wrap {
position: static
}
.sn-li-l1.mega-menu-wrap:hover .sn-level-2,
.sn-li-l1.mega-menu-wrap:hover .hs-menu-children-wrapper,
.hs-menu-depth-1.mega-menu-wrap:hover .sn-level-2,
.hs-menu-depth-1.mega-menu-wrap:hover .hs-menu-children-wrapper {
display: flex !important;
align-items: flex-start
}
.sn-li-l1 span,
.hs-menu-depth-1 span {
font-size: 16px;
letter-spacing: 1px;
}
.sn-li-l1>a,
.hs-menu-depth-1>a {
padding: 1.375em .3125em 2.6875em;
color: #000;
position: relative;
height: auto;
line-height: normal
}
.sn-li-l1>a:hover,
.hs-menu-depth-1>a:hover {
color: #32679a
}
.sn-li-l1:hover>a,
.hs-menu-depth-1:hover>a {
color: #32679a
}
.sn-li-l1:hover>a:after,
.hs-menu-depth-1:hover>a:after {
color: #32679a
}
.sn-li-l1:hover .sn-level-2,
.sn-li-l1:hover .hs-menu-children-wrapper,
.hs-menu-depth-1:hover .sn-level-2,
.hs-menu-depth-1:hover .hs-menu-children-wrapper {
display: block !important
}
.sn-li-l1:hover .sn-level-2>li,
.sn-li-l1:hover .hs-menu-children-wrapper>li,
.hs-menu-depth-1:hover .sn-level-2>li,
.hs-menu-depth-1:hover .hs-menu-children-wrapper>li {
flex-grow: 1;
flex-basis: 0%
}
.sn-li-l1.has-subnav .m-subnav-arrow,
.sn-li-l1.menu-item-has-children .m-subnav-arrow,
.sn-li-l1.hs-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.has-subnav .m-subnav-arrow,
.hs-menu-depth-1.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-1.hs-item-has-children .m-subnav-arrow {
display: none
}
.sn-li-l1.has-subnav>a span,
.sn-li-l1.menu-item-has-children>a span,
.sn-li-l1.hs-item-has-children>a span,
.hs-menu-depth-1.has-subnav>a span,
.hs-menu-depth-1.menu-item-has-children>a span,
.hs-menu-depth-1.hs-item-has-children>a span {
background-size: .625em;
display: inline
}
.sn-li-l1.has-subnav>a.active span,
.sn-li-l1.menu-item-has-children>a.active span,
.sn-li-l1.hs-item-has-children>a.active span,
.hs-menu-depth-1.has-subnav>a.active span,
.hs-menu-depth-1.menu-item-has-children>a.active span,
.hs-menu-depth-1.hs-item-has-children>a.active span {
background-image: url(../../../../../../themes/technosoft-default/img/ico-arrow-down.svg)
}
.sn-li-l1.has-subnav>a:after,
.sn-li-l1.menu-item-has-children>a:after,
.sn-li-l1.hs-item-has-children>a:after,
.hs-menu-depth-1.has-subnav>a:after,
.hs-menu-depth-1.menu-item-has-children>a:after,
.hs-menu-depth-1.hs-item-has-children>a:after {
content: "expand_more";
font-family: "Material Symbols Outlined";
font-weight: 400;
font-style: normal;
width: 1em;
height: .25em;
font-size: 1.25em;
position: absolute;
bottom: 1.9em;
left: 50%;
transform: translateX(-50%)
}
}
@media (min-width:80em) {
.sn-li-l1,
.hs-menu-depth-1 {
margin: 0 .375em
}
.sn-li-l1>a,
.hs-menu-depth-1>a {
padding: 1.625em .5em 2.375em
}
}
.sn-level-2,
.hs-menu-children-wrapper {
padding: 0;
margin: 0;
display: none;
position: relative
}
.sn-level-2.active,
.hs-menu-children-wrapper.active {
display: block
}
@media (min-width:60em) {
.sn-level-2,
.hs-menu-children-wrapper {
position: absolute;
z-index: 11;
min-width: 12.5em;
top: 100%;
width: 100%;
left: 0;
background-color: #fff;
box-shadow: 1px 4px 8px rgba(0, 0, 0, .4);
max-height: 31.25em;
overflow-y: auto
}
.sn-level-2.active,
.hs-menu-children-wrapper.active {
display: none
}
.sn-level-2>div,
.hs-menu-children-wrapper>div {
width: 25%;
float: left
}
}
@media (min-width:80em) {
.sn-level-2,
.hs-menu-children-wrapper {
min-width: 20em
}
}
.sn-li-l2,
.sn-li-l3,
.sn-li-l4,
.hs-menu-depth-2 {
background-color: #fff;
transition: 0.25s all linear;
position: relative
}
.sn-li-l2>a,
.sn-li-l3>a,
.sn-li-l4>a,
.hs-menu-depth-2>a {
padding: .8125em 1em;
color: #000;
display: block;
text-decoration: none;
transition: 0.25s all linear;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.sn-li-l2>a:hover,
.sn-li-l3>a:hover,
.sn-li-l4>a:hover,
.hs-menu-depth-2>a:hover {
color: #fff
}
.sn-li-l2>a span,
.sn-li-l3>a span,
.sn-li-l4>a span,
.hs-menu-depth-2>a span {
font-size: 1em;
display: flex;
align-items: center
}
.sn-li-l2:last-child>a,
.sn-li-l3:last-child>a,
.sn-li-l4:last-child>a,
.hs-menu-depth-2:last-child>a {
border-bottom: 0
}
.sn-li-l2:hover,
.sn-li-l3:hover,
.sn-li-l4:hover,
.hs-menu-depth-2:hover {
background-color: #32679a
}
.sn-li-l2:hover>a,
.sn-li-l3:hover>a,
.sn-li-l4:hover>a,
.hs-menu-depth-2:hover>a {
color: #fff
}
.sn-li-l2.has-subnav .m-subnav-arrow,
.has-subnav.sn-li-l3 .m-subnav-arrow,
.has-subnav.sn-li-l4 .m-subnav-arrow,
.sn-li-l2.menu-item-has-children .m-subnav-arrow,
.menu-item-has-children.sn-li-l3 .m-subnav-arrow,
.menu-item-has-children.sn-li-l4 .m-subnav-arrow,
.sn-li-l2.hs-item-has-children .m-subnav-arrow,
.hs-item-has-children.sn-li-l3 .m-subnav-arrow,
.hs-item-has-children.sn-li-l4 .m-subnav-arrow,
.hs-menu-depth-2.has-subnav .m-subnav-arrow,
.hs-menu-depth-2.menu-item-has-children .m-subnav-arrow,
.hs-menu-depth-2.hs-item-has-children .m-subnav-arrow {
height: 3.25em
}
.sn-li-l2.has-subnav .m-subnav-arrow:before,
.has-subnav.sn-li-l3 .m-subnav-arrow:before,
.has-subnav.sn-li-l4 .m-subnav-arrow:before,
.sn-li-l2.menu-item-has-children .m-subnav-arrow:before,
.menu-item-has-children.sn-li-l3 .m-subnav-arrow:before,
.menu-item-has-children.sn-li-l4 .m-subnav-arrow:before,
.sn-li-l2.hs-item-has-children .m-subnav-arrow:before,
.hs-item-has-children.sn-li-l3 .m-subnav-arrow:before,
.hs-item-has-children.sn-li-l4 .m-subnav-arrow:before,
.hs-menu-depth-2.has-subnav .m-subnav-arrow:before,
.hs-menu-depth-2.menu-item-has-children .m-subnav-arrow:before,
.hs-menu-depth-2.hs-item-has-children .m-subnav-arrow:before {
color: #000
}
@media (min-width:60em) {
.sn-li-l2,
.sn-li-l3,
.sn-li-l4,
.hs-menu-depth-2 {
position: relative;
background-color: transparent;
position: relative
}
.sn-li-l2>a,
.sn-li-l3>a,
.sn-li-l4>a,
.hs-menu-depth-2>a {
padding: .875em .625em;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, .1);
position: relative
}
.sn-li-l2>a:before,
.sn-li-l3>a:before,
.sn-li-l4>a:before,
.hs-menu-depth-2>a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #32679a;
transition: 0.25s all linear
}
.sn-li-l2>a>*,
.sn-li-l3>a>*,
.sn-li-l4>a>*,
.hs-menu-depth-2>a>* {
position: relative;
z-index: 1
}
.sn-li-l2>a span,
.sn-li-l3>a span,
.sn-li-l4>a span,
.hs-menu-depth-2>a span {
font-size: 12px;
display: flex;
align-items: center;
font-weight: 600;
text-transform: uppercase
}
.sn-li-l2>a:hover,
.sn-li-l3>a:hover,
.sn-li-l4>a:hover,
.hs-menu-depth-2>a:hover {
color: #fff
}
.sn-li-l2>a:hover:before,
.sn-li-l3>a:hover:before,
.sn-li-l4>a:hover:before,
.hs-menu-depth-2>a:hover:before {
width: 100%
}
.sn-li-l2:last-child>a,
.sn-li-l3:last-child>a,
.sn-li-l4:last-child>a,
.hs-menu-depth-2:last-child>a {
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.sn-li-l2:hover,
.sn-li-l3:hover,
.sn-li-l4:hover,
.hs-menu-depth-2:hover {
background-color: transparent
}
.sn-li-l2:hover>a,
.sn-li-l3:hover>a,
.sn-li-l4:hover>a,
.hs-menu-depth-2:hover>a {
color: #fff
}
.sn-li-l2:hover>a:before,
.sn-li-l3:hover>a:before,
.sn-li-l4:hover>a:before,
.hs-menu-depth-2:hover>a:before {
width: 100%
}
}
.sn-level-4,
.sn-level-5,
.sn-level-3 {
padding: 0;
margin: 0;
display: none;
position: relative
}
.sn-level-4.active,
.sn-level-5.active,
.sn-level-3.active {
display: block
}
@media (min-width:60em) {
.sn-level-4,
.sn-level-5,
.sn-level-3 {
width: 100%;
display: none
}
}
@media (min-width:60em) {
.sn-level-3 {
display: block;
padding-top: .625em
}
}
.sn-li-l3>a,
.sn-li-l4>a {
padding: .8125em 2em
}
.sn-li-l3>a span,
.sn-li-l4>a span {
font-weight: 400
}
@media (min-width:60em) {
.sn-li-l3,
.sn-li-l4 {
text-align: left;
padding: 0
}
.sn-li-l3>a,
.sn-li-l4>a {
padding: .25em .625em;
padding-left: .5em;
border: 0 !important;
display: inline-block;
min-height: inherit
}
.sn-li-l3>a:before,
.sn-li-l4>a:before {
content: "";
position: absolute;
width: .75em;
height: 100%;
background-color: transparent;
border-radius: 0;
background-image: url(../../../../../../themes/technosoft-default/img/nav-arrow-black-right.svg);
background-size: .375em;
background-position: center .5em;
background-repeat: no-repeat;
transform: none;
left: 0;
bottom: auto;
top: 0;
opacity: .5;
display: none
}
.sn-li-l3>a:after,
.sn-li-l4>a:after {
content: "";
position: absolute;
width: 0;
height: 2px;
background-color: #024e97;
border-radius: 0;
left: .5em;
bottom: 0;
transition: 0.25s all linear
}
.sn-li-l3>a span,
.sn-li-l4>a span {
font-weight: 400;
text-transform: inherit;
position: relative
}
.sn-li-l3>a:hover,
.sn-li-l4>a:hover {
color: #000
}
.sn-li-l3>a:hover:before,
.sn-li-l4>a:hover:before {
background-image: url(../../../../../../themes/technosoft-default/img/nav-arrow-red-right.svg);
opacity: 1;
width: .75em
}
.sn-li-l3>a:hover:after,
.sn-li-l4>a:hover:after {
width: calc(100% - 0.5em)
}
.sn-li-l3:hover>a,
.sn-li-l4:hover>a {
color: #000
}
.sn-li-l3:hover>a:before,
.sn-li-l4:hover>a:before {
background-image: url(../../../../../../themes/technosoft-default/img/nav-arrow-red-right.svg);
opacity: 1;
width: .75em
}
.sn-li-l3:hover>a:after,
.sn-li-l4:hover>a:after {
width: calc(100% - 0.5em)
}
.sn-li-l3.menu-item-has-children:hover>a:after,
.menu-item-has-children.sn-li-l4:hover>a:after {
width: calc(100% - 1em)
}
.sn-li-l3.menu-item-has-children>a,
.menu-item-has-children.sn-li-l4>a {
padding-left: 1em
}
.sn-li-l3.menu-item-has-children>a:before,
.menu-item-has-children.sn-li-l4>a:before {
display: none
}
.sn-li-l3.menu-item-has-children>a:after,
.menu-item-has-children.sn-li-l4>a:after {
left: 1em
}
.sn-li-l3.menu-item-has-children .m-subnav-arrow,
.menu-item-has-children.sn-li-l4 .m-subnav-arrow {
display: block;
left: 0;
top: 0;
width: 12px;
height: 12px
}
.sn-li-l3.menu-item-has-children .m-subnav-arrow:before,
.menu-item-has-children.sn-li-l4 .m-subnav-arrow:before {
content: "";
width: 100%;
height: 100%;
background-image: url(../../../../../../themes/technosoft-default/img/nav-arrow-black-right.svg);
background-size: 6px;
background-position: center;
background-repeat: no-repeat;
transform: none;
top: 6px;
left: 0;
opacity: .5
}
.sn-li-l3.menu-item-has-children .m-subnav-arrow:hover:before,
.menu-item-has-children.sn-li-l4 .m-subnav-arrow:hover:before {
content: "";
background-image: url(../../../../../../themes/technosoft-default/img/nav-arrow-red-right.svg);
opacity: 1
}
.sn-li-l3.menu-item-has-children .m-subnav-arrow.active:before,
.menu-item-has-children.sn-li-l4 .m-subnav-arrow.active:before {
content: "";
background-image: url(../../../../../../themes/technosoft-default/img/nav-arrow-red-right.svg);
opacity: 1;
transform: rotate(90deg);
transform-origin: top left;
transform-origin: center
}
}
.sn-li-l4>a {
padding: .8125em 2em;
padding-left: 3em
}
@media (min-width:60em) {
.sn-li-l4 {
padding-left: 1em
}
.sn-li-l4>a {
padding: .25em .625em;
padding-right: 0;
position: relative;
border: 0
}
.sn-li-l4>a:before {
content: "-";
background-image: none !important;
left: 0;
top: 0;
display: inline
}
.sn-li-l4>a:after {
left: 1em
}
}
.site-nav-container {
background-color: #024e97;
width: 100%;
right: -100%;
top: 0;
z-index: 1000;
position: absolute;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
padding-bottom: 2em
}
.site-nav-container.active {
right: 0
}
@media (min-width:60em) {
.site-nav-container {
width: auto;
height: auto;
right: auto;
bottom: auto;
top: auto;
position: static;
background-color: transparent;
display: inline-block;
padding: 0
}
}
.site-nav-container-screen {
position: fixed;
display: none;
z-index: 999;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: rgba(0, 0, 0, .5)
}
.site-nav-container-screen.active {
display: block
}
@media (min-width:40em) {
.site-nav-container-screen {
display: none !important
}
}
.close-menu {
display: inline-block;
clear: both;
position: relative;
text-align: center;
color: #ffffff !important;
padding: 0;
padding-right: 1.4285714286em;
margin: 0;
text-decoration: none;
font-size: .875em;
font-weight: 600;
line-height: normal
}
.close-menu:visited {
color: #fff
}
.close-menu:hover {
color: #fff
}
.close-menu:after {
content: "";
background-color: transparent;
background-image: url(../../../../../../themes/technosoft-default/img/ico-close.svg);
background-size: .9285714286em .9285714286em;
background-position: center center;
background-repeat: no-repeat;
display: block;
width: .9285714286em;
top: 0;
bottom: 0;
right: 0;
position: absolute
}
@media (min-width:60em) {
.close-menu {
display: none
}
}
.snc-header {
text-align: center;
border-bottom: 1px solid #04243c;
padding: 1em;
display: flex;
align-items: center;
justify-content: flex-end
}
@media (min-width:60em) {
.snc-header {
padding: 0;
border-bottom: 0;
display: none
}
}
span.menu-image-hover-wrapper {
width: 36px
}
.menu-image-title-after.menu-image-title {
width: calc(100% - 36px);
padding-left: 9px
}
.menu-item a img,
img.menu-image-title-after {
width: 36px;
object-fit: contain;
margin: 0 !important
}
.menu-item .sub-menu .menu-image-hover-wrapper img.menu-image {
display: block
}
.menu-item .sub-menu .menu-image-hover-wrapper img.hovered-image {
display: none
}
.menu-item:hover .sub-menu .menu-item:hover .menu-image-hover-wrapper img.menu-image {
display: none
}
.menu-item:hover .sub-menu .menu-item:hover .menu-image-hover-wrapper img.hovered-image {
display: block
}
@media (min-width:60em) {
.mega-menu-wrap {}
.mega-menu-wrap .sn-li-l2,
.mega-menu-wrap .sn-li-l3,
.mega-menu-wrap .sn-li-l4,
.mega-menu-wrap .hs-menu-depth-2 {
padding: 0 .625em .625em;
flex-grow: 1;
flex-basis: 0%
}
.mega-menu-wrap .sn-li-l2>a,
.mega-menu-wrap .sn-li-l3>a,
.mega-menu-wrap .sn-li-l4>a,
.mega-menu-wrap .hs-menu-depth-2>a {
min-height: 3.75em;
display: flex;
align-items: center;
padding: .5em .125em;
padding-left: .5em
}
.mega-menu-wrap .sn-li-l3,
.mega-menu-wrap .sn-li-l4 {
margin-bottom: .25em;
clear: both;
padding: 0
}
.mega-menu-wrap .sn-li-l3>a,
.mega-menu-wrap .sn-li-l4>a {
min-height: inherit;
display: inline-block;
padding: .25em .625em;
padding-left: .5em;
padding-right: 0
}
.mega-menu-wrap .sn-li-l3.menu-item-has-children>a,
.mega-menu-wrap .menu-item-has-children.sn-li-l4>a {
padding-left: 1em
}
.mega-menu-wrap .sn-li-l4 {
padding: 0;
padding-left: 1em
}
.mega-menu-wrap .sn-li-l4>a {
min-height: inherit;
display: inline-block;
padding: .25em .625em;
padding-left: 1em;
padding-right: 0
}
}
.inner-wrap,
.inner-wrap-fullwidth,
.inner-wrap-wide,
.inner-wrap-narrow {
/* max-width: 86em; */
margin-left: auto;
margin-right: auto;
padding: 1.5em 1em 1.5em 1em
}
.inner-wrap::after,
.inner-wrap-fullwidth::after,
.inner-wrap-wide::after,
.inner-wrap-narrow::after {
clear: both;
content: "";
display: table
}
.inner-wrap>*:first-child,
.inner-wrap-fullwidth>*:first-child,
.inner-wrap-wide>*:first-child,
.inner-wrap-narrow>*:first-child {
margin-top: 0
}
.inner-wrap>*:last-child,
.inner-wrap-fullwidth>*:last-child,
.inner-wrap-wide>*:last-child,
.inner-wrap-narrow>*:last-child {
margin-bottom: 0
}
@media (min-width:40em) {
.inner-wrap,
.inner-wrap-fullwidth,
.inner-wrap-wide,
.inner-wrap-narrow {
padding: 2.5em 1.5em 2.5em 1.5em;
}
}
.inner-wrap-narrow {
max-width: 64.5em
}
.inner-wrap-wide {
max-width: 83.5625em
}
.inner-wrap-fullwidth {
max-width: 100%
}
.section-header-wrap {
background-color: #eee
}
.section-header-wrap .inner-wrap,
.section-header-wrap .inner-wrap-narrow,
.section-header-wrap .inner-wrap-wide,
.section-header-wrap .inner-wrap-fullwidth {
padding-top: 1.5em;
padding-bottom: 1.5em
}
.section-header-wrap h1 {
margin: 0
}
.section-header-wrap p {
margin: .5em 0 0 0
}
.section-cta {
text-align: center
}
.blockquote-text {
color: #024e97;
font-weight: 600;
position: relative;
font-size: 1.125em;
padding: 0 1.7777777778em 0;
margin-top: 1.7777777778em;
margin-bottom: 1.7777777778em
}
.blockquote-text:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: .5em;
height: 100%;
background-color: #024e97
}
@media (min-width:40em) {
.blockquote-text {
max-width: 45.7142857143em;
width: 100%;
margin: auto;
font-size: 1.25em;
line-height: 1.3333333333em;
padding: 0 .7619047619em 0 2.1428571429em;
margin-top: 3.5238095238em;
margin-bottom: 3.5238095238em
}
}
.innerpage-carousel {
max-width: 29.1875em;
margin: 0;
width: 100%
}
.innerpage-carousel #carousel {
width: 85%
}
.innerpage-carousel #carousel .slides li {
margin: .5em .25em 0;
position: relative;
border: 1px solid transparent;
opacity: 1
}
.innerpage-carousel #carousel .slides li img {
width: 100%
}
.innerpage-carousel #carousel .slides li.flex-active-slide img {
opacity: 1
}
.innerpage-carousel #carousel .slides li:hover:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(2, 78, 151, .2)
}
.innerpage-carousel #carousel .flex-direction-nav li {
border: none;
margin: 0
}
.innerpage-carousel #carousel .flex-direction-nav li:after {
display: none
}
.innerpage-carousel #carousel .flex-direction-nav li a {
height: 2.5em;
width: 2.5em
}
.innerpage-carousel #carousel .flex-direction-nav .flex-prev {
left: -1em !important;
opacity: 1;
top: 2.3125em;
display: none
}
.innerpage-carousel #carousel .flex-direction-nav .flex-prev:before {
background-image: url(../../../../../../themes/technosoft-default/img/mm-prev-icon.html);
background-size: .875em 1.5625em
}
.innerpage-carousel #carousel .flex-direction-nav .flex-next {
right: -3.8125em !important;
opacity: 1;
top: 70%
}
.innerpage-carousel #carousel .flex-direction-nav .flex-next:before {
background-image: url(../../../../../../themes/technosoft-default/img/slider-arrow.png);
background-size: 21px 40px
}
.innerpage-carousel #carousel .flex-direction-nav .flex-next:hover:before {
background-image: url(../../../../../../themes/technosoft-default/img/slider-arrow.png)
}
@media (min-width:60em) {
.innerpage-carousel #carousel .flex-direction-nav .flex-next {
top: 60%
}
.innerpage-carousel #carousel .flex-direction-nav .flex-next:before {
background-size: auto 2.375em
}
}
.accordion-tabs {
line-height: 1.5;
margin-bottom: 1.5em;
padding: 0 !important;
border: 0
}
.accordion-tabs::after {
clear: both;
content: "";
display: table
}
@media screen and (max-width:40em) {
.accordion-tabs {
border-radius: 0
}
}
@media (min-width:40em) {
.accordion-tabs {
border: 0
}
}
.accordion-tabs .tab-header-and-content {
list-style: none;
margin-bottom: 0;
border-bottom: 1px solid rgba(255, 255, 255, .3)
}
.accordion-tabs .tab-header-and-content:after {
display: none
}
@media screen and (min-width:40em) {
.accordion-tabs .tab-header-and-content {
display: inline
}
}
.accordion-tabs .tab-link {
background-color: #024e97;
color: #fff;
display: block;
font-size: 1.125em;
line-height: normal;
padding: .8333333333em 1.3888888889em;
text-decoration: none;
border-bottom: 0;
font-family: HelveticaNeue;
vertical-align: bottom
}
@media screen and (min-width:40em) {
.accordion-tabs .tab-link {
display: inline-block;
border: 0
}
}
.accordion-tabs .tab-link:hover {
border-bottom: 0
}
.accordion-tabs .tab-link:focus {
outline: none
}
.accordion-tabs .tab-link:focus:not(:hover):not(:active) {
outline-offset: -2px
}
.accordion-tabs .tab-link.is-active {
background-color: #00ad49
}
@media screen and (min-width:40em) {
.accordion-tabs .tab-link.is-active {
border: 0
}
}
.accordion-tabs .tab-content {
background: #eee;
display: none;
padding: 1.5em 1.618em;
width: 100%
}
.accordion-tabs .tab-content>*:first-child {
margin-top: 0
}
.accordion-tabs .tab-content>*:last-child {
margin-bottom: 0
}
@media screen and (min-width:40em) {
.accordion-tabs .tab-content {
border-top-right-radius: 0;
float: left
}
}
.click-expand {
clear: both;
border: 0;
margin-bottom: 1.5em;
background-color: #eee;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.click-expand.active:hover {
background-color: #fff
}
.click-expand.active .ce-header {
background-color: #00ad49
}
.click-expand.active .ce-header:not(.ce-header-list):after {
content: "";
position: absolute;
color: #fff;
background-image: url(../../../../../../themes/technosoft-default/img/ico-minus.svg);
width: 13px;
height: 2px;
background-size: 13px 2px;
background-repeat: no-repeat
}
.click-expand.active .ce-body {
display: block;
opacity: 1;
-webkit-animation: click-expand 0.5s 1;
-moz-animation: click-expand 0.5s 1;
animation: click-expand 0.5s 1;
-webkit-animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
animation-fill-mode: backwards;
-webkit-animation-delay: 0.05s;
-moz-animation-delay: 0.05s;
animation-delay: 0.05s;
padding: 1.5em 1.618em;
display: block
}
.click-expand.active .ce-body>*:first-child {
margin-top: 0
}
.click-expand.active .ce-body>*:last-child {
margin-bottom: 0
}
.click-expand:hover {
background-color: #eee
}
.ce-header {
position: relative;
margin: 0;
padding-left: 1.3333333333em;
padding-right: .5714285714em;
padding-top: .7619047619em;
padding-bottom: .7619047619em;
font-size: 1.25em;
background-color: #024e97;
color: #fff;
font-weight: 500;
text-transform: none
}
.ce-header:not(.ce-header-list) {
cursor: pointer
}
.ce-header:not(.ce-header-list):after {
content: "";
background-image: url(../../../../../../themes/technosoft-default/img/ico-plus.svg);
color: #fff;
padding-left: 8px;
position: absolute;
right: 1em;
width: 13px;
height: 13px;
background-size: 13px 13px;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%)
}
.ce-header:not(.ce-header-list):focus:not(:hover):not(:active) {
outline: 2px dashed #333;
outline-offset: 2px
}
.ce-body {
display: none;
opacity: 0;
background-color: #eee
}
.ce-body p {
font-size: 1em
}
@-webkit-keyframes click-expand {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-moz-keyframes click-expand {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes click-expand {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fwc-module {
background-color: #eee;
text-align: center
}
.product-grid {
clear: both
}
.product-grid-item {
font-size: .875em;
text-decoration: none;
text-align: center;
background-color: #fff;
padding: 1em;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
overflow: hidden;
display: block;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out
}
.product-grid-item:hover {
border-bottom: 1px solid #999;
border-right: 1px solid #999
}
.product-grid-item:hover .product-grid-item-img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.07);
-o-transform: scale(1.07);
transform: scale(1.07)
}
@media (min-width:40em) {
.product-grid-item {
font-size: .75em;
margin-bottom: 1.5em
}
}
@media (min-width:60em) {
.product-grid-item {
font-size: 1em
}
}
@media (min-width:40em) {
.product-grid-item-header-wrap {
height: 4em;
line-height: 4em;
margin-bottom: 1em
}
.product-grid-item-header-wrap .product-grid-item-header {
display: inline-block;
vertical-align: middle
}
}
@media (min-width:60em) {
.product-grid-item-header-wrap {
height: 4em;
line-height: 4em
}
}
.product-grid-item-header {
font-size: 1.125em;
color: #024e97;
text-decoration: none;
margin: 0 0 0 0;
width: 70%;
float: right;
text-align: left;
clear: none
}
@media (min-width:40em) {
.product-grid-item-header {
width: auto;
float: none;
text-align: center
}
}
.product-grid-item-subheader {
color: #000;
margin: 0 0 1em 0;
width: 70%;
float: right;
text-align: left;
clear: none;
font-size: .9375em
}
@media (min-width:40em) {
.product-grid-item-subheader {
width: auto;
float: none;
text-align: center
}
}
@media (min-width:60em) {
.product-grid-item-subheader {
min-height: 3em
}
}
.product-grid-item-img {
float: left;
width: 25%;
margin-top: -1em;
display: block;
margin: 0 auto;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out
}
@media (min-width:40em) {
.product-grid-item-img {
margin-top: 0;
float: none;
width: auto
}
}
.product-grid-item-link {
margin: 1em 0 0 0;
float: right;
text-align: left;
clear: none;
font-size: .75em
}
@media (min-width:40em) {
.product-grid-item-link {
width: auto;
float: none;
text-align: center
}
}
.side-nav {
margin: 0 auto
}
.side-nav h3 {
margin-top: 0
}
.sn-nav {
max-width: 16.375em;
overflow: hidden;
margin-bottom: 3.125em
}
.sn-nav li {
background-color: #024e97;
border-bottom: 1px solid rgba(255, 255, 255, .3);
position: relative
}
.sn-nav li:last-child {
border-bottom: 0
}
.sn-nav li.active {
background-color: #024e97
}
.sn-nav li a {
color: #fff;
display: block;
font-size: 1em;
line-height: 1.5em;
text-decoration: none;
padding: .6875em 2.5em .6875em 1em;
font-weight: 400
}
.sn-nav .menu-item-has-children .m-subnav-arrow {
cursor: pointer;
padding-right: 0em;
background-image: url(../../../../../../themes/technosoft-default/img/nav-down-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 10px 5px;
display: block;
width: 2.5em;
height: 2.875em;
position: absolute;
background-color: transparent;
right: 0;
top: 0;
bottom: 0
}
.sn-nav .menu-item-has-children .m-subnav-arrow.active {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.sn-nav .menu-item-has-children ul {
margin-bottom: 0;
padding: 0;
display: none;
background-color: #fff
}
.sn-nav .menu-item-has-children ul li {
margin-bottom: 0;
background-color: #fff;
border-bottom: 0
}
.sn-nav .menu-item-has-children ul li a {
color: #000;
padding: .0625em 0;
font-size: 1.125em;
line-height: 1.5625em;
font-weight: 400
}
.sn-nav .menu-item-has-children ul li:not([class]) {
margin-bottom: 0;
padding: 0
}
.sn-nav .menu-item-has-children ul li:not([class]):after {
display: none
}
.sn-nav .menu-item-has-children ul li:hover a {
color: #024e97
}
.sn-nav .menu-item-has-children ul:not([class]) {
margin-bottom: 0
}
.sn-nav .menu-item-has-children ul.active {
display: block;
background-color: #eee;
padding: 1em
}
.sn-nav .menu-item-has-children ul.active li {
background: transparent
}
.product-grid-module .pm-title {
font-size: 2.125em;
color: #32679a
}
.product-grid-module .pm-title:after {
display: none
}
.product-item {
text-decoration: none;
color: #32679a;
text-align: center;
margin-bottom: 50px
}
.product-item a {
color: #32679a;
text-decoration: none;
font-weight: 600
}
.product-item:hover {
color: #32679a
}
.product-item:focus:not(:hover):not(:active) {
color: #32679a
}
.product-item img {
display: block;
margin: auto;
height: 5em;
object-fit: contain
}
@media (max-width:40em) {
.product-item {
float: left;
display: block;
margin-right: 4.8291579146%;
width: 47.5854210427%
}
.product-item:last-child {
margin-right: 0
}
.product-item:nth-child(2n) {
margin-right: 0
}
.product-item:nth-child(2n+1) {
clear: left
}
}
.product-title {
font-family: HelveticaNeue;
font-size: 1.25em;
display: block;
text-align: center;
line-height: 1.25em;
margin-top: 1em;
font-weight: 700;
color: #AD1006
}
.media-object {
overflow: hidden
}
.media-object-img {
width: 20%;
float: left;
display: block;
margin-right: 5%
}
.media-object-img img {
width: 100%
}
.media-object-body {
width: 75%;
float: left
}
.media-object-header {
margin-top: 0;
margin-bottom: .15em
}
.media-grid-2>* {
margin-bottom: 1em
}
@media (min-width:40em) {
.media-grid-2>* {
float: left;
display: block;
margin-right: 3.1684356888%;
width: 48.4157821556%;
margin-bottom: 1.5em
}
.media-grid-2>*:last-child {
margin-right: 0
}
.media-grid-2>*:nth-child(2n) {
margin-right: 0
}
.media-grid-2>*:nth-child(2n+1) {
clear: left
}
}
.iframe-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 1.8em
}
.iframe-container iframe,
.iframe-container object,
.iframe-container embed,
.iframe-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.social-wrap {
overflow: hidden
}
.social-wrap a {
display: block;
float: left;
width: 25%;
text-align: center;
position: relative
}
.social-wrap a path {
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear
}
.social-wrap a:hover {
opacity: .75
}
.social-wrap a:hover path {
fill: #024e97
}
.social-wrap img {
display: inline-block;
margin: 0 auto;
width: 1.1em;
height: auto;
vertical-align: middle
}
.social-wrap svg {
display: inline-block;
vertical-align: middle
}
.slide-panel {
display: none;
position: fixed;
background: #333;
color: #fff;
height: 100%;
width: 21.25em;
right: -21.25em;
top: 14%;
z-index: 10;
-webkit-transition: right 0.4s ease-in-out;
-moz-transition: right 0.4s ease-in-out;
transition: right 0.4s ease-in-out
}
.slide-panel h2 {
padding: .2em 1em
}
.slide-panel p {
background: #333;
padding: .25px 2em
}
.slide-panel label {
color: #ffffff !important
}
.slide-panel:hover {
right: 0
}
@media (min-width:40em) {
.slide-panel {
display: block
}
}
.slide-panel-button {
position: absolute;
top: 50px;
right: 340px;
padding: 20px 20px;
background: #333;
min-width: 200px
}
#last {
margin: 0;
padding: 0
}
#slidebox {
padding: .625em .625em .625em 1em;
position: fixed;
bottom: 0;
right: -26.875em;
z-index: 1000;
width: 100%;
background-color: #024e97
}
@media (min-width:40em) {
#slidebox {
width: auto
}
}
a.close {
background-color: #fff;
color: #024e97;
text-align: center;
float: left;
padding: 0 .5em;
font-size: .6875em;
border-radius: .1875em;
position: absolute;
cursor: pointer;
top: 1.5em;
right: 2em
}
a.close:hover {
background-color: rgba(255, 255, 255, .75)
}
.hs_cos_gallery_thumbnails .hs_cos_gallery_slide:hover {
cursor: pointer
}
.hs_cos_gallery_thumbnails img {
height: 3.75em;
object-fit: cover;
border: 1px solid #eee
}
.hs_cos_gallery_thumbnails .slick-current img {
border: 1px solid #024e97
}
hr {
display: block;
clear: both
}
figure {
margin: 0;
padding: 0
}
.wp-pagenavi>* {
margin-right: .75em
}
.white-popup {
position: relative;
background: #fff;
padding: 2.5em;
width: auto;
max-width: 37.5em;
margin: 1.25em auto
}
.white-popup>* {
margin-top: 0
}
.mfp-fade-side .mfp-content,
.mfp-fade-side .white-popup {
position: fixed;
top: 0;
right: 0;
bottom: 0;
overflow: auto
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: .8
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px)
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0)
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px)
}
.page-intro {
background-color: #eee;
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat
}
.career-intro:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent linear-gradient(90deg, #000000 0%, #101010 52%, #54545405 100%) 0% 0% no-repeat padding-box;
opacity: .77
}
.page-intro:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background: transparent linear-gradient(90deg, #000000 0%, #101010 52%, #54545405 100%) 0% 0% no-repeat padding-box; */
opacity: .77
}
.page-intro .inner-wrap,
.page-intro .inner-wrap-narrow,
.page-intro .inner-wrap-wide,
.page-intro .inner-wrap-fullwidth {
padding-top: 2.5em;
padding-bottom: 2.5em;
position: relative;
z-index: 1
}
@media (min-width:60em) {
.page-intro .inner-wrap,
.page-intro .inner-wrap-narrow,
.page-intro .inner-wrap-wide,
.page-intro .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
}
.page-intro h1 {
color: #fff;
display: inline-block;
font-weight: 400;
margin-bottom: 0
}
.page-intro p {
margin: .5em 0 0 0
}
.pi-nav {
position: relative;
bottom: -2.375em
}
.pi-nav ul {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
overflow: hidden
}
.pi-nav ul li a {
display: block;
color: #fff;
text-decoration: none;
font-size: .875em;
padding: 1.0357142857em;
transition: 0.15s all linear;
text-align: center;
border-bottom: 1px solid #fff
}
.pi-nav ul li a:hover,
.pi-nav ul li a:focus {
background-color: #fff;
color: #333c52
}
@media (min-width:60em) {
.pi-nav ul {
flex-wrap: nowrap;
border: 1px solid #fff;
border-radius: 1.5625em
}
.pi-nav ul li {
flex-grow: 1;
flex-basis: 0%
}
.pi-nav ul li:first-child a:before {
display: none
}
.pi-nav ul li a {
position: relative;
padding: 1.0357142857em .7142857143em;
border-bottom: 0
}
.pi-nav ul li a:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: -1px;
width: 1px;
height: 1.5em;
background-color: #fff
}
.pi-nav ul li a:hover:before {
height: 100%
}
}
@media (min-width:80em) {
.pi-nav ul li {
flex-grow: 1
}
.pi-nav ul li a {
padding: 1.0357142857em 2.2142857143em
}
}
.breadcrumb-menu a {
color: #024e97;
font-size: 1em
}
.breadcrumb-menu .breadcrumb_last {
font-size: 1em
}
.breadcrumbs-wrap {
padding-bottom: 1.25em;
border-bottom: 1px solid #a6a6a6
}
@media (min-width:60em) {
.breadcrumbs-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
}
@media (min-width:60em) {
.site-content.one-column .site-content-primary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%;
margin-right: 0
}
.site-content.one-column .site-content-primary:last-child {
margin-right: 0
}
.site-content.one-column .site-content-secondary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 100%;
margin-right: 0
}
.site-content.one-column .site-content-secondary:last-child {
margin-right: 0
}
.site-content.two-column .site-content-primary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 74.4105871005%;
border-right: 1px solid #a6a6a6;
padding-right: 1.25rem
}
.site-content.two-column .site-content-primary:last-child {
margin-right: 0
}
.site-content.two-column .site-content-secondary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 23.2317613015%;
margin-right: 0
}
.site-content.two-column .site-content-secondary:last-child {
margin-right: 0
}
.site-content.three-column .site-content-primary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%
}
.site-content.three-column .site-content-primary:last-child {
margin-right: 0
}
.site-content.three-column .site-content-secondary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%
}
.site-content.three-column .site-content-secondary:last-child {
margin-right: 0
}
.site-content.three-column .additional-content {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%;
margin-right: 0
}
.site-content.three-column .additional-content:last-child {
margin-right: 0
}
.site-content.two-column-alt .site-content-primary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 65.8807828007%
}
.site-content.two-column-alt .site-content-primary:last-child {
margin-right: 0
}
.site-content.two-column-alt .site-content-secondary {
float: left;
display: block;
margin-right: 2.3576515979%;
width: 31.7615656014%;
margin-right: 0
}
.site-content.two-column-alt .site-content-secondary:last-child {
margin-right: 0
}
}
.destination>.inner-wrap,
.destination>.inner-wrap-narrow,
.destination>.inner-wrap-wide,
.destination>.inner-wrap-fullwidth {
padding-top: 1.25em;
padding-bottom: 0
}
.inner-page {
position: relative
}
.inner-page:before {
content: "";
width: 68px;
height: 68px;
border-left: 1px solid #000;
border-top: 1px solid #000;
position: absolute;
top: 23px;
left: 10px
}
@media (min-width:60em) {
.inner-page:before {
left: 23px
}
}
.inner-page:after {
content: "";
width: 68px;
height: 68px;
border-right: 1px solid #000;
border-top: 1px solid #000;
position: absolute;
top: 23px;
right: 10px
}
@media (min-width:60em) {
.inner-page:after {
right: 23px
}
}
.inner-page .site-content-primary {
padding-top: 1.875em
}
.inner-page .site-content-primary *:first-child {
margin-top: 0
}
.inner-page .site-content-secondary {
padding-top: 1.875em
}
.inner-page .site-content-secondary *:first-child {
margin-top: 0
}
.inner-page .additional-content .inner-wrap,
.inner-page .additional-content .inner-wrap-narrow,
.inner-page .additional-content .inner-wrap-wide,
.inner-page .additional-content .inner-wrap-fullwidth {
padding-right: 0;
padding-left: 0
}
@media (min-width:60em) {
.hexagon-img {
position: absolute;
left: 0;
bottom: 0
}
.hexagon-img:after {
content: "";
width: 240px;
background-size: contain;
background-repeat: no-repeat;
background-position: right bottom;
background-image: url(../../../../../../themes/technosoft-default/img/welcome-bg.png);
position: absolute;
left: 0;
height: 326px;
bottom: 0;
opacity: .2
}
}
@media (min-width:60em) and (min-width:80em) {
.hexagon-img:after {
opacity: .4
}
}
.resources-module {
background-color: #fff
}
.rm-item-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-direction: row;
-ms-flex-direction: row;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (min-width:40em) {
.rm-item-wrap {
-webkit-box-lines: single;
-moz-box-lines: single;
box-lines: single;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
}
.rm-item-wrap>* {
-webkit-box-flex: auto;
-moz-box-flex: auto;
box-flex: auto;
-webkit-flex: auto;
-moz-flex: auto;
-ms-flex: auto;
flex: auto
}
@media (min-width:40em) {
.rm-item-wrap>* {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1
}
}
.rm-item {
text-align: center;
background-color: #eee;
padding: 1em !important
}
.rm-item:hover .rm-item-img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05)
}
@media (min-width:40em) {
.rm-item {
margin-bottom: 0
}
}
.rm-item-cta {
font-size: .75em;
font-weight: 700
}
.rm-item-img {
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
margin-bottom: 1em
}
.rm-item-img img {
max-width: 100%;
object-fit: contain;
height: 19.375em
}
.rm-item-title {
text-decoration: none;
text-align: center;
margin-top: 0;
margin-bottom: 0;
position: relative;
display: inline-block;
text-align: center;
height: 2.5em;
line-height: 2.5em;
color: #024e97;
position: relative;
z-index: 10
}
.rm-item-title span {
line-height: 1.25em;
display: inline-block;
color: #024e97
}
.btn-wrap>div {
margin-bottom: 1.5em
}
.btn-wrap>div:last-child {
margin: 0
}
@media (min-width:40em) {
.btn-wrap>div {
display: inline-block;
margin-right: 1.6875em
}
}
@media (min-width:80em) {
.btn-wrap>div {
margin-bottom: 0
}
}
.btn-on-color {
display: inline-block;
background-color: #000;
padding: .875em 1.5625em
}
.side-nav {
padding-left: 1.25em;
background: #7c7777;
padding: 0 .4375em
}
.side-nav li {
position: relative;
line-height: 1.75em;
border-bottom: 1px solid rgba(255, 255, 255, .5);
padding: .3125em .3125em .3125em 1.5625em
}
.side-nav li:last-child {
border-bottom: none
}
.side-nav li:after {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
display: block;
position: absolute;
top: 1em;
left: .625em;
background-color: #fff
}
.side-nav li a {
text-decoration: none;
font-size: 1.125em;
color: #fff
}
.side-nav li a:hover,
.side-nav li a:focus {
opacity: .7
}
.download-brochure {
display: block;
margin-bottom: 1.875em;
text-align: center
}
.download-brochure img {
display: block;
margin-left: auto;
margin-right: auto
}
.download-brochure a {
margin-top: .625em;
display: inline-block;
color: #333;
text-decoration: none
}
.get-in-touch .btn-alt span,
.get-in-touch .btn-alt-download span,
.get-in-touch .btn-alt-arrow span {
vertical-align: middle;
margin-right: .3125em
}
@media (min-width:60em) {
.page-content-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
@inlcude justify-content(space-between)
}
}
.popup-youtube {
display: inline-block;
position: relative
}
.popup-youtube img {
max-width: 100%;
height: auto;
display: block
}
.popup-youtube:before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
width: 68px;
height: 48px;
-moz-transition: all 0.25s cubic-bezier(0, 0, .2, 1);
-webkit-transition: all 0.25s cubic-bezier(0, 0, .2, 1);
transition: all 0.25s cubic-bezier(0, 0, .2, 1);
cursor: pointer;
background: url(../../../../../../themes/technosoft-default/img/youtube-icon-gray.svg) center/68px no-repeat;
opacity: .8
}
.popup-youtube:hover:before {
opacity: 1;
background: url(../../../../../../themes/technosoft-default/img/youtube-icon-red.svg) center/68px no-repeat
}
.preloader-wrap {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 9999
}
.loader {
display: inline-block;
position: relative;
width: 80px;
height: 80px
}
.loader div {
position: absolute;
border: 4px solid #fff;
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite
}
.loader div:nth-child(2) {
animation-delay: -0.5s
}
@keyframes lds-ripple {
0% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 0
}
4.9% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 0
}
5% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 1
}
100% {
top: 0;
left: 0;
width: 72px;
height: 72px;
opacity: 0
}
}
body .gform_wrapper {
background-color: transparent;
padding: 0;
margin: 0
}
body .gform_wrapper input[type=text],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper select,
body .gform_wrapper textarea {
background-color: #F4F4F4;
border: 0 !important;
border-bottom: 2px solid #32679a !important;
font-size: 1.125em !important;
color: #333c52;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .06);
padding: 0.5em !important
}
body .gform_wrapper input[type=text]::placeholder,
body .gform_wrapper input[type=email]::placeholder,
body .gform_wrapper input[type=tel]::placeholder,
body .gform_wrapper select::placeholder,
body .gform_wrapper textarea::placeholder {
color: #333c52
}
body .gform_wrapper .gform_submission_error:after {
display: none
}
body .gform_wrapper .gform_button {
border: 2px solid #32679a;
font-size: 1.125em !important;
padding: .7777777778em 1.9444444444em !important
}
body .gform_wrapper .gform_button:hover,
body .gform_wrapper .gform_button:focus {
background-color: transparent;
color: #32679a
}
body .gform_wrapper .gform_ajax_spinner {
display: none !important
}
body .gform_wrapper .gfield_required {
font-size: 1.25em !important;
color: red !important;
vertical-align: middle;
margin: 0
}
body .gform_wrapper .gform_required_legend {
display: none
}
body .gform_confirmation_message {
padding: 3em 0
}
.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description,
.gform_wrapper.gravity-theme .gfield_consent_description {
border: 0 !important;
font-size: 14px !important;
padding: 0 !important;
color: #333 !important;
font-weight: 700 !important;
margin: 0 !important;
max-height: inherit !important;
overflow: auto !important
}
.fb_iframe_widget span {
height: 24px !important
}
#recaptcha_table {
table-layout: initial !important;
height: 126px;
overflow: hidden;
margin-bottom: 1em
}
.blog-pagination {
font-size: 1.7em;
font-weight: 700
}
.blog-pagination a {
margin-right: 2em;
text-decoration: none
}
.more-link {
font-size: 1.4em;
text-decoration: none
}
.post-item {
border-bottom: 5px solid #eee;
padding-bottom: 2em;
margin-bottom: 2em
}
.hs-author-avatar {
float: left;
margin-right: 1.5em
}
.hs-author-avatar img {
border-bottom: 1px solid #adadad
}
.hs-author-social-label {
font-size: 1.3em
}
.hs-author-bio {
font-size: 1.3em;
line-height: 1.5em;
margin-bottom: 1em
}
.hs-author-profile {
background: #F2F2F2;
padding: .2em 2em 2em 2em
}
.hs-author-listing-header {
padding-top: 1em;
margin-top: .3em;
color: #b9b9b9
}
.hs-author-social-links a {
text-decoration: none
}
.hs-author-social-links img {
opacity: .7;
width: 1.875em;
height: 1.875em
}
.hs-author-social-links img:hover {
opacity: 1
}
.site-wrap {
background: #fff;
position: relative;
overflow: hidden;
margin: 0 auto
}
#skipToContent {
position: fixed;
z-index: 0;
top: 10px;
left: 10px;
opacity: 0
}
#skipToContent:focus {
opacity: 1;
z-index: 99999
}
.site-nav a:focus:not(:hover):not(:active) {
outline-offset: -2px
}
.site-nav a.tse-remove-border:focus:not(:hover):not(:active) {
outline: none;
outline-offset: 0
}
.nonlink {
cursor: default;
pointer-events: auto
}
@media (min-width:60em) {
.nonlink {
pointer-events: none
}
}
.lightbox {
display: inline-block
}
.lightbox.tse-remove-border {
outline: none !important
}
.lightbox.tse-remove-border:focus {
outline: none !important
}
.tse-remove-border {
outline: none !important
}
.tse-remove-border:focus {
outline: none !important
}
.no-touch.mfg-popup-open {
margin-right: 17px
}
.no-touch.mfg-popup-open .sh-sticky-wrap.stuck {
padding-right: 17px
}
.site-header-wrap {
background-color: #fff
}
@media (min-width:60em) {
.site-header-wrap {
padding-top: 6.1875em
}
}
.home .site-header-wrap {
padding-top: 0
}
.site-header {
position: relative;
z-index: 999
}
.site-header:after {
clear: both;
content: "";
display: table
}
.site-logo {
margin-top: .625em;
display: inline-block
}
.site-logo {
display: none
}
.site-logo-stuck {
display: block
}
.sh-top {
display: none;
background-color: rgba(255, 255, 255, .6);
border-bottom: 1px solid rgba(0, 0, 0, .1);
margin-top: -3.0625em;
transition: 0.25s all linear
}
.sh-top .inner-wrap,
.sh-top .inner-wrap-narrow,
.sh-top .inner-wrap-wide,
.sh-top .inner-wrap-fullwidth {
padding-top: .5em;
padding-bottom: .5em
}
@media (min-width:60em) {
.sh-top {
display: block
}
.sh-top .inner-wrap,
.sh-top .inner-wrap-narrow,
.sh-top .inner-wrap-wide,
.sh-top .inner-wrap-fullwidth {
display: flex;
align-items: center;
justify-content: space-between
}
.sh-top .inner-wrap:after,
.sh-top .inner-wrap-narrow:after,
.sh-top .inner-wrap-wide:after,
.sh-top .inner-wrap-fullwidth:after {
display: none
}
}
.sh-social-wrap {
display: flex;
align-items: center
}
.sh-social-wrap a {
width: 2em;
height: 2em;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 1em;
border-radius: 50%;
margin-right: .5em;
text-align: center;
color: #fff;
transition: 0.25s all linear
}
.sh-email {
margin-left: .25em;
border-left: 1px solid rgba(0, 0, 0, .2);
padding-left: .625em
}
.sht-nav {
display: flex;
align-items: center;
justify-content: flex-end
}
.sht-nav li {
display: inline-block;
margin: 0 .375em;
line-height: normal
}
.sht-nav li:first-child {
margin-left: 0
}
.sht-nav li:last-child {
margin-right: 0
}
.sht-nav li a {
text-decoration: none;
font-size: .875em;
color: #fff;
font-weight: 600;
line-height: normal
}
.sht-nav li a:hover,
.sht-nav li a:focus {
color: #32679a
}
@media (min-width:60em) {
.sht-nav li a {
color: #024E98
}
}
@media (min-width:60em) {
.sh-sticky-wrap {
position: fixed;
left: 0;
right: 0;
z-index: 9;
top: 0;
background-color: #fff;
}
.sh-sticky-wrap.stuck {
position: fixed;
left: 0;
right: 0;
top: 0;
display: none;
background-color: #ffffff !important;
z-index: 9;
box-shadow: 0 0 3px rgba(0, 0, 0, .4)
}
.sh-sticky-wrap.stuck .sn-li-l1>a {
color: #000
}
.sh-sticky-wrap.stuck .sn-li-l1>.bttn-dow {
color: #fff
}
.sh-sticky-wrap.stuck .sn-li-l1>a:after {
color: #000
}
.sh-sticky-wrap.stuck .sn-li-l1:hover>a {
color: #32679a
}
.sh-sticky-wrap.stuck .sn-li-l1:hover>a:after {
color: #32679a
}
.sh-sticky-wrap.stuck .sh-wrap .inner-wrap,
.sh-sticky-wrap.stuck .sh-wrap .inner-wrap-narrow,
.sh-sticky-wrap.stuck .sh-wrap .inner-wrap-wide,
.sh-sticky-wrap.stuck .sh-wrap .inner-wrap-fullwidth {
transition: 0.3s
}
.sh-sticky-wrap.stuck .sh-top {
margin-top: 0
}
}
.sh-wrap .inner-wrap,
.sh-wrap .inner-wrap-narrow,
.sh-wrap .inner-wrap-wide,
.sh-wrap .inner-wrap-fullwidth {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
.sh-wrap .inner-wrap:after,
.sh-wrap .inner-wrap-narrow:after,
.sh-wrap .inner-wrap-wide:after,
.sh-wrap .inner-wrap-fullwidth:after {
display: none
}
@media (min-width:60em) {
.sh-wrap .inner-wrap,
.sh-wrap .inner-wrap-narrow,
.sh-wrap .inner-wrap-wide,
.sh-wrap .inner-wrap-fullwidth {
padding-top: 1em;
padding-bottom: 0;
position: relative
}
}
.home .site-logo {
display: none
}
.home .site-logo-stuck {
display: block
}
@media (min-width:60em) {
.home .sh-sticky-wrap {
background-color: transparent
}
.home .sh-sticky-wrap.stuck .site-logo {
display: none
}
.home .sh-sticky-wrap.stuck .site-logo-stuck {
display: inline-block
}
.home .sh-sticky-wrap.stuck .sh-ico-search {
background-image: url(../../../../../../themes/technosoft-default/img/ico-search-dark.svg)
}
}
@media (min-width:60em) {
.home .site-logo {
display: block
}
.home .site-logo-stuck {
display: none
}
.home .sh-ico-search {
background-image: url(../../../../../../themes/technosoft-default/img/ico-search-white.svg)
}
.home .sn-li-l1:hover>a {
color:#fff
}
.home .sn-li-l1>a {
color: #fff
}
.home .sn-li-l1>a:hover {
color: #fff
}
.home .sn-li-l1>a:after {
color: #fff
}
}
.sh-right-wrap {
display: flex;
align-items: center
}
@media (min-width:60em) {
.sh-right-wrap {
display: inline-block;
vertical-align: middle
}
}
.sh-utility-nav .social-wrap {
width: 15em;
display: none
}
@media (min-width:40em) {
.sh-utility-nav {
display: inline-block;
vertical-align: middle
}
.sh-utility-nav .social-wrap {
display: inline-block
}
}
.sh-icons {
display: flex
}
.sh-ico-menu,
.sh-ico-search {
background-repeat: no-repeat;
background-position: center top;
display: inline-block;
padding-top: 1.2em;
width: 1.5em;
height: 1.5em;
margin-left: 1em;
text-align: center;
text-decoration: none;
vertical-align: middle
}
.sh-ico-menu span,
.sh-ico-search span {
font-size: .75em
}
.sh-ph {
margin: 0
}
.sh-ph i {
font-style: normal
}
@media (min-width:40em) {
.sh-ph {
font-size: 1.25em
}
}
.sh-ico-search {
background-image: url(../../../../../../themes/technosoft-default/img/ico-search-dark.svg)
}
.sh-ico-search span {
display: none
}
.sh-ico-search:hover,
.sh-ico-search:focus {
background-image: url(../../../../../../themes/technosoft-default/img/ico-search-red.svg)
}
.sh-ico-menu {
background-image: url(../../../../../../themes/technosoft-default/img/ico-menu.svg);
background-size: contain
}
@media (min-width:60em) {
.sh-ico-menu {
display: none
}
}
.sh-ico-menu span {
display: none
}
@media (min-width:60em) {
.mob-nav-link {
display: none
}
}
.menu-top-links-container {
display: none
}
@media (min-width:60em) {
.menu-top-links-container {
display: block
}
}
.site-intro {
text-align: center;
position: relative;
overflow: hidden
}
.site-intro .inner-wrap,
.site-intro .inner-wrap-narrow,
.site-intro .inner-wrap-wide,
.site-intro .inner-wrap-fullwidth {
padding-top: 2.5em;
padding-bottom: 3.75em
}
@media (min-width:60em) {
.site-intro .inner-wrap,
.site-intro .inner-wrap-narrow,
.site-intro .inner-wrap-wide,
.site-intro .inner-wrap-fullwidth {
padding-top: 7.8125em;
padding-bottom: 3.75em
}
}
.si-slider.slick-slider {
margin-bottom: 0 !important
}
.si-slider .slick-prev,
.si-slider .slick-next {
display: none !important
}
.si-slider .slick-track,
.si-slider .slick-list {
height: 100%
}
.si-slider .slick-slide {
overflow: hidden;
height: 100%
}
.si-slider .slick-slide>div {
height: 100%
}
.si-slider .slick-current .si-bg-img {
transform: scale(1)
}
.si-slider .slick-dots {
bottom: .625em;
position: absolute;
left: 0;
right: 0;
margin: auto;
text-align: center;
max-width: 86em;
padding-left: 1em;
padding-right: 1em
}
@media (min-width:60em) {
.si-slider .slick-dots {
bottom: 3.75em;
padding-left: 1.5em;
text-align: left;
padding-right: 1.5em
}
}
@media (min-width:80em) {
.si-slider .slick-dots {
bottom: 6.25em
}
}
.si-slider .slick-dots li {
margin: 0;
margin-right: .875em;
width: 53px;
height: 5px;
display: inline-block;
outline: none;
padding: .5em 0 .75em
}
.si-slider .slick-dots li:focus {
outline: none
}
@media (min-width:60em) {
.si-slider .slick-dots li {
width: 79px
}
}
.si-slider .slick-dots li button {
width: 53px;
height: 5px;
background-color: rgba(255, 255, 255, .25);
border-radius: 2px;
outline: none;
font-size: 0;
outline: none;
padding: 0
}
.si-slider .slick-dots li button:before,
.si-slider .slick-dots li button:after {
display: none
}
.si-slider .slick-dots li button:focus {
outline: none
}
.si-slider .slick-dots li button:focus:not(:hover):not(:active) {
outline: 2px dashed #333;
outline-offset: 2px
}
@media (min-width:60em) {
.si-slider .slick-dots li button {
width: 79px
}
}
.si-slider .slick-dots li.slick-active button {
background-color: #fff
}
.si-slider .slick-dots li.slick-active button:focus {
outline: none
}
.si-slider .slick-dots li.slick-active button:focus:not(:hover):not(:active) {
outline: 2px dashed #333;
outline-offset: 2px
}
@media (min-width:60em) {
.si-slider {
height: 100vh
}
.si-slider .slick-list,
.si-slider .slick-track,
.si-slider .slick-slide,
.si-slider .slick-slide>div {
height: 100%
}
}
.si-img {
position: relative;
display: inline-block;
max-width: 18.75em;
width: 100%
}
.si-img:before {
content: "";
background: url(../../../../../../themes/technosoft-default/img/si-img-circle1.png);
width: 3.375em;
height: 3.375em;
display: inline-block;
background-size: 3.375em 3.375em;
position: absolute;
right: 0;
top: 0;
background-repeat: no-repeat
}
.si-img:after {
content: "";
background: url(../../../../../../themes/technosoft-default/img/si-img-circle2.png);
width: 3.375em;
height: 3.375em;
display: inline-block;
background-size: contain;
position: absolute;
left: 1.25em;
transform: translate(-50%);
bottom: .625em;
background-repeat: no-repeat
}
@media (min-width:40em) {
.si-img {
max-width: 37.5em
}
.si-img:after {
content: "";
left: .5em;
bottom: 9.0625em;
background-size: 3.375em 3.375em
}
}
@media (min-width:80em) {
.si-img {
min-width: 37.5em
}
.si-img:before {
right: 1.25em;
top: .625em
}
.si-img:after {
content: "";
background-image: url(../../../../../../themes/technosoft-default/img/si-img-circle2.png);
width: 8.5em;
height: 8.5em;
background-repeat: no-repeat;
bottom: 7.5em;
background-size: 8.5em 8.5em
}
}
@media (max-height:40em) and (min-width:60em) {
.si-img:after {
bottom: 10.5em
}
}
@media (max-height:49em) and (min-width:60em) {
.si-img:after {
bottom: 7.8333333333em
}
}
.si-item {
position: relative;
height: 100%
}
@media (min-width:60em) {
.si-item .inner-wrap,
.si-item .inner-wrap-narrow,
.si-item .inner-wrap-wide,
.si-item .inner-wrap-fullwidth {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between
}
}
.si-bg-img {
background-image: url(../../../../../../uploads/2024/03/shutterstock_2135203143.jpg);
background-size: cover;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.si-bg-img:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
    /* background: transparent linear-gradient(24deg, #031d31c4 0%, #04243c00 100%) 0% 0% no-repeat padding-box; */
}
.si-content {
position: relative;
text-align: center
}
@media (min-width:60em) {
.si-content {
text-align: left;
width: 55%;
padding-right: 1.25em
}
}
.si-img-wrap {
z-index: 1;
margin-top: 1.25em;
z-index: 9;
position: relative
}
@media (min-width:60em) {
.si-img-wrap {
width: 45%;
margin-top: 0;
margin-top: 2.5em
}
}
.si-wrap {
position: relative;
width: 100%;
padding-bottom: 3em
}
@media (min-width:60em) {
.si-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
padding-bottom: 6.75em
}
}
.si-txt {
max-width: 32.8125em;
margin: auto
}
.si-txt p {
color: #fff;
font-size: 1em
}
@media (min-width:60em) {
.si-txt {
margin: 0
}
.si-txt p {
font-size: 1.125em;
margin-bottom: 1.6666666667em
}
}
.si-btn {
background-color: #32679a;
color: #fff;
border: 2px solid #32679a;
border-radius: 3.125em;
transition: 0.25s all linear
}
.si-btn:hover {
border-color: #fff;
background-color: transparent;
color: #fff
}
.si-tabs-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-height: 6.75em;
overflow: hidden
}
.si-tabs-wrap .slick-current .si-tab-title {
background-color: #FFFFFF00;
display:none;
}
#si-tabs {
display: flex
}
.si-tab-title {
text-decoration: none;
color: #FFFFFF00;
font-family: HelveticaNeue;
font-size: 1.125em;
display: flex;
align-items: center;
justify-content: center;
padding: .5555555556em .8888888889em;
background-color: rgba(255, 255, 255, .4);
height: 6em;
transition: 0.1s all linear;
gap: .5555555556em;
display: none;
}
.si-tab-title:hover,
.si-tab-title:focus {
color: #fff;
background-color: #e63c24;
display:none;
}
.si-tab-title span {
text-align: left;
display : none;
}
@media (min-width:40em) {
.si-tab-title {
border-right: 1px solid #fff;
display: none;
}
}
@media (min-width:90em) {
.si-tab-title {
padding: .5555555556em 1.7777777778em
}
}
.si-ico {
width: 3.3333333333em
}
.si-ico img {
display: block;
max-height: 3.3333333333em
}
@media (min-width:40em) {
.si-tab-txt {
width: calc(100% - 3.3333333333em)
}
}
.site-content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
@media (min-width:60em) {
.site-content>.inner-wrap:last-child,
.site-content>.inner-wrap-narrow:last-child,
.site-content>.inner-wrap-wide:last-child,
.site-content>.inner-wrap-fullwidth:last-child {
padding-bottom: 5.375em

}
.site-content .additional-content>section:last-child {
        position: relative;
        padding-bottom: 0px;

}
}
.si-header {
color: #fff;
font-weight: 500;
position: relative;
padding-bottom: 16px
}
.si-header:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100px;
height: 4px;
background-color: #32679a;
border-radius: 2px
}
.si-header span {
display: block
}
@media (min-width:60em) {
.si-header {
text-align: left
}
.si-header:after {
margin: 0
}
}
.sitemap-menu .sub-menu {
padding-left: 1.875em;
display: block !important
}
.site-footer {
position: relative;
background: none;
background-size: cover;
background-position: center;
text-align: center;
color: #fff;
content-visibility: inherit !important;
}
.site-footer::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('wp-content/images/footer-bg.html');
background-size: cover;
background-position: center;
opacity: 0.9; /* Adjust opacity as needed */
z-index: -1;
}
@media (min-width:80em) {
.site-footer:after {
opacity: .4
}
}
.sf-small {
background-color: #999;
text-align: center
}
.sf-small .inner-wrap,
.sf-small .inner-wrap-narrow,
.sf-small .inner-wrap-wide,
.sf-small .inner-wrap-fullwidth {
padding-top: 1em;
padding-bottom: 1em
}
img[name=pphLoggerImage] {
display: none
}
.search-table {
display: table;
width: 100%;
float: right;
padding: 0
}
.search-row {
display: table-row;
width: 100%
}
.search-cell1 {
display: table-cell;
vertical-align: middle
}
@media (min-width:60em) {
.search-cell1 {
width: 92%
}
}
.search-cell2 {
display: table-cell;
width: 3.75em;
border: 0;
vertical-align: middle
}
.search-cell3 {
display: table-cell;
vertical-align: middle
}
@media (min-width:60em) {
.search-cell3 {
width: 3%;
text-align: center
}
}
.search-text {
font-size: .8em;
width: 100%;
height: 2.3em;
border: 1px solid red;
float: left;
padding-left: .5em;
margin-bottom: 0 !important
}
.search-text:focus {
border: 0;
box-shadow: none !important
}
.search-submit {
width: 100%;
min-width: 3.75em !important;
height: 2.3em;
border: 0;
float: right;
background: url(../../../../../../themes/technosoft-default/img/ico-search.html) no-repeat center center !important;
padding: 0 !important
}
.search-submit:hover {
border: 0 !important;
opacity: .7
}
.search-submit:focus {
outline: none
}
@media (min-width:40em) {
.site-search {
width: 100%
}
.search-text {
height: 2.3em
}
.search-submit {
height: 2.3em
}
}
.search-module {
background-color: #024e97;
top: -100%;
border-bottom: 1px solid rgba(0, 0, 0, .47);
position: fixed;
left: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.search-module.active {
top: 0;
z-index: 10000
}
.search-module .inner-wrap,
.search-module .inner-wrap-narrow,
.search-module .inner-wrap-wide,
.search-module .inner-wrap-fullwidth {
padding: .6875em 1.5em
}
.search-exit {
width: 25px;
height: 40px;
background-image: url(../../../../../../themes/technosoft-default/img/ico-exit.html);
background-repeat: no-repeat;
background-size: 19px 19px;
background-position: center;
display: block
}
.search-exit:hover {
opacity: .7
}
.search-exit img {
display: none
}
.search-exit:focus:not(:hover):not(:active) {
outline-color: #fff;
opacity: 1
}
@media (min-width:60em) {
.search-exit {
margin-bottom: 0
}
}
.main-content {
display: block;
overflow: hidden;
position: relative
}
@media (min-width:40em) {
.main-content {
display: inline
}
}
@media (max-width:40em) {
.height {
max-height: 15.625em
}
.height:before {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, #ffffff 100%);
bottom: 0;
content: "";
height: 100%;
position: absolute;
width: 100%;
z-index: 1
}
.heightAuto {
max-height: 312.5em
}
.heightAuto:before {
display: none
}
}
.link {
display: block;
text-align: center;
font-weight: 700;
color: #024e97;
padding-bottom: .625em
}
@media (min-width:40em) {
.link {
display: none
}
}
.wum-heading {
color: #fff
}
.why-us-module {
background-color: #333c52;
color: #fff;
position: relative
}
.why-us-module:before {
content: "";
width: 100%;
background-size: cover;
background-position: center;
position: absolute;
left: 0;
height: 100%;
top: 0;
opacity: .12
}
@media (min-width:40em) {
.why-us-module:before {
width: 50%
}
}
.why-us-module:after {
content: "";
width: 267px;
background-size: contain;
background-repeat: no-repeat;
background-position: right bottom;
background-image: url(../../../../../../themes/technosoft-default/img/why-us-vector.html);
position: absolute;
right: 0;
height: 326px;
bottom: 0;
opacity: .4
}
.why-us-module .inner-wrap,
.why-us-module .inner-wrap-narrow,
.why-us-module .inner-wrap-wide,
.why-us-module .inner-wrap-fullwidth {
position: relative;
padding-top: 4.375em;
padding-bottom: 4.6875em
}
.wum-wrap p {
line-height: 1.5555555556em
}
@media (min-width:60em) {
.wum-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex
}
.wum-wrap>div {
width: 50%
}
.wum-wrap>div:first-child {
margin-right: 3.75em;
width: 45%
}
}
@media (min-width:40em) {
.wum-list {
column-count: 2
}
}
.wum-list li {
font-family: HelveticaNeue;
position: relative;
padding-left: 1.3888888889em;
font-size: 1.125em;
margin-bottom: .5555555556em
}
@media (min-width:40em) {
.wum-list li {
margin-bottom: 1.6666666667em
}
}
.wum-list li:before {
content: "";
position: absolute;
left: 0;
top: 6px;
width: .8333333333em;
height: .9444444444em;
background-image: url(../../../../../../themes/technosoft-default/img/wum-ico.html)
}
.blogs-news-module {
background-color: #f8f8f8
}
.blogs-news-module .inner-wrap,
.blogs-news-module .inner-wrap-narrow,
.blogs-news-module .inner-wrap-wide,
.blogs-news-module .inner-wrap-fullwidth {
padding-bottom: 5em;
padding-top: 4.3125em
}
.bnm-heading {
margin-bottom: 1.0526315789em;
margin-top: 0
}
.bnm-wrap {
border-top: 1px solid #333c52;
border-bottom: 1px solid #333c52;
padding-top: 2.5em
}
@media (min-width:60em) {
.bnm-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.bnm-item {
margin-bottom: 3.125em
}
.bnm-item:last-child,
.bnm-item:nth-last-child(2) {
margin-bottom: 2.5em
}
@media (min-width:40em) {
.bnm-item {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
@inlcude justify-content(space-between);
margin-right: 20px
}
.bnm-item>div {
width: 46%
}
.bnm-item .bnm-img {
width: calc(54.091% - 20px);
margin-right: 1.25em
}
}
@media (min-width:60em) {
.bnm-item {
width: calc(50% - 20px)
}
}
.bnm-img {
min-height: 12.5em;
max-height: 12.5em;
width: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, .08);
overflow: hidden;
position: relative;
display: inline-block
}
@media (min-width:60em) {
.bnm-img {
max-height: 9.375em;
min-height: 9.375em
}
}
.bnm-img img {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
top: 50%;
object-fit: cover;
height: 100%;
width: 100%;
object-position: center;
vertical-align: middle
}
.bnm-content h3 {
font-size: 1.125em;
line-height: 1.5555555556em;
margin-top: .625em;
margin-bottom: .3125em
}
@media (min-width:40em) {
.bnm-content h3 {
margin-top: -.3125em
}
}
.bnm-content h3 a {
display: inline-block;
color: #333c52;
text-decoration: none
}
.bnm-date {
font-size: 1.25em;
line-height: 1.5em;
color: #32679a;
display: inline-block
}
.bnm-btn-wrap {
text-align: center
}
.bnm-btn {
margin-top: 1.5625em;
background-color: transparent
}
.get-started-module .inner-wrap,
.get-started-module .inner-wrap-narrow,
.get-started-module .inner-wrap-wide,
.get-started-module .inner-wrap-fullwidth {
background-color: #e63c24;
padding-bottom: 2.5em;
padding-top: 2.8125em;
border-radius: .5em
}
.get-started-module img {
display: block;
max-height: 5em;
margin: auto;
height: auto !important
}
@media (min-width:60em) {
.get-started-module {
/* top: 0; */
position: relative;
z-index: 1
}
.get-started-module img {
margin: 0
}
}
.gsm-heading {
font-size: 1.875em;
line-height: 1.5em;
margin-bottom: .3333333333em;
color: #fff;
margin-top: 0;
padding-bottom: 0
}
.gsm-heading:after {
display: none
}
@media (min-width:60em) {
.gsm-heading {
text-align: left
}
}
.gsm-txt {
color: #fff;
font-size: 1.125em;
margin: 0
}
.gsm-form {
text-align: center
}
.gsm-wrap {
text-align: center
}
@media (min-width:60em) {
.gsm-wrap {
text-align: left;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
.gsm-wrap .gsm-content {
width: calc(65% - 6px);
text-align: left;
display: flex;
align-items: center;
column-gap: 1.625em
}
.gsm-wrap .gsm-form {
width: calc(35% - 6px);
text-align: left
}
}
.gsmform input {
border: 0 !important;
margin: 0 !important;
padding-left: 16px;
box-shadow: none !important
}
.gsmform input::placeholder {
color: #ffffff !important
}
.gsmform input[type=submit] {
padding: 11px;
border: 0 !important;
border-radius: 40px !important;
transition: 0.25s all linear
}
.gsmform input[type=submit]:hover,
.gsmform input[type=submit]:focus {
opacity: .9
}
.sf-top-wrap .inner-wrap,
.sf-top-wrap .inner-wrap-narrow,
.sf-top-wrap .inner-wrap-wide,
.sf-top-wrap .inner-wrap-fullwidth {
padding-top: 2.875em
}
@media (min-width:60em) {
.sf-top-wrap .inner-wrap,
.sf-top-wrap .inner-wrap-narrow,
.sf-top-wrap .inner-wrap-wide,
.sf-top-wrap .inner-wrap-fullwidth {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
text-align: left
}
}
.sf-top-wrap ul {
padding-left: 0
}
@media (min-width:60em) {
body:not(.page-template-pack-expo) .sf-top-wrap .inner-wrap,
body:not(.page-template-pack-expo) .sf-top-wrap .inner-wrap-narrow,
body:not(.page-template-pack-expo) .sf-top-wrap .inner-wrap-wide,
body:not(.page-template-pack-expo) .sf-top-wrap .inner-wrap-fullwidth {
padding-top: 0
}
}
.sf-tagline {
    color: #fafcff;
    font-size: 14px;
    line-height: 1.5882352941em;
    text-align: justify;
}
@media (min-width:60em) {
.sf-tagline {
margin-bottom: 2.5em
}
}
.sf-mail {
color: #fff;
font-family: HelveticaNeue;
font-weight: 500
}
.sf-mail a {
color: #fff;
text-decoration: none
}
.sf-mail a:hover {
color: #32679a
}
@media (min-width:60em) {
.sf-mail {
margin-top: 3.125em
}
}
.sf-logo {
display: inline-block
}
.sf-logo img {
height: auto !important
}
.sf-logo-wrap {
width: 100%;
margin-bottom: 1.5em
}
@media (min-width:60em) {
.sf-logo-wrap {
width: calc(30% - 20px);
margin-bottom: 0;
margin-right: 1.25em;
padding-right: 20px;
border-right: 1px solid rgba(51, 60, 82, .34)
}
}
.sf-nav-1 {
width: 100%
}
@media (min-width:60em) {
.sf-nav-1 {
width: 25%
}
}
.sf-nav-2 {
width: 100%
}
@media (min-width:60em) {
.sf-nav-2 {
width: 25%
}
}
.sf-nav-3 {
width: 100%
}
@media (min-width:60em) {
.sf-nav-3 {
width: 25%
}
}
.sf-title {
font-size: 24px;
line-height: 1.6818181818em;
color: #fff;
margin-top: -.4375em;
margin-bottom: .1875em;
font-family: HelveticaNeue
}
.sf-title a {
text-decoration: none;
color: #000
}
.sf-title a:hover {
color: #32679a
}
.sf-nav {
font-size: 1em;
line-height: 2.3125em;
color: #000;
margin-bottom: 1.875em
}
.sf-nav li a {
    color: #fafcff;
    text-decoration: none;
    font-size: 16px;
}
.sf-nav li a:hover {
color: #32679a
}
.mb-40 {
margin-bottom: 2.5em
}
.sf-social-wrap {
margin-top: 1.5625em
}
.sf-social-wrap a {
height: 4em;
display: inline-block;
line-height: 0em;
font-size: 1em;
border-radius: 50px;
margin-right: .625em;
margin-bottom: .625em;
text-align: center;
color: #fff;
transition: 0.25s all linear
}
.sf-bottom {
background-color: #04243c;
}
.sf-bottom>div {
border-top: 1px solid rgba(255, 255, 255, .4)
}
.sf-bottom p {
 color: #fafcff;
font-size: 1.1em;
margin: 0
}
.sf-bottom a {
    color: #fafcff;
text-decoration: none
}
.sf-bottom a:hover {
text-decoration: none;
color: #32679a
}
.sf-bottom .inner-wrap,
.sf-bottom .inner-wrap-narrow,
.sf-bottom .inner-wrap-wide,
.sf-bottom .inner-wrap-fullwidth {
padding: 3.75em;
padding-top: 1.8125em;
padding-bottom: 1.875em
}
.hm-services-module {
background-color: #f8f8f8
}
.hm-services-module.hm-services-module-inner .hsm-item {
height: 15.625em
}
.hm-services-module.hm-services-module-inner .hsm-item:after {
background: rgba(2, 78, 152, .84)
}
.hm-services-module.hm-services-module-inner .hsm-item:hover:after,
.hm-services-module.hm-services-module-inner .hsm-item:focus:after {
opacity: 1
}
.hm-services-module.hm-services-module-inner .hsm-item .hsm-content {
min-height: 100%;
flex-direction: column;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
background-color: transparent
}
.hm-services-module.hm-services-module-inner .hsm-item .hsm-ico {
transform: scale(1.5);
transform-origin: bottom center
}
.hm-services-module.hm-services-module-inner .hsm-item .hsm-title {
margin-top: 1em;
padding-left: 0;
text-align: center
}
.hsm-title-wrap {
text-align: center
}
.hsm-title-wrap>div {
margin-bottom: 1em
}
.hsm-title-wrap>div:last-child {
margin-bottom: 0
}
.hsm-title-wrap>div>*:first-child {
margin-top: 0
}
.hsm-title-wrap>div>*:last-child {
margin-bottom: 0
}
@media (min-width:60em) {
.hsm-title-wrap {
display: flex;
align-items: center;
gap: 4.5em;
text-align: left
}
.hsm-title-wrap>div {
flex-grow: 1;
flex-basis: 0%
}
.hsm-title-wrap h2 {
text-align: left
}
.hsm-title-wrap h2:after {
margin: 0
}
}
@media (min-width:40em) {
.hsm-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.hsm-item {
height: 24.375em;
width: 100%;
display: block;
background-size: cover;
background-position: left center;
position: relative;
color: #fff;
text-decoration: none;
margin-bottom: .0625em
}
.hsm-item:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background: transparent linear-gradient(180deg, #FFFFFF00 0%, #000000 100%) 0% 0%
}
@media (min-width:40em) {
.hsm-item {
width: 49.9%
}
}
@media (min-width:60em) {
.hsm-item {
margin-right: .125em;
flex-grow: 1;
width: 24%
}
.hsm-item:last-child {
margin-right: 0
}
.hsm-item:hover:after,
.hsm-item:focus:after {
height: 100%;
opacity: 0
}
.hsm-item:hover .hsm-content,
.hsm-item:focus .hsm-content {
min-height: 100%;
flex-direction: column;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
background: rgba(2, 78, 152, .84)
}
.hsm-item:hover .hsm-ico,
.hsm-item:focus .hsm-ico {
transform: scale(1.5);
transform-origin: bottom center
}
.hsm-item:hover .hsm-title,
.hsm-item:focus .hsm-title {
margin-top: 1em;
padding-left: 0;
text-align: center
}
}
@media (min-width:80em) {
.hsm-item {
margin-bottom: 0
}
}
.hsm-content {
position: relative;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
position: absolute;
bottom: 0;
z-index: 1;
width: 100%;
padding: 1.5625em .9375em;
transition: 0.25s all linear
}
@media (min-width:60em) {
.hsm-content {
min-height: 6.875em
}
}
@media (min-width:80em) {
.hsm-content {
padding: 1.5625em 1em
}
}
.hsm-ico {
transition: 0.25s all linear;
width: 2.5em
}
.hsm-ico img {
vertical-align: middle;
max-height: 2.5em
}
.hsm-title {
width: calc(100% - 2.5em);
font-size: 1.125em;
line-height: 1.2222222222em;
color: #fff;
font-weight: 500;
padding-left: 1.1111111111em;
font-family: HelveticaNeue
}
@media (min-width:80em) {
.hsm-title {
font-size: 16px;
}
}
@media (min-width:90em) {
.hsm-title {
font-size: 1.125em
}
}
.hm-welcome-module {
position: relative;
min-height: 30em;
background-color:#04243c;
}
.hm-welcome-module:before {
content: "";
width: 68px;
height: 68px;
border-left: 1px solid #000;
border-top: 1px solid #000;
position: absolute;
top: 28px;
left: 10px;
}
@media (min-width:60em) {
.hm-welcome-module:before {
right: .75em
}
}
@media (min-width:80em) {
.hm-welcome-module:before {
right: 1.4375em
}
}
.hm-welcome-module:after {
content: "";
width: 68px;
height: 68px;
border-right: 1px solid #000;
border-top: 1px solid #000;
position: absolute;
top: 28px;
right: 10px
}
@media (min-width:60em) {
.hm-welcome-module:after {
right: .75em
}
}
@media (min-width:80em) {
.hm-welcome-module:after {
right: 1.4375em
}
}
.hm-welcome-module .inner-wrap,
.hm-welcome-module .inner-wrap-narrow,
.hm-welcome-module .inner-wrap-wide,
.hm-welcome-module .inner-wrap-fullwidth {
padding-top: 5.125em;
}
.hm-welcome-module .graphic-div {
width: 240px;
background-size: contain;
background-repeat: no-repeat;
background-position: right bottom;
background-image: url(../../../../../../themes/technosoft-default/img/welcome-bg1.html);
position: absolute;
left: 0;
height: 326px;
bottom: -6px;
opacity: .2
}
@media (min-width:80em) {
.hm-welcome-module .graphic-div {
opacity: 1
}
}
.hwm-wrap {
content-visibility: inherit !important
}
@media (min-width:60em) {
.hwm-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-moz-box-pack: start;
box-pack: start;
-webkit-justify-content: start;
-moz-justify-content: start;
-ms-justify-content: start;
-o-justify-content: start;
justify-content: start;
-ms-flex-pack: start;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center
}
.hwm-wrap>div {
flex: 1
}
}
.hwm-content {
width: 100%;
position: relative;
z-index: 1
}
.hwm-content p {
font-size: 16px;
color: #fafcff;
}
@media (min-width:60em) {
.hwm-content {
width: 55%
}
}
@media (min-width:60em) {
.hwm-heading {
text-align: left
}
.hwm-heading:after {
margin: 0
}
}
.hwm-img-wrap {
text-align: center;
margin-top: 1.875em;
position: relative;
z-index: 1
}
@media (min-width:60em) {
.hwm-img-wrap {
margin-top: 0;
text-align: right;
padding: 0 1.875em;
width: 45%
}
}
.hwm-img-wrap span {
margin-bottom: .375em;
display: inline-block
}
.hwm-img-wrap img {
vertical-align: middle
}
@media (min-width:60em) {
.hwm-img-wrap img {
margin-bottom: 0
}
}
.hwm-btn {
margin-top: 1.25em
}
.hwm-img-2 span {
background-color: #024e97;
display: inline-block
}
.hwm-img-2 span img {
opacity: .75
}
@media (min-width:60em) {
.hwm-img-2 {
margin-top: -173px;
margin-left: -21px;
position: relative;
padding-left: 1.25em;
text-align: left
}
.hwm-img-2:before {
content: "";
width: 68px;
height: 68px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
position: absolute;
bottom: -20px;
left: 0
}
}
.hm-industries-module {
background-color: #f2f2f2;
background-image: url(../../../../../../themes/technosoft-default/img/industries-bg-img.html);
background-position: right center;
background-repeat: no-repeat
}
.hm-industries-module .inner-wrap,
.hm-industries-module .inner-wrap-narrow,
.hm-industries-module .inner-wrap-wide,
.hm-industries-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5.625em
}
.him-items {
background-color: #fff;
text-align: center;
box-shadow: 0 0 8px rgba(0, 0, 0, .08);
height: 100%;
position: relative
}
.him-items:before {
content: "";
background-image: url(../../../../../../themes/technosoft-default/img/industries-ico.html);
width: 60px;
height: 48px;
background-size: contain;
position: absolute;
right: 0;
top: 0;
background-repeat: no-repeat
}
.him-items a {
color: #333;
display: block;
padding: 2.25em 1.875em .625em 1.875em;
height: 100%;
transition: 0.25s all linear
}
.him-items a:hover {
color: #32679a
}
.him-items img {
margin: auto;
max-height: 3.8125em
}
.him-title {
font-size: 1.25em;
margin-top: .75em;
display: inline-block;
font-family: HelveticaNeue;
font-weight: 500
}
.him-slider .slick-track {
display: flex !important
}
.him-slider .slick-slide {
height: inherit !important
}
.him-slider .slick-slide>div {
height: 100%
}
.him-slider .slick-slide {
padding: .5em .5em
}
.him-slider .slick-arrow-wrap {
bottom: -3.75em;
width: auto;
text-align: center;
position: absolute;
right: 60px
}
.him-slider .slick-arrow-wrap .slick-arrow {
font-size: 0;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: transparent;
color: #000;
position: relative;
transform: none;
top: 50%;
padding: 0;
display: inline-block !important
}
.him-slider .slick-arrow-wrap .slick-arrow:hover {
background-color: transparent !important
}
.him-slider .slick-arrow-wrap .slick-arrow:before {
border: none;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 55px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
opacity: 1;
width: 36px;
height: 36px;
color: #000;
line-height: 55px
}
.him-slider .slick-arrow-wrap .slick-arrow.slick-prev {
margin-right: 3.125rem;
left: 0
}
.him-slider .slick-arrow-wrap .slick-arrow.slick-prev:before {
content: "";
background-image: url(../../../../../../themes/technosoft-default/img/him-arrow-left.html)
}
.him-slider .slick-arrow-wrap .slick-arrow.slick-next {
right: 0
}
.him-slider .slick-arrow-wrap .slick-arrow.slick-next:before {
content: "";
background-image: url(../../../../../../themes/technosoft-default/img/him-arrow-right.html)
}
.him-slider .slick-arrow-wrap .slick-arrow:hover {
color: #000
}
@media (min-width:60em) {
.him-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify
}
}
@media (min-width:60em) {
.him-content {
width: 35%;
padding-right: 1.25em
}
}
@media (min-width:60em) {
.him-slider-wrap {
padding-left: 2.5em;
width: 63%;
position: absolute;
right: -8px
}
}
@media (min-width:90em) {
.him-slider-wrap {
width: 55%
}
}
.iot-transportantion-module {
background-color: #024e97;
color: #fff
}
.iot-transportantion-module h2 {
color: #fff;
text-align: center
}
.iot-transportantion-module .inner-wrap,
.iot-transportantion-module .inner-wrap-narrow,
.iot-transportantion-module .inner-wrap-wide,
.iot-transportantion-module .inner-wrap-fullwidth {
padding-top: 3.125em;
padding-bottom: 3.125em
}
.csm-heading {
text-align: center
}
.csm-slider .slick-slide {
padding: .625em
}
.csm-items {
position: relative;
display: flex !important;
justify-content: center
}
.csm-items img {
margin: 0 auto
}
.csm-items a {
padding-bottom: 3.75em;
padding-top: 1.25em;
width: 100%
}
.csm-items a:hover .csm-title,
.csm-items a:focus .csm-title {
opacity: 0;
display: none;
transition: 0.1s
}
.csm-items a:hover .csm-overlay,
.csm-items a:focus .csm-overlay {
opacity: 1;
display: flex;
transition: 0.3s
}
.csm-title {
position: absolute;
width: 100%;
background: #024e97;
display: flex;
justify-content: center;
align-items: center;
left: 0;
bottom: 0;
padding: .625em;
transition: 0.3s;
color: #fff;
min-height: 4.375em;
text-align: center
}
.csm-txt {
color: #fff;
display: block;
margin-bottom: 1.25em
}
.csm-overlay {
padding: .625em;
text-align: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(2, 78, 151, .8);
display: none;
transition: 0.1s;
opacity: 0;
display: flex;
align-items: center;
justify-content: center
}
.appointment-form,
.get-in-touch-form,
.fm-form {
max-width: 37.5em;
margin: auto;
padding: 3em 1.25em 1.25em;
background-color: #fff;
position: relative
}
.video-popup {
max-width: 50em;
margin: auto;
padding: 3em 1.25em 1.25em;
background-color: #fff;
position: relative
}
.video-thumb {
position: relative;
display: inline-block
}
.video-thumb img {
display: block
}
.video-thumb:after {
content: "";
width: 3.125em;
height: 3.125em;
background-image: url(../../../../../../themes/technosoft-default/img/ico-play.html);
background-size: 3.125em auto;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: 0 auto;
opacity: .8;
transition: 0.25s all linear
}
.video-thumb:hover:after,
.video-thumb:focus:after {
opacity: 1
}
.text-center {
text-align: center
}
.text-blue {
color: #024e97
}
.specializations-services-module {
text-align: center
}
.ssm-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
box-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center
}
.ssm-item {
width: 100%;
margin: .625em;
text-align: center
}
@media screen and (min-width:600px) {
.ssm-item {
width: calc(50% - 20px)
}
}
@media (min-width:40em) {
.ssm-item {
width: calc(33.33% - 20px)
}
}
@media (min-width:60em) {
.ssm-item {
width: calc(25% - 20px)
}
}
@media (min-width:80em) {
.ssm-item {
width: calc(20% - 20px)
}
}
@media (min-width:40em) {
.omsm-wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.omsm-item {
width: 100%;
margin: 0 .625em 1.25em .625em;
text-align: center
}
@media (min-width:40em) {
.omsm-of-2 .omsm-item {
width: calc(50% - 20px)
}
}
@media (min-width:40em) {
.omsm-of-3 .omsm-item {
width: calc(50% - 20px)
}
}
@media (min-width:80em) {
.omsm-of-3 .omsm-item {
width: calc(33.33% - 20px)
}
}
.omsm-image {
position: relative;
vertical-align: middle;
overflow: hidden;
transition: 0.3s
}
.omsm-img-link {
display: inline-block;
height: 100%;
position: relative;
overflow: hidden;
vertical-align: middle
}
.omsm-img-link:before {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .4);
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
z-index: 1
}
.omsm-img-link:hover .omsm-image,
.omsm-img-link:focus .omsm-image {
transform: scale(1.2);
transition: 0.3s
}
.omsm-img-link:hover:before,
.omsm-img-link:focus:before {
opacity: 0;
transition: 0.3s
}
.omsm-img-link:hover .ssm-title,
.omsm-img-link:focus .ssm-title {
bottom: 0;
transition: 0.3s;
transform: none
}
.ssm-title {
position: absolute;
left: 0;
color: #fff;
font-weight: 600;
bottom: 50%;
display: inline-block;
width: 100%;
transition: 0.3s;
text-align: center;
padding: .3125em;
background-color: rgba(2, 78, 151, .8);
transform: translateY(50%);
z-index: 2
}
.right-image {
text-align: center;
clear: both
}
.right-image small,
.right-image .small {
max-width: 21.875rem;
display: inline-block;
position: relative;
z-index: 1
}
.right-image img {
margin-bottom: 1.25rem
}
@media (min-width:60em) {
.right-image {
float: right;
margin: 0 0 1.25rem 1.875rem
}
.right-image img {
display: inline-block;
vertical-align: top;
z-index: 2;
margin-bottom: 1.25rem;
position: relative;
margin-bottom: 0
}
.right-image a {
display: inline-block;
vertical-align: top
}
}
.left-image {
text-align: center;
clear: both
}
.left-image small,
.left-image .small {
max-width: 21.875rem;
display: inline-block;
position: relative;
z-index: 1
}
.left-image img {
margin-bottom: 1.25rem
}
@media (min-width:60em) {
.left-image {
float: left;
margin: 0 1.875rem 1.25rem 0
}
.left-image img {
display: inline-block;
vertical-align: top;
z-index: 2;
position: relative;
margin-bottom: 0
}
.left-image a {
display: inline-block;
vertical-align: top
}
}
.center-image {
text-align: center
}
.center-image img {
display: inline-block;
vertical-align: top;
z-index: 2;
position: relative
}
.center-image a {
display: inline-block;
vertical-align: top
}
.list-style-new {
margin-bottom: 30px
}
.list-style-new ul {
padding: 0
}
.list-style-new ul li {
padding: 15px 0 15px 0;
margin: 5px 0;
background: #f5f5f5;
border-radius: 7px;
justify-content: center
}
.list-style-new ul li:after {
background: transparent !important
}
.list-style-new ul li span {
margin-left: 20px
}
.list-style-new ul li span img {
width: 40px;
vertical-align: middle;
margin-right: 10px
}
.head-icon img {
width: 60px;
vertical-align: middle;
margin-right: 10px
}
.list-style-new-2 {
margin-bottom: 30px
}
.list-style-new-2 ul {
padding: 0
}
.list-style-new-2 ul li {
margin: 5px 0;
border-radius: 7px;
justify-content: center
}
.list-style-new-3 {
margin-bottom: 30px
}
.list-style-new-3 ul {
padding: 0;
background: #f5f5f5;
border-radius: 7px
}
.list-style-new-3 ul li {
padding: 15px 0 15px 20px;
margin: 5px 0;
list-style: none
}
.list-style-new-3 ul li:after {
background: transparent !important
}
.list-style-new-3 ul li span {
text-decoration: underline
}
.management-info h3 {
color: #000;
font-size: 20px
}
.management-info h3 img {
width: 40px;
vertical-align: middle;
margin-right: 10px
}
.workflow-info ol {
padding-left: 0
}
.workflow-info ol li {
font-size: 18px;
list-style: none
}
.content-creation-grid {
display: flex;
gap: 3px;
margin-bottom: 10px
}
.content-grid-1 {
background: #efefef;
width: 33.33%;
border-radius: 5px;
text-align: center;
padding-top: 20px
}
.content-grid-1 p {
color: #000;
font-weight: 700
}
.content-grid-1 img {
width: 40px
}
.tools-module {
display: flex;
gap: 5px
}
.tools-data {
background: #efefef;
width: 33.33%;
border-radius: 5px;
text-align: center;
padding-top: 20px;
margin-bottom: 5px
}
.text-media-module.rb-space .inner-wrap,
.text-media-module.rb-space .inner-wrap-narrow,
.text-media-module.rb-space .inner-wrap-wide,
.text-media-module.rb-space .inner-wrap-fullwidth {
padding-bottom: 0
}
.tmm-wrap .soft-sol-heading {
margin-bottom: 32px
}
.tmm-wrap p:last-child {
margin-bottom: 0
}
.tmm-wrap p:first-child {
margin-top: 0
}
@media (min-width:60em) {
.tmm-wrap {
display: flex;
gap: 3.25em
}
.tmm-wrap.tmm-reverse {
flex-direction: row-reverse
}
.tmm-wrap.tmm-reverse .tmm-img {
text-align: left
}
.tmm-wrap .soft-sol-heading {
text-align: left
}
.tmm-wrap .soft-sol-heading:after {
margin: 0
}
}
.tmm-reverse ul:not([class]) {
padding-left: 0
}
.tmm-reverse ul:not([class]) li:not([class]) {
margin-bottom: 1em;
padding-left: 2.1111111111em;
display: inline-block;
margin-right: 1.6666666667em
}
.tmm-reverse ul:not([class]) li:not([class]):last-child {
margin-bottom: 0
}
.tmm-reverse ul:not([class]) li:not([class]):after {
background-color: transparent;
width: 1.5555555556em;
height: 1.5555555556em;
background-image: url(../../../../../../themes/technosoft-default/img/check-mark-orange.html);
background-size: contain;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%)
}
.tmm-img {
text-align: center;
margin-top: 1em
}
.tmm-img p {
margin: 0
}
.tmm-img img {
display: block;
margin: auto
}
@media (min-width:60em) {
.tmm-img {
width: 43%;
text-align: right;
position: relative;
margin-top: 0
}
.tmm-img.tmm-img-org img {
position: static;
width: auto;
height: auto
}
.tmm-img figure {
height: 100%
}
.tmm-img figure img {
height: 100%;
width: 100%;
object-fit: cover;
position: absolute
}
}
.tmm-content>*:first-child {
margin-top: 0
}
.tmm-content div>*:first-child {
margin-top: 0
}
@media (min-width:60em) {
.tmm-content {
width: 57%;
display: flex;
align-items: center
}
}
.gray-services-accordions {
background-color: #F6F6F6;
position: relative
}
.gray-services-accordions.rt-space .inner-wrap,
.gray-services-accordions.rt-space .inner-wrap-narrow,
.gray-services-accordions.rt-space .inner-wrap-wide,
.gray-services-accordions.rt-space .inner-wrap-fullwidth {
padding-top: 0
}
.gray-services-accordions.rb-space .inner-wrap,
.gray-services-accordions.rb-space .inner-wrap-narrow,
.gray-services-accordions.rb-space .inner-wrap-wide,
.gray-services-accordions.rb-space .inner-wrap-fullwidth {
padding-bottom: 0
}
.gray-services-accordions .inner-wrap,
.gray-services-accordions .inner-wrap-narrow,
.gray-services-accordions .inner-wrap-wide,
.gray-services-accordions .inner-wrap-fullwidth {
padding-top: 3.75em;
padding-bottom: 5em
}
.gray-services-accordions .click-expand {
text-align: left;
background-color: transparent !important;
margin-bottom: 0
}
.gray-services-accordions .click-expand:last-child {
border-bottom: 1px solid #C6C6C6
}
.gray-services-accordions .click-expand.active .ce-header:after {
background-image: url(../../../../../../themes/technosoft-default/img/ico-minus-dark.html)
}
.gray-services-accordions .ce-header {
background-color: transparent !important;
color: #333C52;
font-size: 1.375em;
border-top: 1px solid #C6C6C6;
font-weight: 400;
display: flex;
align-items: center;
padding: .7272727273em;
padding-right: 1.6363636364em
}
.gray-services-accordions .ce-header:after {
background-image: url(../../../../../../themes/technosoft-default/img/ico-plus-dark.html)
}
.gray-services-accordions .ce-header span {
display: inline-block;
vertical-align: middle
}
.gray-services-accordions .ce-body {
background-color: transparent !important;
padding: 16px;
padding-top: 0 !important
}
.gray-services-accordions .ce-body p {
font-size: 1.125em
}
.ce-ico {
display: inline-block;
width: 52px;
text-align: center;
margin-right: 21px
}
.ce-ico img {
display: block;
margin: auto;
max-height: 46px
}
.gsc-desc {
margin-top: 32px;
margin-bottom: 48px
}
.agile-strategy-module {
color: #fff;
background-size: cover
}
.agile-strategy-module.asm-light-bg {
color: #333
}
.agile-strategy-module.asm-light-bg .soft-sol-heading {
color: #333c52
}
.agile-strategy-module.asm-light-bg .soft-sol-heading:after {
background-color: #32679a
}
.agile-strategy-module .inner-wrap,
.agile-strategy-module .inner-wrap-narrow,
.agile-strategy-module .inner-wrap-wide,
.agile-strategy-module .inner-wrap-fullwidth {
padding-top: 3.75em;
padding-bottom: 4.375em
}
.agile-strategy-module .soft-sol-heading {
color: #fff
}
.agile-strategy-module .soft-sol-heading:after {
background-color: #fff
}
.asm-desc {
margin: 2em 0 3em
}
@media (min-width:60em) {
.asm-wrap {
display: flex
}
}
.asm-img {
text-align: center
}
.asm-img img {
display: block;
margin: auto
}
@media (min-width:60em) {
.asm-img {
width: 50%;
position: relative
}
.asm-img img {
position: absolute;
display: block;
height: 100%;
width: 100%;
object-fit: cover
}
}
.asm-content {
text-align: left;
margin-top: 16px
}
.asm-content ul:not([class]) {
padding-left: 0
}
.asm-content ul:not([class]) li:not([class]) {
margin-bottom: 10px;
padding-left: 38px
}
.asm-content ul:not([class]) li:not([class]):last-child {
margin-bottom: 0
}
.asm-content ul:not([class]) li:not([class]):after {
background-color: transparent;
width: 28px;
height: 28px;
background-image: url(../../../../../../themes/technosoft-default/img/check-mark-orange.html);
background-size: contain;
background-repeat: no-repeat;
top: .2222222222em
}
.asmc-inner {
box-shadow: 0 3px 6px #00000029;
border: 1px solid #E1E1E1;
background-position: right bottom;
padding: 23px 16px;
background-color: #F3F3F3;
background-size: 214px;
background-repeat: no-repeat;
position: relative;
display: flex;
flex-direction: column;
justify-content: center
}
.asmc-inner:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #F3F3F3;
opacity: .8
}
.asmc-inner>* {
position: relative
}
@media (min-width:60em) {
.asmc-inner {
padding: 23px 61px;
min-height: 400px
}
}
.asmc-title {
margin-top: 0
}
.asmc-subtitle {
font-weight: 400;
margin-top: 0
}
.soft-sol-heading {
position: relative;
padding-bottom: 28px;
text-align: center
}
.soft-sol-heading:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100px;
height: 4px;
background-color: #32679a;
border-radius: 2px
}
@media (min-width:60em) {
.asm-content {
width: calc(50% + 40px);
margin-left: -40px;
padding: 37px 0;
margin-top: 0
}
}
@media (min-width:60em) {
.asmc-title {
font-size: 1.5625em
}
}
@media (min-width:60em) {
.asmc-subtitle {
font-size: 1.375em
}
}
.process-flow-module .inner-wrap,
.process-flow-module .inner-wrap-narrow,
.process-flow-module .inner-wrap-wide,
.process-flow-module .inner-wrap-fullwidth {
padding-top: 4.375em
}
.pfm-desc {
margin: 2em 0 3em
}
.pfm-desc p {
font-weight: 600
}
.pfm-item {
margin-bottom: 2.25em;
position: relative
}
.pfm-item:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%);
width: 1px;
height: calc(100% + 46px);
border-left: 1px dashed rgba(0, 0, 0, .3)
}
.pfm-item:last-child:after {
display: none
}
@media (min-width:60em) {
.pfm-item {
display: flex;
align-items: center
}
.pfm-item:after {
border-left: 1px dashed #000
}
.pfm-item:nth-child(even) {
flex-direction: row-reverse
}
.pfm-item:nth-child(even) .pfm-count:before {
right: auto;
left: 0
}
.pfm-item:nth-child(even) .pfm-count:after {
right: auto;
left: -9.5px
}
.pfm-item:nth-child(even) .pfm-content {
padding-left: 0;
padding-right: 2.25em
}
}
.pfmc-no {
display: flex;
align-items: center;
justify-content: center;
width: 6.9375em;
height: 6.9375em;
border-radius: 50%;
border: 1px solid #D1D1D1;
margin: auto;
position: relative;
z-index: 1;
background-color: #F6F6F6
}
.pfmc-no span {
display: flex;
align-items: center;
justify-content: center;
width: 1.9375em;
height: 1.9375em;
background-color: #32679a;
color: #fff;
font-size: 3em;
font-weight: 500;
border-radius: 50%
}
.pfm-content {
text-align: center
}
@media (min-width:60em) {
.pfm-content {
flex-grow: 1;
flex-basis: 50%;
padding-left: 2.25em;
text-align: left
}
.pfm-content p {
margin: 0
}
}
@media (min-width:60em) {
.pfm-count {
flex-grow: 1;
flex-basis: 50%;
position: relative
}
.pfm-count:before {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 50%;
height: 1px;
border-top: 1px dashed #000
}
.pfm-count:after {
content: "";
position: absolute;
top: 50%;
right: -9.5px;
transform: translateY(-50%);
width: 1.1875em;
height: 1.1875em;
border-radius: 50%;
background-color: #32679a;
z-index: 1
}
}
.key-benefits.kb-dark-bg {
color: #fff
}
.key-benefits.kb-dark-bg .soft-sol-heading {
color: #fff
}
.key-benefits.kb-dark-bg .soft-sol-heading:after {
background-color: #fff
}
.key-benefits.kb-dark-bg .kbm-desc {
color: #fff
}
.key-benefits.kb-dark-bg .kbm-title {
color: #fff
}
.key-benefits .inner-wrap,
.key-benefits .inner-wrap-narrow,
.key-benefits .inner-wrap-wide,
.key-benefits .inner-wrap-fullwidth {
padding-top: 4.375em;
padding-bottom: 4.375em
}
@media (min-width:60em) {
.key-benefits.kb-dark-bg .kbm-item {
border-bottom: 0
}
.key-benefits.kb-dark-bg .kbm-item:after {
border-right: 1px solid rgba(255, 255, 255, .75)
}
}
.kbm-desc {
margin: 2em 0 3em
}
.kbm-wrap {
text-align: center;
display: flex;
flex-wrap: wrap;
row-gap: 1.25em;
justify-content: center
}
.kbm-item {
padding: 1.25em;
width: 50%
}
.kbm-item:last-child {
border-bottom: 0
}
@media (min-width:40em) {
.kbm-item {
width: 33.33%
}
}
@media (min-width:60em) {
.kbm-item {
width: 20%;
position: relative;
border: 0;
padding: .6875em 0
}
.kbm-item:after {
content: "";
position: absolute;
bottom: .6875em;
right: 0;
width: 1px;
height: calc(100% - 55px);
border-right: 1px solid rgba(112, 112, 112, .5)
}
.kbm-item:nth-of-type(5n):after {
display: none
}
.kbm-item:last-child:after {
display: none
}
}
.kbm-img {
height: 4.4375em;
display: flex;
align-items: center;
justify-content: center
}
.kbm-img img {
display: block;
margin: auto;
max-height: 4.4375em
}
.kbm-title {
display: block;
font-size: 1.125em;
font-weight: 700;
line-height: normal;
margin-top: 1.2222222222em;
padding: 0 .4444444444em;
color: #333C52
}
@media (min-width:60em) {
.kbm-title {
border: 0
}
}
.tools-tech-module.ttm-dar-bg .ttm-item {
background-color: #fff
}
.tools-tech-module .inner-wrap,
.tools-tech-module .inner-wrap-narrow,
.tools-tech-module .inner-wrap-wide,
.tools-tech-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.ttm-desc {
margin: 2em 0 3em
}
.ttm-wrap {
display: flex;
gap: .9375em;
flex-direction: column;
justify-content: center
}
.ttm-wrap.ttm-wrap-layout-2 .ttm-list {
padding-left: 0
}
.ttm-wrap.ttm-wrap-layout-2 .ttm-list li:not([class]) {
margin-bottom: .4444444444em;
padding: 0;
padding-left: .8888888889em;
display: block;
background-color: transparent;
border-radius: 0;
box-shadow: none;
position: relative;
border: 0
}
.ttm-wrap.ttm-wrap-layout-2 .ttm-list li:not([class]):last-child {
margin-bottom: 0
}
.ttm-wrap.ttm-wrap-layout-2 .ttm-list li:not([class]):after {
content: "";
position: absolute;
background-color: transparent;
width: .3333333333em;
height: .3333333333em;
border-radius: 50%;
background-color: #32679a;
background-size: contain;
background-repeat: no-repeat;
top: .6111111111em;
left: 0
}
@media (min-width:40em) {
.ttm-wrap.ttm-wrap-layout-2 .ttm-list {
column-count: 2
}
.ttm-wrap.ttm-wrap-layout-2 .ttm-list li {
padding-right: .2222222222em
}
}
@media (min-width:60em) {
.ttm-wrap {
flex-wrap: wrap;
flex-direction: row
}
}
@media (min-width:80em) {
.ttm-wrap.ttm-wrap-layout-2 .ttm-list {
column-count: 3
}
}
.ttm-item {
padding: 1.1875em 1.3125em 4.375em;
background-color: #F6F6F6
}
@media (min-width:60em) {
.ttm-item {
width: 49%
}
}
.ttm-title-wrap {
display: flex;
align-items: center;
margin-bottom: 1.4375em
}
.ttm-ico {
display: inline-block;
width: 3.75em;
text-align: center;
margin-right: .875em
}
.ttm-ico img {
display: block;
margin: auto;
max-height: 3.75em
}
.ttm-title {
margin-top: 0;
margin-bottom: 0
}
.ttm-list li {
display: inline-block;
background-color: #fff;
box-shadow: 0 3px 6px #00000029;
border: 1px solid #FFF;
border-radius: 2.7777777778em;
font-size: 1.125em;
padding: .3888888889em .8888888889em;
line-height: 1.5555555556em;
color: #000;
margin-bottom: .6666666667em;
margin-right: .5555555556em
}
.him-items a {
color: #333;
display: block;
padding: 2.25em 1.875em .625em 1.875em;
height: 100%
}
.why-techosoft-module {
background: transparent linear-gradient(180deg, #045099 0%, #044B8FDD 52%, #02284D87 100%) 0% 0% no-repeat padding-box;
background-size: cover
}
.why-techosoft-module .inner-wrap,
.why-techosoft-module .inner-wrap-narrow,
.why-techosoft-module .inner-wrap-wide,
.why-techosoft-module .inner-wrap-fullwidth {
padding-top: 3.75em;
padding-bottom: 4.375em
}
.why-techosoft-module .soft-sol-heading {
color: #fff
}
.why-techosoft-module .soft-sol-heading:after {
background-color: #fff
}
.why-techosoft-module h3 {
color: #fff
}
.wtm-desc {
margin-top: 2em;
color: #fff
}
.wtm-desc ul:not([class]) {
text-align: left;
padding-left: 0
}
.wtm-desc ul:not([class]) li:not([class]) {
color: #fff;
margin-bottom: 10px;
padding-left: 38px
}
.wtm-desc ul:not([class]) li:not([class]):after {
background-color: transparent;
width: 28px;
height: 28px;
background-image: url(../../../../../../themes/technosoft-default/img/check-mark-white.html);
background-size: contain;
background-repeat: no-repeat;
top: .9444444444em;
transform: translateY(-50%)
}
.wtm-wrap {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin-top: 1.75em
}
.wtm-item {
border: 1px solid rgba(255, 255, 255, .45);
padding: 3.375em 2em;
position: relative;
display: flex;
align-items: center
}
.wtm-item:before {
content: "";
position: absolute;
top: -1.6875em;
left: -1.6875em;
width: 0;
height: 0;
border: solid transparent;
border-bottom-color: #F6F6F6;
border-width: 1.6875em;
transform: rotate(-45deg)
}
@media (min-width:40em) {
.wtm-item {
width: calc(50% - 8px)
}
}
@media (min-width:60em) {
.wtm-item {
width: calc(25% - 12px)
}
}
.wtm-title {
font-family: HelveticaNeue;
color: #fff;
font-weight: 700;
font-size: 1.125em
}
.data-management-module.ddm-dark {
color: #fff
}
.data-management-module.ddm-dark .soft-sol-heading {
color: #fff
}
.data-management-module.ddm-dark .soft-sol-heading:after {
background-color: #fff
}
.data-management-module.ddm-dark .dmm-title {
color: #fff
}
.data-management-module.ddm-dark .dmm-content {
color: #fff
}
.data-management-module.ddm-dark .dmm-wrap-outer {
background-color: transparent
}
.data-management-module.ddm-dark .dmm-wrap-outer:before {
background-color: transparent
}
.data-management-module .inner-wrap,
.data-management-module .inner-wrap-narrow,
.data-management-module .inner-wrap-wide,
.data-management-module .inner-wrap-fullwidth {
padding-bottom: 0
}
.dmm-desc {
margin: 2em 0 3em
}
.dmm-wrap-outer {
background-color: #F6F6F6;
padding: 3.375em 0;
position: relative
}
.dmm-wrap-outer:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 300%;
height: 100%;
background-color: #F6F6F6
}
.dmm-wrap-outer>* {
position: relative;
z-index: 1
}
.dmm-wrap-outer>div>*:first-child {
margin-top: 0
}
.dmm-wrap {
display: flex;
flex-wrap: wrap;
row-gap: 1.5em
}
@media (min-width:40em) {
.dmm-wrap {
column-gap: 1%
}
}
@media (min-width:60em) {
.dmm-wrap {
column-gap: 6%
}
.dmm-wrap.dmm-wrap-2 .dmm-item {
width: 47%
}
.dmm-wrap.dmm-wrap-3 .dmm-item {
width: 29%
}
}
.dmm-item {
width: 100%;
text-align: center
}
@media (min-width:40em) {
.dmm-item {
width: 49%;
text-align: left
}
}
@media (min-width:60em) {
.dmm-item {
width: 20%
}
}
.dmm-img {
height: 3.125em;
display: flex;
align-items: center
}
.dmm-img img {
display: block;
max-height: 3.125em;
margin: auto
}
@media (min-width:40em) {
.dmm-img img {
margin: 0
}
}
.dmm-title {
display: block;
font-size: 1.125em;
font-weight: 700;
color: #333c52;
margin-top: .8888888889em
}
.dmm-content {
color: #333c52
}
.publishing-services {
background-color: #F6F6F6
}
.publishing-services.ps-dark-bg {
color: #fff
}
.publishing-services.ps-dark-bg .soft-sol-heading {
color: #fff
}
.publishing-services.ps-dark-bg .soft-sol-heading:after {
background-color: #fff
}
.publishing-services.ps-dark-bg h3 {
color: #fff
}
.publishing-services .inner-wrap,
.publishing-services .inner-wrap-narrow,
.publishing-services .inner-wrap-wide,
.publishing-services .inner-wrap-fullwidth {
padding-bottom: 4em
}
.ps-desc {
margin: 2em 0 3em
}
.ps-item {
border-top: 1px solid #C6C6C6;
padding: 0 0 .25em
}
.ps-item:last-child {
border-bottom: 1px solid #C6C6C6
}
.ps-item h3 {
margin-top: 15px;
margin-bottom: 0;
display: flex;
align-items: center
}
.ps-item p {
margin-top: 10px;
margin-bottom: 15px
}
@media (min-width:60em) {
.ps-item h3 {
font-size: 1.375em
}
}
.ps-wrap {
margin-top: 3.125em
}
.ps-wrap .asmc-inner {
background-position: left bottom
}
@media (min-width:60em) {
.ps-wrap {
flex-direction: row-reverse
}
.ps-wrap .asm-content {
margin-left: 0;
margin-right: -2.5em
}
}
.get-in-touch-fwc {
background-size: cover;
background-position: center;
text-align: center;
position: relative
}
.get-in-touch-fwc:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #F6F6F6;
opacity: .91
}
.get-in-touch-fwc>* {
position: relative;
z-index: 1
}
.breadcrumb-menu a {
text-decoration: none;
}
.get-in-touch-fwc .inner-wrap,
.get-in-touch-fwc .inner-wrap-narrow,
.get-in-touch-fwc .inner-wrap-wide,
.get-in-touch-fwc .inner-wrap-fullwidth {
padding-top: 2.75em;
padding-bottom: 2.75em
}
.gifwc-wrap {
margin: auto
}
.gifwc-wrap .btn-alt,
.gifwc-wrap .btn-alt-download,
.gifwc-wrap .btn-alt-arrow {
text-transform: capitalize
}
.gitfwc-desc {
position: relative;
padding-bottom: 1px;
margin-bottom: 1em
}
.gitfwc-heading {
margin-top: 0;
padding-bottom: 0
}
.gitfwc-heading:after {
display: none
}
@media (min-width:60em) {
.gitfwc-heading {
font-size: 1.5625em
}
}
.content-creation-module.add-bottom-padding .inner-wrap,
.content-creation-module.add-bottom-padding .inner-wrap-narrow,
.content-creation-module.add-bottom-padding .inner-wrap-wide,
.content-creation-module.add-bottom-padding .inner-wrap-fullwidth {
padding-bottom: 5em
}
.content-creation-module .inner-wrap,
.content-creation-module .inner-wrap-narrow,
.content-creation-module .inner-wrap-wide,
.content-creation-module .inner-wrap-fullwidth {
padding-bottom: 0
}
.content-creation-module ul:not([class]) {
padding-left: 0
}
.content-creation-module ul:not([class]) li:not([class]) {
margin-bottom: 10px;
padding-left: 38px
}
.content-creation-module ul:not([class]) li:not([class]):last-child {
margin-bottom: 0
}
.content-creation-module ul:not([class]) li:not([class]):after {
background-color: transparent;
width: 28px;
height: 28px;
background-image: url(../../../../../../themes/technosoft-default/img/check-mark-orange.html);
background-size: contain;
background-repeat: no-repeat;
top: .2222222222em
}
.ccm-subheading {
text-align: center
}
@media (min-width:60em) {
.ccm-subheading {
font-size: 1.5625em
}
}
.ccm-desc {
margin: 2em 0 1em
}
.ccm-wrap {
max-width: 60.125em;
margin: auto;
position: relative;
padding: 2.5em 0;
row-gap: 1.25em;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.ccm-wrap:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 300%;
height: 100%;
background-color: #F6F6F6
}
.ccm-wrap>* {
position: relative;
z-index: 1
}
@media (min-width:40em) {
.ccm-wrap {
row-gap: 2.5em
}
}
.ccm-item {
padding: 0 1em;
width: 50%
}
@media (min-width:40em) {
.ccm-item {
width: 30%;
margin: 0
}
}
@media (min-width:60em) {
.ccm-item {
width: 25%;
position: relative
}
.ccm-item:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 0;
width: 1px;
height: calc(100% - 11px);
background-color: #333c52;
opacity: .5
}
.ccm-item:nth-of-type(4n):after,
.ccm-item:last-child:after {
display: none
}
}
.ccm-img {
height: 5.625em;
display: flex;
align-items: center;
justify-content: center
}
.ccm-img img {
display: block;
max-height: 5.625em
}
.ccm-title {
display: block;
text-align: center;
font-size: 1.125em;
font-family: HelveticaNeue;
color: #333c52;
line-height: 1.5555555556em;
font-weight: 700;
margin-top: .8888888889em
}
.ccm-content {
position: relative;
max-width: 60.125em;
margin: auto;
padding: 0 0 2.5em;
text-align: center
}
.ccm-content:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 300%;
height: 100%;
background-color: #F6F6F6
}
.ccm-content>* {
position: relative;
z-index: 1
}
.ccm-content p:first-child {
margin-top: 0
}
.ccm-content p:last-child {
margin-bottom: 0
}
.tool-software-module.ttm-dar-bg .tsm-list li {
background-color: #fff
}
.tool-software-module .soft-sol-heading {
margin-bottom: 0
}
.tsm-desc {
margin: 2em 0 0
}
.tsm-desc p:last-child {
margin-bottom: 0
}
.tsm-list {
margin-top: 3em;
display: flex;
flex-wrap: wrap;
justify-content: center
}
.tsm-list li {
background-color: #F6F6F6;
width: 100%;
margin: .1875em
}
.tsm-list li:last-child {
margin-bottom: 0
}
.tsm-list li span {
font-size: 1.125em;
display: block;
flex-grow: 1;
text-transform: capitalize
}
.tsm-list li>div,
.tsm-list li>a {
padding: 1em;
flex-basis: 45%;
display: flex;
align-items: center;
text-decoration: none;
color: #333
}
@media (min-width:40em) {
.tsm-list li {
flex-basis: 48.9%
}
.tsm-list li>a:hover {
color: #32679a
}
}
@media (min-width:60em) {
.tsm-list {
gap: .5em
}
.tsm-list li {
flex-basis: 32.5%;
margin: 0
}
}
.tsm-img {
width: 3.25em;
text-align: center;
margin-right: 1.125em;
height: 2.75em;
display: flex;
align-items: center;
justify-content: center
}
.tsm-img img {
display: block;
margin: auto;
max-height: 2.75em
}
.r-tabs .r-tabs-nav li {
display: block;
margin-bottom: .625em
}
.r-tabs .r-tabs-nav li:last-child {
magin-bottom: 0
}
.r-tabs .r-tabs-nav li.r-tabs-state-active .r-tabs-anchor {
color: #fff;
background-color: #024E98;
position: relative
}
.r-tabs .r-tabs-nav li.r-tabs-state-active .r-tabs-anchor:after {
opacity: 1
}
.r-tabs .r-tabs-nav li.r-tabs-state-active .vtm-icon-off {
display: none
}
.r-tabs .r-tabs-nav li.r-tabs-state-active .vtm-icon-on {
display: block
}
@media (min-width:60em) {
.r-tabs .r-tabs-nav {
width: 29%;
padding-right: 1.5em !important
}
}
@media (min-width:60em) {
.r-tabs {
display: flex
}
}
.r-tabs-panel {
padding: .9375em 1.875em !important;
background-color: #F6F6F6
}
.r-tabs-panel.r-tabs-state-active {
position: relative
}
.r-tabs-panel p {
margin-top: 0
}
.r-tabs-panel p:first-child {
margin-top: 0
}
.r-tabs-panel p:last-child {
margin-bottom: 0
}
.r-tabs-panel>*:first-child {
margin-top: 0
}
.r-tabs-panel span {
margin-right: 1em
}
.r-tabs-panel span:last-child {
margin-right: 0
}
@media (min-width:60em) {
.r-tabs-panel {
width: 71%;
border-radius: .875em;
box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}
}
.r-tabs-accordion-title {
margin-bottom: .625em
}
.r-tabs-accordion-title:last-child {
margin-bottom: 0
}
.r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
color: #fff;
background-color: #024E98
}
.r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:after {
background-image: url(../../../../../../themes/technosoft-default/img/ico-minus.svg)
}
.r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor .vtm-icon-off {
display: none
}
.r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor .vtm-icon-on {
display: block
}
.r-tabs-anchor {
display: block;
color: #024E98;
font-family: HelveticaNeue;
font-weight: 400;
font-size: 1.5625em;
text-decoration: none;
padding: .6em 0;
padding-left: 2.88em;
border: 1px solid #024E98;
border-radius: .56em;
position: relative;
transition: 0.25s all linear
}
.r-tabs-anchor:after {
content: "";
background-image: url(../../../../../../themes/technosoft-default/img/ico-plus-blue.html);
color: #fff;
padding-left: 8px;
position: absolute;
right: 1em;
width: 13px;
height: 13px;
background-size: 13px 13px;
background-repeat: no-repeat;
top: 50%;
transform: translateY(-50%);
transition: 0.25s all linear
}
.r-tabs-anchor:hover {
color: #024E98
}
@media (min-width:60em) {
.r-tabs-anchor:after {
left: 100%;
top: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(2, 78, 152, 0);
border-left-color: #024E98;
border-width: 14px;
margin-top: -14px;
transform: none;
opacity: 0;
background-image: none
}
.r-tabs-anchor:hover,
.r-tabs-anchor:focus {
color: #fff;
background-color: #024E98
}
.r-tabs-anchor:hover:after,
.r-tabs-anchor:focus:after {
opacity: 1
}
.r-tabs-anchor:hover .vtm-icon-off,
.r-tabs-anchor:focus .vtm-icon-off {
display: none
}
.r-tabs-anchor:hover .vtm-icon-on,
.r-tabs-anchor:focus .vtm-icon-on {
display: block
}
}
.vtm-icon {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 1.08em;
width: 1.36em;
height: 1em;
background-size: contain;
background-position: center;
display: flex;
align-items: center;
justify-content: center
}
.vtm-icon-off {
display: block;
max-height: 1em
}
.vtm-icon-on {
display: none;
max-height: 1em
}
.contact-phone {
display: inline-block;
position: relative;
padding-left: 1.3333333333em
}
.contact-phone:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
width: 1.1111111111em;
height: 1.1111111111em;
border-radius: 50%;
background-image: url(../../../../../../themes/technosoft-default/img/call.html);
background-repeat: no-repeat;
background-position: center;
background-size: .6111111111em;
background-color: #32679a
}
.contact-phone a {
color: #000;
text-decoration: none
}
.contact-phone a:hover,
.contact-phone a:focus {
color: #32679a
}
.contact-email {
display: inline-block;
position: relative;
padding-left: 1.3333333333em
}
.contact-email:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
width: 1.1111111111em;
height: 1.1111111111em;
border-radius: 50%;
background-image: url(../../../../../../themes/technosoft-default/img/email.html);
background-repeat: no-repeat;
background-position: center;
background-size: .6111111111em;
background-color: #32679a
}
.contact-email a {
color: #000;
text-decoration: none
}
.contact-email a:hover,
.contact-email a:focus {
color: #32679a
}
.wm-content {
margin-top: 2em
}
.wm-content ul:not([class]) {
padding-left: 0
}
.wm-content ul:not([class]) li:not([class]) {
font-size: 1.0625em;
line-height: 1.5882352941em;
padding-left: 2.2352941176em;
padding-top: 1.1764705882em;
padding-bottom: 1.1764705882em;
border-top: 1px solid #C6C6C6
}
.wm-content ul:not([class]) li:not([class]):last-child {
border-bottom: 1px solid #C6C6C6
}
.wm-content ul:not([class]) li:not([class]):after {
background-color: transparent;
width: 1.6470588235em;
height: 1.6470588235em;
background-image: url(../../../../../../themes/technosoft-default/img/check-mark-orange.html);
background-size: contain;
background-repeat: no-repeat;
top: 1.1764705882em
}
.wm-desc {
text-align: center;
margin: 2em 0 0
}
.offered-module {
background-color: #F6F6F6
}
.om-desc {
margin: 2em 0 3em
}
.om-wrap {
position: relative
}
.om-wrap:before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 300%;
height: 100%;
background-color: #333c52
}
.om-wrap>* {
position: relative;
z-index: 1
}
@media (min-width:60em) {
.om-wrap {
display: flex
}
}
.om-item {
padding: 1.25em 0;
color: #fff
}
.om-item ul:not([class]) {
text-align: left;
padding-left: 0
}
.om-item ul:not([class]) li:not([class]) {
color: #fff;
margin-bottom: .5555555556em;
padding-left: 2.1111111111em;
color: #fff
}
.om-item ul:not([class]) li:not([class]):after {
background-color: transparent;
width: 1.5555555556em;
height: 1.5555555556em;
background-image: url(../../../../../../themes/technosoft-default/img/check-mark-white.html);
background-size: contain;
background-repeat: no-repeat;
top: .9444444444em;
transform: translateY(-50%)
}
@media (min-width:60em) {
.om-item {
border-right: 1px solid #9F9999;
padding: 1.25em 2.5em;
flex-grow: 1;
flex-basis: 0%
}
.om-item:last-child {
border-right: 0;
padding-right: 0
}
.om-item:first-child {
padding-left: 0
}
}
.om-heading {
color: #fff
}
@media (min-width:60em) {
.om-heading {
font-size: 1.25em
}
}
.industry-module {
background-size: 100%;
background-color: #f2f2f2;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative
}
.industry-module:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #333c52;
opacity: .8
}
.industry-module>* {
position: relative;
z-index: 1
}
.industry-module .inner-wrap,
.industry-module .inner-wrap-narrow,
.industry-module .inner-wrap-wide,
.industry-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.im-heading-wrap {
text-align: center;
color: #fff;
max-width: 50em;
margin: auto;
margin-bottom: 2.5em
}
.im-heading {
color: #fff
}
@media (min-width:60em) {
.im-heading {
margin: 0
}
}
.im-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
@media (min-width:60em) {
.im-wrap {
gap: 1.5em
}
}
.im-link {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: .375em;
color: #fff;
background: transparent;
border: 1px solid rgba(255, 255, 255, .65);
padding: 1.25em;
max-width: 16.5em;
width: 100%;
height: 17em;
text-decoration: none;
text-align: center;
transition: 0.25s all linear;
position: relative;
overflow: hidden;
margin: .75em;
background-image: none !important
}
@media (min-width:60em) {
.im-link {
margin: 0
}
.im-link:hover,
.im-link:focus {
border: 0;
color: #fff;
transform: scale(1.05)
}
.im-link:hover .im-hover,
.im-link:focus .im-hover {
visibility: visible;
top: 0
}
}
.im-img {
display: flex;
align-items: center;
justify-content: center;
width: 7.25em;
height: 7.25em;
border-radius: 50%;
background-color: #fff;
position: relative;
margin-bottom: .8125em
}
.im-img span {
display: flex;
align-items: center;
justify-content: center;
width: 5.4375em;
height: 5.4375em;
border-radius: 50%;
background-color: #fff
}
.im-img img {
display: block;
max-height: 3.375em;
width: auto !important;
height: auto !important
}
.im-title {
display: block;
font-size: 1.25em;
color: #fff
}
.im-hover {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #e63c24;
transition: 0.25s all linear;
padding: 1.25em;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.imh-title {
display: block;
font-size: 1.25em;
font-weight: 600;
margin-bottom: .5em;
line-height: normal
}
.btn-imh {
font-size: 1em;
border: 1px solid #fff;
color: #fff;
font-weight: 600;
background-color: transparent;
min-width: inherit;
padding: .5625em 1.5625em;
margin-top: .75em
}
.btn-imh:hover {
background-color: transparent
}
.about-us-module {
background-color: #04243c;
content-visibility: inherit !important
}
.about-us-module .inner-wrap,
.about-us-module .inner-wrap-narrow,
.about-us-module .inner-wrap-wide,
.about-us-module .inner-wrap-fullwidth {
padding-top: 4.375em;
padding-bottom: 4.375em
}
.aum-main {
text-align: center
}
@media (min-width:60em) {
.aum-main {
display: flex;
align-items: center;
column-gap: 1.5em;
text-align: left
}
}
.aum-heading {
color: #fff
}
@media (min-width:60em) {
.aum-heading {
text-align: left
}
.aum-heading:after {
margin: 0
}
}
@media (min-width:60em) {
.aum-main-content {
width: calc(100% - 28.5em)
}
}
.aum-img {
text-align: center;
padding: .25em;
position: relative;
display: inline-block
}
.aum-img:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 3em;
height: 3em;
border-style: solid;
border-width: 1px 0 0 1px;
border-color: #fff
}
.aum-img:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 3em;
height: 3em;
border-style: solid;
border-width: 0 1px 1px 0;
border-color: #fff
}
.aum-img img {
display: block
}
@media (min-width:60em) {
.aum-img {
max-width: 28.5em;
width: 100%
}
}
.aum-wrap {
border-radius: .5em;
background-color: #04243c;
width: calc(100% - 32px);
margin: auto;
position: relative;
z-index: 1;
padding: 2em;
margin-bottom: -10.4375em
}
.aum-wrap:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-image: url(../../../../../../themes/technosoft-default/img/value-prop-bg-pattern.html);
background-repeat: no-repeat;
background-position: center right;
opacity: .2
}
@media (min-width:40em) {
.aum-wrap {
display: flex;
flex-wrap: wrap;
row-gap: 2.5em
}
}
@media (min-width:60em) {
.aum-wrap {
max-width: 93.0625em;
width: calc(100% - 48px);
padding: 4.375em
}
}
.aum-item {
text-align: center;
margin-bottom: 2em;
position: relative;
z-index: 1
}
.aum-item:last-child {
margin-bottom: 0
}
@media (min-width:40em) {
.aum-item {
display: flex;
text-align: left;
width: 50%;
align-items: center;
gap: 1.375em;
margin-bottom: 0
}
}
@media (min-width:60em) {
.aum-item {
width: 33.33%
}
}
.aum-title {
display: block;
font-weight: 700;
font-family: HelveticaNeue;
font-size: 1.25em
}
@media (min-width:60em) {
.aum-title {
font-size: 1.5em
}
}
.aum-desc {
display: block;
font-size: 1.125em
}
.get-in-touch-module {
background-color: #E4E4E4
}
.get-in-touch-module .inner-wrap,
.get-in-touch-module .inner-wrap-narrow,
.get-in-touch-module .inner-wrap-wide,
.get-in-touch-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em;
max-width: 96.0625em
}
.home .gray-services-accordions {
padding-top: 10.4375em
}
.gitm-wrap {
background-color: #fff;
border-radius: .5em;
position: relative;
overflow: hidden;
padding: 2.5em;
box-shadow: 0 3px 6px rgba(0, 0, 0, .16)
}
.gitm-wrap:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../../../../../../themes/technosoft-default/img/get-in-touch-bg-pattern.html);
background-position: bottom center;
background-size: cover
}
.gitm-wrap>* {
position: relative;
z-index: 1
}
@media (min-width:60em) {
.gitm-wrap {
padding: 5em
}
}
.wpcf7 {
margin-top: 2em
}
.wpcf7 .wpcf7-form p {
margin-bottom: 0
}
.wpcf7 label {
font-size: 16px !important;
margin-bottom: 8px !important
}
.wpcf7 .wpcf7-text,
.wpcf7 textarea,
.wpcf7 select {
background-color: #F4F4F4;
border: 0 !important;
border-bottom: 2px solid #32679a !important;
font-size: 18px !important;
color: #333c52
}
.wpcf7 .wpcf7-text::placeholder,
.wpcf7 textarea::placeholder,
.wpcf7 select::placeholder {
font-size: 18px !important;
color: #333c52
}
.wpcf7 input[type=submit] {
border: 2px solid #32679a
}
.wpcf7 input[type=submit]:hover,
.wpcf7 input[type=submit]:focus {
background-color: transparent;
color: #32679a
}
.gitm-heading-wrap {
margin-bottom: 1.5em
}
@media (min-width:40em) {
.gitm-heading-wrap {
display: flex;
align-items: center;
gap: 1.5em
}
}
.gitm-heading {
padding-bottom: 0
}
.gitm-heading:after {
display: none
}
@media (min-width:40em) {
.gitm-heading {
margin: 0;
text-align: left
}
}
@media (min-width:40em) {
.gitm-desc {
border-left: 1px solid rgba(51, 60, 82, .35);
padding-left: 1.5em
}
}
.blog-module {
background-size: cover;
background-position: center;
position: relative
}
.blog-module .inner-wrap,
.blog-module .inner-wrap-narrow,
.blog-module .inner-wrap-wide,
.blog-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.bm-content {
text-align: center
}
@media (min-width:60em) {
.bm-content {
text-align: left;
width: 25em;
float: left;
padding-right: 1.125em
}
}
@media (min-width:60em) {
.bm-listing {
width: 69%;
float: left;
position: absolute;
top: 5em;
right: 0
}
}
.bm-heading {
position: relative;
margin-top: 0;
padding-top: 16px;
padding-bottom: 0
}
.bm-heading:after {
display: none
}
.bm-heading:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 72px;
height: 2px;
background-color: #32679a
}
@media (min-width:60em) {
.bm-heading {
text-align: left
}
.bm-heading:before {
margin: 0
}
}
.bm-link {
text-decoration: none;
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 23.25em;
background-size: cover;
background-position: center;
position: relative;
padding: 2em 1.375em;
color: #fff
}
.bm-link:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent linear-gradient(180deg, #FFFFFF00 0%, #00000075 46%, #000000 100%) 0% 0% no-repeat padding-box;
opacity: .78;
transition: 0.25s all linear
}
.bm-link>* {
position: relative;
z-index: 1
}
@media (min-width:60em) {
.bm-link:hover,
.bm-link:focus {
color: #fff
}
.bm-link:hover:before,
.bm-link:focus:before {
background: #024E98 0% 0% no-repeat padding-box;
opacity: .84
}
}
.bm-title {
font-size: 1.125em;
font-weight: 700;
color: #fff;
line-height: 1.5555555556em;
margin-bottom: .5555555556em
}
.btn-bm {
background-color: transparent
}
.bm-item {
padding-left: 2px
}
.bm-item .post-meta {
display: flex;
align-items: center;
justify-content: space-between
}
.bm-item .post-date {
position: relative;
font-size: 1.125em;
padding-left: 1.1666666667em;
color: #fff;
background: url(../../../../../../themes/technosoft-default/img/noun-time.html) no-repeat center left
}
.bm-item .post-comment-count {
font-size: 1.125em;
padding-left: 1.1111111111em;
color: #fff;
background: url(../../../../../../themes/technosoft-default/img/noun-chat.html) no-repeat center left
}
.bm-item .post-count {
font-size: 1.125em;
padding-left: 1.1111111111em;
color: #fff;
background: url(../../../../../../themes/technosoft-default/img/noun-view.html) no-repeat center left;
margin-left: .4444444444em
}
@media (min-width:90em) {
.bm-item .post-count {
margin-left: 1.2222222222em
}
}
.bm-slider-arrows {
display: flex;
align-items: center;
justify-content: center;
margin: 1em 0
}
.bm-slider-arrows .slick-arrow {
font-size: 1em;
width: 1.9375em;
height: 1.8125em;
border-radius: 2px;
background-color: #32679a;
position: static;
transform: none;
background-position: center !important;
background-repeat: no-repeat !important;
margin: 0 .15625em
}
.bm-slider-arrows .slick-arrow:before {
display: none
}
.bm-slider-arrows .slick-arrow:hover,
.bm-slider-arrows .slick-arrow:focus {
background-color: #024e97
}
.bm-slider-arrows .slick-arrow.slick-prev {
background-image: url(../../../../../../themes/technosoft-default/img/noun-arrow-left.html);
margin-left: 0
}
.bm-slider-arrows .slick-arrow.slick-next {
background-image: url(../../../../../../themes/technosoft-default/img/noun-arrow-right.html);
margin-right: 0
}
@media (min-width:60em) {
.bm-slider-arrows {
margin: 0;
margin-top: 9.1875em;
justify-content: flex-end
}
}
.services-bucket {
background-color: #F3F3F3
}
.services-bucket>.inner-wrap,
.services-bucket>.inner-wrap-narrow,
.services-bucket>.inner-wrap-wide,
.services-bucket>.inner-wrap-fullwidth {
padding-bottom: 0
}
.services-bucket.services-alt-bg .sb-row:nth-child(odd) {
background-color: #fff
}
.services-bucket.services-alt-bg .sb-row:nth-child(odd) .sb-content {
background-color: #F3F3F3
}
.services-bucket.services-alt-bg .sb-row:nth-child(odd) .sb-content:before {
background-color: #F3F3F3
}
.sb-desc {
margin-top: 2em
}
.sb-desc p:last-child {
margin-bottom: 0
}
.sb-row {
background-color: #F3F3F3
}
.sb-row .inner-wrap,
.sb-row .inner-wrap-narrow,
.sb-row .inner-wrap-wide,
.sb-row .inner-wrap-fullwidth {
padding-top: 2em;
padding-bottom: 2em
}
@media (min-width:60em) {
.sb-row {
position: relative
}
.sb-row .inner-wrap,
.sb-row .inner-wrap-narrow,
.sb-row .inner-wrap-wide,
.sb-row .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.sb-row:nth-child(even) .sb-content {
float: right
}
.sb-row:nth-child(even) .sb-img {
right: auto;
left: 0
}
}
.sb-content {
background-color: #fff;
padding: 3.1875em 2em;
position: relative;
z-index: 1;
background-size: 214px;
background-image: url(../../../../../../themes/technosoft-default/img/honeycomb-1.html);
background-repeat: no-repeat;
background-position: bottom left;
position: relative
}
.sb-content:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: .9
}
.sb-content:after {
content: "";
position: absolute;
top: 3.1875em;
left: 0;
width: .375em;
height: 2.5em;
background-color: #32679a
}
.sb-content.sb-dark-content {
background-color: #F3F3F3
}
.sb-content.sb-dark-content:before {
background-color: #F3F3F3
}
.sb-content>* {
position: relative;
z-index: 1
}
.sb-content>*:first-child {
margin-top: 0
}
.sb-content ul:not([class]) {
padding-left: 0
}
.sb-content ul:not([class]) li:not([class]) {
margin-bottom: 10px;
padding-left: 38px
}
.sb-content ul:not([class]) li:not([class]):last-child {
margin-bottom: 0
}
.sb-content ul:not([class]) li:not([class]):after {
background-color: transparent;
width: 1.5555555556em;
height: 1.5555555556em;
background-image: url(../../../../../../themes/technosoft-default/img/check-mark-orange.html);
background-size: contain;
background-repeat: no-repeat;
top: .1666666667em
}
.sb-content h3 {
color: #024E98
}
@media (min-width:60em) {
.sb-content {
width: 66%
}
}
@media (min-width:80em) {
.sb-content {
padding: 3.1875em 2.375em 2.625em 5em;
margin: 3.75em 0 !important
}
}
.sb-title {
color: #024E98
}
@media (min-width:60em) {
.sb-title {
font-size: 2.125em
}
}
.sb-img img {
display: block;
margin: auto;
width: 100%;
height: 18.75em;
object-fit: cover
}
@media (min-width:60em) {
.sb-img {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
width: 50%;
height: calc(100% - 5em)
}
.sb-img img {
width: 100%;
height: 100%;
margin: auto;
object-fit: cover
}
}
@media (min-width:80em) {
.sb-img {
height: calc(100% - 10em)
}
}
.btn-sb {
background-color: transparent;
margin-top: .8888888889em
}
.value-proposition-module .inner-wrap,
.value-proposition-module .inner-wrap-narrow,
.value-proposition-module .inner-wrap-wide,
.value-proposition-module .inner-wrap-fullwidth {
padding-bottom: 5em
}
.vpm-short-desc {
margin-top: 2em
}
.vpm-wrap {
display: flex;
flex-wrap: wrap;
margin-top: 3.75em
}
@media (min-width:40em) {
.vpm-wrap {
gap: 1em
}
}
@media (min-width:60em) {
.vpm-wrap.vpm-wrap-2 .vpm-item {
width: calc(50% - 0.5em)
}
.vpm-wrap.vpm-wrap-3 .vpm-item {
width: calc(33.33% - 0.68em)
}
}
.vpm-item {
padding: .5625em;
border: 1px solid #CCC;
background-color: #fff;
width: 100%;
margin-bottom: 1em;
text-align: center
}
.vpm-item:last-child {
margin-bottom: 0
}
@media (min-width:40em) {
.vpm-item {
margin: 0;
width: calc(50% - 0.8em);
text-align: left
}
}
@media (min-width:60em) {
.vpm-item {
width: calc(25% - 0.75em)
}
}
.vpm-img {
background-color: #024E98;
display: flex;
align-items: center;
justify-content: center;
width: 5.3125em;
height: 5.3125em;
margin: auto
}
.vpm-img img {
display: block;
max-height: 3.5em
}
@media (min-width:40em) {
.vpm-img {
margin: 0
}
}
.vpm-title {
color: #024E98
}
@media (min-width:60em) {
.vpm-title {
font-size: 1.5em
}
}
@media (min-width:80em) {
.vpm-desc {
padding: 0 2.25em
}
}
.experts-module {
background-size: cover;
background-position: bottom center
}
.experts-module.em-dark-bg .soft-sol-heading,
.experts-module.em-dark-bg .em-desc {
color: #fff
}
.experts-module .inner-wrap,
.experts-module .inner-wrap-narrow,
.experts-module .inner-wrap-wide,
.experts-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.em-desc {
margin-top: 2em
}
.em-wrap {
display: flex;
flex-wrap: wrap;
margin-top: 3em
}
@media (min-width:60em) {
.em-wrap {
gap: 1em
}
.em-wrap.em-wrap-3 .em-item {
width: calc(33.33% - 0.666666625em)
}
}
.em-item {
background-color: #fff;
padding: 1em 1.5em;
display: flex;
flex-grow: 1;
width: 100%;
border: 1px solid #ccc;
margin-bottom: 1em
}
.em-item:last-child {
margin-bottom: 0
}
.em-item.dark-bg-em-item {
background-color: #F3F3F3;
border: 0
}
.em-item.em-item-border {
border: 0
}
.em-item.em-item-center {
align-items: center
}
.em-item.em-item-center .em-title {
margin-bottom: 0
}
@media (min-width:60em) {
.em-item {
margin: 0;
gap: 1em;
padding: 3.0625em 1.5em;
width: calc(50% - 0.8em);
flex-grow: inherit
}
}
.em-img {
width: 3.5em;
margin-right: 1em
}
.em-img img {
display: block;
max-height: 3.5em;
margin: auto
}
@media (min-width:60em) {
.em-img {
margin: 0
}
}
.em-content {
width: calc(100% - 71px)
}
.em-content>*:first-child {
margin-top: 0
}
.em-title {
margin-top: 0;
color: #024E98
}
@media (min-width:60em) {
.em-title {
font-size: 1.5em
}
}
.solution-module.sm-dark-bg .sol-content {
background-color: #fff
}
.solution-module.sm-dark-bg .sol-content:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: #fff
}
@media (min-width:60em) {
.solution-module.sm-dark-bg .sm-row:nth-child(odd) .sol-content:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff
}
.solution-module.sm-dark-bg .sol-content:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #fff
}
}
.solution-module.sol-alt-bg .sm-row:nth-child(odd) {
background-color: #F3F3F3
}
.solution-module.sol-alt-bg .sm-row:nth-child(odd) .sol-content {
background-color: #fff
}
.solution-module.sol-alt-bg .sm-row:nth-child(odd) .sol-content:after {
border-top-color: #fff
}
.solution-module.sol-alt-bg .sm-row .inner-wrap,
.solution-module.sol-alt-bg .sm-row .inner-wrap-narrow,
.solution-module.sol-alt-bg .sm-row .inner-wrap-wide,
.solution-module.sol-alt-bg .sm-row .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
@media (min-width:60em) {
.solution-module.sol-alt-bg .sm-row:nth-child(odd) .sol-content:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #fff
}
}
.solution-module.sol-alt-bg .sol-content {
background-color: #F3F3F3
}
.solution-module.sol-alt-bg .sol-content:after {
border-color: rgba(243, 243, 243, 0);
border-top-color: #F3F3F3
}
@media (min-width:60em) {
.solution-module.sol-alt-bg .sol-content:after {
border-color: rgba(243, 243, 243, 0);
border-left-color: #F3F3F3
}
}
.sm-row>*:first-child {
margin-top: 0
}
.sm-row:last-child .inner-wrap,
.sm-row:last-child .inner-wrap-narrow,
.sm-row:last-child .inner-wrap-wide,
.sm-row:last-child .inner-wrap-fullwidth {
padding-bottom: 3.75em
}
.sm-row .inner-wrap,
.sm-row .inner-wrap-narrow,
.sm-row .inner-wrap-wide,
.sm-row .inner-wrap-fullwidth {
padding-top: 1.875em;
padding-bottom: 1.875em
}
@media (min-width:60em) {
.sm-row:nth-child(odd) .sol-wrap {
flex-direction: row-reverse
}
.sm-row:nth-child(odd) .sol-content:after {
left: auto;
right: 100%;
border-color: rgba(255, 255, 255, 0);
border-right-color: #F3F3F3
}
}
.sol-desc {
margin-top: 2em
}
.sol-wrap {
margin-top: 3em
}
@media (min-width:60em) {
.sol-wrap {
display: flex
}
.sol-wrap>div {
flex-grow: 1;
flex-basis: 50%
}
}
.sol-content {
padding: 2.8125em 2em;
position: relative;
background-color: #F3F3F3
}
.sol-content:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
border: solid transparent;
height: 0;
width: 0;
pointer-events: none;
border-color: rgba(243, 243, 243, 0);
border-top-color: #F3F3F3;
border-width: 1.5em;
margin-left: -1.5em;
z-index: 1
}
.sol-content>*:first-child {
margin-top: 0
}
.sol-content>*:last-child {
margin-bottom: 0
}
.sol-content ul:not([class]) li:not([class]):after {
background-color: #32679a
}
@media (min-width:60em) {
.sol-content:after {
left: 100%;
top: 4.3125em;
border-color: rgba(243, 243, 243, 0);
border-left-color: #F3F3F3;
margin-left: 0;
margin-top: -24px
}
}
@media (min-width:80em) {
.sol-content {
padding: 2.8125em 4em
}
}
.sol-title {
color: #024E98
}
@media (min-width:60em) {
.sol-title {
font-size: 1.875em
}
}
.sol-img {
position: relative
}
.sol-img img {
display: block;
width: 100%;
object-fit: cover
}
@media (min-width:60em) {
.sol-img img {
position: absolute;
width: 100%;
height: 100%;
top: -100%;
left: -100%;
bottom: -100%;
right: -100%;
margin: auto
}
}
.connectivity-content-module.rt-space .inner-wrap,
.connectivity-content-module.rt-space .inner-wrap-narrow,
.connectivity-content-module.rt-space .inner-wrap-wide,
.connectivity-content-module.rt-space .inner-wrap-fullwidth {
padding-top: 0
}
.connectivity-content-module.rb-space .inner-wrap,
.connectivity-content-module.rb-space .inner-wrap-narrow,
.connectivity-content-module.rb-space .inner-wrap-wide,
.connectivity-content-module.rb-space .inner-wrap-fullwidth {
padding-bottom: 0
}
.connectivity-content-module .inner-wrap,
.connectivity-content-module .inner-wrap-narrow,
.connectivity-content-module .inner-wrap-wide,
.connectivity-content-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.con-wrap {
background-color: #F3F3F3;
text-align: center;
padding: 3em 4em
}
.con-wrap.ccm-dark {
background-color: #024e97;
color: #fff
}
.con-wrap>*:first-child {
margin-top: 0
}
.con-wrap a {
color: #32679a;
font-weight: 700;
text-decoration: none
}
.con-wrap a:hover {
color: #024E98
}
.con-heading {
color: #024E98
}
@media (min-width:60em) {
.con-heading {
font-size: 1.875em
}
}
.cloud-services-module {
background-color: #F3F3F3
}
.cloud-services-module.rt-space .inner-wrap,
.cloud-services-module.rt-space .inner-wrap-narrow,
.cloud-services-module.rt-space .inner-wrap-wide,
.cloud-services-module.rt-space .inner-wrap-fullwidth {
padding-top: 0
}
.cloud-services-module.rt-space .clsm-wrap {
margin-top: 0 !important
}
.cloud-services-module .inner-wrap,
.cloud-services-module .inner-wrap-narrow,
.cloud-services-module .inner-wrap-wide,
.cloud-services-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.clsm-desc {
margin-top: 2em
}
.clsm-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1em;
margin-top: 2.375em !important
}
.clsm-item {
background-color: #fff;
box-shadow: 0 12px 16px rgba(0, 0, 0, .16);
position: relative
}
.clsm-item img {
display: block;
width: 100%;
height: 14.625em;
object-fit: cover
}
@media (min-width:40em) {
.clsm-item {
width: calc(50% - 8px)
}
}
@media (min-width:60em) {
.clsm-item {
width: calc(33.33% - 11px)
}
}
.clsm-content {
padding: 2.5em
}
.clsm-content.clsm-content-cta {
padding-bottom: 6.75em
}
.clsm-content.clsm-content-cta .btn-sb {
position: absolute;
bottom: 2.2222222222em
}
.clsm-content p:last-child {
margin-bottom: 0
}
.clsm-title {
margin-top: 0;
color: #024E98
}
@media (min-width:60em) {
.clsm-title {
font-size: 1.5em
}
}
.application-module .inner-wrap,
.application-module .inner-wrap-narrow,
.application-module .inner-wrap-wide,
.application-module .inner-wrap-fullwidth {
padding-bottom: 5em
}
.application-module.am-dark-bg .am-item {
background-color: #fff
}
.am-desc {
margin-top: 2em
}
.am-wrap {
margin-top: 2.375em
}
.am-item {
background-color: #F3F3F3;
margin-bottom: 3.75em
}
.am-item:last-child {
margin-bottom: 0
}
@media (min-width:60em) {
.am-item {
display: flex
}
}
.am-img img {
display: block;
margin: auto
}
@media (min-width:60em) {
.am-img {
position: relative;
width: 28%
}
.am-img img {
position: absolute;
width: 100%;
height: 100%;
top: -100%;
left: -100%;
bottom: -100%;
right: -100%;
margin: auto
}
}
.am-content {
padding: 2.625em
}
.am-content h4 {
color: #024E98
}
@media (min-width:60em) {
.am-content {
width: calc(100% - 28%)
}
.am-content h4 {
font-size: 1.5em
}
}
.am-title {
margin-top: 0;
color: #024E98
}
@media (min-width:60em) {
.am-title {
font-size: 1.875em
}
}
@media (min-width:40em) {
.two-colo-list {
display: table;
width: 100%
}
.two-colo-list>ul {
column-count: 2
}
.two-colo-list>ul li {
padding-right: .2222222222em
}
}
.expertise-list {
padding-left: 0
}
.expertise-list li:not([class]) {
margin-bottom: .8888888889em;
padding-left: 2.1111111111em;
position: relative;
line-height: 1.5555555556em
}
.expertise-list li:not([class]):last-child {
margin-bottom: 0
}
.expertise-list li:not([class]):after {
content: "";
position: absolute;
background-color: transparent;
width: 1.5555555556em;
height: 1.5555555556em;
background-image: url(../../../../../../themes/technosoft-default/img/check-mark-orange.html);
background-size: contain;
background-repeat: no-repeat;
top: 0;
left: 0
}
@media (min-width:60em) {
.expertise-list {
column-count: 3;
padding-right: .25em
}
}
.floating-menu {
position: fixed;
bottom: 2em;
right: 0em;
transition: 0.25s all ease-in;
z-index: 9;
display: none
}
.floating-menu a {
display: flex;
align-items: center;
justify-content: center;
width: 3em;
height: 3em;
border-radius: 50%;
background-color: #024E98;
box-shadow: 0 0 3px rgba(0, 0, 0, .4);
margin: .5em;
color: #fff;
text-decoration: none;
transition: 0.25s all linear
}
.floating-menu a:hover {
background-color: #32679a
}
.floating-menu a:last-child {
margin-bottom: 0
}
.technology-expertise-module.tem-dark-bg .tem-item {
background-color: #fff
}
.technology-expertise-module .inner-wrap,
.technology-expertise-module .inner-wrap-narrow,
.technology-expertise-module .inner-wrap-wide,
.technology-expertise-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.tem-wrap {
display: flex;
flex-wrap: wrap;
row-gap: 1em;
margin-top: 2em
}
@media (min-width:40em) {
.tem-wrap {
column-gap: 1em
}
}
.tem-item {
background-color: #F6F6F6;
padding: 1.75em;
flex-grow: 1;
position: relative
}
.tem-item:after {
top: -.875em;
left: 0;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(4, 80, 153, 0);
border-bottom-color: #045099;
border-width: .875em;
margin-left: -.875em;
transform: rotate(-45deg)
}
.tem-item>*:first-child {
margin-top: 0
}
.tem-item>*:last-child {
margin-bottom: 0
}
@media (min-width:40em) {
.tem-item {
flex-grow: 0;
width: calc(50% - 0.5em)
}
}
@media (min-width:60em) {
.tem-item {
width: calc(33.33% - 0.666625em)
}
}
.lm-wrap {
margin-top: 2em
}
.lm-item {
margin-bottom: 3.625em;
position: relative;
z-index: 1
}
.lm-item:before {
content: "";
position: absolute;
top: 5.375em;
left: 0;
right: 0;
margin: auto;
width: 1px;
height: calc(100% + 5.375em);
border-left: 1px dashed #32679a;
z-index: -1
}
.lm-item:last-child:before {
display: none
}
@media (min-width:60em) {
.lm-item {
width: 50%;
padding-right: 3.75em;
padding-left: 0;
clear: both
}
.lm-item:before {
left: auto;
height: 100%
}
.lm-item:nth-child(even) {
padding-left: 3.75em;
padding-right: 0;
float: right
}
.lm-item:nth-child(even):before {
right: auto;
left: 0
}
.lm-item:nth-child(even) .lm-step-no {
right: auto;
left: -1.34375em
}
.lm-item:nth-child(even) .lm-step-no:before {
left: 50%
}
.lm-item:nth-child(even) .lm-title-wrap {
border-radius: 2.5em 0 0 2.5em
}
.lm-item:nth-child(even) .lm-title-wrap:after {
transform: rotate(-45deg);
left: auto;
right: .4375em
}
.lm-item:nth-child(even) .lm-content {
margin-left: auto;
margin-right: 1.5625em
}
}
.lm-step-no {
display: flex;
align-items: center;
justify-content: center;
margin: auto;
width: 2.6875em;
height: 2.6875em;
border: .21875em solid #024E98;
border-radius: 50%;
background-color: #fff;
font-size: 2em;
font-family: HelveticaNeue;
color: #333c52;
font-weight: 700;
margin-bottom: .25em
}
@media (min-width:60em) {
.lm-step-no {
position: absolute;
top: 0;
right: -1.34375em;
margin-bottom: 0
}
.lm-step-no:before {
content: "";
position: absolute;
top: 50%;
left: -50%;
width: 100%;
height: 1px;
border-top: 1px dashed #32679a;
z-index: -1
}
}
.lm-title-wrap {
display: flex;
align-items: center;
gap: 1.125em;
padding: .5em 1.5em;
background-color: #333c52;
border-radius: 0 2.5em 2.5em 0;
position: relative
}
.lm-title-wrap:after {
bottom: -1.125em;
left: 1.5625em;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(213, 87, 69, 0);
border-bottom-color: #32679a;
border-width: 1.125em;
margin-left: -1.125em;
transform: rotate(45deg)
}
.lm-icon img {
display: block;
max-height: 4em
}
.lm-title {
color: #fff;
font-size: 1.5em;
font-weight: 700;
font-family: HelveticaNeue
}
.lm-content {
background-color: #F6F6F6;
padding: 1.75em;
box-shadow: 0 19px 16px -10px rgba(0, 0, 0, .2);
width: calc(100% - 70px);
margin-left: 1.5625em
}
.lm-content ul:not([class]) {
padding-left: 0
}
.lm-content ul:not([class]) li:not([class]) {
margin-bottom: 10px;
padding-left: 38px
}
.lm-content ul:not([class]) li:not([class]):last-child {
margin-bottom: 0
}
.lm-content ul:not([class]) li:not([class]):after {
background-color: transparent;
width: 1.5555555556em;
height: 1.5555555556em;
background-image: url(../../../../../../themes/technosoft-default/img/check-mark-orange.html);
background-size: contain;
background-repeat: no-repeat;
top: .1666666667em
}
.new-dev-lifecycle {
background-position: center;
background-repeat: no-repeat;
position: relative;
background-size: cover
}
.new-dev-lifecycle:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .9
}
.new-dev-lifecycle .inner-wrap,
.new-dev-lifecycle .inner-wrap-narrow,
.new-dev-lifecycle .inner-wrap-wide,
.new-dev-lifecycle .inner-wrap-fullwidth {
padding-top: 3.75em;
padding-bottom: 3.75em
}
@media (min-width:60em) {
.new-dev-lifecycle {
background-position: center 73%;
background-size: 69%
}
}
.ndl-wrap {
margin-top: 2.625em
}
@media (min-width:60em) {
.ndl-wrap {
display: flex;
align-items: flex-start;
font-size: 1.2vw
}
}
@media (min-width:80em) {
.ndl-wrap {
font-size: 1em
}
}
.ndl-item {
text-align: center;
width: 11.4375em;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin: auto;
margin-bottom: 2.5em;
position: relative
}
.ndl-item:before {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 3px;
height: calc(100% + 40px);
border-left: 3px solid rgba(102, 110, 120, .3)
}
.ndl-item:nth-child(even) .ndl-icon-outr:before {
background-position: top left;
background-image: url(../../../../../../themes/technosoft-default/img/left-circle-shape.html)
}
.ndl-item:last-child:before {
display: none
}
@media (min-width:60em) {
.ndl-item {
flex-grow: 1;
flex-basis: 0%;
margin: 0
}
.ndl-item:before {
display: none
}
.ndl-item:nth-child(even) {
flex-direction: column-reverse
}
.ndl-item:nth-child(even) .ndl-icon-outr:after {
border-radius: 0;
border-top-left-radius: 1.5em;
border: 0;
border-left: 3px solid #666E78;
border-top: 3px solid #666E78;
bottom: auto;
top: -3.25em
}
.ndl-item:nth-child(even) .ndl-content {
margin-top: 0;
margin-bottom: 3.8125em
}
.ndl-item:last-child .ndl-icon-outr:after {
display: none
}
}
.ndl-icon-outr {
width: 11.4375em;
height: 11.4375em;
margin: auto;
border-radius: 50%;
background: transparent linear-gradient(45deg, #035096 0%, #E27638 100%) 0% 0% no-repeat padding-box;
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-shadow: 0 8px 16px rgba(0, 0, 0, .29)
}
.ndl-icon-outr:before {
content: "";
position: absolute;
top: -1.125em;
left: -1.125em;
width: calc(100% + 2.25em);
height: calc(50% + 2.25em);
background-image: url(../../../../../../themes/technosoft-default/img/right-circle-shape.html);
background-repeat: no-repeat;
background-position: top right;
background-size: 6.25em 6.8125em
}
@media (min-width:60em) {
.ndl-icon-outr:after {
content: "";
position: absolute;
bottom: -3.25em;
left: 50%;
width: 100%;
height: 3.25em;
border-bottom-left-radius: 1.5em;
border-left: 3px solid #666E78;
border-bottom: 3px solid #666E78
}
}
.ndl-icon-inner {
width: calc(100% - 3.375em);
height: calc(100% - 3.375em);
border-radius: 50%;
background: transparent linear-gradient(90deg, #FFFFFF 0%, #EFEEEE 17%, #CFCFCF 71%, #C4C4C4 100%) 0% 0% no-repeat padding-box;
display: flex;
align-items: center;
justify-content: center
}
.ndl-icon {
width: calc(100% - 1.375em);
height: calc(100% - 1.375em);
border-radius: 50%;
background: transparent linear-gradient(90deg, #C4C4C4 0%, #CFCFCF 29%, #EFEEEE 83%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
display: flex;
align-items: center;
justify-content: center;
padding: .5em
}
.ndl-icon img {
display: block;
min-height: 4.375em;
max-height: 4.375em
}
.ndl-content {
margin-top: 1em
}
@media (min-width:60em) {
.ndl-content {
margin-top: 3.8125em
}
}
.ndl-title {
display: block;
font-size: 1.5em;
color: #333c52;
font-weight: 700
}
.tools-fixture-module {
background-repeat: no-repeat;
background-position: center
}
.tools-fixture-module .inner-wrap,
.tools-fixture-module .inner-wrap-narrow,
.tools-fixture-module .inner-wrap-wide,
.tools-fixture-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.tfm-wrap {
margin-top: 2.125em
}
@media (min-width:60em) {
.tfm-wrap {
display: flex;
justify-content: center;
gap: 1.25em;
font-size: 1.4vw
}
}
@media (min-width:80em) {
.tfm-wrap {
font-size: 1em
}
}
.tfm-item {
width: 16.375em;
height: 14.375em;
margin: auto;
margin-bottom: 2em;
padding: 1em;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center
}
.tfm-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(../../../../../../themes/technosoft-default/img/tfm-blue.html);
background-repeat: no-repeat;
background-size: auto 14.375em;
transform: rotate(90deg)
}
.tfm-item:nth-child(even):after {
background-color: #E27638
}
.tfm-item:last-child:after {
display: none
}
.tfm-item>* {
position: relative
}
@media (min-width:60em) {
.tfm-item {
margin: 0;
margin-bottom: 0
}
.tfm-item:before {
transform: none
}
.tfm-item:after {
content: "";
position: absolute;
top: 6.875em;
right: -1.25em;
width: 1.25em;
height: .1875em;
background-color: #035096
}
}
.tfm-icon {
display: flex;
align-items: center;
justify-content: center;
height: 3.8125em
}
.tfm-icon img {
display: block;
max-height: 3.8125em
}
.tfm-title {
display: block;
font-size: 1.125em;
margin-top: .5555555556em
}
@media (min-width:40em) {
.op-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2%
}
}
.op-item {
margin-bottom: 1.5em
}
@media (min-width:40em) {
.op-item {
width: 49%
}
}
@media (min-width:60em) {
.op-item {
width: 23.5%;
margin-bottom: 0
}
}
.op-img {
display: flex;
height: 11.25em;
align-items: center;
justify-content: center;
position: relative;
padding: .625em
}
.op-img img {
display: block;
max-height: 11.25em
}
.op-title {
color: #024e97
}
.op-content {
padding: .25em 1em
}
.csp-wrap {
position: relative
}
@media (min-width:60em) {
.csp-wrap {
padding: 7.5em 0
}
}
@media (min-width:80em) {
.csp-wrap {
padding: 5.875em 0
}
}
@media (min-width:60em) {
.csp-inner {
font-size: 1.4vw
}
}
@media (min-width:80em) {
.csp-inner {
font-size: 1em
}
}
.csp-item {
width: 18.75em;
margin: auto;
position: relative
}
.csp-item:after {
content: "";
position: absolute;
width: .125em;
height: 1.875em;
background-color: #333c52;
left: 50%;
transform: translateX(-50%);
bottom: 0
}
.csp-item:last-child:after {
display: none
}
@media (min-width:60em) {
.csp-item {
position: absolute;
width: 14.125em
}
.csp-item:after {
display: none
}
.csp-item:nth-child(odd) {
top: 0
}
.csp-item:nth-child(even) {
bottom: 0
}
.csp-item.csp-item-1 {
left: 1.5%
}
.csp-item.csp-item-3 {
left: 28%
}
.csp-item.csp-item-5 {
left: 53.5%
}
.csp-item.csp-item-7 {
left: 79.5%
}
.csp-item.csp-item-2 {
left: 15%
}
.csp-item.csp-item-4 {
left: 41%
}
.csp-item.csp-item-6 {
left: 67%
}
}
.csp-img {
display: flex;
align-items: center;
justify-content: center;
width: 5em;
height: 5em;
margin: auto;
margin-bottom: 1em;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0, 0, 0, .4)
}
.csp-img img {
display: block;
max-height: 2.5em
}
@media (min-width:60em) {
.csp-img {
display: none
}
}
.csp-title {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-family: HelveticaNeue;
font-weight: 700;
font-size: 1.125em;
background-color: #333c52;
border-radius: 2.1666666667em;
text-align: center;
padding: .4444444444em;
height: 3.375em;
line-height: normal;
position: relative;
z-index: 1
}
.csp-content {
border: 1px solid #707070;
border-radius: 1.25em;
padding: 1em;
padding-bottom: 3em;
padding-top: 4.25em;
text-align: center;
width: calc(100% - 10px);
margin: auto;
position: relative;
top: -3.3125em;
background-color: #fff
}
.csp-content p {
margin: 0
}
@media (min-width:60em) {
.csp-content {
height: 14.75em;
padding: 1em;
padding-top: 4.25em
}
.csp-content p {
line-height: normal;
font-size: 1em
}
}
@media (min-width:80em) {
.csp-content p {
font-size: 1.125em
}
}
.csp-no {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25em;
width: 2.55em;
height: 2.55em;
border-radius: 50%;
background-color: #024E98;
color: #fff;
font-weight: 700;
position: absolute;
left: 50%;
bottom: -1.25em;
transform: translateX(-50%)
}
.csp-add-content {
display: none
}
@media (min-width:60em) {
.csp-add-content {
display: block
}
.csp-add-content img {
width: 100%
}
}
.iot-sol-module .inner-wrap,
.iot-sol-module .inner-wrap-narrow,
.iot-sol-module .inner-wrap-wide,
.iot-sol-module .inner-wrap-fullwidth {
padding-bottom: 5em
}
.iot-sol-module.ism-dark-bg .inner-wrap,
.iot-sol-module.ism-dark-bg .inner-wrap-narrow,
.iot-sol-module.ism-dark-bg .inner-wrap-wide,
.iot-sol-module.ism-dark-bg .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.iot-sol-module.ism-dark-bg .ism-item {
background-color: #fff
}
.ism-wrap {
margin-top: 2.625em
}
@media (min-width:40em) {
.ism-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1em
}
}
.ism-item {
background-color: #F3F3F3;
margin-bottom: 1em
}
.ism-item:last-child {
margin-bottom: 0
}
.ism-item img {
display: block;
width: 100%;
height: 14.625em;
object-fit: cover
}
@media (min-width:40em) {
.ism-item {
width: calc(50% - 8px);
margin-bottom: 0
}
}
.ism-title {
color: #024E98;
margin-top: 0
}
.ism-content {
padding: 2.5em
}
.after-sales-info {
background-color: #024E98;
position: relative;
text-align: center
}
.after-sales-info:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 11.875em;
height: 14.125em;
background-repeat: no-repeat;
background-position: bottom left
}
.after-sales-info .inner-wrap,
.after-sales-info .inner-wrap-narrow,
.after-sales-info .inner-wrap-wide,
.after-sales-info .inner-wrap-fullwidth {
padding-top: 3.75em;
padding-bottom: 3.75em
}
.after-sales-info .soft-sol-heading {
color: #fff
}
.after-sales-info .soft-sol-heading:after {
background-color: #fff
}
.asf-top-wrap {
margin-top: 2.625em
}
@media (min-width:60em) {
.asf-top-wrap {
display: flex;
justify-content: center;
font-size: 1.2vw
}
.asf-top-wrap .asf-title {
order: 0
}
.asf-top-wrap .asf-img {
order: 1;
margin-bottom: 3.375em;
position: relative
}
.asf-top-wrap .asf-img:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
height: 3.375em;
width: 1px;
border-left: 2px dashed #fff
}
.asf-top-wrap .asf-content {
order: 2
}
.asf-top-wrap .asf-item {
width: 22.125em
}
.asf-top-wrap .asf-item:first-child .asf-content {
border-left: 2px dashed #fff
}
.asf-top-wrap .asf-item:last-child .asf-content {
border-right: 2px dashed #fff
}
.asf-top-wrap .asf-content {
border-top: 2px dashed #fff;
border-bottom: 2px dashed #fff
}
}
@media (min-width:80em) {
.asf-top-wrap {
font-size: 1em
}
}
@media (min-width:60em) {
.asf-item {
display: flex;
flex-direction: column
}
}
.asf-img {
display: flex;
align-items: center;
justify-content: center;
width: 8.4375em;
height: 8.4375em;
border-radius: 50%;
border: 1px solid #D1D1D1;
margin: 0 auto
}
.asf-img figure {
display: flex;
align-items: center;
justify-content: center;
width: 7.0625em;
height: 7.0625em;
border-radius: 50%;
border: 1px solid #D1D1D1;
background-color: #fff
}
.asf-img img {
display: block;
max-height: 5.125em
}
.asf-title {
display: block;
color: #fff;
font-family: HelveticaNeue;
font-weight: 700;
font-size: 1.375em;
margin-bottom: .5909090909em
}
.asf-content {
font-size: 1.125em;
color: #fff;
padding: 1.125em;
display: block
}
@media (min-width:60em) {
.asf-bottom-wrap {
display: flex;
justify-content: center;
font-size: 1.2vw
}
.asf-bottom-wrap .asf-img {
margin-top: 6.625em;
position: relative
}
.asf-bottom-wrap .asf-img:after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
height: 6.625em;
width: 1px;
border-left: 2px dashed #fff
}
.asf-bottom-wrap .asf-item {
width: 16.5625em
}
.asf-bottom-wrap .asf-title {
margin: .9090909091em 0 0
}
}
@media (min-width:80em) {
.asf-bottom-wrap {
font-size: 1em
}
}
.logo-module {
background-color: #F6F6F6
}
.ls-slider {
margin-top: 2em;
margin-bottom: 0 !important
}
.ls-slider .slick-arrow {
display: none !important
}
.ls-slider .slick-dots {
position: static;
margin-top: 2em;
bottom: 0
}
.ls-slider .slick-dots li {
width: 1em;
height: 1em;
margin: 0 .125em
}
.ls-slider .slick-dots li.slick-active button {
background-color: #045099;
border: 0
}
.ls-slider .slick-dots li button {
font-size: 1em;
width: 1em;
height: 1em;
border-radius: 50%;
border: 2px solid #707070;
background-color: transparent
}
.ls-slider .slick-dots li button:before {
display: none
}
.ls-item {
text-align: center;
display: flex !important;
align-items: center;
height: 3.625em
}
.ls-item img {
display: block;
margin: auto;
max-height: 3.625em
}
.automation-platforms-module .inner-wrap,
.automation-platforms-module .inner-wrap-narrow,
.automation-platforms-module .inner-wrap-wide,
.automation-platforms-module .inner-wrap-fullwidth {
padding-top: 3.75em;
padding-bottom: 5em
}
.apm-wrap {
display: flex;
flex-wrap: wrap;
gap: 1em;
margin-top: 2.625em
}
.apm-item {
border: 1px solid #D1D1D1;
border-radius: .3125em;
width: calc(50% - 0.5em);
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 8.9375em;
padding: .625em
}
.apm-item img {
display: block;
margin: auto;
max-height: 8.9375em;
transition: 0.25s all linear
}
.apm-item>a {
display: flex;
align-items: center;
justify-content: center;
height: 100%
}
.apm-item>a:hover img,
.apm-item>a:focus img {
opacity: 1;
mix-blend-mode: normal
}
@media (min-width:40em) {
.apm-item {
width: calc(33.33% - 0.68em)
}
}
@media (min-width:60em) {
.apm-item {
width: calc(25% - 1em)
}
}
@media (min-width:40em) {
.ibm-wrap {
display: flex;
flex-wrap: wrap;
gap: 1.5em
}
}
.ibm-item {
height: 14.5em;
display: block;
position: relative;
background-size: cover;
background-position: center
}
.ibm-item:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: transparent linear-gradient(180deg, #FFFFFF00 0%, #00000063 65%, #000000 100%) 0% 0% no-repeat padding-box
}
@media (min-width:40em) {
.ibm-item {
width: calc(50% - 0.68em)
}
}
@media (min-width:60em) {
.ibm-item {
width: calc(33.33% - 1em)
}
.ibm-item:hover .ibm-content,
.ibm-item:focus .ibm-content {
background-color: rgba(51, 60, 82, .9);
min-height: 100%;
text-align: left;
align-items: flex-start
}
.ibm-item:hover .ibm-content:after,
.ibm-item:focus .ibm-content:after {
opacity: 1
}
.ibm-item:hover .ibm-content img,
.ibm-item:focus .ibm-content img {
display: block
}
}
.ibm-content {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
text-align: center;
padding: 1.25em;
min-height: 5em;
transition: 0.25s all linear;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center
}
.ibm-content:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 1.9666666667em;
height: 1.9666666667em;
background-color: #32679a;
opacity: 0;
transition: 0.25s all linear;
font-family: "Material Symbols Outlined";
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.875em
}
.ibm-content img {
display: none;
max-height: 3.4375em
}
.ibm-title {
color: #fff;
font-size: 1.5em;
font-family: HelveticaNeue;
margin-top: 1em
}
.ind-sec-module {
background-color: #024E98
}
.ind-sec-module .inner-wrap,
.ind-sec-module .inner-wrap-narrow,
.ind-sec-module .inner-wrap-wide,
.ind-sec-module .inner-wrap-fullwidth {
padding-top: 4em;
padding-bottom: 4em
}
.ind-sec-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.ind-sec-wrap:last-child .ind-sec-item:last-child {
border-right: 0
}
@media (min-width:60em) {
.ind-sec-wrap {
flex-wrap: nowrap;
border-bottom: 1px solid rgba(246, 246, 246, .39);
flex-wrap: wrap
}
.ind-sec-wrap:last-child {
border-bottom: 0
}
}
.ind-sec-item {
width: 50%;
border-bottom: 1px solid rgba(246, 246, 246, .39);
border-right: 1px solid rgba(246, 246, 246, .39);
min-height: 5.8125em;
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
padding: .25em;
text-align: center
}
.ind-sec-item:nth-of-type(2n) {
border-right: 0
}
@media (min-width:60em) {
.ind-sec-item {
width: auto;
flex-grow: 1;
flex-basis: 0%;
border-right: 1px solid rgba(246, 246, 246, .39);
border-bottom: 0
}
.ind-sec-item:nth-of-type(2n) {
border-right: 1px solid rgba(246, 246, 246, .39)
}
.ind-sec-item:last-child {
border-right: 0
}
}
.ind-sec-title {
color: #F6F6F6;
font-size: 1.25em;
line-height: 1.4em;
font-weight: 700;
font-family: HelveticaNeue
}
.inn-sol-module {
padding-top: 3.375em;
background-color: #F6F6F6
}
@media (min-width:40em) {
.inn-sol-wrap {
display: flex;
flex-wrap: wrap
}
}
.inn-sol-item {
height: 21.9375em;
background-size: cover;
background-position: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 1em;
border-bottom: 1px solid #fff
}
.inn-sol-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .75
}
.inn-sol-item>* {
position: relative;
z-index: 1
}
.inn-sol-item img {
display: block;
max-height: 5.625em;
min-height: 5.625em
}
@media (min-width:40em) {
.inn-sol-item {
width: 50%;
border-right: 1px solid #fff
}
.inn-sol-item:nth-of-type(2n) {
border-right: 0
}
}
@media (min-width:60em) {
.inn-sol-item {
flex-grow: 1;
flex-basis: 0%;
width: auto;
border-bottom: 0
}
.inn-sol-item:nth-of-type(2n) {
border-right: 1px solid #fff
}
.inn-sol-item:last-child {
border-right: 0
}
}
.inn-sol-link {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-decoration: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1em
}
.inn-sol-link:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #32679a;
opacity: 0;
transition: 0.25s all linear
}
.inn-sol-link>* {
position: relative;
z-index: 1
}
.inn-sol-link:hover:before,
.inn-sol-link:focus:before {
opacity: .5
}
.inn-sol-title {
color: #fff;
font-size: 1.375em;
line-height: 1.2727272727em;
font-weight: 700;
font-family: HelveticaNeue;
margin-top: .9090909091em;
text-align: center
}
.ind-expertise-area {
padding: 3.75em 0;
background-color: #F6F6F6
}
@media (min-width:60em) {
.ind-expertise-area {
display: flex;
flex-direction: row-reverse
}
}
.ind-exp-content {
background: #FFF 0% 0% no-repeat padding-box;
box-shadow: 0 3px 6px #00000029;
padding: 3.1875em
}
@media (min-width:40em) {
.ind-exp-content ul {
column-count: 2
}
.ind-exp-content ul li {
margin-bottom: .5555555556em
}
}
@media (min-width:60em) {
.ind-exp-content {
width: 50%;
flex-grow: 1;
margin: 3.125em 0;
margin-left: -5.3125em;
position: relative;
z-index: 1
}
.ind-exp-content h2 {
text-align: left
}
.ind-exp-content h2:after {
margin: 0
}
}
.ind-exp-img {
position: relative
}
.ind-exp-img img {
display: block;
margin: auto
}
@media (min-width:60em) {
.ind-exp-img {
width: 50%;
flex-grow: 1
}
.ind-exp-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: -100%;
left: -100%;
bottom: -100%;
right: -100%
}
}
.job-wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: 3em;
margin-top: 1em
}
@media (min-width:40em) {
.job-wrap {
flex-grow: inherit
}
}
@media (min-width:60em) {
.job-wrap {
gap: 1em
}
}
.job-item {
background-color: #fff;
box-shadow: 0 12px 16px rgba(0, 0, 0, .16);
flex-grow: 1;
margin: .5em
}
.job-item img {
display: block;
width: 100%;
height: 14.625em;
object-fit: cover;
margin-bottom: 1em
}
.job-item>div {
padding: 1.5em;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between
}
.job-item p {
font-size: 1em
}
.job-item.blog-item>div {
justify-content: flex-start
}
@media (min-width:40em) {
.job-item {
width: calc(50% - 1em);
flex-grow: inherit
}
}
@media (min-width:60em) {
.job-item {
width: calc(33.33% - 0.68em);
margin: 0
}
}
.job-title {
text-align: left;
font-size: 1.25em
}
.job-title:after {
margin-left: 0
}
.job-title a {
text-decoration: none
}
.wp-pagenavi {
clear: both;
margin: 2em 0 !important
}
.job-apply {
margin-bottom: 3.75em
}
@media (min-width:60em) {
.job-apply {
margin-top: -8.75em;
padding-top: 8.75em
}
}
.job-share {
display: flex;
align-items: center;
border-top: 1px solid rgba(0, 0, 0, .2);
padding-top: 1em;
margin-top: 2em
}
.job-share strong {
margin-right: .5em
}
.news-item {
background-color: #fff;
box-shadow: 0 12px 16px rgba(0, 0, 0, .16);
margin: 1.5em 0;
padding: 1.5em;
border-radius: .5em
}
@media (min-width:60em) {
.news-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
}
.post-meta {
margin-top: 1em;
margin-bottom: 1em
}
.news-img {
margin-bottom: 1.5em
}
.news-img img {
display: block
}
@media (min-width:60em) {
.news-img {
width: 25%;
flex-grow: 0;
margin-bottom: 0
}
.news-img img {
height: 100%;
object-fit: cover
}
}
@media (min-width:60em) {
.news-content {
width: 75%;
padding-left: 1.5em;
flex-grow: 1
}
}
.news-heading-wrap {
display: flex;
width: 100%;
border-bottom: 2px solid #32679a
}
.news-heading {
padding: 0;
margin: 0;
display: flex;
align-items: center;
text-align: left
}
.news-heading a {
text-decoration: none
}
.news-heading:after {
display: none
}
.news-date {
color: #FFF;
text-align: center;
background-color: #32679a;
padding: 0 .625em;
margin-right: .625em
}
.news-date span {
display: block
}
.nd-day {
font-size: 1.75em
}
.nd-month {
text-transform: uppercase;
font-size: 1.25em
}
.nd-year {
font-size: .8125em
}
.our-offering-module .inner-wrap,
.our-offering-module .inner-wrap-narrow,
.our-offering-module .inner-wrap-wide,
.our-offering-module .inner-wrap-fullwidth {
padding-top: 5em
}
@media (min-width:40em) {
.our-offering-module {
display: table;
width: 100%
}
}
.oom-item {
margin-bottom: 1.5em
}
.oom-item:last-child {
margin-bottom: 5em
}
@media (min-width:40em) {
.oom-item {
display: flex;
margin-bottom: 2.9375em
}
.oom-item:nth-child(odd) {
flex-direction: row-reverse
}
.oom-item:nth-child(odd) .oom-content {
margin-right: 0;
margin-left: -5.3125em
}
.oom-item:nth-child(odd) .oom-content>div {
margin-left: 0
}
}
.oom-content {
background: #FFF 0% 0% no-repeat padding-box;
box-shadow: 0 3px 6px #00000029;
padding: 3.1875em
}
.oom-content p:last-child {
margin-bottom: 0
}
@media (min-width:40em) {
.oom-content {
width: 50%;
flex-grow: 1;
margin: 3.125em 0;
margin-right: -5.3125em;
position: relative;
z-index: 1;
min-height: 21.4375em;
display: flex;
align-items: center
}
.oom-content>div {
max-width: 36.75em;
margin-left: auto
}
}
.oom-title {
margin-top: 0;
color: #024E98
}
.oom-img {
position: relative
}
.oom-img img {
display: block;
margin: auto
}
@media (min-width:40em) {
.oom-img {
width: 50%;
flex-grow: 1
}
.oom-img img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: -100%;
left: -100%;
bottom: -100%;
right: -100%
}
}
.irm-wrap {
display: flex;
flex-wrap: wrap;
gap: 1.875em;
text-align: center;
justify-content: space-around
}
.irm-item {
max-width: 16.0625em;
padding: 0 1em
}
.irm-title {
display: block;
color: #333c52;
font-size: 1.25em;
font-weight: 700;
font-family: HelveticaNeue
}
@media (min-width:60em) {
.irm-title {
font-size: 1.5625em
}
}
.irm-img {
display: flex;
align-items: center;
justify-content: center;
width: 12.125em;
height: 12.125em;
border-radius: 50%;
border: 1px solid #333c52;
margin: 1em auto
}
.irm-img figure {
display: flex;
align-items: center;
justify-content: center;
width: 11em;
height: 11em;
border-radius: 50%;
border: 1px solid #333c52;
background-color: #333c52
}
.irm-img img {
display: block;
max-height: 5.3125em
}
.irm-content {
font-size: 1.125em;
font-weight: 600;
color: #333c52
}
@media (min-width:40em) {
.quality-wrap {
display: flex;
gap: 1.5em;
align-items: center
}
.quality-wrap h2 {
text-align: left
}
.quality-wrap h2:after {
margin: 0
}
}
@media (min-width:40em) {
.qw-left {
width: 80%
}
}
.qw-right {
text-align: center
}
@media (min-width:40em) {
.qw-right {
width: 20%
}
}
.ka-module .inner-wrap,
.ka-module .inner-wrap-narrow,
.ka-module .inner-wrap-wide,
.ka-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.ka-wrap {
display: flex;
flex-wrap: wrap;
gap: 1.5em;
margin-top: 2.625em
}
.ka-item {
background-color: #fff;
padding: 3.5625em 2.375em 1.625em;
flex-grow: 1;
position: relative;
box-shadow: 0 3px 6px #00000029;
border: 1px solid #D4D4D4;
border-radius: 0 0 50px 0;
flex-grow: 1
}
.ka-item:after {
top: -.875em;
left: 0;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(4, 80, 153, 0);
border-bottom-color: #045099;
border-width: .875em;
margin-left: -.875em;
transform: rotate(-45deg)
}
.ka-item>*:first-child {
margin-top: 0
}
.ka-item>*:last-child {
margin-bottom: 0
}
@media (min-width:40em) {
.ka-item {
flex-grow: 0;
width: calc(50% - 0.75em)
}
}
.ka-title {
position: relative;
padding-left: 11px
}
.ka-title:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
width: 3px;
height: 21px;
background-color: #32679a;
border-radius: 5px
}
@media (min-width:60em) {
.ka-title {
font-size: 1.375em
}
}
.pbm-wrap {
margin-top: 2.8125em;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1em
}
.pbm-item {
background-color: #024E98;
border-radius: 1.5625em;
box-shadow: 0 8px 16px rgba(0, 0, 0, .16);
padding: 4em 1.875em 1.875em;
color: #fff;
text-align: center;
position: relative;
width: 100%;
margin-top: 2.8125em
}
.pbm-item p {
margin: 0
}
@media (min-width:40em) {
.pbm-item {
width: calc(50% - 0.8em)
}
}
@media (min-width:60em) {
.pbm-item {
width: calc(25% - 0.75em)
}
}
.pbm-img {
background-color: #32679a;
border-radius: 1.125em;
display: flex;
align-items: center;
justify-content: center;
height: 5.625em;
width: 5.625em;
box-shadow: 0 8px 16px rgba(0, 0, 0, .16);
position: absolute;
top: -5.625em;
left: 50%;
transform: translate(-50%, 50%)
}
.pbm-img img {
display: block;
max-height: 3.625em
}
.hiw-wrap {
position: relative;
margin-top: 2em
}
.hiw-wrap:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-image: url(../../../../../../themes/technosoft-default/img/how-it-works-vertical.html);
background-repeat: no-repeat;
opacity: .11;
background-size: auto 100%
}
.hiw-wrap>* {
position: relative;
z-index: 1
}
@media (min-width:60em) {
.hiw-wrap {
display: flex;
justify-content: center;
padding: 9.625em 0
}
.hiw-wrap:before {
background-image: url(../../../../../../themes/technosoft-default/img/how-it-work-horizontal.html);
background-size: contain
}
}
@media (min-width:80em) {
.hiw-wrap:before {
background-size: auto
}
}
.hiw-item:nth-child(even) .hiw-img {
border-color: #32679a
}
.hiw-item:nth-child(even) .hiw-img figure {
border-color: #32679a;
background-color: #32679a
}
.hiw-item:nth-child(even) .hiw-content:before {
background-color: #32679a
}
.hiw-item:nth-child(even) .hiw-content:after {
background-color: #32679a
}
@media (min-width:60em) {
.hiw-item {
width: 10.375em;
height: 10.375em;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin-left: -1px
}
.hiw-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
border-top-left-radius: 10.375em;
border-top-right-radius: 10.375em;
border: 1px solid #b8c4c2;
border-bottom: 0
}
.hiw-item:nth-child(even):before {
border-radius: 0;
border-bottom-left-radius: 10.375em;
border-bottom-right-radius: 10.375em;
border: 1px solid #b8c4c2;
border-top: 0;
top: auto;
bottom: 0
}
.hiw-item:nth-child(even) .hiw-content {
bottom: auto;
top: 100%;
margin-bottom: 0;
margin-top: 2.75em
}
.hiw-item:nth-child(even) .hiw-content:before {
top: auto;
bottom: 100%
}
.hiw-item:nth-child(even) .hiw-content:after {
top: auto;
bottom: calc(100% + 2.5em)
}
.hiw-item:first-child {
margin-left: 0
}
.hiw-item:first-child:after {
content: "";
position: absolute;
top: 50%;
left: -.3125em;
width: .6875em;
height: .6875em;
border-radius: 50%;
background-color: #b8c4c2;
transform: translateY(-50%)
}
.hiw-item:last-child:after {
content: "";
position: absolute;
top: 50%;
right: -.3125em;
width: .6875em;
height: .6875em;
border-radius: 50%;
background-color: #b8c4c2;
transform: translateY(-50%)
}
}
.hiw-img {
display: flex;
align-items: center;
justify-content: center;
width: 7.625em;
height: 7.625em;
border-radius: 50%;
border: 1px solid #024E98;
margin: 1em auto
}
.hiw-img figure {
display: flex;
align-items: center;
justify-content: center;
width: 7em;
height: 7em;
border-radius: 50%;
border: 1px solid #024E98;
background-color: #024E98
}
.hiw-img img {
display: block;
max-height: 3em
}
.hiw-content {
background-color: #F3F3F3;
border: 1px solid #C9C9C9;
padding: 1.625em;
text-align: center;
max-width: 17.5em;
margin: auto;
margin-top: 2.75em;
width: 100%;
position: relative
}
.hiw-content:before {
content: "";
position: absolute;
top: -2.75em;
left: 50%;
transform: translateX(-50%);
width: 1px;
height: 2.75em;
background-color: #024E98
}
.hiw-content:after {
content: "";
position: absolute;
top: -3.0625em;
left: 50%;
transform: translateX(-50%);
width: .6875em;
height: .6875em;
background-color: #024E98;
border-radius: 50%
}
.hiw-content p {
margin: 0
}
@media (min-width:60em) {
.hiw-content {
width: 17.5em;
position: absolute;
bottom: 100%;
margin: 0;
margin-bottom: 2.75em;
min-height: 6.875em;
display: flex;
align-items: center;
justify-content: center;
padding: .5em
}
.hiw-content:before {
top: 100%;
width: 1px;
height: 2.75em;
background-color: #024E98
}
.hiw-content:after {
top: calc(100% + 2.5em)
}
}
.spec-info-module {
color: #fff;
background-size: cover;
background-position: center
}
.spec-info-module .inner-wrap,
.spec-info-module .inner-wrap-narrow,
.spec-info-module .inner-wrap-wide,
.spec-info-module .inner-wrap-fullwidth {
padding-top: 5em;
padding-bottom: 5em
}
.spec-info-module .soft-sol-heading {
color: #fff
}
.spec-info-module .soft-sol-heading:after {
background-color: #fff
}
@media (min-width:60em) {
.sim-row {
display: flex;
justify-content: center;
border-bottom: 1px solid rgba(255, 255, 255, .51)
}
.sim-row:last-child {
border-bottom: 0
}
.sim-row:last-child .sim-item:before {
top: auto;
bottom: 0
}
.sim-row:last-child .sim-item:after {
bottom: auto;
top: -.5625em;
left: -.5625em
}
.sim-row:last-child .sim-item:last-child {
border-right: 1px solid rgba(255, 255, 255, .51)
}
.sim-row:last-child .sim-item:last-child>div:before {
content: "";
position: absolute;
bottom: 0;
right: -1.75em;
width: 1.75em;
height: 1px;
border-top: 1px solid rgba(255, 255, 255, .51)
}
.sim-row:last-child .sim-item:last-child>div:after {
content: "";
position: absolute;
top: -.5625em;
right: -.5625em;
width: 1.125em;
height: 1.125em;
border: 2px solid #fff;
border-radius: 50%;
background-color: #044B90;
z-index: 1
}
.sim-row>div {
width: 33.33%
}
}
.sim-item {
padding: 1.875em 1.5em;
border-left: 1px solid rgba(255, 255, 255, .51);
position: relative;
max-width: 17.5em;
margin: auto
}
.sim-item:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1.75em;
height: 1px;
border-top: 1px solid rgba(255, 255, 255, .51)
}
.sim-item:after {
content: "";
position: absolute;
bottom: -.5625em;
left: -.5625em;
width: 1.125em;
height: 1.125em;
border: 2px solid #fff;
border-radius: 50%;
background-color: #044B90;
z-index: 1
}
.sim-item>div {
display: flex;
align-items: center;
justify-content: center;
height: 100%
}
@media (min-width:60em) {
.sim-item {
min-height: 10.625em;
max-width: inherit;
margin: 0
}
}
.sim-content p {
font-family: HelveticaNeue;
font-weight: 700;
margin: 0
}
.sales-rep-module {
position: relative
}
.sales-rep-module svg {
width: 100%
}
.location-point {
transition: 0.1s all linear
}
.location-point.active path {
fill: #fff
}
.location-info-wrap {
position: relative;
margin: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
@media (min-width:60em) {
.location-info-wrap {
padding: 1em;
max-width: 25em;
background-color: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, .4);
border-radius: .3125em;
display: none;
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%
}
.location-info-wrap.active {
display: block
}
}
.location-info {
background-color: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, .4);
border-radius: .3125em;
margin-bottom: 1em;
padding: 1em;
width: 100%
}
.location-info span {
margin-right: 1em
}
.location-info span:last-child {
margin-right: 0
}
@media (min-width:40em) {
.location-info {
width: 49%
}
}
@media (min-width:60em) {
.location-info {
padding: 0;
display: none;
box-shadow: none;
border-radius: 0;
width: 100%
}
.location-info.active {
display: block
}
}
.close-loc-info {
position: absolute;
top: .3125em;
right: .625em;
opacity: .5;
transition: 0.1s all linear;
display: none
}
.close-loc-info:hover {
opacity: 1
}
@media (min-width:60em) {
.close-loc-info {
display: inline-block
}
}
.es_subscription_message.success {
color: #fff
}
.sitemap-menu {
margin-bottom: 1.5em
}
.sitemap-menu a {
text-decoration: none
}
.grecaptcha-badge {
bottom: -100% !important
}
.nitro-lazy-render {
content-visibility: inherit !important
}
.ld-wrap {
text-align: center;
margin: auto
}
@media (min-width:40em) {
.ld-wrap {
max-width: 37.5em;
display: flex;
flex-wrap: wrap;
justify-content: center
}
}
@media (min-width:60em) {
.ld-wrap {
max-width: 55em
}
}
.ld-item {
text-align: center;
max-width: 18.75em;
margin: auto;
margin-bottom: 3em
}
.ld-item a {
text-decoration: none;
display: block;
max-width: 16.5em;
margin: auto
}
.ld-item a:hover .ld-img {
background-color: #024E98
}
@media (min-width:40em) {
.ld-item {
margin: 0 1em 2em;
width: calc(50% - 2em);
max-width: inherit
}
.ld-item:first-child {
width: 100%
}
.ld-item:last-child {
margin-bottom: 0
}
.ld-item a {
display: block
}
}
@media (min-width:60em) {
.ld-item {
width: calc(33.33% - 2em)
}
}
.ld-img {
margin: auto;
display: block;
background-color: #F6F6F6;
transition: 0.25s all linear
}
.ld-img img {
display: block;
width: 100%
}
@media (min-width:40em) {
.ld-img {
margin: 0
}
}
.ld-content {
padding-top: 1em
}
@media (min-width:40em) {
.ld-content {
width: calc(100% - 200px);
padding-left: 3em;
padding-top: 0
}
}
.ld-title {
font-size: 1.125em;
font-weight: 700;
color: #333c52;
display: block;
margin-top: .75em
}
.ld-desg {
font-size: .9375em;
color: #333c52;
display: block
}
.li-img {
max-width: 21.875em;
margin: auto;
margin-bottom: 1.5em
}
.li-img img {
display: block;
margin: auto;
border: 1px solid rgba(51, 51, 51, .2)
}
@media (min-width:60em) {
.li-img {
margin-left: 2.25em;
float: right
}
}
.li-title {
margin: 0
}
.li-desg {
margin-top: 8px;
font-weight: 400
}
.li-social {
display: flex;
flex-wrap: wrap;
margin-top: 2em
}
.lis-link {
display: flex;
align-items: center;
text-decoration: none;
padding: .5em .8125em;
border-radius: 1.5625em;
background-color: #024E98;
color: #fff;
transition: 0.25s all linear;
width: 12.5em
}
.lis-link:hover {
background-color: #32679a
}
.lis-link:hover .lis-icon {
color: #32679a
}
.lis-link:not(:last-child) {
margin-right: 1em
}
.lis-icon {
width: 2.0625em;
height: 2.0625em;
border-radius: 50%;
background-color: #fff;
display: flex;
justify-content: center;
align-items: center;
color: #024E98;
transition: 0.25s all linear
}
.lis-txt {
font-size: 1.125em;
margin-left: .8888888889em;
color: #fff
}
.job-share {
padding-top: 20px;
display: flex;
border-top: 1px solid #d7d7d7;
margin-top: 30px;
align-items: center
}
.job-share .addtoany_shortcode {
padding-left: 10px
}
.page-id-4 .tmm-wrap {
align-items: end
}
.job-item img {
object-fit: contain
}
.single h2 {
margin-top: 32px
}
.pack-expo-wrapper .inner-wrap,
.pack-expo-wrapper .inner-wrap-narrow,
.pack-expo-wrapper .inner-wrap-wide,
.pack-expo-wrapper .inner-wrap-fullwidth {
padding-top: 6.25em;
padding-bottom: 5em
}
@media (min-width:60em) {
.pack-expo-wrapper .inner-wrap,
.pack-expo-wrapper .inner-wrap-narrow,
.pack-expo-wrapper .inner-wrap-wide,
.pack-expo-wrapper .inner-wrap-fullwidth {
max-width: 90%
}
}
.page-intro-pack-expo {
position: relative;
padding: 1.25em;
background: linear-gradient(to bottom, #1A97A0, #374496)
}
.page-intro-pack-expo>* {
position: relative
}
@media (min-width:40em) {
.page-intro-pack-expo {
margin-left: auto;
display: flex
}
}
.pepi-logo {
background-color: #fff;
padding: 2em
}
.pepi-logo img {
display: block;
background: #fff;
max-width: 15em;
margin: auto
}
@media (min-width:40em) {
.pepi-logo {
width: 22%;
padding: 0
}
.pepi-logo img {
padding: 1.25em;
margin: 1.25em 0;
max-width: 24em;
width: 100%
}
}
.pepi-wrap {
background-color: #fff;
padding: 1em 1.5em;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
text-align: center
}
@media (min-width:40em) {
.pepi-wrap {
width: calc(100% - 22%);
text-align: left
}
}
.pepi-heading {
margin: 0;
text-transform: uppercase;
color: #ede941;
font-family: "Oswald", sans-serif;
font-weight: 500;
font-size: 2em
}
@media (min-width:60em) {
.pepi-heading {
font-size: 3.125em
}
}
.pe-wrap {
background-color: #fff;
box-shadow: 10px 0 60px #00000029;
border-radius: 3em;
overflow: hidden
}
.pe-wrap h3 {
color: #374596
}
.pew-heading {
font-size: 1.5em;
color: #fff;
background: linear-gradient(to bottom, #1A97A0, #374496);
padding: 2.0833333333em;
font-weight: 700;
text-align: center;
line-height: 1.25em
}
.pew-heading small {
font-size: .75em;
font-weight: 400
}
.pew-heading span {
font-size: .8333333333em
}
.pew-heading>div {
margin-top: 1.25em
}
@media (min-width:60em) {
.pew-heading {
font-size: 2.25em;
padding: 1.3888888889em;
line-height: 1.1111111111em
}
.pew-heading small {
font-size: .6666666667em
}
.pew-heading span {
font-size: .8611111111em
}
.pew-heading>div {
margin-top: .8333333333em
}
}
.pe-form {
max-width: 83.17%;
margin: auto
}
body .gform_wrapper.pack-expo-form_wrapper {
padding: 0 0 3.75em
}
body .gform_wrapper.pack-expo-form_wrapper .gfield_label {
font-weight: normal !important;
color: #707070 !important
}
body .gform_wrapper.pack-expo-form_wrapper input[type=text],
body .gform_wrapper.pack-expo-form_wrapper input[type=email],
body .gform_wrapper.pack-expo-form_wrapper input[type=tel],
body .gform_wrapper.pack-expo-form_wrapper select,
body .gform_wrapper.pack-expo-form_wrapper textarea {
background-color: #F4F4F4;
border-radius: 10px;
border: 0 !important;
box-shadow: none;
font-size: 1em !important;
padding: 1.25em !important;
color: #707070 !important
}
body .gform_wrapper.pack-expo-form_wrapper .ginput_container_date input[type=text] {
width: 100%
}
body .gform_wrapper.pack-expo-form_wrapper .ginput_complex {
background-color: #F4F4F4;
border-radius: 10px;
border: 0 !important;
box-shadow: none;
font-size: 1em !important;
padding: 0.46875em !important
}
body .gform_wrapper.pack-expo-form_wrapper .ginput_complex select {
padding: 0 !important
}
body .gform_wrapper.pack-expo-form_wrapper .gform_footer {
background-color: #F5F5F5;
border-radius: 3.75em;
overflow: hidden;
padding: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
padding: 1em;
margin-top: 1.5em
}
body .gform_wrapper.pack-expo-form_wrapper .gform_footer .gform_button {
background: transparent linear-gradient(180deg, #18B5AA 0%, #384496 100%) 0% 0% no-repeat padding-box;
border-color: transparent;
margin: 0;
transition: 0.25s all linear;
border-radius: 60px;
padding: .8888888889em 5.1111111111em !important
}
body .gform_wrapper.pack-expo-form_wrapper .gform_footer .gform_button:hover,
body .gform_wrapper.pack-expo-form_wrapper .gform_footer .gform_button:focus {
color: #384496;
border-color: #18B5AA;
background: transparent
}
body .gform_wrapper.pack-expo-form_wrapper .gform_footer span {
color: #000;
font-style: italic;
margin-top: 1em;
transition: 0.25s all linear
}
@media (min-width:60em) {
body .gform_wrapper.pack-expo-form_wrapper .gform_footer {
text-align: left;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 0
}
body .gform_wrapper.pack-expo-form_wrapper .gform_footer span {
margin-top: 0;
padding: 0 3.875em
}
}
.pack-expo-link {
position: fixed;
bottom: 8%;
right: 0;
transform: translateY(-50%);
transition: 0.25s all linear;
transform-origin: right center;
z-index: 1
}
.pack-expo-link img {
display: block;
max-height: 15em
}
@media (min-width:60em) {
.pack-expo-link:hover {
transform: translateY(-50%) scale(1.1)
}
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.clearfix {
*zoom: 1
}
.alignright {
display: block;
padding-bottom: 1.5em;
text-align: center
}
.alignleft {
display: block;
padding-bottom: 1.5em;
text-align: center
}
.aligncenter {
display: block;
margin: 0 auto
}
@media (min-width:60em) {
.alignright {
display: block;
float: right;
padding-bottom: 1.5em;
padding-left: 1.5em
}
.alignleft {
display: block;
float: left;
padding-bottom: 1.5em;
padding-right: 1.5em
}
.aligncenter {
display: block;
margin: 0 auto
}
}
.text-alignright {
text-align: right
}
.text-alignleft {
text-align: left
}
.text-aligncenter {
text-align: center
}
.clearboth {
clear: both;
display: block
}
.spacing-bottom {
margin-bottom: 2em
}
.spacing-top {
margin-top: 2em
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: .8;
filter: alpha(opacity=80)
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow-y: auto;
max-height: 100vh
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle
}
.mfp-align-top .mfp-container:before {
display: none
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto
}
.mfp-ajax-cur {
cursor: progress
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
cursor: auto
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.mfp-loading.mfp-figure {
display: none
}
.mfp-hide {
display: none !important
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -.8em;
left: 8px;
right: 8px;
z-index: 1044
}
.mfp-preloader a {
color: #CCC
}
.mfp-preloader a:hover {
color: #FFF
}
.mfp-s-ready .mfp-preloader {
display: none
}
.mfp-s-error .mfp-content {
display: none
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none
}
button::-moz-focus-inner {
padding: 0;
border: 0
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: .65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100)
}
.mfp-close:active {
top: 1px
}
.mfp-close-btn-in .mfp-close {
color: #333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
max-width: 100%;
width: 30px
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap
}
.mfp-arrow {
position: absolute;
opacity: .65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
margin-top: -54px
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100)
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: .7
}
.mfp-arrow-left {
left: 0
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F
}
.mfp-arrow-right {
right: 0
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px
}
.mfp-iframe-holder .mfp-close {
top: -40px
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #000
}
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
max-height: 100000px !important
}
.mfp-figure {
line-height: 0
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, .6);
background: #444
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px
}
.mfp-figure figure {
margin: 0
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px
}
.mfp-image-holder .mfp-content {
max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer
}
@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0
}
.mfp-img-mobile img.mfp-img {
padding: 0
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, .6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, .6);
position: fixed;
text-align: center;
padding: 0
}
}
@media all and (max-width:900px) {
.mfp-arrow {
-webkit-transform: scale(.75);
transform: scale(.75)
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%
}
.mfp-container {
padding-left: 6px;
padding-right: 6px
}
}
.mfp-ie7 .mfp-img {
padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
padding: 0
}
.mfp-ie7 .mfp-content {
padding-top: 44px
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0
}
.gform_wrapper select,
.gform_wrapper textarea {
font-family: inherit;
letter-spacing: normal;
font-size: inherit
}
.gform_wrapper .gf_progressbar:after,
.gform_wrapper ol.validation_list:after {
content: ""
}
.gform_wrapper {
margin: 16px 0;
max-width: 100%;
background-color: #eee;
padding: 2em 1em 1em
}
.gform_wrapper form {
text-align: left;
max-width: 100%;
margin: 0 auto
}
.gform_wrapper *,
.gform_wrapper :after,
.gform_wrapper :before {
box-sizing: border-box !important
}
.gform_wrapper h1,
.gform_wrapper h2,
.gform_wrapper h3 {
font-weight: 400;
border: none;
background: 0 0
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
font-size: inherit;
font-family: inherit;
padding: 7px 4px;
letter-spacing: normal;
border: 1px solid #ccc
}
.gform_wrapper input[type=image] {
border: none !important;
padding: 0 !important;
width: auto !important
}
.gform_wrapper textarea {
padding: 6px 8px;
line-height: 1.5;
resize: none
}
.gform_wrapper select {
line-height: 1.5
}
.gform_wrapper .ginput_container_multiselect select {
background-image: none !important;
-webkit-appearance: none;
-moz-appearance: none;
outline: 0
}
.gform_wrapper ul.gform_fields {
margin: 0 !important;
list-style-type: none;
display: block
}
.gform_wrapper ul,
html>body .entry ul {
text-indent: 0
}
.gform_wrapper form li,
.gform_wrapper li {
margin-left: 0 !important;
list-style: none !important;
overflow: visible
}
.gform_wrapper ul li.gfield {
clear: both
}
.gform_wrapper ul.gfield_checkbox li,
.gform_wrapper ul.gfield_radio li {
overflow: hidden
}
.gform_wrapper form ul.gform_fields.left_label li.gfield,
.gform_wrapper form ul.gform_fields.right_label li.gfield,
.gform_wrapper ul.gform_fields.left_label li.gfield,
.gform_wrapper ul.gform_fields.right_label li.gfield {
margin-bottom: 14px
}
.gform_wrapper form ul.left_label li ul.gfield_checkbox li,
.gform_wrapper form ul.left_label li ul.gfield_radio li,
.gform_wrapper form ul.right_label li ul.gfield_checkbox li,
.gform_wrapper form ul.right_label li ul.gfield_radio li,
.gform_wrapper ul.left_label li ul.gfield_checkbox li,
.gform_wrapper ul.left_label li ul.gfield_radio li,
.gform_wrapper ul.right_label li ul.gfield_checkbox li,
.gform_wrapper ul.right_label li ul.gfield_radio li {
margin-bottom: 10px
}
.gform_wrapper ul li:after,
.gform_wrapper ul li:before,
.gform_wrapper ul.gform_fields {
padding: 0;
margin: 0;
overflow: visible
}
.gform_wrapper select option {
padding: 2px;
display: block
}
.gform_wrapper .inline {
display: inline !important
}
.gform_wrapper .gform_heading {
width: 100%;
margin-bottom: 18px
}
.gform_wrapper .clear-multi {
display: flex
}
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_year {
display: -moz-inline-stack;
display: inline-block
}
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_year {
flex-direction: row
}
.gform_wrapper .gfield_date_dropdown_day,
.gform_wrapper .gfield_date_dropdown_month,
.gform_wrapper .gfield_date_dropdown_year {
vertical-align: top;
flex-direction: row;
margin-right: .5rem
}
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_month {
width: 4rem;
margin-right: .5rem
}
.gform_wrapper .gfield_date_day input[type=number],
.gform_wrapper .gfield_date_month input[type=number] {
width: calc(3rem + 8px) !important
}
.gform_wrapper .gfield_date_year input[type=number] {
width: calc(4rem + 8px) !important
}
.gform_wrapper .gfield_date_year {
width: 5rem
}
.gform_wrapper .gfield_date_day input,
.gform_wrapper .gfield_date_month input {
width: calc(3rem + 8px)
}
.gform_wrapper .gfield_date_year input {
width: 4rem
}
.gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label,
.gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label {
width: 3rem;
text-align: center
}
.gform_wrapper .field_sublabel_above div.gfield_date_year.ginput_container label,
.gform_wrapper .field_sublabel_below div.gfield_date_year.ginput_container label {
width: 4rem
}
.gform_wrapper .gfield_time_ampm,
.gform_wrapper .gfield_time_hour,
.gform_wrapper .gfield_time_minute {
width: 33.333%;
flex-direction: row
}
@media only screen and (min-width:321px) {
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_month {
max-width: 4rem
}
.gform_wrapper .gfield_date_year,
.gform_wrapper .gfield_time_ampm {
max-width: calc(4rem + .5rem)
}
.gform_wrapper .gfield_time_hour,
.gform_wrapper .gfield_time_minute {
max-width: 4rem
}
.gform_wrapper .gfield_time_ampm,
.gform_wrapper .gfield_time_hour {
max-width: calc(4rem + .5rem)
}
}
.gform_wrapper ul.gform_fields:not(.top_label) .ginput_container_time span {
float: left
}
.gform_wrapper .gfield_time_hour i {
font-style: normal !important;
font-family: sans-serif !important;
width: 10px;
text-align: center;
float: right;
margin-top: 9%
}
.gform_wrapper .gfield_time_minute {
margin-right: .5rem
}
.gform_wrapper .gfield_time_hour {
margin-right: .25rem
}
.gform_wrapper .gfield_time_ampm {
vertical-align: top;
display: -moz-inline-stack;
display: inline-block
}
.gform_wrapper .gfield_time_ampm select {
min-width: calc(2rem + 25px);
width: calc(3rem + 25px)
}
.gform_wrapper .gfield_time_hour input,
.gform_wrapper .gfield_time_minute input {
width: calc(3rem + 8px)
}
.gform_wrapper .gfield_time_hour input[type=number],
.gform_wrapper .gfield_time_minute input[type=number] {
width: calc(3rem + 8px) !important
}
.gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label,
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
width: 3rem;
text-align: center
}
.gform_wrapper .field_hover {
border: 1px dashed #2175A9;
cursor: pointer
}
.gform_wrapper .field_selected {
background-color: #DFEFFF;
border: 1px solid #C2D7EF
}
.gform_wrapper .field_name_first,
.gform_wrapper .field_name_last,
.gform_wrapper .field_name_middle {
width: 49.5%;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top
}
.gform_wrapper .ginput_complex.ginput_container {
overflow: visible;
width: 100%
}
.gform_wrapper label.gfield_label {
font-weight: 400;
font-size: 14px;
margin-bottom: 0
}
.gform_wrapper .top_label .gfield_label {
display: -moz-inline-stack;
display: inline-block;
line-height: 1.3;
clear: both
}
.gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_wrapper .ginput_complex .ginput_right select,
.gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]),
.gform_wrapper .ginput_complex select {
width: 100%
}
.gform_wrapper .hidden_label .gfield_label,
.gform_wrapper label.hidden_sub_label,
.gform_wrapper label.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden
}
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label,
.gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label,
.gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
.gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label,
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
display: block;
font-size: .813em;
letter-spacing: .5pt;
white-space: nowrap
}
.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
display: -moz-inline-stack;
display: inline-block;
letter-spacing: inherit;
vertical-align: middle;
cursor: pointer
}
.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label,
.gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label {
margin: 9px 0 1px 1px
}
.gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_email label,
.gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_name label,
.gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_password label,
.gform_wrapper ul.gform_fields:not(.top_label) .field_sublabel_above .ginput_container.ginput_container_time label {
margin-top: 0
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
margin: 1px 0 9px 1px
}
.gform_wrapper .top_label .field_sublabel_above label.gfield_label+.ginput_complex.ginput_container,
.gform_wrapper .top_label .field_sublabel_above label.gfield_label+div[class*=gfield_time_].ginput_container {
margin-top: 0
}
body .gform_wrapper .top_label div.ginput_container {
margin-top: 8px
}
body.gform_wrapper div.clear-multi {
display: -moz-inline-stack;
display: inline-block
}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox,
body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
margin-top: 16px;
margin-bottom: 0
}
.gfield.left_label,
.gfield.right_label {
padding-top: 10px
}
.gform_wrapper li.hidden_label input {
margin-top: 12px
}
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
margin-bottom: 12px
}
.gform_wrapper input.large,
.gform_wrapper input.medium,
.gform_wrapper input.small,
.gform_wrapper select.large,
.gform_wrapper select.medium,
.gform_wrapper select.small {
width: 100%
}
.gform_wrapper input.datepicker_with_icon.large,
.gform_wrapper input.datepicker_with_icon.medium,
.gform_wrapper input.datepicker_with_icon.small {
width: calc(100% - 24px)
}
.gform_wrapper .gfield_error input.large,
.gform_wrapper .gfield_error input.medium,
.gform_wrapper .gfield_error input.small,
.gform_wrapper .gfield_error select.large,
.gform_wrapper .gfield_error select.medium,
.gform_wrapper .gfield_error select.small {
width: 100%
}
.gform_wrapper .gfield_error input.datepicker_with_icon.large,
.gform_wrapper .gfield_error input.datepicker_with_icon.medium,
.gform_wrapper .gfield_error input.datepicker_with_icon.small {
width: calc(100% - 32px)
}
.gform_wrapper textarea.small {
height: 80px;
width: 100%
}
.gform_wrapper textarea.medium {
height: 120px;
width: 100%
}
.gform_wrapper textarea.large {
height: 160px;
width: 100%
}
.gform_wrapper h2.gsection_title {
margin: 0 !important;
padding: 0 !important;
letter-spacing: normal !important
}
.gform_wrapper .gsection .gfield_label,
.gform_wrapper h2.gsection_title,
.gform_wrapper h3.gform_title {
font-weight: 700;
font-size: 1.25em
}
.gform_wrapper h3.gform_title {
letter-spacing: normal !important;
margin: 10px 0 6px
}
.gform_wrapper li.gfield.field_description_below+li.gsection {
margin-top: 24px !important
}
.gform_wrapper span.gform_description {
font-weight: 400;
display: block;
width: calc(100% - 16px);
margin-bottom: 16px
}
.gform_wrapper .gsection {
border-bottom: 1px solid #CCC;
padding: 0 16px 8px 0;
margin: 28px 0;
clear: both
}
.gform_wrapper ul.gfield_checkbox li input[type=checkbox],
.gform_wrapper ul.gfield_radio li input[type=radio] {
width: auto !important
}
.gform_wrapper ul.gfield_checkbox,
.gform_wrapper ul.gfield_radio {
margin: 6px 0;
padding: 0
}
.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
display: -moz-inline-stack;
display: inline-block;
padding: 0;
width: auto;
line-height: 1.5;
font-size: .875em;
vertical-align: middle;
max-width: 85%;
white-space: normal
}
.gform_wrapper .ginput_complex .ginput_cardinfo_left label,
.gform_wrapper .ginput_complex .ginput_cardinfo_right label,
.gform_wrapper div.charleft {
white-space: nowrap !important
}
.gform_wrapper .gfield_checkbox li label {
margin: 0
}
.gform_wrapper .gfield_radio li label {
margin: 2px 0 0 4px
}
.gform_wrapper .gfield_checkbox li input,
.gform_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper .gfield_radio li input[type=radio] {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle;
margin-left: 1px
}
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {
font-size: .813em;
line-height: inherit;
clear: both;
font-family: inherit;
letter-spacing: normal
}
.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description {
padding: 0 16px 0 0
}
.gform_wrapper .field_description_below .gfield_description {
padding-top: 16px
}
.gform_wrapper .field_sublabel_above .description,
.gform_wrapper .field_sublabel_above .gfield_description,
.gform_wrapper .field_sublabel_above .gsection_description {
margin-top: 9px
}
.gform_wrapper .top_label .gsection_description {
width: 100%;
margin-bottom: 9px
}
.gform_wrapper .gfield_description {
width: 100%
}
.gform_wrapper .description_above .gfield_description {
padding: 0 0 10px
}
.gfield_date_year+.gfield_description {
padding: 0
}
.gform_wrapper .gfield_required {
color: #000;
margin-left: 4px
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: rgba(255, 223, 224, .25);
margin-bottom: 6px !important;
border-top: 1px solid #C89797;
border-bottom: 1px solid #C89797;
padding-bottom: 6px;
padding-top: 8px;
box-sizing: border-box
}
.gform_wrapper li.gfield.gfield_creditcard_warning {
padding: 16px 16px 14px;
border-top: 2px solid #790000;
border-bottom: 4px solid #790000;
background-color: rgba(255, 223, 224, .25);
width: calc(100% - 16px)
}
.gform_wrapper li.gfield.gfield_error.gfield_creditcard_warning {
padding: 16px 16px 14px
}
.gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message {
font-size: .875em;
font-weight: 700;
font-family: inherit;
min-height: 25px;
color: #790000;
max-width: 100%;
position: relative
}
.gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message span {
display: block;
padding: 0 0 14px 24px;
margin-bottom: 16px;
line-height: 1.5;
letter-spacing: .1pt;
border-bottom: 1px solid #790000;
text-transform: uppercase;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSItMTA2NyAyODY1IDI0IDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xMDY3IDI4NjUgMjQgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM3OTAwMDA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTA1MywyODY1Yy01LjUsMC0xMCw0LjUtMTAsMTBoNGMwLTMuMywyLjctNiw2LTZjMy4zLDAsNiwyLjcsNiw2djJoLTIwdjE0YzAsMy4zLDIuNyw2LDYsNmgxMg0KCWMzLjMsMCw2LTIuNyw2LTZ2LTE2Qy0xMDQzLDI4NjkuNS0xMDQ3LjUsMjg2NS0xMDUzLDI4NjV6IE0tMTA0OSwyODkzaC0xMmMtMS4xLDAtMi0wLjktMi0ydi0xMGgxNnYxMA0KCUMtMTA0NywyODkyLjEtMTA0Ny45LDI4OTMtMTA0OSwyODkzeiBNLTEwNTMsMjg4N2MwLDEuMS0wLjksMi0yLDJzLTItMC45LTItMmMwLTEuMSwwLjktMiwyLTJTLTEwNTMsMjg4NS45LTEwNTMsMjg4N3oiLz4NCjwvc3ZnPg0K);
background-size: 1em auto;
background-repeat: no-repeat;
background-position: left center
}
.gform_wrapper li.gfield.gfield_error.gfield_creditcard_warning div.gfield_creditcard_warning_message {
padding: 16px 16px 14px
}
li.gfield+li.gfield.gfield_creditcard_warning {
margin-top: 16px !important
}
.gform_wrapper .top_label .gfield_error {
width: calc(100% - 2px)
}
.gform_wrapper .top_label .gfield_error input.large,
.gform_wrapper .top_label .gfield_error select.large,
.gform_wrapper .top_label .gfield_error textarea.textarea {
width: 100%
}
.gform_wrapper .left_label .gfield_error input.large,
.gform_wrapper .left_label .gfield_error select.large,
.gform_wrapper .left_label .gfield_error textarea.textarea,
.gform_wrapper .right_label .gfield_error input.large,
.gform_wrapper .right_label .gfield_error select.large,
.gform_wrapper .right_label .gfield_error textarea.textarea {
width: 70%
}
.gform_wrapper .gfield_error .gfield_label {
color: #790000
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
padding-right: 0
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_time_ampm.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_time_minute.ginput_container {
margin-left: 0
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
max-width: 100%;
padding-right: 16px
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 12px
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label {
position: relative;
top: 12px
}
.gform_wrapper div.validation_error {
color: #790000;
font-size: 1em;
font-weight: 700;
margin-bottom: 25px;
border-top: 2px solid #790000;
border-bottom: 2px solid #790000;
padding: 16px 0;
clear: both;
width: 100%;
text-align: center
}
.gform_wrapper ol.validation_list {
clear: both;
width: 100%;
margin-bottom: 25px;
color: #790000
}
.gform_wrapper ol.validation_list li {
list-style-type: decimal !important
}
.gform_wrapper ol.validation_list li a {
color: #790000
}
.gform_wrapper div#error {
margin-bottom: 25px
}
.gform_wrapper table.gfield_list tbody tr td.gfield_list_icons {
vertical-align: middle !important
}
.gform_wrapper li.gfield fieldset {
margin: 0;
padding: 0;
display: block;
position: relative;
width: 100%
}
.gform_wrapper li.gfield fieldset>* {
width: auto
}
.gform_wrapper li.gfield fieldset legend.gfield_label {
width: 100%;
line-height: 32px
}
div.gf_page_steps+div.validation_error {
margin-top: 16px
}
.gform_wrapper div.gfield_description.validation_error {
color: #790000;
font-weight: 700;
font-size: .875em;
line-height: 1.2;
margin-bottom: 16px
}
.gform_wrapper .validation_message {
color: #790000;
font-weight: 700;
letter-spacing: normal
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper li.gfield_error textarea {
border: 1px solid #790000
}
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio {
color: #790000
}
.gform_wrapper .gform_footer {
padding: 16px 0 10px;
margin: 16px 0 0;
clear: both;
width: 100%;
text-align: center
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
font-size: 1em;
width: 100%;
margin: 0 0 16px
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
width: auto;
line-height: 24px !important
}
.gform_wrapper .gform_footer a.gform_save_link,
.gform_wrapper .gform_page_footer a.gform_save_link {
font-size: 1em;
display: block;
text-align: center
}
.gform_wrapper .gform_footer input[type=image] {
padding: 0;
width: auto !important;
background: 0 0 !important;
border: none !important;
margin: 0 auto 16px !important;
display: block;
max-width: 100%
}
.gform_wrapper .ginput_complex .ginput_full,
.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right {
min-height: 45px
}
.gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=email],
.gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=number],
.gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=password],
.gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=tel],
.gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=text],
.gform_wrapper .gfield_error .ginput_complex .ginput_full input[type=url],
.gform_wrapper .gfield_error .ginput_complex .ginput_full select,
.gform_wrapper .ginput_complex .ginput_full input[type=email],
.gform_wrapper .ginput_complex .ginput_full input[type=number],
.gform_wrapper .ginput_complex .ginput_full input[type=password],
.gform_wrapper .ginput_complex .ginput_full input[type=tel],
.gform_wrapper .ginput_complex .ginput_full input[type=text],
.gform_wrapper .ginput_complex .ginput_full input[type=url] {
width: 100%
}
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
position: relative;
margin: 0 0 16px;
line-height: 1.2
}
.gchoice_select_all,
.gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label,
.gform_wrapper ul.gfield_radio li input[type=radio]:checked+label {
font-weight: 700
}
.gform_wrapper input.datepicker.datepicker_with_icon {
margin-right: 4px !important;
display: -moz-inline-stack;
display: inline-block
}
.gform_wrapper .gf_hidden,
.gform_wrapper .gform_hidden,
.gform_wrapper input.gform_hidden,
.gform_wrapper input[type=hidden] {
display: none !important;
max-height: 1px !important;
overflow: hidden
}
.gform_wrapper .gf_invisible,
.gform_wrapper .gfield_visibility_hidden {
visibility: hidden;
position: absolute;
left: -9999px
}
.gform_wrapper .ginput_full br,
.gform_wrapper .ginput_left br,
.gform_wrapper .ginput_right br {
display: none !important
}
.gform_wrapper ul.gfield_checkbox li,
.gform_wrapper ul.gfield_radio li {
padding: 0 !important
}
.gform_wrapper ul.gfield_radio li input+input {
margin-left: 4px
}
.gform_wrapper ul.gfield_radio li input[value=gf_other_choice] {
margin-right: 6px;
margin-top: 4px
}
.gform_wrapper .gfield_description+.gform_wrapper .gfield_description.validation_message {
margin-top: 6px
}
.gform_wrapper .ginput_container.ginput_list+.gfield_description.validation_message {
margin-top: 0
}
.gform_wrapper li.gfield_html {
max-width: 100%
}
.gform_wrapper .gfield_html.gfield_no_follows_desc {
margin-top: 10px
}
body .gform_wrapper ul li.gfield.gfield_html img {
max-width: 100% !important
}
.gform_wrapper .gform_ajax_spinner {
padding-left: 10px
}
.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
display: none !important;
position: absolute !important;
left: -9000px
}
.gform_wrapper .gfield_captcha_input_container {
padding-top: 3px
}
.gform_wrapper .simple_captcha_small input {
width: 64px
}
.gform_wrapper .simple_captcha_medium input {
width: 96px
}
.gform_wrapper .simple_captcha_large input {
width: 128px
}
.gform_wrapper .gform_wrapper .left_label .simple_captcha_small,
.gform_wrapper .left_label .simple_captcha_large,
.gform_wrapper .left_label .simple_captcha_medium,
.gform_wrapper .right_label .simple_captcha_large,
.gform_wrapper .right_label .simple_captcha_medium,
.gform_wrapper .right_label .simple_captcha_small {
margin-left: 32%
}
.gform_wrapper .gfield_captcha_container img.gfield_captcha {
border: none !important;
background: 0 0 !important;
float: none !important;
margin: 0 !important;
padding: 0 !important
}
.gform_wrapper .left_label .math_large,
.gform_wrapper .left_label .math_medium,
.gform_wrapper .left_label .math_small,
.gform_wrapper .left_label div.charleft,
.gform_wrapper .right_label .math_large,
.gform_wrapper .right_label .math_medium,
.gform_wrapper .right_label .math_small,
.gform_wrapper .right_label div.charleft {
margin-left: 32%
}
.gform_wrapper .math_small input {
width: 70px
}
.gform_wrapper .math_medium input {
width: 510px
}
.gform_wrapper .math_large input {
width: 612px
}
.gform_wrapper div.charleft {
font-size: .688em;
margin-top: 4px;
color: #B7B7B7;
width: 92% !important
}
.gform_wrapper div.charleft[style] {
width: 92% !important
}
.gform_wrapper div.charleft.ginput_counter_tinymce {
border: 1px solid #eee;
border-width: 1px 0 0;
padding: 4px 9px;
width: 100% !important
}
.gform_wrapper div.charleft.warningTextareaInfo {
color: #A1A1A1
}
.gform_wrapper div.charleft.ginput_counter_error {
color: red
}
.gform_wrapper li.gf_hide_charleft div.charleft {
display: none !important
}
.gf_submission_limit_message {
color: #790000;
font-size: 1.375em
}
.gform_wrapper .ginput_price {
filter: alpha(opacity=70);
-moz-opacity: .7;
-khtml-opacity: .7;
opacity: .7
}
.gform_wrapper span.ginput_total {
color: #060;
font-size: inherit
}
.gform_wrapper .top_label span.ginput_total {
margin: 8px 0
}
.gform_wrapper span.ginput_product_price_label {
margin-right: 2px
}
.gform_wrapper span.ginput_product_price {
color: #900
}
.gform_wrapper span.ginput_quantity_label {
margin-left: 10px;
margin-right: 2px
}
.gform_wrapper input.ginput_quantity[type=text] {
width: 3rem
}
.gform_wrapper input.ginput_quantity[type=number] {
width: 4rem
}
.gform_wrapper .gform_page_footer {
margin: 14px 0;
width: 100%;
border-top: 1px dotted #CCC;
padding: 16px 0 0;
clear: both
}
.gform_wrapper .gform_page_footer.left_label,
.gform_wrapper .gform_page_footer.right_label {
padding: 16px 0 0 29%
}
.gform_wrapper .gform_page_footer .button.gform_next_button,
.gform_wrapper .gform_page_footer .button.gform_previous_button {
display: -moz-inline-stack;
display: inline-block
}
.gform_wrapper .gform_page_footer .button.gform_previous_button {
margin-bottom: 8px
}
.gform_wrapper .gf_progressbar_wrapper {
clear: both;
width: 100%;
margin: 0 0 16px;
padding: 0 0 16px
}
.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
font-size: .813em;
line-height: 1 !important;
margin: 0 0 8px 12px !important;
padding: 0 !important;
clear: both;
filter: alpha(opacity=60);
-moz-opacity: .6;
-khtml-opacity: .6;
opacity: .6
}
.gform_wrapper .gf_progressbar {
padding: 10px;
position: relative;
background-color: rgba(0, 0, 0, .1);
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .05);
width: 100%
}
.gform_wrapper .gf_progressbar_percentage {
height: 24px;
text-align: right;
font-family: helvetica, arial, sans-serif;
font-size: 0.813em !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
z-index: 999;
vertical-align: middle;
background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px), linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
border-radius: 20px 4px 4px 20px
}
.gform_wrapper .gf_progressbar:after {
display: block;
width: 100%;
z-index: 990;
height: 24px;
margin-top: -24px;
background-color: rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .05);
-moz-box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .05);
box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, .05);
border-radius: 20px
}
.gform_wrapper .gf_progressbar_percentage.percentbar_100 {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px
}
.gform_wrapper .gf_progressbar_percentage span {
display: block;
width: auto;
float: right;
margin-right: 5px;
margin-left: 5px;
line-height: 1.8
}
.gform_wrapper .gf_progressbar_percentage.percentbar_0 span {
color: #959595;
text-shadow: none;
float: none !important;
margin-left: 12px;
word-wrap: normal
}
.gform_wrapper .percentbar_blue {
background-color: #036493;
color: #FFF
}
.gform_wrapper .percentbar_gray {
background-color: #7C7C7C;
color: #FFF
}
.gform_wrapper .percentbar_green {
background-color: #88B831;
color: #FFF
}
.gform_wrapper .percentbar_orange {
background-color: #FF7120;
color: #FFF
}
.gform_wrapper .percentbar_red {
background-color: #FF2A1A;
color: #FFF
}
.gform_wrapper .gf_page_steps {
width: 100%;
margin: 0 0 8px;
padding: 0 0 4px;
border-bottom: 1px dotted #CCC
}
.gform_wrapper .gf_step {
width: 100%;
margin: 24px 24px 24px 0;
font-size: .875em;
height: 14px;
line-height: 1.25 !important;
filter: alpha(opacity=20);
-moz-opacity: .2;
-khtml-opacity: .2;
opacity: .2;
font-family: inherit
}
.gform_wrapper .gf_step span.gf_step_number {
font-size: 1.25em;
font-family: arial, sans-serif;
margin-right: 4px
}
.gform_wrapper .gf_step span.gf_step_label,
.gform_wrapper .gf_step span.gf_step_number {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle
}
.gform_wrapper .gf_step.gf_step_active {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1
}
.gform_wrapper .gf_step_clear {
display: block;
clear: both;
height: 1px;
overflow: hidden
}
.gform_wrapper .gfield_password_strength {
border: 1px solid #DDD;
margin-top: 18px;
margin-bottom: 18px;
line-height: 1.8;
padding: 10px 5px;
text-align: center;
background-color: #EEE;
border-bottom: 3px solid #DDD
}
.gform_wrapper ul.top_label li.gfield.gfield_error.gfield_contains_required .gfield_password_strength {
margin-right: 16px
}
.gform_wrapper ul.left_label li.gfield .gfield_password_strength,
.gform_wrapper ul.right_label li.gfield .gfield_password_strength {
margin-top: 18px;
margin-bottom: 18px;
width: 100%
}
.gform_wrapper .gfield_password_strength.bad {
background-color: #FFB78C;
border-color: #FF853C;
border-bottom: 3px solid #FF853C
}
.gform_wrapper .gfield_password_strength.good {
background-color: #FFEC8b;
border-color: #FC0;
border-bottom: 3px solid #FC0
}
.gform_wrapper .gfield_password_strength.mismatch,
.gform_wrapper .gfield_password_strength.short {
background-color: #FFA0A0;
border-color: #f04040;
border-bottom: 3px solid #f04040
}
.gform_wrapper .gfield_password_strength.strong {
background-color: #C3FF88;
border-color: #8DFF1C;
border-bottom: 3px solid #8DFF1C
}
.gform_wrapper table.gfield_list,
.gform_wrapper table.gfield_list caption,
.gform_wrapper table.gfield_list tbody,
.gform_wrapper table.gfield_list td,
.gform_wrapper table.gfield_list tfoot,
.gform_wrapper table.gfield_list th,
.gform_wrapper table.gfield_list thead,
.gform_wrapper table.gfield_list tr {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline
}
.gform_wrapper table.gfield_list {
border-spacing: 0;
border-collapse: collapse;
table-layout: auto !important
}
.gform_wrapper table.gfield_list thead th {
font-weight: 700;
text-align: left
}
.gform_wrapper table.gfield_list colgroup {
width: 100%;
display: block
}
.gform_wrapper li.gfield.gfield_error table.gfield_list thead th {
color: #790000
}
.gform_wrapper table.gfield_list thead,
.gform_wrapper table.gfield_list tr {
padding: 0;
margin: 0
}
.gform_wrapper table.gfield_list td,
.gform_wrapper table.gfield_list th {
padding: 4px 0
}
.gform_wrapper ul.gform_fields:not(.top_label) table.gfield_list th {
padding: 0 0 4px
}
.gform_wrapper table.gfield_list td+td,
.gform_wrapper table.gfield_list th+th {
padding: 0 0 0 16px
}
.gform_wrapper .gfield_list,
.gform_wrapper .gfield_list td.gfield_list_cell input {
width: 100%
}
.gfield_icon_disabled {
cursor: default !important;
filter: alpha(opacity=60);
-moz-opacity: .6;
-khtml-opacity: .6;
opacity: .6
}
.gform_wrapper table.gfield_list tr td.gfield_list_icons {
width: 48px !important;
padding: 0 0 0 4px !important;
box-sizing: border-box
}
.gform_wrapper table.gfield_list td.gfield_list_icons img {
display: -moz-inline-stack;
display: inline-block;
vertical-align: middle
}
.gform_wrapper .gform_card_icon_container {
margin: 8px 0 6px;
height: 32px
}
.gform_wrapper div.gform_card_icon {
margin-right: 4px;
text-indent: -9000px;
background-image: url(../../../../../../themes/images/gf-creditcard-icons.html);
background-repeat: no-repeat;
width: 36px;
height: 32px;
float: left
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa {
background-position: 0 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
background-position: 0 -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
background-position: 0 -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard {
background-position: -36px 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
background-position: -36px -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
background-position: -36px -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex {
background-position: -72px 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
background-position: -72px -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
background-position: -72px -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover {
background-position: -108px 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
background-position: -108px -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
background-position: -108px -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro {
background-position: -144px 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
background-position: -144px -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
background-position: -144px -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb {
background-position: -180px 0
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
background-position: -180px -32px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
background-position: -180px -64px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa {
background-position: 0 -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
background-position: 0 -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
background-position: 0 -256px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard {
background-position: -36px -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
background-position: -36px -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
background-position: -36px -256px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex {
background-position: -72px -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
background-position: -72px -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
background-position: -72px -256px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover {
background-position: -108px -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
background-position: -108px -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
background-position: -108px -256px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro {
background-position: -144px -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
background-position: -144px -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
background-position: -144px -256px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb {
background-position: -180px -192px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
background-position: -180px -224px
}
.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
background-position: -180px -256px
}
.gform_card_icon_container input[type=radio]#gform_payment_method_creditcard {
float: left;
position: relative;
top: 4px !important
}
.gform_wrapper .ginput_complex .ginput_cardinfo_right {
min-width: 85px !important
}
.gform_wrapper .ginput_complex span.ginput_cardextras {
display: block;
overflow: hidden
}
.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container {
position: relative;
display: block;
min-width: 160px !important
}
.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container select {
margin-bottom: 8px
}
.gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code {
max-width: 50% !important
}
.gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
width: 32px;
height: 23px;
background-image: url(../../../../../../themes/images/gf-creditcard-icons.html);
background-repeat: no-repeat;
background-position: 0 -128px;
position: relative;
top: -1px;
left: 6px;
display: -moz-inline-stack;
display: inline-block
}
.gform_wrapper .gform_fileupload_multifile .gform_drop_area {
padding: 24px;
border: 1px dashed #CCC;
text-align: center;
color: #AAA;
margin-bottom: 16px;
background: rgba(0, 0, 0, .02);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.gform_wrapper span.gform_drop_instructions {
display: block;
margin-bottom: 8px
}
.gform_delete {
vertical-align: middle;
cursor: pointer
}
.gform_wrapper .copy_values_option_container .copy_values_enabled {
width: auto
}
.gform_wrapper li.field_sublabel_above .ginput_complex input[type=text] {
margin-bottom: 1px
}
.gform_wrapper .form_saved_message {
margin: 1em auto;
padding: 3em 2em;
width: 99%;
font-size: 1em;
line-height: 1.8;
color: #31708f;
background-color: #e3f3f3;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.gform_wrapper .form_saved_message form {
text-align: center
}
.form_saved_message p.resume_form_link_wrapper {
background-color: #fff;
display: inline-block;
padding: 1em;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
max-width: 98% !important;
overflow: hidden;
-webkit-box-shadow: 0 3px 2px 0 rgba(66, 103, 126, .2);
-moz-box-shadow: 0 3px 2px 0 rgba(66, 103, 126, .2);
box-shadow: 0 3px 2px 0 rgba(66, 103, 126, .2)
}
.form_saved_message a.resume_form_link {
word-wrap: break-word;
text-decoration: none;
color: #2f637e
}
.form_saved_message .form_saved_message_emailform {
margin: 1em 0 0
}
.form_saved_message label.form_saved_label {
position: absolute;
left: -9000px
}
div.form_saved_message div.form_saved_message_emailform form input[type=text] {
margin-bottom: .25em
}
div.form_saved_message div.form_saved_message_emailform form input {
margin: .75em auto 0;
display: inline-block
}
div.form_saved_message div.form_saved_message_emailform form input[type=email] {
padding: calc(.75em - 1px) !important;
width: 24em;
max-width: 98% !important;
font-size: 1em;
background-color: #fff;
border: 1px solid #91afc7;
color: #424242;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-shadow: inset 0 0 5px 0 #eee;
-moz-box-shadow: inset 0 0 5px 0 #eee;
box-shadow: inset 0 0 5px 0 #eee
}
div.form_saved_message div.form_saved_message_emailform form input[type=submit] {
padding: .75em 1em;
font-size: 1em;
line-height: 1;
background-color: #91afc7;
border: 1px solid #91afc7;
color: #fff;
text-transform: uppercase;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-appearance: none;
-moz-appearance: none
}
@media only screen and (max-width:640px) {
div.form_saved_message div.form_saved_message_emailform form input[type=email],
div.form_saved_message div.form_saved_message_emailform form input[type=submit] {
display: block;
width: 98%
}
}
.form_saved_message .form_saved_message_emailform .validation_message {
color: #790000;
font-weight: 700;
padding: 2em
}
.form_saved_message_sent {
margin: 1em auto;
padding: 3em 2em;
width: 99%;
font-size: 1em;
background-color: #e9ffd9;
color: #3c763d;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-sizing: border-box
}
.form_saved_message_sent .saved_message_email,
.form_saved_message_sent .saved_message_success {
font-weight: 700;
display: block;
line-height: 2
}
.form_saved_message_sent .saved_message_email {
word-wrap: break-word;
text-decoration: underline
}
body #content .entry-content .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area,
body .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area {
line-height: 1 !important
}
body .gform_wrapper img.ui-datepicker-trigger {
width: 17px !important;
height: 16px !important;
display: -moz-inline-stack;
display: inline-block
}
body .gform_wrapper img.add_list_item,
body .gform_wrapper img.delete_list_item {
display: -moz-inline-stack;
display: inline-block;
margin-top: -2px
}
.gform_wrapper ul li.gfield.field_sublabel_above.field_description_below+li.gfield {
margin-top: 16px
}
.gform_wrapper li.gfield ul.gfield_radio li input[type=radio]+input[type=text] {
width: 45.25%
}
.gform_wrapper table.recaptchatable {
table-layout: auto
}
.gform_wrapper ul.gform_fields:not(.top_label) div.ginput_container_captcha {
margin-left: 29%
}
.gfield .wp-editor-container {
border: 1px solid #ddd
}
.gfield .wp-switch-editor {
border-color: #ddd
}
.gfield .html-active .switch-html,
.gfield .tmce-active .switch-tmce {
border-bottom-color: #f5f5f5
}
.gfield .mce-edit-area iframe {
width: 99.9% !important;
margin: 0 !important
}
body .gform_wrapper ul li.gfield {
margin-top: 0;
padding-top: 0
}
body .gform_wrapper ul.gfields li.gfield label.gfield_label {
margin-bottom: 0 !important;
padding-bottom: 0 !important
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html {
line-height: inherit
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
list-style-type: disc !important;
margin: 0 0 8px;
overflow: visible;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul {
list-style-type: disc !important;
margin: 16px 0 16px 28px !important;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li {
list-style-type: decimal !important;
overflow: visible;
margin: 0 0 8px;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol {
list-style-type: decimal !important;
margin: 16px 0 18px 32px;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li {
list-style-type: disc !important;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul {
margin: 16px 0 16px 16px
}
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li {
margin: 0 0 8px
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl {
margin: 0 0 18px;
padding-left: 0
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dt {
font-weight: 700
}
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dd {
margin: 0 0 16px 18px
}
.gform_wrapper span.gf_clear_span {
display: block;
height: 1px;
overflow: hidden;
width: 100%;
float: none;
clear: both;
margin-top: -1px
}
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.chosen-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
display: none
}
.chosen-container.chosen-with-drop .chosen-drop {
display: block
}
.chosen-container a {
cursor: pointer
}
.chosen-container .chosen-single .group-name,
.chosen-container .search-choice .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 400;
color: #999
}
.chosen-container .chosen-single .group-name:after,
.chosen-container .search-choice .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top
}
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background-clip: padding-box;
-webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px
}
.chosen-container-single .chosen-single input[type=text] {
cursor: pointer;
opacity: 0;
position: absolute;
width: 0
}
.chosen-container-single .chosen-default {
color: #999
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(../../../../../../themes/technosoft-default/chosen-sprite.html) -42px 1px no-repeat;
font-size: 1px
}
.chosen-container-single .chosen-single abbr:hover,
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(../../../../../../themes/technosoft-default/chosen-sprite.html) 0 2px no-repeat
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap
}
.chosen-container-single .chosen-search input[type=text] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: url(../../../../../../themes/technosoft-default/chosen-sprite.html) 100% -20px no-repeat;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
opacity: 0;
pointer-events: none
}
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: 700;
cursor: default
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline
}
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: linear-gradient(#eee 1%, #fff 15%);
cursor: text
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: 0 0 !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
width: 25px
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
color: #333;
line-height: 13px;
cursor: default
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(../../../../../../themes/technosoft-default/chosen-sprite.html) -42px 1px no-repeat;
font-size: 1px
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default
}
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
background-image: linear-gradient(#eee 20%, #fff 80%);
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: 0 0
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}
.chosen-container-active .chosen-choices li.search-field input[type=text] {
color: #222 !important
}
.chosen-disabled {
opacity: 0.5 !important;
cursor: default
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close,
.chosen-disabled .chosen-single {
cursor: default
}
.chosen-rtl {
text-align: right
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px
}
.chosen-rtl .chosen-choices li {
float: right
}
.chosen-rtl .chosen-choices li.search-field input[type=text] {
direction: rtl
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none
}
.chosen-rtl .chosen-search input[type=text] {
padding: 4px 5px 4px 20px;
background: url(../../../../../../themes/technosoft-default/chosen-sprite.html) -30px -20px no-repeat;
direction: rtl
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi),
only screen and (min-resolution:1.5dppx) {
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span,
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container-single .chosen-search input[type=text],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-rtl .chosen-search input[type=text] {
background-image: url(../../../../../../themes/technosoft-default/chosen-sprite%402x.html) !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important
}
}
body .gform_wrapper .chosen-container a.chosen-single {
border-radius: inherit
}
body .gform_wrapper ul.chosen-results li {
line-height: inherit
}
@media only screen and (max-width:641px) {
.gform_wrapper .chosen-container.chosen-container-single[style],
.gform_wrapper div.chosen-container.chosen-container-multi[style] {
width: 100% !important
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 2;
min-height: 2rem
}
.gform_wrapper textarea {
line-height: 1.5
}
.gform_wrapper .chosen-container-single .chosen-single {
height: 40px;
line-height: 2.8
}
.gform_wrapper .chosen-container-single .chosen-single div b {
position: relative;
top: 10px
}
.gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice,
.gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-field {
width: 100%;
line-height: inherit;
float: none
}
.gform_wrapper .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice span {
margin-bottom: 0
}
.gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
top: calc(50% - 6px)
}
.gform_wrapper .ginput_container span:not(.ginput_price) {
margin-bottom: 8px;
display: block
}
.gform_wrapper li.field_sublabel_below .ginput_complex {
margin-top: 12px !important
}
.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
width: 85%;
cursor: pointer
}
}
@media only screen and (max-width:761px),
(min-device-width:768px) and (max-device-width:1023px) {
.gform_wrapper ul.gform_fields li.gfield.gfield_error+li.gfield.gfield_error {
margin-top: 32px
}
.gform_wrapper table.gfield_list {
border: 0
}
.gform_wrapper table.gfield_list thead {
position: absolute;
top: -9999px;
left: -9999px
}
.gform_wrapper table.gfield_list tr {
margin-bottom: 10px;
display: block;
background: #fff;
position: relative;
border: 1px solid #CCC;
border-top: 2px solid #CCC;
border-bottom: 4px solid #CCC
}
.gform_wrapper table.gfield_list td {
display: block;
margin-left: 8px;
margin-right: 8px
}
.gform_wrapper table.gfield_list td.gfield_list_icons {
border-bottom: 0;
margin: 16px 0 0 !important
}
.gform_wrapper ul.gform_fields.form_sublabel_above table.gfield_list td:before,
.gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after {
content: attr(data-label);
font-size: .875em;
letter-spacing: .5pt;
white-space: nowrap;
display: block;
clear: both
}
.gform_wrapper ul.gform_fields.form_sublabel_above table.gfield_list td:before {
margin: 8px 0 3px 8px
}
.gform_wrapper ul.gform_fields.form_sublabel_below table.gfield_list td:after {
margin: 3px 0 8px 8px
}
.gform_wrapper table.gfield_list td+td,
.gform_wrapper table.gfield_list th+th {
padding: 4px 0 0
}
.gform_wrapper table.gfield_list tr.gfield_list_row_even,
.gform_wrapper table.gfield_list tr.gfield_list_row_odd {
margin: 16px 0
}
.gform_wrapper table.gfield_list tr,
.gform_wrapper table.gfield_list tr.gfield_list_row_odd:first-child {
padding-top: 12px
}
.gform_wrapper table.gfield_list tr td.gfield_list_icons {
width: 100% !important;
padding: 0 4px 4px !important;
background-color: #EEE
}
.gform_wrapper table.gfield_list tr td.gfield_list_icons img.add_list_item {
margin: 12px 0 0 16px !important
}
.gform_wrapper table.gfield_list tr td.gfield_list_icons img.delete_list_item {
margin: 12px 0 0 8px !important
}
.gform_wrapper .gform_footer a.gform_save_link,
.gform_wrapper .gform_page_footer a.gform_save_link {
margin-left: 0
}
.gform_wrapper .gfield_list td.gfield_list_cell input {
width: calc(100% - 16px);
margin-left: 8px;
margin-right: 8px
}
}
@media only screen and (min-width:641px) {
.gform_wrapper .gform_body {
width: 100%
}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: calc(100% - 16px) !important
}
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
margin: 0 0 8px;
line-height: 1.3
}
.gform_wrapper .gsection {
margin: 28px 16px 28px 0
}
.gform_wrapper ul.gform_fields:not(.top_label) .gfield_label {
float: left;
width: 29%;
padding-right: 16px;
margin-bottom: 16px
}
.gform_wrapper .right_label .gfield_label {
text-align: right
}
.gform_wrapper .left_label .gfield_description,
.gform_wrapper .right_label .gfield_description {
width: 70%
}
.gform_wrapper form ul.left_label li ul.gfield_checkbox li,
.gform_wrapper form ul.left_label li ul.gfield_radio li,
.gform_wrapper form ul.right_label li ul.gfield_checkbox li,
.gform_wrapper form ul.right_label li ul.gfield_radio li,
.gform_wrapper ul.left_label li ul.gfield_checkbox li,
.gform_wrapper ul.left_label li ul.gfield_radio li,
.gform_wrapper ul.right_label li ul.gfield_checkbox li,
.gform_wrapper ul.right_label li ul.gfield_radio li {
margin-bottom: 10px
}
.gform_wrapper .left_label .gfield_description,
.gform_wrapper .left_label .instruction,
.gform_wrapper .right_label .gfield_description,
.gform_wrapper .right_label .instruction {
margin-left: 29%
}
.gform_wrapper ul.gform_fields:not(.top_label) .gsection .gsection_description {
margin-left: 0;
padding-top: 4px;
padding-left: 0;
line-height: 1.5
}
.gform_wrapper form ul.gform_fields:not(.top_label) li.gfield_html_formatted {
margin-left: 29% !important;
width: 70%
}
.gform_wrapper ul.gform_fields:not(.top_label) ul.gfield_checkbox,
.gform_wrapper ul.gform_fields:not(.top_label) ul.gfield_radio {
overflow: hidden
}
.gform_wrapper .left_label div.ginput_complex,
.gform_wrapper .right_label div.ginput_complex {
width: 70%;
margin-left: 29%
}
.gform_wrapper .left_label input.small,
.gform_wrapper .left_label select.small,
.gform_wrapper .right_label input.small,
.gform_wrapper .right_label select.small {
width: 15%
}
.gform_wrapper .left_label input.medium,
.gform_wrapper .left_label select.medium,
.gform_wrapper .right_label input.medium,
.gform_wrapper .right_label select.medium {
width: calc(35% - 8px)
}
.gform_wrapper .left_label input.large,
.gform_wrapper .left_label select.large,
.gform_wrapper .left_label textarea.large,
.gform_wrapper .left_label textarea.medium,
.gform_wrapper .left_label textarea.small,
.gform_wrapper .right_label input.large,
.gform_wrapper .right_label select.large,
.gform_wrapper .right_label textarea.large,
.gform_wrapper .right_label textarea.medium,
.gform_wrapper .right_label textarea.small {
width: 70%
}
.gform_wrapper ul.gform_fields:not(.top_label) .ginput_list {
width: 70%;
margin-left: 29% !important
}
.gform_wrapper .top_label .gfield_list {
width: 100%
}
.gform_wrapper .left_label .gf_list_one_column,
.gform_wrapper .right_label .gf_list_one_column {
width: 45%
}
.gform_wrapper .top_label .gf_list_one_column {
width: 46%
}
.gform_wrapper .left_label li.hidden_label input,
.gform_wrapper .right_label li.hidden_label input {
margin-left: 3.7%
}
.gform_wrapper .left_label li.gfield .gfield_password_strength,
.gform_wrapper .right_label li.gfield .gfield_password_strength {
margin-left: 29%
}
.gform_wrapper .top_label input.small,
.gform_wrapper .top_label select.small {
width: 25%
}
.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
width: calc(50% - 8px)
}
.gform_wrapper.gform_validation_error .top_label input.medium,
.gform_wrapper.gform_validation_error .top_label select.medium {
width: 50%
}
.gform_wrapper .hidden_label input.large,
.gform_wrapper .hidden_label select.large,
.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large {
width: 100%
}
.gform_wrapper .top_label input.large.datepicker,
.gform_wrapper .top_label input.medium.datepicker,
.gform_wrapper .top_label input.small.datepicker {
width: auto
}
.gform_wrapper textarea.small {
height: 80px;
width: 100%
}
.gform_wrapper textarea.medium {
height: 160px;
width: 100%
}
.gform_wrapper textarea.large {
height: 320px;
width: 100%
}
.gform_wrapper .gfield_error .ginput_complex .ginput_left,
.gform_wrapper .gfield_error .ginput_complex .ginput_right,
.gform_wrapper .ginput_complex .ginput_cardinfo_left {
width: 50%
}
.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right {
width: 50%;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 0 -4px 0 0
}
.gform_wrapper .ginput_container_password .ginput_right {
padding-left: 8px
}
.gform_wrapper .ginput_complex .ginput_cardinfo_left,
.gform_wrapper .ginput_complex .ginput_cardinfo_right {
min-height: 43px;
position: relative;
float: left
}
.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month,
.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year {
width: 47% !important;
display: -moz-inline-stack;
display: inline-block
}
.gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month {
margin-right: 4px
}
.gform_wrapper .gf_step {
width: auto;
display: -moz-inline-stack;
display: inline-block;
margin: 16px 32px 16px 0
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=image],
.gform_wrapper .gform_footer input[type=submit] {
display: -moz-inline-stack;
display: inline-block
}
.gform_wrapper .gform_footer input[type=image] {
vertical-align: middle
}
.gform_wrapper .gform_footer a.gform_save_link,
.gform_wrapper .gform_page_footer a.gform_save_link {
font-size: 1em;
margin-left: 16px;
display: -moz-inline-stack;
display: inline-block
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
font-size: 1em;
width: auto;
margin: 0 16px 0 0
}
.gform_wrapper .ginput_complex .ginput_left {
padding-right: 8px
}
.gform_wrapper .left_label .ginput_complex.ginput_container_address:after {
content: "";
display: block
}
.gform_wrapper .ginput_complex.ginput_container_address .ginput_left {
margin-right: 8px
}
.gform_wrapper .ginput_complex.ginput_container_address .ginput_right {
margin-right: -8px;
padding-right: 8px
}
.gform_wrapper .ginput_complex.ginput_container_address span.ginput_full+span.ginput_right {
padding-right: 8px !important;
margin-right: 8px
}
.gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left {
padding-right: 8px !important;
margin-right: -8px
}
.gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left.address_zip {
margin-right: 8px
}
.gform_wrapper .gfield_error .ginput_container {
padding-right: 0
}
.gform_wrapper ul.top_label li.gfield.gfield_error.gfield_contains_required .gfield_password_strength {
margin: 18px 0
}
.gform_wrapper .gform_footer:not(.top_label) {
padding: 16px 0 10px;
margin-left: 29%;
width: 70%
}
.top_label div.ginput_complex.ginput_container.gf_name_has_1,
.top_label div.ginput_complex.ginput_container.gf_name_has_2,
.top_label div.ginput_complex.ginput_container.gf_name_has_3 {
width: calc(100% + 15px)
}
.top_label div.ginput_complex.ginput_container.gf_name_has_4 {
width: calc(100% + 13px)
}
.top_label div.ginput_complex.ginput_container.gf_name_has_5 {
width: calc(100% + 14px)
}
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_1,
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_2,
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_3 {
width: calc(70% + 15px);
margin-left: 29%
}
ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_1,
ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_2,
ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_3 {
width: calc(70% + 24px)
}
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_4 {
width: calc(70% + 13px);
margin-left: 29%
}
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_5 {
width: calc(70% + 14px);
margin-left: 29%
}
div.ginput_container_name span {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
padding-right: 16px;
margin-right: -4px
}
div.ginput_complex.ginput_container.gf_name_has_1 span {
width: 100%
}
div.ginput_complex.ginput_container.gf_name_has_2 span {
width: 50%
}
div.ginput_complex.ginput_container.gf_name_has_3 span {
width: 33.3%
}
div.ginput_complex.ginput_container.gf_name_has_4 span {
width: 25%
}
div.ginput_complex.ginput_container.gf_name_has_5 span {
width: 19.95%
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_1 span {
width: 99.75% !important
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_2 span {
width: 49.75% !important
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_3 span {
width: 33% !important
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_4 span {
width: 24.75% !important
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_5 span {
width: 19.75% !important
}
html div.ginput_complex.ginput_container.gf_name_has_2 span:first-child,
html div.ginput_complex.ginput_container.gf_name_has_3 span:first-child,
html div.ginput_complex.ginput_container.gf_name_has_4 span:first-child,
html div.ginput_complex.ginput_container.gf_name_has_5 span:first-child {
margin-left: 0 !important
}
.gform_wrapper .top_label .ginput_complex.ginput_container.ginput_container_email {
width: calc(100% + 15px)
}
.gform_wrapper ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.ginput_container_email {
width: calc(70% + 16px);
margin-left: 29%
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.ginput_container_email {
width: calc(70% + 17px)
}
li.gfield.gfield_error .gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error .ginput_complex.ginput_container.ginput_container_email {
width: calc(70% + 8px) !important
}
.gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_left,
.gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_right {
padding-right: 16px
}
.gform_wrapper ul.left_label li.gfield .gfield_password_strength,
.gform_wrapper ul.right_label li.gfield .gfield_password_strength {
width: 70%
}
.gform_wrapper .ginput_complex span.ginput_left+input.gform_hidden+span.ginput_left {
padding-right: 0
}
.gform_wrapper .ginput_complex span.ginput_left.address_country {
margin-right: 0
}
html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .clear-multi,
html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .gfield_description,
html:not([dir=rtl]) .gform_wrapper ul.gform_fields:not(.top_label) .ginput_container:not(.ginput_container_time):not(.ginput_container_date) {
width: 70%;
margin-left: 29%
}
.gform_wrapper .gf_progressbar {
width: calc(100% - 16px)
}
.gform_wrapper ul.gform_fields:not(.top_label) .gform_fileupload_multifile .gform_drop_area {
margin-left: 29%;
width: 70%
}
body .gform_wrapper span.ginput_left.address_city+input.gform_hidden+span.ginput_left.address_country {
width: calc(50% - 8px);
margin-right: 0
}
.gform_wrapper ul.gform_fields:not(.top_label) .ginput_container.ginput_recaptcha {
margin-left: 29% !important
}
.gform_wrapper .gform_page_footer .button.gform_previous_button {
margin-bottom: 0
}
.gform_wrapper .gform_page_footer .button.gform_button,
.gform_wrapper .gform_page_footer .button.gform_next_button {
margin-right: 10px
}
body .gform_wrapper select.medium.gfield_select+div.chosen-container-multi[style],
body .gform_wrapper select.medium.gfield_select+div.chosen-container-single[style] {
width: calc(50% - 8px) !important
}
body .gform_wrapper select.large.gfield_select+div.chosen-container-multi[style],
body .gform_wrapper select.large.gfield_select+div.chosen-container-single[style] {
width: 100% !important
}
body .gform_wrapper select.small.gfield_select+div.chosen-container-multi[style],
body .gform_wrapper select.small.gfield_select+div.chosen-container-single[style] {
width: 25%
}
}
@media only screen and (min-width:640px) {
.gform_wrapper .top_label li.gfield.gf_inline {
vertical-align: top;
width: auto !important;
margin: 0;
padding-right: 16px;
float: none !important;
display: -moz-inline-stack;
display: inline-block
}
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=email].small,
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=number].small,
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=password].small,
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=tel].small,
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].small,
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].large,
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].medium,
.gform_wrapper .top_label li.gfield.gf_inline input[type=url].small {
width: 100%
}
.gform_wrapper .top_label li.gfield.gf_inline input[type=text].datepicker.medium {
width: 96px !important
}
.gform_wrapper .top_label li.gfield.gf_inline select,
.gform_wrapper .top_label li.gfield.gf_inline textarea {
width: 100%
}
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour input[type=text],
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute input[type=text] {
width: 70% !important
}
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_day,
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_month,
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_date_year,
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_hour,
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_minute {
width: 50px
}
.gform_wrapper .top_label li.gfield.gf_inline div.gfield_time_ampm {
width: auto
}
.gform_wrapper li.gf_inline div.ginput_container {
white-space: nowrap !important
}
.gform_wrapper li.gf_inline div.ginput_container.ginput_container_date label {
display: block !important
}
.gform_wrapper li.gfield.gfield_error.gf_inline {
margin-right: 16px;
padding-right: 0
}
.gform_wrapper .top_label li.gfield.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
width: 50%;
padding-right: 16px;
float: none
}
.gform_wrapper .top_label li.gfield.gf_right_half {
padding-right: 0
}
.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker),
.gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
width: 100% !important;
margin: 8px 0 0;
padding-left: 0;
padding-right: 0
}
.gform_wrapper .top_label li.gfield.gf_left_half:before {
content: "";
display: block;
clear: both
}
.gform_wrapper .top_label li.gfield.gf_right_half:after {
content: "";
display: table;
clear: both
}
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half,
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
max-width: calc(50% - 16px);
padding-right: 0
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half {
margin-right: 16px
}
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) input.large,
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) input.medium,
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) select.large,
.gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) select.medium,
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) input.large,
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) input.medium,
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) select.large,
.gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) select.medium {
width: 100%
}
.gform_wrapper .top_label li.gfield.gf_left_half textarea,
.gform_wrapper .top_label li.gfield.gf_right_half textarea {
width: 98%
}
.gform_wrapper .top_label li.gfield.gf_left_half input.small,
.gform_wrapper .top_label li.gfield.gf_right_half input.small {
width: 35%
}
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield.gsection.gf_right_half,
.gform_wrapper .top_label li.gfield.gf_left_half+li.gsection,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield.gsection.gf_right_half,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gsection,
.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half,
.gform_wrapper .top_label li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_right_half {
padding: 16px 0 8px
}
.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half {
padding: 0 0 8px
}
.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gsection,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+li.gsection,
.gform_wrapper .top_label li.gfield.gf_left_third+li.gsection,
.gform_wrapper .top_label li.gfield.gf_right_third+li.gsection,
.gform_wrapper .top_label li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half+li.gfield.gsection.gf_left_half+li.gfield.gsection.gf_right_half {
padding: 16px 0 8px
}
.gform_wrapper .top_label li.gfield.gf_left_half+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_left_half+li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_half+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_right_half+li.gfield {
clear: both
}
.gform_wrapper .top_label li.gfield.gf_left_third,
.gform_wrapper .top_label li.gfield.gf_middle_third,
.gform_wrapper .top_label li.gfield.gf_right_third {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
float: none;
margin-bottom: 8px
}
.gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
.gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
width: 33.3%
}
.gform_wrapper .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
width: 33.4%
}
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) input.large,
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) input.medium,
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) select.large,
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) select.medium,
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) input.large,
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) input.medium,
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) select.large,
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) select.medium,
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) input.large,
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) input.medium,
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) select.large,
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) select.medium {
width: 100%
}
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]):not(.ginput_quantity),
.gform_wrapper .top_label li.gfield.gf_left_third div:not(.ginput_container_date) select,
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]):not(.ginput_quantity),
.gform_wrapper .top_label li.gfield.gf_middle_third div:not(.ginput_container_date) select,
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]):not(.ginput_quantity),
.gform_wrapper .top_label li.gfield.gf_right_third div:not(.ginput_container_date) select {
width: 100% !important
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_left_third,
.gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third {
width: calc(33.3% - 24px) !important;
margin-right: 16px
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_right_third {
width: 33.4%
}
.gform_wrapper .top_label li.gfield.gf_right_third:after {
content: "";
display: table;
clear: both
}
.gform_wrapper .top_label li.gfield.gf_left_third+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_left_third+li.gfield,
.gform_wrapper .top_label li.gfield.gf_middle_third+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_middle_third+li.gfield,
.gform_wrapper .top_label li.gfield.gf_right_third+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_right_third+li.gfield {
clear: both
}
.gform_wrapper .top_label li.gfield.gf_first_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
.gform_wrapper .top_label li.gfield.gf_fourth_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
.gform_wrapper .top_label li.gfield.gf_second_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm),
.gform_wrapper .top_label li.gfield.gf_third_quarter:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
width: 25%;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
float: none
}
.gform_wrapper .top_label li.gfield.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter,
.gform_wrapper .top_label li.gfield.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gf_third_quarter {
margin-bottom: 8px
}
.gform_wrapper .top_label li.gfield.gf_first_quarter div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]),
.gform_wrapper .top_label li.gfield.gf_first_quarter div:not(.ginput_container_date) select,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]),
.gform_wrapper .top_label li.gfield.gf_fourth_quarter div:not(.ginput_container_date) select,
.gform_wrapper .top_label li.gfield.gf_second_quarter div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]),
.gform_wrapper .top_label li.gfield.gf_second_quarter div:not(.ginput_container_date) select,
.gform_wrapper .top_label li.gfield.gf_third_quarter div:not(.ginput_container_date) input:not([type=radio]):not([type=checkbox]),
.gform_wrapper .top_label li.gfield.gf_third_quarter div:not(.ginput_container_date) select {
width: 100% !important
}
.gform_wrapper .top_label li.gfield.gfield_error.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_fourth_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
width: 24.5%
}
.gform_wrapper .top_label li.gfield.gf_fourth_quarter:after {
content: "";
display: table;
clear: both
}
.gform_wrapper .top_label li.gfield.gf_first_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_first_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_first_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_first_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_second_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_second_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_second_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_second_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_third_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_third_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_third_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_third_quarter select.medium {
width: 97.5%
}
.gform_wrapper .top_label li.gfield.gf_first_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_second_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_second_quarter+li.gfield,
.gform_wrapper .top_label li.gfield.gf_third_quarter+.gform_footer,
.gform_wrapper .top_label li.gfield.gf_third_quarter+li.gfield {
clear: both
}
.gform_wrapper .top_label li ul.gfield_checkbox,
.gform_wrapper .top_label li ul.gfield_radio {
width: calc(100% + 16px)
}
.gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_checkbox,
.gform_wrapper ul.gform_fields:not(.top_label) li ul.gfield_radio {
width: calc(70% + 16px)
}
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {
width: 50%;
display: -moz-inline-stack;
display: inline-block;
margin: 0;
padding-right: 16px;
min-height: 28px;
vertical-align: top;
font-size: 90%
}
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li {
width: 33.3%;
display: -moz-inline-stack;
display: inline-block;
margin: 0 0 2px;
padding-right: 16px;
min-height: 28px;
vertical-align: top;
font-size: 90%
}
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox li label,
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li label,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox li label,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio li label,
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li label,
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li label {
max-width: 75%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle
}
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li {
width: 25%;
display: -moz-inline-stack;
display: inline-block;
margin: 0;
padding-right: 16px;
min-height: 28px;
vertical-align: top;
font-size: 90%
}
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li {
width: 20%;
display: -moz-inline-stack;
display: inline-block;
margin: 0;
padding-right: 16px;
min-height: 28px;
vertical-align: top;
font-size: 90%
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gf_list_2col_vertical label.gfield_label,
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_2col label.gfield_label,
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_3col label.gfield_label,
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_4col label.gfield_label,
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_5col label.gfield_label,
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gf_list_inline label.gfield_label {
margin: 0 0 10px
}
.gform_wrapper li.gfield.gf_list_2col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_list_2col ul.gfield_radio,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_list_3col ul.gfield_radio,
.gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio,
.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox,
.gform_wrapper li.gfield.gf_list_5col ul.gfield_radio {
overflow: hidden
}
.gform_wrapper li.gf_list_2col_vertical .ginput_container_checkbox ul.gfield_checkbox,
.gform_wrapper li.gf_list_3col_vertical .ginput_container_checkbox ul.gfield_checkbox,
.gform_wrapper li.gf_list_4col_vertical .ginput_container_checkbox ul.gfield_checkbox,
.gform_wrapper li.gf_list_5col_vertical .ginput_container_checkbox ul.gfield_checkbox {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px
}
.gform_wrapper li.gf_list_2col_vertical .ginput_container_checkbox ul.gfield_checkbox,
.gform_wrapper li.gf_list_2col_vertical .ginput_container_radio ul.gfield_radio {
width: calc(100% - 16px);
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.gform_wrapper li.gf_list_3col_vertical .ginput_container_checkbox ul.gfield_checkbox,
.gform_wrapper li.gf_list_3col_vertical .ginput_container_radio ul.gfield_radio {
width: calc(100% - 8px);
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.gform_wrapper li.gf_list_4col_vertical .ginput_container_checkbox ul.gfield_checkbox,
.gform_wrapper li.gf_list_4col_vertical .ginput_container_radio ul.gfield_radio {
width: calc(100% - 8px);
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.gform_wrapper li.gf_list_5col_vertical .ginput_container_checkbox ul.gfield_checkbox,
.gform_wrapper li.gf_list_5col_vertical .ginput_container_radio ul.gfield_radio {
width: calc(100% - 8px);
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.gform_wrapper li.gf_list_2col_vertical .ginput_container_checkbox ul.gfield_checkbox li label,
.gform_wrapper li.gf_list_2col_vertical .ginput_container_radio ul.gfield_radio li label,
.gform_wrapper li.gf_list_3col_vertical .ginput_container_checkbox ul.gfield_checkbox li label,
.gform_wrapper li.gf_list_3col_vertical .ginput_container_radio ul.gfield_radio li label,
.gform_wrapper li.gf_list_4col_vertical .ginput_container_checkbox ul.gfield_checkbox li label,
.gform_wrapper li.gf_list_4col_vertical .ginput_container_radio ul.gfield_radio li label,
.gform_wrapper li.gf_list_5col_vertical .ginput_container_checkbox ul.gfield_checkbox li label,
.gform_wrapper li.gf_list_5col_vertical .ginput_container_radio ul.gfield_radio li label {
max-width: 75%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.gform_wrapper li.gfield.gf_list_height_25 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_25 ul.gfield_radio li {
height: 25px
}
.gform_wrapper li.gfield.gf_list_height_50 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_50 ul.gfield_radio li {
height: 50px
}
.gform_wrapper li.gfield.gf_list_height_75 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_75 ul.gfield_radio li {
height: 75px
}
.gform_wrapper li.gfield.gf_list_height_100 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_100 ul.gfield_radio li {
height: 100px
}
.gform_wrapper li.gfield.gf_list_height_125 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_125 ul.gfield_radio li {
height: 125px
}
.gform_wrapper li.gfield.gf_list_height_150 ul.gfield_checkbox li,
.gform_wrapper li.gfield.gf_list_height_150 ul.gfield_radio li {
height: 150px
}
.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
.gform_wrapper li.gf_list_inline ul.gfield_radio li {
width: auto !important;
float: none !important;
margin: 0 8px 10px 0;
display: -moz-inline-stack;
display: inline-block
}
html[dir=rtl] .gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
html[dir=rtl] .gform_wrapper li.gf_list_inline ul.gfield_radio li {
padding-left: 16px !important;
padding-right: 0 !important
}
.gform_wrapper li.gf_hide_ampm div.gfield_time_ampm {
display: none !important
}
.gform_wrapper li.gsection.gf_scroll_text {
height: 240px;
width: calc(100% - 16px);
padding: 16px;
background-color: #fff;
overflow-y: scroll;
overflow-x: hidden;
border: 1px solid #CCC;
border-bottom: 1px solid #CCC !important
}
.gform_wrapper .top_label li.gsection.gf_scroll_text h2.gsection_title {
margin: 10px 10px 0 8px !important
}
.gform_wrapper.gf_browser_chrome .top_label li.gsection.gf_scroll_text h2.gsection_title,
.gform_wrapper.gf_browser_gecko .top_label li.gsection.gf_scroll_text h2.gsection_title {
margin: 0 10px 0 8px !important
}
.gform_wrapper .top_label li.gsection.gf_scroll_text .gsection_description {
margin: 10px;
font-size: 12px
}
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul li,
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul li {
list-style-type: disc !important;
margin: 0 0 8px;
overflow: visible;
padding-left: 0
}
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul,
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ul {
list-style-type: disc !important;
margin: 16px 0 16px 18px;
padding-left: 0
}
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li,
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li {
list-style-type: decimal !important;
overflow: visible;
margin: 0 0 8px;
padding-left: 0
}
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol,
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol {
list-style-type: decimal !important;
margin: 16px 0 18px 32px;
padding-left: 0
}
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul,
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul li {
list-style-type: disc !important;
padding-left: 0
}
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul {
margin: 16px 0 16px 18px
}
.gform_wrapper form div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description ol li ul li {
margin: 0 0 8px
}
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description dl {
margin: 0 0 18px;
padding-left: 0
}
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description dl dt {
font-weight: 700
}
.gform_wrapper div.gform_ul.gform_fields .top_label li.gfield.gsection.gf_scroll_text div.gsection_description dl dd {
margin: 0 0 16px 18px
}
.gform_wrapper li.gfield.gfield_html.gf_alert_blue,
.gform_wrapper li.gfield.gfield_html.gf_alert_gray,
.gform_wrapper li.gfield.gfield_html.gf_alert_green,
.gform_wrapper li.gfield.gfield_html.gf_alert_red,
.gform_wrapper li.gfield.gfield_html.gf_alert_yellow {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 20px 0 !important;
padding: 20px !important
}
.gform_wrapper li.gfield.gfield_html.gf_alert_green {
border: 1px solid #97B48A;
background-color: #CBECA0;
text-shadow: #DFB 1px 1px;
color: #030
}
.gform_wrapper li.gfield.gfield_html.gf_alert_red {
border: 1px solid #CFADB3;
background-color: #FAF2F5;
text-shadow: #FFF 1px 1px;
color: #832525
}
.gform_wrapper li.gfield.gfield_html.gf_alert_yellow {
border: 1px solid #E6DB55;
background-color: #FFFBCC;
text-shadow: #FCFAEA 1px 1px;
color: #222
}
.gform_wrapper li.gfield.gfield_html.gf_alert_gray {
border: 1px solid #CCC;
background-color: #EEE;
text-shadow: #FFF 1px 1px;
color: #424242
}
.gform_wrapper li.gfield.gfield_html.gf_alert_blue {
border: 1px solid #a7c2e7;
background-color: #D1E4F3;
text-shadow: #E0F1FF 1px 1px;
color: #314475
}
div.gform_confirmation_wrapper.gf_confirmation_simple_yellow {
margin: 30px 0;
max-width: 99%;
border-top: 1px solid #E6DB55;
border-bottom: 1px solid #E6DB55;
padding: 32px;
background-color: #FFFBCC;
color: #424242;
font-size: 25px
}
div.gform_confirmation_wrapper.gf_confirmation_simple_gray {
margin: 30px 0;
max-width: 99%;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 32px;
background-color: #EAEAEA;
color: #424242;
font-size: 25px
}
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient {
position: relative;
background-color: #FFFBD2;
margin: 30px 0;
border: 1px solid #E6DB55;
-webkit-box-shadow: 0 0 5px rgba(221, 215, 131, .75);
-moz-box-shadow: 0 0 5px rgba(221, 215, 131, .75);
box-shadow: 0 0 5px rgba(221, 215, 131, .75)
}
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient div.gforms_confirmation_message {
margin: 0;
padding: 40px;
max-width: 99%;
font-size: 28px;
border-top: 2px solid #FFF;
border-bottom: 1px solid #E6DB55;
color: #424242;
background: #fffce5;
background: -moz-linear-gradient(top, #fffce5 0, #fff9bf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fffce5), color-stop(100%, #fff9bf));
background: -webkit-linear-gradient(top, #fffce5 0, #fff9bf 100%);
background: -o-linear-gradient(top, #fffce5 0, #fff9bf 100%);
background: -ms-linear-gradient(top, #fffce5 0, #fff9bf 100%);
background: linear-gradient(to bottom, #fffce5 0, #fff9bf 100%)
}
div.gform_confirmation_wrapper.gf_confirmation_green_gradient {
position: relative;
background-color: #f1fcdf;
margin: 30px 0;
border: 1px solid #a7c37c;
-webkit-box-shadow: 0 0 5px rgba(86, 122, 86, .4);
-moz-box-shadow: 0 0 5px rgba(86, 122, 86, .4);
box-shadow: 0 0 5px rgba(86, 122, 86, .4)
}
div.gform_confirmation_wrapper.gf_confirmation_green_gradient div.gforms_confirmation_message {
margin: 0;
padding: 40px;
max-width: 99%;
font-size: 28px;
border-top: 2px solid #effade;
border-bottom: 1px solid #a7c37c;
text-shadow: #DFB 1px 1px;
color: #030;
background: #dbf2b7;
background: -moz-linear-gradient(top, #dbf2b7 0, #b4d088 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dbf2b7), color-stop(100%, #b4d088));
background: -webkit-linear-gradient(top, #dbf2b7 0, #b4d088 100%);
background: -o-linear-gradient(top, #dbf2b7 0, #b4d088 100%);
background: -ms-linear-gradient(top, #dbf2b7 0, #b4d088 100%);
background: linear-gradient(to bottom, #dbf2b7 0, #b4d088 100%)
}
div.gform_confirmation_wrapper.gf_confirmation_green_gradient:after,
div.gform_confirmation_wrapper.gf_confirmation_green_gradient:before,
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:after,
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:before {
z-index: -1;
position: absolute;
content: "";
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width: 40%;
background: rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, .2);
box-shadow: 0 15px 10px rgba(0, 0, 0, .2);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg)
}
div.gform_confirmation_wrapper.gf_confirmation_green_gradient:after,
div.gform_confirmation_wrapper.gf_confirmation_yellow_gradient:after {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto
}
.gform_wrapper.gf_simple_horizontal_wrapper.centered_wrapper {
width: auto;
margin: 0 auto;
display: table
}
.gform_wrapper form.gf_simple_horizontal {
width: calc(100% - 16px);
margin: 0 auto
}
.gform_wrapper form.gf_simple_horizontal div.gform_body,
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
display: table-cell;
vertical-align: middle;
margin: 0;
padding: 0;
position: relative
}
.gform_wrapper form.gf_simple_horizontal div.gform_body {
width: auto;
max-width: 75%
}
.gform_wrapper form.gf_simple_horizontal div.ginput_container,
.gform_wrapper form.gf_simple_horizontal ul li.gfield {
margin-top: 0 !important
}
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
width: auto;
max-width: 25%;
padding: 0;
margin: 0
}
body:not(rtl) .gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label {
text-align: left
}
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label {
display: table;
width: 100%
}
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield {
display: table-cell;
padding-right: 1em;
height: auto
}
.gform_wrapper form.gf_simple_horizontal .gfield_description:not(.validation_message),
.gform_wrapper form.gf_simple_horizontal .ginput_complex label,
.gform_wrapper form.gf_simple_horizontal label.gfield_label {
display: block;
height: 1px;
width: 1px;
overflow: hidden;
position: absolute;
top: 0;
left: -9000px
}
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label.form_sublabel_above li.gfield,
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label.form_sublabel_below li.gfield {
vertical-align: middle
}
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input.large,
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input.medium,
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield input.small,
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield select.large,
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield select.medium,
.gform_wrapper form.gf_simple_horizontal div.gform_body ul.top_label li.gfield select.small {
width: 100%
}
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label input[type=submit],
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label input[type=button],
.gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label input[type=image] {
height: auto
}
.gform_wrapper form.gf_simple_horizontal .top_label .gfield_error {
margin-bottom: 0
}
.gform_wrapper form.gf_simple_horizontal ul li.gfield .ginput_container_checkbox ul li,
.gform_wrapper form.gf_simple_horizontal ul li.gfield .ginput_container_radio ul li {
display: inline-block;
margin-right: .5em
}
html[dir=rtl] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_2 span {
width: 48.5%
}
html[dir=rtl] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_3 span {
width: 33%
}
html[dir=rtl] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_4 span {
width: 24.5%
}
html[dir=rtl] .gform_wrapper form.gf_simple_horizontal div.ginput_complex.ginput_container.gf_name_has_5 span {
width: 19.5%
}
}
body .gform_wrapper.gf_form_center_wrapper {
padding: 16px 0 16px 16px
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,
.slick-track:after {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -25px
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px
}
.slick-prev:before {
content: "←"
}
[dir=rtl] .slick-prev:before {
content: "→"
}
.slick-next {
right: -25px
}
[dir=rtl] .slick-next {
left: -25px;
right: auto
}
.slick-next:before {
content: "→"
}
[dir=rtl] .slick-next:before {
content: "←"
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px;
cursor: pointer
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: .75
}
.r-tabs .r-tabs-nav {
margin: 0;
padding: 0
}
.r-tabs .r-tabs-tab {
display: inline-block;
margin: 0;
list-style: none
}
.r-tabs .r-tabs-panel {
padding: 15px;
display: none
}
.r-tabs .r-tabs-accordion-title {
display: none
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block
}
@media only screen and (max-width:959px) {
.r-tabs .r-tabs-nav {
display: none
}
.r-tabs .r-tabs-accordion-title {
display: block
}
}
.hs-error-msgs {
color: #C02F2F
}
/*! {% include "hubspot/styles/responsive/required_base.css" %}*/
/*!
[hubspot-metadata]
{
"path": "custom/page/web_page_basic/style.css"
}
[end-hubspot-metadata]
*/
.ce-header:not(.ce-header-list):focus:not(:hover):not(:active) {
outline: none
}
.home .data-management-module.ddm-dark {
padding-top: 2em;
padding-bottom: 2em
}
.vmv-module {
  width: 100%;
  padding: 40px 0;
  background-color: #04243c;
  min-height: auto;
}

.vmv-wrap.single-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: start;
}

.vmv-item {
  text-align: center;
  padding: 20px;
  color: #fff;
}

.vmv-icon {
  margin-bottom: 10px;
}

.vmv-icon img {
  width: 80px;
  height: 80px;
  object-fit: contain;
}

.vmv-title {
  font-size: 22px;
  margin-bottom: 10px;
  color: #fff;
}

.vmv-content p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
  color: #ddd;
}

/* Responsive - Tablet */
@media (max-width: 991px) {
  .vmv-wrap.single-row {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .vmv-icon img {
    width: 70px;
    height: 70px;
  }

  .vmv-title {
    font-size: 20px;
  }

  .vmv-content p {
    font-size: 15px;
  }
}

/* Responsive - Mobile */
@media (max-width: 576px) {
  .vmv-module {
    padding: 30px 15px;
  }

  .vmv-item {
    padding: 15px;
  }

  .vmv-icon img {
    width: 60px;
    height: 60px;
  }

  .vmv-title {
    font-size: 18px;
  }

  .vmv-content p {
    font-size: 14px;
  }
}