* {
line-height: 1.3 !important
}
html {
font-size: 16px !important
}
p {
line-height: 1.4 !important
}
html {
font-size: 16px; /* Base font size in pixels */
}
@font-face {
font-display: swap;
font-family: "Helvetica";
src: url(/Content/GreenheckStyles/fonts/Helvetica.otf)
}
@font-face {
font-display: swap;
font-family: "Helvetica-Bold";
src: url(/Content/GreenheckStyles/fonts/Helvetica-Bold.ttf)
}
@font-face {
font-display: swap;
font-family: "HelveticaCE";
src: url(/Content/GreenheckStyles/fonts/HelveticaCE.otf)
}
@font-face {
font-display: swap;
font-family: "HelveticaCE-CondBold";
src: url(/Content/GreenheckStyles/fonts/HelveticaCE-CondBold.otf)
}
@font-face {
font-display: swap;
font-family: "HelveticaCE-Narrow";
src: url(/Content/GreenheckStyles/fonts/HelveticaCE-Narrow.otf)
}
@font-face {
font-display: swap;
font-family: "HelveticaConBQ-Medium";
src: url(/Content/GreenheckStyles/fonts/HelveticaConBQ-Medium.otf)
}
@font-face {
font-display: swap;
font-family: "Helvetica-Condensed";
src: url(/Content/GreenheckStyles/fonts/Helvetica-Condensed.otf)
}
@font-face {
font-display: swap;
font-family: "Helvetica-Condensed-Black";
src: url(/Content/GreenheckStyles/fonts/Helvetica-Condensed-Black.otf)
}
@font-face {
font-display: swap;
font-family: "Helvetica-Condensed-Bold";
src: url(/Content/GreenheckStyles/fonts/Helvetica-Condensed-Bold.otf)
}
@font-face {
font-display: swap;
font-family: "Helvetica-Narrow-Bold";
src: url(/Content/GreenheckStyles/fonts/Helvetica-Narrow-Bold.otf)
}
@font-face {
font-display: swap;
font-display: swap;
font-family: "Helvetica-Narrow-Oblique";
src: url(/Content/GreenheckStyles/fonts/Helvetica-Narrow-Oblique.otf)
}
.font-family-helvetica-condensed-bold {
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.font-family-helvetica-condensed {
font-family: "Helvetica-Condensed", sans-serif !important
}
body {
background-image: url(/Content/GreenheckStyles/imgs/page-gradient.png) !important;
background-position-x: 0;
background-position-y: -200px;
background-size: 100% !important;
background-repeat-x: initial !important;
background-repeat-y: initial !important;
background-attachment: initial !important;
background-origin: initial !important;
background-clip: initial !important;
background-color: initial !important
}
.profile-name-link {
color: #fff !important
}
.header-logo-flags-block > .container-fluid > .row {
display: flex !important
}
.header-flags-container {
margin-bottom: 18px !important
}
.lang-label, .lang-link-inactive {
font-weight: normal;
font-family: "Helvetica-Condensed", sans-serif
}
.lang-link-active {
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.header-flag-active, .header-flag-inactive, .header-flag-inactive:hover {
margin-top: 0 !important
}
.faqQA {
margin-left: -50px
}
.description-normal-text li li, .section-description li li, .section-description-with-more-bottom-space li li {
list-style: circle
}
.description-normal-text li ul li, .section-description li ul li, .section-description-with-more-bottom-space li ul li {
list-style: circle
}
.description-normal-text li li li, .section-description li li li, .section-description-with-more-bottom-space li li li {
list-style: square
}
.profile-icon-container {
float: right;
padding: 10px 30px;
color: #fff;
font-size: 16px;
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.circle {
height: 30px;
width: 30px;
background-color: #fff;
border-radius: 50%;
display: inline-block;
top: 5px;
left: 7px
}
.profile-icon-align {
vertical-align: middle;
left: 7px;
color: #57585a
}
.header-scrollup {
position: fixed;
top: 0;
transition: top .2s ease-in-out;
height: 303px;
display: block;
width: 100%;
background-color: #fff !important;
z-index: 1
}
input[type="file"] {
display: none
}
.file-upload {
border: 1px solid #ccc;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
text-transform: uppercase
}
.same-height {
position: absolute;
bottom: 10px
}
.form-group-height {
height: 98px
}
div.dataTables_wrapper div.dataTables_length label {
color: #57585a !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 24px !important;
line-height: 30px !important
}
.table-bordered, table.dataTable thead th, table.dataTable thead td {
border: 0 !important;
border-top: 4px solid #d8d8d8 !important
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border: 0 !important
}
.table > thead > tr > th {
height: 30px !important;
width: 55px !important;
color: #57585a !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 24px !important;
line-height: 30px !important;
padding: 30px 20px !important
}
table.table-bordered.dataTable tbody td:first-child {
color: #015a9c !important
}
.modal-tbl.table-striped > thead > tr > th {
color: #57585a !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 22px !important;
line-height: 26px !important;
border-top: 2px solid #aaa !important;
border-bottom: 2px solid #aaa !important;
padding: 20px 35px !important;
vertical-align: middle
}
.modal-tbl.table-striped > tbody > tr > td {
padding: 20px 35px !important;
line-height: 26px !important
}
.table-striped > tbody > tr:nth-of-type(odd), table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: #e8e8e8 !important;
color: #4a4a4a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 22px !important;
line-height: 23px !important
}
.table-striped > tbody > tr:nth-of-type(even), table.dataTable tbody tr, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: #fff !important;
color: #4a4a4a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 22px !important;
line-height: 23px !important
}
table.dataTable tbody tr td a {
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 1em !important;
line-height: 1em !important;
text-decoration: none !important
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td, table.dataTable thead th, table.dataTable thead td {
padding: 20px 0 20px 20px !important
}
.top .dataTables_paginate {
padding: 13px 9px 20px 10px !important
}
.dataTables_info {
padding: 20px 0 20px 0 !important
}
.dataTables_length {
padding: 4px 0 12px 0 !important
}
table.dataTable tbody th, table.dataTable tbody td {
padding: 16px 20px !important
}
table.dataTable, table.dataTable th, table.dataTable td {
color: #4a4a4a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 18px !important;
line-height: 28px !important
}
div.dataTables_wrapper div.dataTables_info {
color: #4a4a4a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 22px !important;
line-height: 33px !important
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .dataTables_wrapper .dataTables_paginate .paginate_button {
color: #015a9c !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 22px !important;
line-height: 28px !important;
border: 0 !important
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #656565 !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 22px !important;
line-height: 28px !important;
background: none !important;
border: 0 !important
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: #015a9c !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 22px !important;
line-height: 28px !important;
background: none !important;
border: 0 !important
}
.pagination > li > a, .pagination > li > span, #datatable_wrapper .dataTables_paginate .paginate_button {
color: #015a9c !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 22px !important;
line-height: 28px !important;
background: none !important;
border: 0 !important;
padding: 6px 10px 6px 0 !important
}
#datatable_wrapper .dataTables_paginate .paginate_button.current, #datatable_wrapper .dataTables_paginate .paginate_button.disabled {
color: #57585a !important;
cursor: default !important
}
.pagination a:focus {
outline: 0 !important;
outline-offset: 0 !important
}
.find-my-rep-label {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 18px;
line-height: 48px;
float: left
}
select.dropdown {
background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important;
background-color: #f2f2f2 !important;
background-position-x: 94% !important;
background-size: 20px !important;
border: 1px solid #ccc !important;
border-radius: 7px !important;
box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
color: #57585a !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 16px !important;
height: 42px !important;
line-height: normal !important;
margin-top: 5px;
-moz-appearance: none;
-moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
padding: 8px 30px 8px 15px !important;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
-webkit-appearance: none !important;
-webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
width: 100% !important
}
.results-email {
word-wrap: break-word
}
.dropdown-el {
background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important;
background-color: #f2f2f2 !important;
background-position-x: 94% !important;
background-size: 20px !important;
border: 1px solid #ccc !important;
border-radius: 7px !important;
box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
color: #57585a !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 16px !important;
height: 42px !important;
line-height: normal !important;
margin-top: 0;
margin-top: 5px;
-moz-appearance: none;
-moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
padding: 8px 30px 8px 15px !important;
position: absolute;
right: 0;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
-webkit-appearance: none !important;
-webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
width: 100% !important;
z-index: 2
}
.state-dropdown {
position: static !important;
margin-bottom: 30px
}
select::-ms-expand, select.dropdown::-ms-expand, select.dropdown-el::-ms-expand {
display: none !important
}
.form-group .dropdown-el {
background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important;
background-color: #f2f2f2 !important;
background-position-x: 94% !important;
background-size: 20px !important;
border: 1px solid #ccc !important;
border-radius: 7px !important;
box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
color: #57585a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 20px !important;
height: 48px !important;
line-height: 26px !important;
margin-top: 5px;
-moz-appearance: none;
-moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
padding: 11px 30px 11px 15px !important;
position: relative !important;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
-webkit-appearance: none !important;
-webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
width: 100% !important
}
.dropdown-el input {
display: none
}
.dropdown-el span {
border-top: 0;
display: block;
cursor: pointer;
position: relative;
color: #004aa2;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
width: auto;
padding-top: 7px;
padding-bottom: 7px
}
.dropdown-el > span:nth-child(2) {
margin-top: 2em;
border-top: 0
}
.dropdown-el input:checked + span {
display: block;
border-top: 0;
position: absolute;
top: 0;
margin-left: 20px
}
.slide-left {
left: 0 !important
}
.slide-right {
right: 0 !important
}
.form-group .dropdown-el input:checked + span {
display: block;
border-top: 0;
position: absolute;
top: 0;
margin-left: 20px
}
.dropdown-el input:checked + span:nth-child(2) {
margin-top: 0;
position: relative;
margin-left: 0
}
.dropdown-el::after {
content: "";
position: absolute;
right: .8em;
top: .8em;
border: .4em solid #9c9c9c;
border-color: #9c9c9c transparent transparent transparent;
transition: .4s all ease-in-out
}
.dropdown-el.expanded {
border: .06em solid #f4f4f4;
background: #f4f4f4;
border-radius: 8px;
padding: 0;
-moz-box-shadow: rgba(0, 0, 0, .1) 3px 3px 5px 0;
-webkit-box-shadow: rgba(0, 0, 0, .1) 3px 3px 5px 0;
box-shadow: rgba(0, 0, 0, .1) 3px 3px 5px 0;
max-height: 510px;
overflow: auto;
overflow-x: hidden;
z-index: 2
}
.dropdown-el.expanded span {
border-top: 0;
width: 100%
}
.dropdown-el.expanded span:hover {
color: #d68237
}
.dropdown-el.expanded input:checked + span {
color: #004aa2
}
.dropdown-el.expanded::after {
transform: rotate(-180deg);
top: .4em
}
.body-container {
padding-bottom: 0 !important;
background-color: #fff
}
.navbar-collapse {
padding-left: 0 !important
}
.white-bg {
background-color: #fff !important
}
.margin-left-0 {
margin-left: 0 !important
}
.pad-lr-20 {
padding-left: 20px !important;
padding-right: 20px !important
}
.pad-lr-15, .tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12.pad-lr-15 {
padding-left: 15px !important;
padding-right: 15px !important
}
.pad-lr-40 {
padding-left: 40px !important;
padding-right: 40px !important
}
.pad-l-0 {
padding-left: 0 !important
}
.pad-l-45 {
padding-left: 45px !important
}
.pad-l-34 {
padding-left: 34px !important
}
.margin-13p-a-0-0 {
margin: 13% auto 0 0 !important
}
mb-0 {
margin-bottom: 0 !important
}
.description-small-bold-text {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 14px;
line-height: 14px;
text-align: center;
padding-top: 8px;
padding-bottom: 0
}
.description-small-normal-text {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 14px;
line-height: 20px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify !important
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent;
border-color: transparent
}
.navbar-default {
background-color: transparent;
border-color: transparent
}
.navbar-default .navbar-nav > li > a {
color: #004aa2 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
padding: 10px 24px !important;
text-transform: uppercase
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
color: #d97a23 !important
}
video {
width: 100%
}
.link-list {
display: inline-block;
width: 100%;
color: #004aa2;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 30px
}
.font-hcbold {
font-weight: bold;
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.display-flex-1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
align-items: baseline
}
.gh-card-block .img-responsive {
max-height: 150px !important;
max-width: 100% !important;
width: auto !important;
height: auto !important
}
.gh-card-block .card-img .img-responsive {
max-height: 150px !important;
max-width: 100% !important;
width: auto !important;
height: auto !important
}
.display-flex-center {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.align-item-center {
display: flex;
align-items: center
}
.align-item-center-middle {
justify-content: center;
display: flex;
align-items: center
}
.dropdow-wrapper {
position: relative;
width: 49%;
float: left;
display: inline-block;
height: 48px;
margin-right: 1%
}
.margin-50 {
margin: 50px !important
}
.width-100per {
width: 100% !important
}
.width-auto {
width: auto !important
}
.height-auto {
height: auto !important
}
.l-h-24 {
line-height: 24px !important
}
.l-h-21 {
line-height: 21px !important
}
.last-element {
margin-right: 0;
width: 50%
}
.last-element .dropdown-el {
width: 100% !important
}
.form-group.col-md-6 {
position: relative;
padding-right: 10px !important
}
.form-group.col-md-12, .form-group.col-md-3 {
padding-right: 10px !important
}
.form-group {
padding-top: 4px;
position: relative;
padding-bottom: 10px !important;
margin-bottom: 6px !important
}
.field-validation-error {
float: right
}
.width-50per {
width: 50% !important;
border: 0;
margin-right: 0
}
.width-50percent {
width: 50% !important
}
.width-75percent {
width: 75% !important
}
.width-94percent {
width: 94% !important
}
.mobile-quick-delivery-img-card.margin-t-40, .margin-t-40 {
margin-top: 40px !important
}
.m-b-p-b-0 {
margin-bottom: 0 !important;
padding-bottom: 0 !important
}
.margin-t-zero {
margin-top: 0 !important
}
.margin-t-8 {
margin-top: 8px !important
}
.margin-t-5 {
margin-top: 5px !important
}
.margin-t-15 {
margin-top: 15px !important
}
.margin-t-50 {
margin-top: 50px !important
}
.margin-bot-18 {
margin-bottom: 18px !important
}
.margin-bot-30 {
margin-bottom: 30px !important
}
.mobile-quick-delivery-img-card.margin-b-40, .margin-b-40 {
margin-bottom: 40px !important
}
.margin-bot-6 {
margin-bottom: 6px !important
}
.margin-bot-8 {
margin-bottom: 8px !important
}
.margin-bot-15 {
margin-bottom: 15px !important
}
.margin-bot-34 {
margin-bottom: 34px !important
}
.margin-bot-50 {
margin-bottom: 50px !important
}
.margin-bot-80 {
margin-bottom: 80px !important
}
.margin-top-10 {
margin-top: 10px !important
}
.margin-top-20 {
margin-top: 20px !important
}
.margin-top-28 {
margin-top: 28px !important
}
.margin-top-30 {
margin-top: 30px !important
}
.margin-top-40 {
margin-top: 40px !important
}
.margin-top-48 {
margin-top: 48px !important
}
.margin-top-50, .gh-margin-top-50 {
margin-top: 50px !important
}
.content-main-body-left-bg-img-section.margin-b-48 {
margin-top: 48px !important;
margin-bottom: 0 !important
}
.pad-rl-0 {
padding-right: 15px;
padding-left: 15px
}
.pad-r-5, .no-gutters .col-md-6.col-sm-6.pad-r-5 {
padding-right: 20px !important
}
.pad-top-0 {
padding-top: 0 !important
}
.pad-top-12 {
padding-top: 0 !important
}
.pad-top-50 {
padding-top: 50px !important
}
.pad-bottom-50 {
padding-bottom: 50px !important
}
.pad-bot-80 {
padding-bottom: 80px !important
}
.pad-left-0 {
padding-left: 0 !important
}
.pad-right-0, .close.pad-right-0 {
padding-right: 0 !important
}
.pad-top-20 {
padding-top: 20px !important
}
.pad-top-30 {
padding-top: 30px !important
}
.pad-bottom-30 {
padding-bottom: 30px !important
}
.margin-right-zero {
margin-right: 0 !important
}
.pad-top-10 {
padding-top: 10px !important
}
.pad-bot-10 {
padding-bottom: 10px !important
}
.pad-bot-30, .card-white-block.pad-bot-30 {
padding-bottom: 30px !important
}
.pad-bot-0 {
padding-bottom: 0 !important
}
.pad-bot-4 {
padding-bottom: 4px !important
}
.pad-top-100 {
padding-top: 100px !important
}
.margin-top-zero {
margin-top: 0 !important
}
.margin-bot-zero {
margin-bottom: 0 !important
}
.margin-bot-20 {
margin-bottom: 20px !important
}
.margin-bot-28 {
margin-bottom: 28px !important
}
.margin-bot-30 {
margin-bottom: 30px !important
}
.margin-bot-10 {
margin-bottom: 10px !important
}
.line-height-40 {
line-height: 1.2em !important
}
.margin-auto {
margin: auto !important
}
.field-label {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: 30px
}
.page-description.description-bottom-link a, .page-description-with-more-bottom-space.description-bottom-link a, .section-description.description-bottom-link a, .section-description-with-more-bottom-space.description-bottom-link a, .description-bottom-link a, .anchor-link-medium, .section-description .anchor-link-medium, .section-description-with-more-bottom-space .anchor-link-medium {
color: #00589c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px !important;
line-height: 20px !important;
background-color: transparent;
border: none !important;
cursor: pointer
}
.page-description.description-bottom-link a:hover, .page-description.description-bottom-link a:active, .page-description.description-bottom-link a:focus, .page-description-with-more-bottom-space.description-bottom-link a:hover, .page-description-with-more-bottom-space.description-bottom-link a:active, .page-description-with-more-bottom-space.description-bottom-link a:focus, .section-description.description-bottom-link a:hover, .section-description.description-bottom-link a:active, .section-description.description-bottom-link a:focus, .section-description-with-more-bottom-space.description-bottom-link a:hover, .section-description-with-more-bottom-space.description-bottom-link a:active, .section-description-with-more-bottom-space.description-bottom-link a:focus, .description-bottom-link a:hover, .description-bottom-link a:active, .description-bottom-link a:focus, .anchor-link-medium:hover, .anchor-link-medium:active, .anchor-link-medium:focus, .section-description .anchor-link-medium:hover, .section-description .anchor-link-medium:active, .section-description .anchor-link-medium:focus, .section-description-with-more-bottom-space .anchor-link-medium:hover, .section-description-with-more-bottom-space .anchor-link-medium:active, .section-description-with-more-bottom-space .anchor-link-medium:focus {
background: transparent;
color: #d97a23;
text-decoration: underline;
font-size: 16px !important;
line-height: 20px !important
}
.anchor-link-small {
color: #00589c !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 15px !important;
line-height: 18px !important
}
.anchor-link-small:hover, .anchor-link-small:active, .anchor-link-small:focus {
background: transparent;
color: #d97a23 !important;
text-decoration: none
}
.anchor-link {
color: #00589c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 24px;
line-height: 30px;
background-color: transparent;
border: none !important;
cursor: pointer
}
.anchor-link:hover, .anchor-link:active, .anchor-link:focus {
background: transparent;
color: #d97a23;
text-decoration: none
}
.font-bold {
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.float-left {
float: left;
display: inline-block
}
.float-right {
float: right;
display: inline-block
}
.inline-blue-link {
color: #005a9d;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: 30px;
display: inline-block;
margin-right: 30px
}
.inline-blue-link:hover, .inline-blue-link:active, .inline-blue-link:focus {
background: transparent;
color: #d97a23;
text-decoration: none
}
.link-style {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: none
}
.section-bottom-link-with-more-bottom-space {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: none;
margin-bottom: 36px;
display: inline-block
}
.description-normal-text a, .description-bold-text a, .section-title a {
color: #015a9c;
text-decoration: none;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 26px
}
.link-style:hover, .description-normal-text a:hover, .description-bold-text a:hover, .section-bottom-link-with-more-bottom-space:hover, .section-title a:hover {
color: #d97a23;
text-decoration: underline
}
.blue-link:hover, .blue-link:active, .blue-link:focus {
background: transparent !important;
color: #d97a23 !important;
text-decoration: underline !important
}
.grey-bg {
background-color: #f7f8fa
}
.grey-bg .card-white-section {
background-color: #f7f8fa
}
.align-left {
text-align: left !important
}
.align-center {
text-align: center !important
}
.align-right {
text-align: right !important
}
.upper-case {
text-transform: uppercase !important
}
.home-hero-block {
background-color: #fff
}
.header-block {
background: #fff
}
.header-login-block {
background-color: #57585a;
padding-right: 55px;
padding-left: 55px
}
.profile-name-container {
float: right;
padding: 10px 45px 10px 20px;
color: #fff;
font-size: 16px;
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.profile-name-link {
color: #fff;
font-size: 16px;
font-family: "Helvetica-Condensed-Bold", sans-serif;
text-transform: capitalize;
vertical-align: middle;
padding-right: 10px
}
.profile-name-link:hover {
color: #fff;
text-decoration: none
}
.login-btn {
float: right;
color: #68696a;
background-color: #fff;
font-size: 12px;
padding: 7px 13px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 0;
font-family: "Helvetica-Condensed-Bold", sans-serif;
text-transform: uppercase
}
.login-btn:hover {
color: #fff !important;
background-color: #d97a23;
text-decoration: none
}
.header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important;
background-repeat: no-repeat;
background-size: cover;
padding: 0 55px 10px 55px
}
.search-block-and-choosemodel-block {
margin: 28px 0 0 0;
height: 60px;
width: 270px !important;
float: right;
position: relative;
padding-top: 8px
}
.search-block-and-choosemodel-block .search-container {
position: absolute;
z-index: 1
}
.search-block-and-choosemodel-block .nav-dd-container {
position: absolute;
z-index: 2;
right: 0
}
.search-block-and-choosemodel-block .search-container .input-group-addon {
border-radius: 8px !important;
height: 41px
}
.search-block-and-choosemodel-block .search-container .site-search-input {
border-radius: 8px !important;
height: 41px;
z-index: 1
}
.search-container .input-group-addon .fa {
z-index: 4
}
.header-navbar-block {
background-color: #fff !important;
padding-bottom: 20px !important
}
.request-search-container .input-group-addon {
background: none;
border: 0;
height: 48px;
padding: 0;
position: absolute;
right: 0;
width: 38px;
z-index: 4
}
.request-search-container .input-group-addon .fa {
font-size: 20px;
cursor: pointer;
border: 0;
padding: 0 7px 0 0 !important;
height: 48px !important;
vertical-align: middle !important;
line-height: 48px !important;
z-index: 4
}
.header-flags-container {
list-style: none;
list-style-type: none;
display: inline-block;
text-align: center;
float: right;
margin-bottom: 22px
}
.logo {
display: inline-block;
padding: 23px 0 0 0
}
.logo-img {
height: 90px
}
.flag-name {
font-size: 14px;
margin-top: 5px;
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.header-flag-active {
background-color: #57585a;
display: inline-block;
float: left;
margin: 0;
padding: 0 19px 15px 19px
}
.header-flag-active {
display: inline-block
}
.header-flag-inactive, .header-flag-inactive:hover {
display: inline-block;
float: left;
margin: 0;
padding: 0 19px 15px 19px
}
.flag-icon {
height: 38px;
margin-top: 10px
}
.header-flag-active .flag-name {
color: #c2c3c4;
opacity: 1
}
.header-flag-inactive .flag-name {
visibility: hidden
}
.header-flag-inactive:hover .flag-name {
background-color: #e0e0e0;
color: #727272;
visibility: visible;
text-align: center !important;
width: 100% !important
}
.header-flags-container li:last-child {
padding-right: 0 !important
}
.header-flags-container li.header-flag-active:last-child {
padding-right: 12px !important
}
.header-lang-container {
float: right;
margin-right: 0;
margin-bottom: 0
}
.header-logo-flags-block {
padding: 0 55px 10px 55px !important
}
.header-lang-container span {
margin: 0 10px
}
.gh-pipe {
width: 1px !important;
background: #808082;
height: 17px;
display: inline-block;
margin-bottom: -2px !important;
margin-top: 0 !important
}
.lang-label {
font-size: 15px;
color: #656464;
letter-spacing: .1px
}
.lang-link-active {
color: #000;
font-size: 16px;
line-height: 18px;
text-decoration: underline;
letter-spacing: .1px
}
.lang-link-inactive {
color: #000;
font-size: 16px;
font-weight: normal;
line-height: 18px;
text-decoration: underline;
letter-spacing: .62px
}
.gh-search-icon {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 16px
}
.gh-search-icon::-webkit-input-placeholder {
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
color: #999 !important;
font-size: 16px !important;
text-transform: uppercase !important;
height: 41px;
line-height: 41px !important;
margin: 0;
padding: 0
}
.gh-search-icon::-moz-placeholder {
color: #999 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 16px !important;
height: 41px;
line-height: 41px;
margin: 0;
padding: 0;
text-transform: uppercase !important
}
.gh-search-icon:-ms-input-placeholder {
color: #999 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 16px !important;
height: 41px;
line-height: 41px;
margin: 0;
padding: 0;
text-transform: uppercase !important
}
.gh-search-icon:-moz-placeholder {
color: #999 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 16px !important;
height: 41px;
line-height: 41px;
margin: 0;
padding: 0;
text-transform: uppercase !important
}
.desktop-tab-menu .search-container {
float: none !important;
left: auto !important;
margin-right: 0 !important;
margin-top: 0 !important;
right: auto !important;
width: 400px !important
}
.search-container.align-left {
float: left !important;
margin-left: -15px !important;
width: 100% !important
}
.form-control::placeholder {
color: #57585a;
font-size: 14px
}
.search-container.width-100per .gh-search-icon {
font-size: 16px;
height: 42px;
line-height: 42px;
padding: 0 15px
}
.search-container.width-100per .input-group-addon {
height: 40px
}
.search-container.width-100per .input-group-addon .fa {
padding: 9px 14px 9px 0
}
.search-container .form-control {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .22) !important;
border-radius: 0;
box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .22), 1px 1px 3px 0 rgba(0, 0, 0, .22);
height: 48px;
line-height: 48px;
-moz-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .22), 1px 1px 3px 0 rgba(0, 0, 0, .22);
padding: 0 15px 0 15px;
-webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .22), 1px 1px 3px 0 rgba(0, 0, 0, .22)
}
.search-container .input-group-addon {
background: none;
border: 0;
height: 48px;
padding: 0;
position: absolute;
right: 0;
width: 38px;
z-index: 4
}
.search-container .input-group-addon .fa {
font-size: 22px;
cursor: pointer;
border: 0;
padding: 0 7px 0 0 !important;
height: 42px !important;
vertical-align: middle !important;
line-height: 42px !important
}
.desktop-tab-menu .search-container .input-group-addon {
background: none;
border: 0;
height: 41px;
padding: 0;
position: absolute;
right: 0;
width: 38px;
z-index: 999
}
.desktop-tab-menu .search-container .input-group-addon .fa {
font-size: 22px;
cursor: pointer;
border: 0;
padding: 0 14px 0 0;
height: 41px !important;
vertical-align: middle !important;
line-height: 41px
}
.mobile-search-container input.site-search-input.form-control, .mobile-search-container .form-control, .mobile-search-container .hawk-resultsSearch input[type="text"] {
background-color: #fff !important;
border: 1px solid rgba(0, 0, 0, .22) !important;
border-radius: 0 !important;
box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .22), 1px 1px 3px 0 rgba(0, 0, 0, .22) !important;
height: 42px !important;
line-height: 42px !important;
-moz-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .22), 1px 1px 3px 0 rgba(0, 0, 0, .22) !important;
padding: 0 15px 0 15px !important;
-webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .22), 1px 1px 3px 0 rgba(0, 0, 0, .22) !important
}
.mobile-search-container .input-group-addon {
position: absolute;
right: 0;
height: 42px;
width: 38px;
z-index: 4;
background: none;
padding: 0;
border: 0
}
.mobile-search-container .input-group-addon .fa {
font-size: 22px;
padding: 0 7px 0 0 !important;
cursor: pointer;
border: 0;
height: 42px !important;
vertical-align: middle !important;
line-height: 42px
}
.mobile-search-container .input-group-addon .fa.fa-search {
font-size: 22px;
padding: 0 7px 0 0 !important;
cursor: pointer;
border: 0;
height: 42px !important;
vertical-align: middle !important;
line-height: 42px
}
.header-navbar-container {
padding-top: 7px;
display: inline-block;
width: 100%;
padding-left: 13px
}
.header-navbar-container .navbar-nav {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
justify-content: space-between !important;
width: 100% !important
}
.nav:before, .nav:after {
display: none !important
}
.nav-link {
color: #004aa2;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
padding: 14px 0 10px 0 !important;
text-transform: uppercase
}
.nav-link:link {
color: #d97a23 !important;
background-color: transparent !important;
text-decoration: none !important
}
a:link, a:visited, a:active, a:focus {
outline: none !important;
-webkit-user-select: none !important
}
.nav-link:link, .nav-link:visited, .nav-link:active, .nav-link:focus {
text-decoration: none !important;
color: #004aa2 !important;
outline: none !important;
-webkit-user-select: none !important
}
.nav-link:hover {
color: #d97a23 !important;
text-decoration: none !important
}
.header-navbar-dropdown {
margin-right: 20px !important;
background-color: #f4f4f4;
border-color: #f4f4f4;
color: #004aa2;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
padding: 4px 20px !important;
border-radius: 8px;
cursor: pointer
}
.header-navbar-dropdown:hover {
margin-right: 20px !important;
background-color: #f4f4f4;
border-color: #f4f4f4;
color: #004aa2;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
padding: 4px 20px !important;
border-radius: 8px;
cursor: pointer
}
.header-navbar-dropdown::after {
color: #9d9d9d !important
}
.btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
color: #004aa2;
background-color: #f4f4f4;
border-color: #f4f4f4;
-moz-box-shadow: 0 0 0 0 rgba(243, 243, 243, .5);
-webkit-box-shadow: 0 0 0 0 rgba(243, 243, 243, .5);
box-shadow: 0 0 0 0 rgba(243, 243, 243, .5);
border-radius: 8px 8px 0 0
}
.dropdown-item {
display: block;
width: 192px;
padding: 4px 17px 4px 24px;
clear: both;
font-weight: 400;
color: #004aa2;
text-align: inherit;
white-space: nowrap;
background: 0 0;
border: 0;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0 0 10px 0;
margin: 0 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #f4f4f4;
background-clip: padding-box;
border: 1px solid #f4f4f4;
border-radius: 0 0 8px 8px
}
.dropdown-item:focus, .dropdown-item:hover {
color: #d97a23;
text-decoration: none
}
.dropdown-menu.show {
display: block;
overflow-y: scroll;
height: 200px
}
.hero-block, .hero-2-block {
background-position: 0 30px !important;
padding-top: 30px !important
}
.hero-block .container-fluid {
padding-left: 0;
padding-right: 0
}
.hero-block > .hero-block-shadow > .container-fluid > .row {
margin-right: 0;
margin-left: 0
}
.hero-container {
margin: 0 0 0 0;
background-color: rgba(86, 88, 89, .72);
opacity: 0;
display: none
}
.home-hero-block .hero-container, .hero-block-headline-tagline .hero-container {
display: block !important;
z-index: 1;
position: relative
}
img.hero-img {
display: block;
width: 100%;
height: auto
}
.home-hero-block .hero-container {
background-color: #005a9b;
opacity: 1
}
.light-grey-text .hero-container .hero-sub-title {
color: #e6e6e6 !important
}
.hero-block-headline-tagline .hero-container {
background-color: #005a9b;
opacity: 1 !important
}
.home-hero-block .hero-container-section, .hero-block-headline-tagline .hero-container-section {
padding: 33px 15px 22px 15px
}
.hero-block-headline-tagline .hero-sub-title {
margin-bottom: 14px !important
}
.hero-container-section {
padding: 30px 15px 30px 15px
}
.hero-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 52px;
color: #fff;
line-height: 60px;
margin-bottom: 11px;
text-transform: uppercase;
opacity: 1
}
.hero-sub-title {
color: #fff;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 24px;
line-height: 28px;
margin-bottom: 0;
opacity: 1;
display: inline-block;
padding-right: 30px;
width: 100% !important;
}
.hero-2-block .container-fluid {
padding-left: 0;
padding-right: 0
}
.hero-2-block > .hero-2-block-shadow > .container-fluid > .row {
margin-right: 0;
margin-left: 0
}
.hero-2-container {
margin: 240px 0 0 0;
background-color: rgba(86, 88, 89, .72)
}
.hero-2-container-section {
padding: 30px 15px 25px 15px
}
.hero-2-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 46px;
color: #fff;
line-height: 60px;
margin-bottom: 5px;
text-transform: uppercase
}
.hero-2-sub-title {
color: #fff;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
line-height: 28px;
margin-bottom: 18px
}
.hero-container-section .orange-btn {
margin-bottom: 10px !important
}
.orange-btn,
.orange-btn[disabled]:hover {
background-color: #d97a23 !important;
border-radius: 8px !important;
border: 2px solid #d97a23 !important;
color: #fff !important;
cursor: pointer !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 16px !important;
font-weight: bold !important;
line-height: 1.2 !important;
padding: .4em 2em !important;
vertical-align: middle !important;
display: inline-block !important;
}
.btn-outline.delete-contact {
padding: .4em 2em !important;
display: inline-block;
font-weight: bold
}
.btn-outline.delete-contact:hover {
background-color: #015a9c !important;
color: #fff !important
}
.delete-contact {
border: 2px solid #015a9c !important;
border-radius: 8px !important;
background-color: #fff !important;
color: #015a9c !important
}
.orange-btn:hover, .orange-btn:active, .orange-btn:focus {
background: rgba(255, 255, 255, .9) !important;
color: #d97a23 !important;
text-decoration: none !important;
border-color: #d97a23 !important;
padding: .4em 2em !important;
font-weight: bold !important;
line-height: 1.2 !important;
display:inline-block !important;
}
.zoom, .gh-zoom {
overflow: hidden
}
.zoom img, .gh-zoom img {
top: 0%;
left: 0;
max-width: 200%;
width: 100%;
transform: translateX(0%)
}
.orange-link-block {
margin-top: -97px
}
.orange-link-section {
text-align: center;
padding-top: 50px
}
.home-wave-img-container {
width: 100%;
margin-top: 0 !important
}
.home-wave-img {
width: 100%;
margin-top: -186px !important
}
.content-body-block > .sf_colsIn:nth-child(2) {
background-color: #fff !important
}
.testimonials-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves.png);
background-position: 0 -44px;
background-repeat: no-repeat;
background-size: contain;
padding-top: 60px
}
.home-product-section-bg {
padding-top: 0 !important;
margin-top: -84px !important
}
.home-product-section-bg.home-page .description-normal-text {
width: 1105px;
margin: auto
}
.home-product-section-bg .section-titles-block .section-titles-container {
padding-top: 0 !important
}
.section-titles-block.home-page .description-normal-text {
width: 850px;
margin: auto
}
.home-product-section-bg.home-page .description-normal-text {
width: 1105px;
margin: auto
}
.home-product-section-bg .section-titles-block .section-titles-container {
padding-top: 0 !important
}
.home-product-section-bg .section-titles-block .section-titles-container {
padding-top: 0
}
.orange-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: underline
}
.orange-link:hover, .orange-link:active, .orange-link:focus {
font-family: "Helvetica-Condensed", sans-serif;
color: #d97a23;
font-size: 16px;
line-height: 20px;
text-decoration: underline
}
.section-spacer {
height: 100px
}
.section-spacer-40 {
height: 40px
}
.spacer-15 {
height: 15px;
color: rgba(255, 255, 255, .01);
visibility: visible
}
.spacer-30 {
height: 30px;
color: rgba(255, 255, 255, .01);
visibility: visible
}
.spacer-50 {
height: 50px;
color: rgba(255, 255, 255, .01);
visibility: visible
}
.section-titles-container {
padding-top: 60px;
padding-bottom: 42px;
text-align: center
}
.other-section-titles-container {
padding-bottom: 0;
text-align: center
}
.section-top-title {
color: #004aa2;
font-family: "HelveticaCE", sans-serif;
font-size: 20px;
letter-spacing: 8px;
line-height: 23px;
text-transform: uppercase;
padding-bottom: 14px
}
.page-title {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 48px;
line-height: 1.2em;
padding-bottom: 9px;
margin-bottom: 18px;
margin-top: -9px;
border-bottom: 4px solid #d8d8d8
}
.page-title-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 48px;
line-height: 1.2em;
padding-bottom: 9px;
margin-bottom: 45px;
margin-top: -9px;
border-bottom: 4px solid #d8d8d8
}
.sub-title {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
line-height: 24px;
margin-bottom: 12px
}
.sub-title img {
height: 24px !important;
float: left;
margin-right: 0
}
.sub-title-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
line-height: 23px;
margin-bottom: 45px
}
.page-description, .pdf-summary-label {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 26px;
padding-top: 0;
padding-bottom: 12px
}
.page-description-with-more-bottom-space, .page-description-with-more-bottom-space span, .page-description-with-more-bottom-space p {
color: #57585a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 22px !important;
line-height: 26px !important;
padding-top: 0;
padding-bottom: 45px
}
.section-description-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 26px;
padding-top: 0;
padding-bottom: 36px;
margin-top: -4px
}
.section-description {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 26px;
padding-top: 0;
padding-bottom: 12px
}
.section-title, .gs-dashboard-name {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: 24px;
margin-bottom: 12px
}
.section-title img {
height: 24px !important;
float: left;
margin-right: 0
}
.section-title-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: 24px;
margin-bottom: 36px
}
.section-title-uppercase {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: 24px;
margin-bottom: 12px;
text-transform: uppercase
}
.section-title-normal-uppercase {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 24px;
line-height: 24px;
margin-bottom: 12px;
text-transform: uppercase
}
.section-title-uppercase-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: 24px;
margin-bottom: 36px;
text-transform: uppercase
}
.section-title-style img {
margin: auto
}
.section-title-spacing {
margin-top: 37px;
border-top: 2px solid #999
}
.description-normal-text {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 26px;
text-align: center;
padding-top: 0;
padding-bottom: 15px
}
table.pdf-table {
font-family: "Helvetica-Condensed", sans-serif
}
.description-bold-text-content {
color: #57585a;
font-family: Helvetica-Condensed-Bold, sans-serif;
font-size: 22px;
line-height: 26px;
text-align: center;
padding-top: 0
}
.description-bold-text {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
line-height: 26px;
text-align: center;
padding-top: 0;
padding-bottom: 15px
}
.orange-btn-block {
padding-top: 0
}
.orange-btn-container {
text-align: center
}
.home-card-block {
padding-bottom: 50px
}
.home-card-block .card-section {
padding: 0 30px
}
.home-card-block .card-img {
text-align: center;
padding: 20px 10px 20px 10px;
background: none
}
.home-card-block .card-img img {
display: block;
max-width: 100%;
height: auto !important;
margin: auto;
width: 200px !important
}
.home-card-block .card-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 23px;
line-height: 28px;
text-align: center;
margin-bottom: 20px
}
.home-card-block .card-description {
font-family: "Helvetica-Condensed", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 26px;
text-align: center;
margin-bottom: 20px
}
.home-card-block .card-link-container {
text-align: center
}
.home-card-block .card-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: none;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -44px !important;
margin-right: auto !important;
min-height: 40px;
width: auto
}
.home-card-block .card-section .card-title {
text-align: center !important
}
.card-block {
padding-bottom: 50px
}
.card-section {
padding: 0;
margin-top: 40px
}
.card-img {
text-align: left;
padding: 0 0 0 0;
background-color: #fff;
margin-bottom: 20px
}
.card-img img {
height: 190px !important;
width: auto !important
}
.card-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 27px;
text-align: left;
margin-bottom: 10px
}
.card-description {
font-family: "Helvetica-Condensed", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 26px;
text-align: left;
margin-bottom: 20px
}
.card-link-container {
text-align: center
}
.product-card-container-link .card-link-container, .product-card-container-link .card-title {
text-align: left;
text-transform: uppercase
}
.product-card-container-link {
width: 100%
}
.card-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: none;
position: absolute;
bottom: 20px;
left: 0;
margin-left: 0;
min-height: 40px;
right: 0;
margin: 0 15px !important
}
.card-link:hover, .card-link:active, .card-link:focus {
font-family: "Helvetica-Condensed", sans-serif;
color: #d97a23;
font-size: 16px;
line-height: 20px;
text-decoration: underline
}
.product-card-block .display-flex .col-md-4 {
padding-bottom: 0
}
img.img-responsive {
display: block;
max-width: 100%;
width: 100%;
height: auto;
margin: auto
}
.drawing-card-accordian-img img {
float: left
}
.testimonials-section {
padding: 0 90px
}
.testimonials-description {
color: #004aa2;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 35px;
line-height: 44px;
text-align: justify;
padding-bottom: 68px;
font-style: italic
}
.testimonials-author-name {
color: #004aa2;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 35px;
line-height: 44px;
text-align: right
}
.testimonials-author-title {
color: #004aa2;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 25px;
line-height: 34px;
text-align: right
}
.card-white-block {
padding-bottom: 80px
}
.left-card-white-section {
padding: 20px 0 50px 0;
background: #fff;
height: 100%
}
.card-white-section {
padding: 0;
background: #fff;
height: 100%
}
.right-card-white-section {
padding: 10px 20px 50px 20px;
background: #fff;
height: 100%
}
.card-white-img {
text-align: center;
padding: 10px 30px 20px 30px
}
.card-white-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 30px;
text-align: left;
margin-bottom: 10px;
border-bottom: 4px solid #2b388f;
padding-bottom: 10px
}
.right-card-white-section .card-white-description, .right-card-white-section .card-white-description p {
font-size: 16px !important;
color: #57585a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
line-height: 18px !important;
text-align: left !important;
padding-top: 0 !important;
padding-bottom: 0 !important
}
.card-white-description {
font-family: "Helvetica-Condensed", sans-serif;
color: #7b7b7b;
font-size: 20px;
line-height: 26px;
text-align: left;
margin-bottom: 10px
}
.card-white-link-container {
text-align: left
}
.card-white-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: none;
position: absolute;
bottom: 20px
}
.card-white-link:hover, .card-white-link:active, .card-white-link:focus {
font-family: "Helvetica-Condensed", sans-serif;
color: #d97a23;
font-size: 16px;
line-height: 20px;
text-decoration: underline
}
.card-white-container-link, .card-white-container-link:hover, .card-white-container-link:active, .card-white-container-link:focus {
text-decoration: none;
display: inline-block;
padding: 0 20px 50px 20px
}
.card-orange-container-link, .card-orange-container-link:hover, .card-orange-container-link:active, .card-orange-container-link:focus {
text-decoration: none;
display: inline-block;
padding: 0 0 50px 0
}
.card-quote-container-link, .card-quote-container-link:hover, .card-quote-container-link:active, .card-quote-container-link:focus {
text-decoration: none;
display: inline-block;
padding: 0 10px 50px 10px;
position: relative
}
.card-container-link, .product-card-container-link, .card-white-section {
transition: box-shadow .3s !important;
-webkit-transition: box-shadow .3s !important;
-moz-transition: box-shadow .3s !important;
-ms-transition: box-shadow .3s !important;
-o-transition: box-shadow .3s !important
}
.card-container-link:hover, .product-card-container-link:hover, .card-white-section:hover {
box-shadow: 0 0 10px rgba(33, 33, 33, .2)
}
.grid-stack-item-content .card-container-link:hover, .grid-stack-item-content .product-card-container-link:hover, .grid-stack-item-content .card-white-section:hover {
box-shadow: none
}
.product-card-container-link, .product-card-container-link:hover, .product-card-container-link:active, .product-card-container-link:focus {
display: inline-block;
height: 100%;
padding: 10px 15px 67px 15px;
position: relative;
margin-bottom: 30px;
text-decoration: none
}
.card-container-link, .card-container-link:hover, .card-container-link:active, .card-container-link:focus {
display: inline-block;
height: 100%;
padding: 0 0 67px 0;
position: relative;
margin-bottom: 30px;
text-decoration: none
}
.card-white-container-link .card-white-link, .card-container-link .card-link, .product-card-container-link .product-card-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: none
}
.card-white-container-link:hover .card-white-link, .card-white-container-link:active .card-white-link, .card-white-container-link:focus .card-white-link, .card-container-link:hover .card-link, .card-container-link:active .card-link, .card-container-link:focus .card-link, .product-card-container-link:hover .product-card-link, .product-card-container-link:active .product-card-link, .product-card-container-link:focus .product-card-link, .product-card-container-link:hover .card-link, .product-card-container-link:active .card-link, .product-card-container-link:focus .card-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #d97a23;
font-size: 16px;
line-height: 20px;
text-decoration: underline
}
.card-orange-container-link .card-orange-link {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px;
line-height: 20px;
text-decoration: none;
background-color: #d97a23 !important;
border: 2px solid #d97a23 !important;
border-radius: 8px !important;
color: #fff !important;
display: inline-block;
width: 100%;
padding: 10px 15px;
text-align: center;
font-weight: 700
}
.card-orange-container-link:hover .card-orange-link, .card-orange-container-link:active .card-orange-link, .card-orange-container-link:focus .card-orange-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #fff;
font-size: 16px;
line-height: 20px;
text-decoration: underline;
background: #015a9c !important;
border-color: #015a9c !important;
text-decoration: none
}
.card-orange-title {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
line-height: 30px;
margin: 0 0 10px 0;
padding: 10px;
background: #d97a23;
color: #fff;
text-align: center
}
.need-part-card {
border-top: 4px solid #d97a23;
padding-top: 8px
}
.need-part-title {
display: flex;
align-items: center;
justify-content: flex-start;
font-weight: 700;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
line-height: 30px;
margin: 0 0 10px 0;
padding: 10px;
color: #000;
text-align: center
}
.need-part-title > img.img-responsive {
width: 30px;
margin: 0 10px 0 0
}
.need-part-card .card-orange-count {
color: #000 !important
}
.need-part-card .card-orange-description {
color: #000 !important
}
.card-orange-description {
font-family: "Helvetica-Condensed", sans-serif;
color: #7b7b7b;
font-size: 16px;
line-height: 1.4;
text-align: left;
margin-bottom: 10px;
padding: 10px 20px 10px
}
p.card-orange-count {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #7b7b7b;
font-size: 16px;
line-height: 26px;
text-align: center;
margin: 10px 20px 5px;
padding: 7px 10px 7px;
font-weight: bold;
border-top: solid 1px #e8e6e6;
border-bottom: solid 1px #e8e6e6
}
.card-orange-link-container {
padding: 20px 20px 0 20px
}
.card-quote-container-link {
background: #f7f8fa;
display: inline-block;
border-top: 4px solid #015a9c
}
.card-quote-img-container p {
width: 61px;
margin-bottom: 0
}
.card-quote-img-container > img.img-responsive {
width: 35px;
margin-bottom: 5px;
margin-top: 0
}
.need-quote-title > img.img-responsive {
width: 22px;
margin: 0
}
.need-quote-title .new-beak-red {
background: #d52022;
color: #fff;
padding: 0 8px;
border-radius: 5px;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 10px;
line-height: 22px
}
.need-quote-title {
display: flex;
align-items: center;
justify-content: space-between;
font-weight: 700;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
line-height: 30px;
margin: 0 0 10px 0;
padding: 0;
color: #000;
text-align: center
}
.card-quote-container-link .card-quote-link {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px;
line-height: 20px;
text-decoration: none;
background-color: #015a9c !important;
border: 2px solid #015a9c !important;
border-radius: 8px !important;
color: #fff;
display: inline-block;
width: 100%;
padding: 10px 15px;
text-align: center;
font-weight: 700
}
.card-quote-container-link:hover .card-quote-link, .card-quote-container-link:active .card-quote-link, .card-quote-container-link:focus .card-quote-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #fff;
font-size: 16px;
line-height: 20px;
text-decoration: underline;
background: #015a9c !important;
border-color: #015a9c !important;
text-decoration: none
}
.new-beak {
position: absolute;
top: 10px;
right: 10px;
background: #a14e4c;
color: #fff;
padding: 3px 8px;
border-radius: 5px;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px
}
.card-quote-description {
color: #333;
text-align: left;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
padding-top: 15px;
padding-bottom: 20px
}
.card-quote-img-container {
width: 120px;
height: 120px;
background: #333;
border-radius: 50%;
margin: auto;
text-align: center;
margin-top: 30px;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.footer-block {
margin-top: 0;
background-color: #fff
}
.footer-top {
background-color: #57585a
}
.logo-footer-section {
padding: 25px 0
}
.logo-footer {
height: 62px
}
.footer-top-icon-section {
margin: 25px 0;
float: right;
height: 62px;
vertical-align: middle;
display: block;
padding: 12px 0
}
.careers-button {
background: url("/Content/GreenheckStyles/imgs/wave-button-bg.png") 0 0 repeat;
display: inline-block;
margin-right: 20px;
color: #015a9c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 24px;
line-height: 38px;
text-shadow: none;
padding: 0 70px;
height: 38px;
background-size: cover;
float: left
}
.footer-social-icon {
display: inline-block;
margin-right: 20px;
float: left
}
.footer-social-icon:nth-child(5) {
display: inline-block;
margin-right: 0;
float: left;
background-color: #fff
}
.footer-social-one-icon {
margin: 0 !important;
color: #fff;
font-weight: bold !important
}
.social-icon {
height: 38px
}
.footer-middle {
background-color: #57585a;
border-top: solid 5px #fff;
padding-top: 30px;
padding-bottom: 80px
}
.footer-bottom {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves.png);
background-position: 0 -19px;
background-repeat: no-repeat;
background-size: cover
}
.footer-bottom-container {
padding: 40px 0
}
.footer-bottom-row {
color: #5f6062;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px;
line-height: 20px;
text-align: center;
padding: 10px 0;
font-weight: bold
}
.footer-bottom-row .pipe {
padding: 0 5px
}
.footer-bottom-row a {
color: #5f6062 !important;
text-decoration: none
}
.footer-bottom-row a:hover {
color: #5f6062 !important;
text-decoration: underline
}
.footer-menu-title .footer-menu-link-anchor {
color: #fff;
font-family: "Helvetica-Condensed", sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 16px !important;
text-transform: uppercase;
display: inline-block !important
}
.footer-menu-link-container {
padding-left: 0;
padding-top: 20px
}
.footer-menu-link {
list-style: none;
margin: 3px 0
}
.footer-menu-link-anchor {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 12px;
line-height: 14px !important;
display: inline-block
}
.footer-menu-link-anchor:link {
color: #fff !important
}
.footer-menu-link-anchor:link, .footer-menu-link-anchor:visited, .footer-menu-link-anchor:active, .footer-menu-link-anchor:focus {
text-decoration: none !important;
color: #fff !important
}
.footer-menu-link-anchor:hover {
color: #d97a23 !important;
text-decoration: underline !important
}
.breadcrumb-container {
background-color: #fff;
padding-top: 12px
}
.breadcrumb {
padding-left: 0;
text-align: left
}
.breadcrumb > li {
display: inline-block;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
height: 25px;
padding: 1px 0 0 0;
position: relative;
top: -3px
}
.breadcrumb > li:first-child {
position: relative
}
.breadcrumb > li:first-child a {
position: relative;
width: 25px
}
.breadcrumb-block, .breadcrumb {
background-color: #fff !important
}
.breadcrumb-home-icon {
vertical-align: unset;
max-width: 100%;
max-height: 100%;
position: absolute;
bottom: -2px
}
.breadcrumb-item + .breadcrumb-item::before {
content: ">" !important;
color: #015a9c !important;
padding-right: 10px;
padding-left: 10px;
position: relative;
top: -2px
}
.breadcrumb-item.in-active a, .breadcrumb-item.in-active a:active, .breadcrumb-item.in-active a:focus, .breadcrumb-item a, .breadcrumb-item a:active, .breadcrumb-item a:focus {
color: #015a9c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
height: 20px;
padding: 1px 0 0 0;
text-decoration: none;
display: inline-block
}
.breadcrumb-item.in-active a:hover {
color: #d97a23;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
height: 20px;
padding: 1px 0 0 0;
text-decoration: none
}
.breadcrumb-item.active {
color: #606060;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
height: 25px;
padding: 1px 0 0 0;
position: relative;
top: -3px
}
.content-main-body-block {
background: #fff
}
.content-main-body-left-section {
margin-bottom: 20px;
margin-top: 0 !important
}
.content-main-body-left-bg-img-section {
background-size: contain;
background: #f7f8fa
}
.left-content-title {
background-color: #015a9c;
padding: 20px 14px 20px 14px;
color: #fff;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
line-height: 26px;
text-align: center;
height: auto
}
ul.left-content-links {
padding-left: 20px;
padding-bottom: 40px;
padding-top: 0;
text-align: left;
margin-bottom: 0 !important
}
ul.left-content-links li {
padding: 0 20px 0 0;
list-style: none;
text-align: left
}
ul.left-content-links li a.active-link, ul.left-content-links li a.active-link:hover {
color: #57585a !important;
text-decoration: none;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 15px;
line-height: 19px;
padding: 5px 0
}
ul.left-content-links li a.inactive-link:hover {
color: #d97a23;
text-decoration: none
}
ul.left-content-links li a.inactive-link {
color: #015a9c;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 15px;
line-height: 19px;
padding: 5px 0
}
.right-content-title {
padding: 20px 0 30px 0
}
ul.right-content-links {
padding-left: 0;
padding-bottom: 40px;
padding-top: 10px
}
ul.right-content-links li {
padding: 0 20px 0 0;
list-style: none
}
ul.right-content-links li a.active-link, ul.right-content-links li a.inactive-link:hover {
color: #d97a23;
text-decoration: none;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 15px;
padding: 5px 0
}
ul.right-content-links li a.inactive-link {
color: #015a9c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 15px;
padding: 5px 0
}
ul.right-content-icon-links {
padding-left: 16px;
padding-bottom: 36px;
padding-top: 0
}
ul.right-content-icon-links li {
padding: 0 20px 0 0;
list-style: none;
display: flex
}
ul.right-content-icon-links li a.active-link, ul.right-content-icon-links li a.inactive-link:hover {
color: #d97a23;
text-decoration: none;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 18px;
padding: 0 0 5px 0;
margin-left: 7px;
display: inline-block;
float: left
}
ul.right-content-icon-links li.pdf:before {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 -15px;
color: #015a9c;
vertical-align: top;
margin-top: -4px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
ul.right-content-icon-links li.externallink:before {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 -15px;
color: #015a9c;
vertical-align: top;
margin-top: -4px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
.l-pdf:after {
font-family: "FontAwesome";
content: "";
margin: 0 7px 0 0;
color: #ff2116;
vertical-align: top;
margin-top: -2px;
float: left
}
.before-video-small:before {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 -15px;
color: #015a9c;
vertical-align: top;
margin-top: -4px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
.before-pdf-small:before {
background-image: url(/Content/GreenheckStyles/imgs/pdf_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: 0;
display: inline-block;
width: 20px;
height: 20px;
margin: -2px 0 0 -15px
}
.before-ppt-small:before {
background-image: url(/Content/GreenheckStyles/imgs/powerpoint_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: 0;
display: inline-block;
width: 20px;
height: 20px;
margin: -2px 0 0 -15px
}
.before-word-small:before {
background-image: url(/Content/GreenheckStyles/imgs/word_icon.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: 0;
display: inline-block;
width: 20px;
height: 20px;
margin: -2px 0 0 -15px
}
.before-excel-small:before {
background-image: url(/Content/GreenheckStyles/imgs/excel_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: 0;
display: inline-block;
width: 20px;
height: 20px;
margin: -2px 0 0 -15px
}
.before-video-medium:before {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 0;
color: #015a9c;
vertical-align: top;
float: left;
width: 28px;
height: 28px;
font-size: 28px;
margin-right: 6px
}
.before-pdf-medium:before {
background-image: url(/Content/GreenheckStyles/imgs/pdf_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: -4px;
display: inline-block;
width: 26px;
height: 26px;
margin-right: 8px
}
.before-ppt-medium:before {
background-image: url(/Content/GreenheckStyles/imgs/powerpoint_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: -4px;
display: inline-block;
width: 26px;
height: 26px;
margin-right: 8px
}
.before-word-medium:before {
background-image: url(/Content/GreenheckStyles/imgs/word_icon.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: -4px;
display: inline-block;
width: 26px;
height: 26px;
margin-right: 8px
}
.before-excel-medium:before {
background-image: url(/Content/GreenheckStyles/imgs/excel_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: -4px;
display: inline-block;
width: 26px;
height: 26px;
margin-right: 8px
}
.after-video-small:after {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 -15px;
color: #015a9c;
vertical-align: top;
margin-top: -4px;
width: 18px;
height: 18px;
font-size: 18px;
margin-left: 6px
}
.after-pdf-small:after {
background-image: url(/Content/GreenheckStyles/imgs/pdf_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: 0;
display: inline-block;
width: 20px;
height: 20px;
margin: -2px -15px 0 0
}
.after-ppt-small:after {
background-image: url(/Content/GreenheckStyles/imgs/powerpoint_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: 0;
display: inline-block;
width: 20px;
height: 20px;
margin: -2px -15px 0 0
}
.after-word-small:after {
background-image: url(/Content/GreenheckStyles/imgs/word_icon.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: 0;
display: inline-block;
width: 20px;
height: 20px;
margin: -2px -15px 0 0
}
.after-excel-small:after {
background-image: url(/Content/GreenheckStyles/imgs/excel_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: 0;
display: inline-block;
width: 20px;
height: 20px;
margin: -2px 0 0 -15px
}
.after-video-medium:after {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 0;
color: #015a9c;
vertical-align: top;
width: 28px;
height: 28px;
font-size: 28px;
margin-left: 6px
}
.after-pdf-medium:after {
background-image: url(/Content/GreenheckStyles/imgs/pdf_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: -4px;
display: inline-block;
width: 26px;
height: 26px;
margin-left: 8px
}
.after-ppt-medium:after {
background-image: url(/Content/GreenheckStyles/imgs/powerpoint_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: -4px;
display: inline-block;
width: 26px;
height: 26px;
margin-left: 8px
}
.after-word-medium:after {
background-image: url(/Content/GreenheckStyles/imgs/word_icon.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: -4px;
display: inline-block;
width: 26px;
height: 26px;
margin-left: 8px
}
.after-excel-medium:after {
background-image: url(/Content/GreenheckStyles/imgs/excel_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: -4px;
display: inline-block;
width: 26px;
height: 26px;
margin-left: 8px
}
ul.right-content-icon-links li.blank:before {
font-family: "FontAwesome";
content: " ";
margin: 0 0 0 -15px;
color: transparent;
vertical-align: top;
margin-top: -4px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
ul.right-content-icon-links li.externallink:after {
content: ""
}
ul.right-content-icon-links li.new-tab:before {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 -15px;
color: #015a9c;
vertical-align: top;
margin-top: -4px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
ul.right-content-icon-links li.r-arrow:before {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 -15px;
color: #015a9c;
vertical-align: top;
margin-top: -4px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
ul.right-content-icon-links li.video:before {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 -15px;
color: #015a9c;
vertical-align: top;
margin-top: -4px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
ul.right-content-icon-links li.livechat:before {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 -15px;
color: #015a9c;
vertical-align: top;
margin-top: -4px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
ul.right-content-icon-links li.email:before {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 -15px;
color: #015a9c;
vertical-align: top;
margin-top: -4px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
ul.right-content-icon-links li.map:before {
font-family: "FontAwesome";
content: "";
margin: 0 4px 0 -23px;
color: #015a9c;
vertical-align: top;
margin-top: -1px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
ul.right-content-icon-links li.map {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 18px;
padding: 0 0 5px 10px
}
ul.right-content-icon-links li.phone:before {
font-family: "FontAwesome";
content: "";
margin: 0 0 0 -15px;
color: #015a9c;
vertical-align: top;
margin-top: -4px;
float: left;
width: 18px;
height: 18px;
font-size: 18px
}
ul.right-content-icon-links li a.inactive-link-projectProfile {
color: #015a9c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 26px;
padding: 0 0 5px 0;
margin-left: 7px;
display: inline-block;
float: left;
width: 100% !important
}
ul.right-content-icon-links li a.inactive-link {
color: #015a9c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 18px;
padding: 0 0 5px 0;
margin-left: 7px;
display: inline-block;
float: left;
width: 100% !important
}
.right-content-description {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 18px
}
.product-card-section {
padding: 10px 10px 20px 0;
margin-bottom: 15px
}
.product-card-section .section-title {
margin-top: 10px !important
}
.description-list li:first-child {
margin-top: 20px !important
}
.description-list ul + p {
margin-top: 20px !important
}
.product-card-block .product-card-container .container-fluid {
padding-right: 0;
padding-left: 0
}
.video-card-section {
padding: 0;
margin-bottom: 30px
}
.video-card {
padding: 0;
margin-bottom: 10px;
position: relative
}
.video-image-overlay {
position: relative;
width: 100%;
height: 100%
}
.video-image-overlay:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(70, 70, 70, .5)
}
.video-play-btn {
position: absolute;
left: 50%;
top: 50%;
margin-top: -35px;
margin-left: -35px;
width: 70px;
height: auto;
max-width: 100%;
z-index: 1
}
.video-play-btn-small {
margin: 30%;
height: auto;
max-width: 40%;
z-index: 1;
position: relative
}
.video-embed {
height: 200px
}
.video-link-card {
background-size: cover !important;
position: relative;
display: inline-block;
width: 100%;
height: 200px
}
.video-link-card-small {
background-size: contain !important;
position: relative;
display: inline-block;
width: 100%;
height: auto
}
.product-card-img .img-responsive {
height: 220px;
margin-bottom: 20px;
width: auto !important
}
.product-card-description {
font-family: "Helvetica-Condensed", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 23px;
text-align: left
}
.product-card-link-container {
text-align: left;
padding-top: 30px
}
.product-card-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: none;
position: absolute;
bottom: 0;
text-transform: uppercase;
margin-bottom: 30px;
height: 40px
}
.product-card-link:hover, .product-card-link:active, .product-card-link:focus {
font-family: "Helvetica-Condensed", sans-serif;
color: #d97a23;
font-size: 16px;
line-height: 20px;
text-decoration: underline
}
.normal-card-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: underline;
text-transform: uppercase
}
.normal-card-link:hover, .normal-card-link:active, .normal-card-link:focus {
font-family: "Helvetica-Condensed", sans-serif;
color: #d97a23;
font-size: 16px;
line-height: 20px;
text-decoration: underline
}
.article-card-white-block {
padding-bottom: 80px
}
.article-card-white-container .card-white-section {
padding: 0 0 50px 0;
background: #fff;
height: 100%
}
.article-card-white-container .card-white-img {
text-align: center;
padding: 0 0 20px 0
}
.article-card-white-container .card-white-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 30px;
text-align: left;
margin-bottom: 20px;
margin: 0 15px 4px 15px
}
.article-card-white-container .card-white-description {
font-family: "Helvetica-Condensed", sans-serif;
color: #7b7b7b;
font-size: 20px;
line-height: 26px;
text-align: left;
margin: 0 15px 4px 15px
}
.article-card-white-container .card-white-link-container {
text-align: left;
margin: 0 15px 4px 15px
}
.article-card-white-container .card-white-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: none;
position: absolute;
bottom: 20px
}
.article-card-white-container .card-white-link:hover, .article-card-white-container .card-white-link:active, .article-card-white-container .card-white-link:focus {
font-family: "Helvetica-Condensed", sans-serif;
color: #d97a23;
font-size: 16px;
line-height: 20px;
text-decoration: underline
}
.article-card-white-section-wrap {
height: 100%
}
.article-card-white-section {
padding: 0 0 50px 0;
background: #fff;
height: 100%
}
.article-card-white-img {
text-align: center;
padding: 0 0 20px 0
}
.article-card-white-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 30px;
text-align: left;
margin-bottom: 20px;
margin: 0 15px 4px 15px
}
.article-card-white-description {
font-family: "Helvetica-Condensed", sans-serif;
color: #7b7b7b;
font-size: 20px;
line-height: 26px;
text-align: left;
margin: 0 15px 4px 15px
}
.article-card-white-link-container {
text-align: left;
margin: 0 15px 4px 15px
}
.article-card-white-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 16px;
line-height: 20px;
text-decoration: none;
position: absolute;
bottom: 20px
}
.article-card-white-link:hover, .article-card-white-link:active, .article-card-white-link:focus {
font-family: "Helvetica-Condensed", sans-serif;
color: #d97a23;
font-size: 16px;
line-height: 20px;
text-decoration: underline
}
.title-desc-container {
margin-bottom: 80px
}
.position-relative {
position: relative !important;
bottom: 0 !important
}
ul {
list-style: none;
padding: 0
}
ul .inner {
padding-left: 1px;
margin-left: -1px;
overflow: hidden;
display: none
}
ul li {
margin: .5em 0
}
ul li a.toggle {
width: 100%;
display: block;
padding-top: 0;
padding-bottom: 9px;
padding-right: 4px;
padding-left: 0;
transition: background .3s ease;
float: left;
position: relative
}
ul li a.toggle:hover {
color: rgba(217, 122, 35, .83);
text-decoration: none
}
.accordion-main-title {
color: #656565;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: 30px
}
.accordion-main-title > float-left {
display: inline-block;
width: 100%;
padding-right: 40px
}
span.float-right.accordion-icon {
position: absolute;
float: none;
right: 0
}
.accordion-sub-title {
color: #656565;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
line-height: 25px
}
.accordion-inner-link {
color: #015a9c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 33px;
text-decoration: none
}
.accordion-inner-link:hover, .accordion-inner-link:active, .accordion-inner-link:focus {
color: #d97a23;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 33px;
text-decoration: none
}
#accordion ul.inner {
height: auto !important
}
.description-normal-bullet-points ul li {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 23px;
list-style: disc;
margin-left: 21px
}
[type="radio"].with-gap, [type="checkbox"].with-gap {
position: absolute;
left: -9999px;
visibility: hidden
}
[type="radio"].with-gap + label, [type="checkbox"].with-gap + label [type="radio"].with-gap ~ label, [type="checkbox"].with-gap ~ label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
padding-top: 0 !important
}
[type="radio"].with-gap + label, [type="radio"].with-gap ~ label {
-webkit-transition: .28s ease;
transition: .28s ease
}
[type="radio"].with-gap + label:before, [type="radio"].with-gap + label:after, [type="radio"].with-gap ~ label:before, [type="radio"].with-gap ~ label:after {
content: "";
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 20px;
height: 20px;
z-index: 0;
border-radius: 50%;
border-style: solid;
border-width: 2px;
-webkit-transition: .28s ease;
transition: .28s ease
}
[type="radio"].with-gap:not(:checked) + label:before, [type="radio"].with-gap:not(:checked) + label:after, [type="radio"].with-gap:not(:checked) ~ label:before, [type="radio"].with-gap:not(:checked) ~ label:after {
border-color: #5a5a5a
}
[type="radio"].with-gap:not(:checked) + label:after, [type="radio"].with-gap:not(:checked) ~ label:after {
z-index: -1;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
[type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked ~ label:before {
border-color: transparent
}
[type="radio"].with-gap:checked + label:after, [type="radio"].with-gap:checked ~ label:after {
border-color: #015a9c;
background-color: #015a9c;
z-index: 0;
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02)
}
[type="radio"].with-gap:disabled + label, [type="radio"].with-gap:disabled ~ label {
color: rgba(0, 0, 0, .46)
}
[type="radio"].with-gap:disabled + label:before, [type="radio"].with-gap:disabled ~ label:before {
background-color: transparent;
border-color: rgba(0, 0, 0, .46)
}
[type="radio"].with-gap:disabled:not(:checked) + label:before, [type="radio"].with-gap:disabled:not(:checked) ~ label:before {
border-color: rgba(0, 0, 0, .46)
}
[type="radio"].with-gap:disabled:checked + label:after, [type="radio"].with-gap:disabled:checked ~ label:after {
background-color: rgba(0, 0, 0, .46);
border-color: #bdbdbd
}
[type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked ~ label:before {
border-color: #015a9c
}
[type="radio"].with-gap:checked + label:after, [type="radio"].with-gap:checked ~ label:after {
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5)
}
[type="radio"].with-gap:checked:disabled + label:before, [type="radio"].with-gap:checked:disabled ~ label:before {
border-color: rgba(0, 0, 0, .46)
}
[type="radio"].with-gap + label, [type="radio"].with-gap ~ label {
-webkit-transition: .28s ease;
transition: .28s ease
}
[type="radio"].with-gap + label:after, [type="radio"].with-gap + label:before, [type="radio"].with-gap ~ label:after, [type="radio"].with-gap ~ label:before {
content: "";
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 20px;
height: 20px;
z-index: 0;
border-radius: 50%;
border-style: solid;
border-width: 2px;
-webkit-transition: .28s ease;
transition: .28s ease
}
[type="radio"].with-gap:not(:checked) + label:after, [type="radio"].with-gap:not(:checked) + label:before, [type="radio"].with-gap:not(:checked) ~ label:after, [type="radio"].with-gap:not(:checked) ~ label:before {
border-color: #5a5a5a
}
[type="radio"].with-gap:not(:checked) + label:after, [type="radio"].with-gap:not(:checked) ~ label:after {
z-index: -1;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
[type="radio"].with-gap:disabled + label, [type="radio"].with-gap:disabled ~ label {
color: rgba(0, 0, 0, .46)
}
[type="radio"].with-gap:disabled + label:before, [type="radio"].with-gap:disabled ~ label:before {
background-color: transparent;
border-color: rgba(0, 0, 0, .46)
}
[type="radio"].with-gap:disabled:not(:checked) + label:before, [type="radio"].with-gap:disabled:not(:checked) ~ label:before {
border-color: rgba(0, 0, 0, .46)
}
[type="radio"].with-gap:disabled:checked + label:after, [type="radio"].with-gap:disabled:checked ~ label:after {
background-color: rgba(0, 0, 0, .46);
border-color: #bdbdbd
}
[type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked ~ label:before {
border-color: #015a9c
}
[type="radio"].with-gap:checked + label:after, [type="radio"].with-gap:checked ~ label:after {
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5)
}
[type="radio"].with-gap:checked:disabled + label:before, [type="radio"].with-gap:checked:disabled ~ label:before {
border-color: rgba(0, 0, 0, .46)
}
[type="checkbox"].with-gap + label:before, [type="checkbox"].with-gap ~ label:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 17px;
height: 17px;
z-index: 0;
border: 1.5px solid #8a8a8a;
border-radius: 1px;
margin-top: 2px;
-webkit-transition: .2s;
transition: .2s
}
[type="checkbox"].with-gap:checked + label:before, [type="checkbox"].with-gap:checked ~ label:before {
top: -4px;
left: -3px;
width: 12px;
height: 22px;
border-style: solid;
border-width: 2px;
border-color: transparent #4285f4 #4285f4 transparent;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
[type="checkbox"].with-gap:indeterminate + label:before, [type="checkbox"].with-gap:indeterminate ~ label:before {
left: -10px;
top: -11px;
width: 10px;
height: 22px;
border: none;
border-right: 2px solid #4285f4;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
[type="checkbox"].with-gap:disabled:checked + label:before, [type="checkbox"].with-gap:disabled:checked ~ label:before {
border-color: transparent rgba(0, 0, 0, .46) rgba(0, 0, 0, .46) transparent
}
[type="checkbox"].with-gap:disabled:not(:checked) + label:before, [type="checkbox"].with-gap:disabled:not(:checked) ~ label:before {
border: none;
margin-left: 2px;
margin-top: 2px;
background-color: rgba(0, 0, 0, .46)
}
[type="checkbox"].with-gap:disabled:indeterminate + label:before, [type="checkbox"].with-gap:disabled:indeterminate ~ label:before {
border-right: 2px solid rgba(0, 0, 0, .46);
margin-left: 0;
margin-top: 0;
background-color: transparent
}
[type="checkbox"].with-gap + label:after, [type="checkbox"].with-gap + label:before, [type="checkbox"].with-gap ~ label:after, [type="checkbox"].with-gap ~ label:before {
content: "";
left: 0;
position: absolute;
-webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
z-index: 1;
border-style: solid;
border-width: 2px
}
[type="checkbox"].with-gap + label:after, [type="checkbox"].with-gap ~ label:after {
border-radius: 2px;
height: 20px;
width: 20px
}
[type="checkbox"].with-gap + label:before, [type="checkbox"].with-gap ~ label:before {
-webkit-transform: rotateZ(37deg);
-ms-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
[type="checkbox"].with-gap:not(:checked) + label:before, [type="checkbox"].with-gap:not(:checked) ~ label:before {
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
left: 6px;
top: 10px
}
[type="checkbox"].with-gap:not(:checked) + label:after, [type="checkbox"].with-gap:not(:checked) ~ label:after {
background-color: transparent;
border-color: #867e7e;
top: 4px;
z-index: 0;
margin: 0 4px
}
[type="checkbox"].with-gap:checked + label:before, [type="checkbox"].with-gap:checked ~ label:before {
top: 4px;
left: 5px;
width: 8px;
height: 13px;
border-color: transparent #fff #fff transparent
}
[type="checkbox"].with-gap:checked + label:after, [type="checkbox"].with-gap:checked ~ label:after {
border-color: #015a9c;
background-color: #015a9c;
z-index: 0;
top: 4px;
margin: 0 4px
}
[type="checkbox"].with-gap:disabled:not(:checked) + label:before, [type="checkbox"].with-gap:disabled:not(:checked) ~ label:before {
background-color: transparent;
border-color: #bdbdbd
}
[type="checkbox"].with-gap:disabled:not(:checked) + label:after, [type="checkbox"].with-gap:disabled:not(:checked) ~ label:after {
border-color: transparent;
background-color: #bdbdbd
}
[type="checkbox"].with-gap:disabled:checked + label:before, [type="checkbox"].with-gap:disabled:checked ~ label:before {
background-color: transparent
}
[type="checkbox"].with-gap:disabled:checked + label:after, [type="checkbox"].with-gap:disabled:checked ~ label:after {
background-color: #bdbdbd;
border-color: #bdbdbd
}
[type="checkbox"].filled-in-danger:checked + label:after, [type="checkbox"].filled-in-danger:checked ~ label:after {
background-color: red;
border-color: red
}
[type="radio"].with-gap + label, [type="checkbox"].with-gap + label, [type="radio"].with-gap ~ label, [type="checkbox"].with-gap ~ label {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
line-height: 26px
}
.text-label {
font-family: "Helvetica-Condensed", sans-serif;
color: #57585a;
font-size: 18px;
line-height: 23px;
float: left
}
.blue-section-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #015a9c;
font-size: 22px;
line-height: 23px
}
.grey-section-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 23px
}
.pagination-container {
float: right;
color: #00589c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 24px;
line-height: 30px
}
.pagination-numbers {
padding: 0 30px
}
.custom-select {
margin-left: 10px;
color: #004aa2 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
border: 2px solid #004aa2 !important;
padding: 5px
}
.grey-dropdown {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
line-height: 26px;
background-color: #f4f4f4;
border-radius: 8px;
-moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
-webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
cursor: pointer;
padding: 12px 15px !important
}
.no-gutters .col-lg-1, .no-gutters .col-lg-10, .no-gutters .col-lg-11, .no-gutters .col-lg-12, .no-gutters .col-lg-2, .no-gutters .col-lg-3, .no-gutters .col-lg-4, .no-gutters .col-lg-5, .no-gutters .col-lg-6, .no-gutters .col-lg-7, .no-gutters .col-lg-8, .no-gutters .col-lg-9, .no-gutters .col-md-1, .no-gutters .col-md-10, .no-gutters .col-md-11, .no-gutters .col-md-12, .no-gutters .col-md-2, .no-gutters .col-md-3, .no-gutters .col-md-4, .no-gutters .col-md-5, .no-gutters .col-md-6, .no-gutters .col-md-7, .no-gutters .col-md-8, .no-gutters .col-md-9, .no-gutters .col-sm-1, .no-gutters .col-sm-10, .no-gutters .col-sm-11, .no-gutters .col-sm-12, .no-gutters .col-sm-2, .no-gutters .col-sm-3, .no-gutters .col-sm-4, .no-gutters .col-sm-5, .no-gutters .col-sm-6, .no-gutters .col-sm-7, .no-gutters .col-sm-8, .no-gutters .col-sm-9, .no-gutters .col-xs-1, .no-gutters .col-xs-10, .no-gutters .col-xs-11, .no-gutters .col-xs-12, .no-gutters .col-xs-2, .no-gutters .col-xs-3, .no-gutters .col-xs-4, .no-gutters .col-xs-5, .no-gutters .col-xs-6, .no-gutters .col-xs-7, .no-gutters .col-xs-8, .no-gutters .col-xs-9, .no-gutters {
padding: 0 !important
}
.hero-2-block .no-gutters .col-md-12, .hero-2-block .no-gutters .col-sm-12, .hero-block .no-gutters .col-md-12, .hero-block .no-gutters .col-sm-12 {
padding: 0 !important
}
.navbar-default .navbar-toggle {
border-color: transparent !important
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #005a9b !important
}
.right-nav {
padding: 5px 0 0 0;
border: 0
}
.desktop-tab-menu {
display: block
}
.mobile-menu {
display: none
}
.navbar-header-logo {
margin: 0 auto;
display: table
}
.mobile-logo {
height: 40px;
margin-top: 0
}
.navbar-default .navbar-brand {
display: inline-table
}
.collapse .in {
padding: 5px 10px 10px 10px
}
button.close {
padding: 0 !important;
cursor: pointer !important;
background: 0 0 !important;
border: 0 !important;
z-index: 1;
position: relative;
padding-right: 15px !important;
padding-top: 7px !important;
color: #fff !important
}
button.pull-left.navbar-toggle.collapsed {
margin-right: 0;
border: 0
}
.workflow-card img {
max-width: 225px !important;
width: 225px !important
}
.orange-link-section a {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 22px;
line-height: 20px;
text-decoration: none
}
.orange-link-section a:hover {
text-decoration: underline;
color: #d97a23
}
.txt-center {
text-align: center
}
.margin-0202 {
margin: 0 2px
}
.w-100 {
display: block;
width: 100%
}
.b-0202f {
border-right: 2px solid #fff;
border-left: 2px solid #fff
}
.input-border {
border-radius: 0;
border: 1px solid #9e9e9e
}
.m-b-0 {
margin-bottom: 0 !important
}
.margin-b-0 {
margin-bottom: 0 !important
}
.small-description-bold-text {
font-size: 16px;
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
line-height: 18px;
text-align: center;
padding-top: 0;
padding-bottom: 0
}
.small-description-text {
font-size: 16px;
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
line-height: 18px;
text-align: center;
padding-top: 0;
padding-bottom: 0;
display: inline-block
}
.small-description-text-important {
font-size: 16px !important;
color: #57585a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
line-height: 29px !important;
text-align: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
display: inline-block !important;
font-weight: normal !important
}
.pull-right.text-right.small-description-text {
float: none !important
}
.small-description-text a {
text-decoration: none
}
.small-description-text a:hover {
text-decoration: none;
color: #d97a23
}
.m-4040 {
margin: 4px 0;
display: inline-block
}
.form-group label {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
line-height: 26px;
text-align: left;
padding-bottom: 0
}
.form-group input, textarea {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px !important;
line-height: 26px !important;
text-align: left;
border-radius: 0;
background-color: #fff;
-moz-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62);
box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62);
padding: 11px 20px;
border: 1px solid #ccc !important;
margin-right: 1em;
margin-top: 5px;
height: 48px !important
}
::-webkit-input-placeholder {
height: auto;
color: #aab2bd;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px !important;
line-height: 26px !important;
font-weight: normal;
margin: 0;
padding: 0
}
::-moz-placeholder {
height: auto;
color: #aab2bd;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px !important;
line-height: 26px !important;
font-weight: normal;
margin: 0;
padding: 0
}
:-ms-input-placeholder {
height: auto;
color: #aab2bd;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px !important;
line-height: 26px !important;
font-weight: normal;
margin: 0;
padding: 0
}
:-moz-placeholder {
height: auto;
color: #aab2bd;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px !important;
line-height: 26px !important;
font-weight: normal;
margin: 0;
padding: 0
}
.has-error {
text-align: right !important;
float: right !important
}
.has-error .help-block, .help-block {
margin-top: 0 !important;
font-size: 16px !important;
color: #e61718 !important;
font-family: "Helvetica-Condensed", sans-serif !important;
line-height: 18px !important;
text-align: center !important;
padding-top: 0 !important;
padding-bottom: 0 !important
}
.border-bottom-grey {
border-bottom: 4px solid #d8d8d8
}
.hero-pad-zero {
padding: 0 !important
}
.pad-zero {
padding: 0 !important
}
.page-description ul, .page-description ol, .page-description-with-more-bottom-space ul, .page-description-with-more-bottom-space ol, .section-description ul, .section-description ol, .section-description-with-more-bottom-space ul, .section-description-with-more-bottom-space ol, .description-normal-text ul, .description-normal-text ol {
list-style: inherit !important;
padding-left: 25px !important;
margin-bottom: 0
}
.page-description ul li, .page-description ol li, .page-description-with-more-bottom-space ul li, .page-description-with-more-bottom-space ol li, .section-description ul li, .section-description ol li, .section-description-with-more-bottom-space ul li, .section-description-with-more-bottom-space ol li, .description-normal-text ul li, .description-normal-text ol li {
list-style-type: disc;
margin-bottom: 4px !important;
margin-top: 4px !important
}
.section-description-with-more-bottom-space ol li {
list-style-type: decimal !important
}
.page-description p:last-child, .page-description ul li:last-child, .page-description ol li:last-child, .page-description-with-more-bottom-space p:last-child, .page-description-with-more-bottom-space ul li:last-child, .page-description-with-more-bottom-space ol li:last-child, .section-description p:last-child, .section-description ul li:last-child, .section-description ol li:last-child, .section-description-with-more-bottom-space p:last-child, .section-description-with-more-bottom-space ul li:last-child, .section-description-with-more-bottom-space ol li:last-child, .description-normal-text p:last-child, .description-normal-text ul li:last-child, .description-normal-text ol li:last-child {
margin-bottom: 0 !important
}
.grey-btn {
border: 0 solid #57585a;
border-radius: 8px;
background-color: #696969;
font-size: 16px !important;
line-height: 20px !important;
padding: 6px 29px !important;
color: #fff !important;
cursor: pointer;
font-family: "Helvetica-Condensed", sans-serif !important;
font-weight: normal;
text-transform: uppercase
}
.grey-btn:hover, .grey-btn:active, .grey-btn:focus {
background: #fff;
color: #d97a23 !important;
text-decoration: none;
border: 2px solid #57585a
}
.small-description-text img {
margin-top: 10px;
margin-bottom: 10px
}
.page-title sup {
top: -23px !important;
font-size: 50% !important
}
.mobile-footer-nav {
display: none
}
.desktop-footer-nav {
display: block
}
.testimonials-rightbar {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 18px;
font-style: italic;
font-weight: 600;
padding-top: 15px;
padding-bottom: 15px
}
.testimonials-author-name-rightbar {
text-align: right;
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 18px;
padding-top: 15px;
width: 100% !important
}
.testimonials-author-rightbar {
text-align: right;
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 16px;
padding-bottom: 15px;
width: 100% !important
}
.img-full-width {
width: 100%
}
.img-fullwidth {
width: 100%;
margin-bottom: 30px !important;
margin-top: 7px !important
}
.text-projectProfile {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 18px;
padding: 0 0 5px 0;
margin-left: 4px;
display: inline-block;
float: left;
width: 100% !important
}
.page-title-image {
border-bottom: 4px solid #d8d8d8;
margin-bottom: 15px !important
}
.page-title-image .border-bottom-grey {
border-bottom: 0 !important;
padding-bottom: 0 !important
}
.widget-accordion .accordion-link, .widget-accordion a.accordion-link:hover {
text-decoration: none
}
.panel {
margin-bottom: 20px;
background-color: transparent;
border: 0 !important;
border-radius: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important
}
.widget-accordion-block .panel > a:before {
float: right !important;
font-family: FontAwesome;
content: "";
padding-right: 32px;
padding: 0 !important;
position: absolute;
right: 16px;
margin-top: 3px;
color: #d97a23;
font-size: 20px
}
.widget-accordion-block .panel > a.collapsed:before {
float: right !important;
content: ""
}
.col-xs-5th-1, .col-xs-5th-2, .col-xs-5th-3, .col-xs-5th-4 {
float: left
}
.col-xs-5th-5 {
float: left;
width: 100%
}
.col-xs-5th-4 {
width: 80%
}
.col-xs-5th-3 {
width: 60%
}
.col-xs-5th-2 {
width: 40%
}
.col-xs-5th-1 {
width: 20%
}
.col-xs-5th-pull-5 {
right: 100%
}
.col-xs-5th-pull-4 {
right: 80%
}
.col-xs-5th-pull-3 {
right: 60%
}
.col-xs-5th-pull-2 {
right: 40%
}
.col-xs-5th-pull-1 {
right: 20%
}
.col-xs-5th-pull-0 {
right: auto
}
.col-xs-5th-push-5 {
left: 100%
}
.col-xs-5th-push-4 {
left: 80%
}
.col-xs-5th-push-3 {
left: 60%
}
.col-xs-5th-push-2 {
left: 40%
}
.col-xs-5th-push-1 {
left: 20%
}
.col-xs-5th-push-0 {
left: auto
}
.col-xs-5th-offset-5 {
margin-left: 100%
}
.col-xs-5th-offset-4 {
margin-left: 80%
}
.col-xs-5th-offset-3 {
margin-left: 60%
}
.col-xs-5th-offset-2 {
margin-left: 40%
}
.col-xs-5th-offset-1 {
margin-left: 20%
}
.col-xs-5th-offset-0 {
margin-left: 0%
}
.nav-dd-container {
width: auto !important;
max-width: 210px !important
}
.left-blue-border {
margin-top: -1px !important;
height: 38px !important;
width: 100% !important
}
.search-dd .dropdown-toggle {
background-color: #f4f4f4;
border-radius: 8px;
-moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
-webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
color: #064b9e;
cursor: pointer;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
margin-right: 0;
margin-top: 0;
padding: 5px 35px 5px 15px !important;
z-index: 1
}
.nav-dd-container::-webkit-input-placeholder {
font-size: 20px !important
}
.search-dd .bootstrap-select .dropdown-menu li a span.text {
line-height: 29px;
height: 28px
}
.search-dd .bootstrap-select .dropdown-menu li a span.text, .search-dd .bootstrap-select .dropdown-menu li a {
color: #064b9e !important
}
.search-dd .bootstrap-select .dropdown-menu li a {
padding: 6px 8px !important
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
right: 10px !important;
margin-top: 8px !important
}
.search-dd .dropdown-toggle:hover, .search-dd .dropdown-toggle:focus, .search-dd .bootstrap-select .dropdown-menu li a:hover, .search-dd .bootstrap-select .dropdown-menu li a:focus, .search-dd .bootstrap-select .dropdown-menu li a:hover span.text, .search-dd .bootstrap-select .dropdown-menu li a:focus span.text {
color: #d68237 !important
}
.mobile-nav .search-dd .filter-option, .search-dd .filter-option {
font-size: 20px;
width: auto;
padding-top: 7px;
padding-bottom: 7px
}
.desktop-tab-menu .search-dd .filter-option {
font-size: 20px;
width: auto;
padding-top: 0;
padding-bottom: 0
}
.search-dd .btn-default.active.focus, .search-dd .btn-default.active:focus, .search-dd .btn-default.active:hover, .search-dd .btn-default:active.focus, .search-dd .btn-default:active:focus, .search-dd .btn-default:active:hover, .search-dd.open > .dropdown-toggle.btn-default.hover, .search-dd.open > .dropdown-toggle.btn-default:focus, .search-dd.open > .dropdown-toggle.btn-default:hover, .btn-group.search-dd.open .dropdown-toggle {
border: 1px solid #ccc;
background: #f4f4f4;
border-radius: 8px !important;
padding: 0;
-moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
-webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
max-height: 510px;
overflow: auto;
overflow-x: hidden;
z-index: 2;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px
}
.bootstrap-select.btn-group.search-dd .dropdown-menu.open .bs-searchbox {
padding: 4px 17px 4px 8px
}
.bootstrap-select.btn-group.search-dd .dropdown-menu.open .bs-searchbox .form-control {
-moz-box-shadow: inset 1px 1px 3px 0 #a6c9f1, 1px 1px 3px 0 #a6c9f1;
-webkit-box-shadow: inset 1px 1px 3px 0 #a6c9f1, 1px 1px 3px 0 #a6c9f1;
box-shadow: inset 1px 1px 3px 0 #a6c9f1, 1px 1px 3px 0 #a6c9f1;
border-color: #6798cf;
border-radius: 8px !important
}
.bootstrap-select.btn-group.search-dd .dropdown-menu.open {
width: 400px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
background-color: #f4f4f4;
border-radius: 8px !important;
-moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
-webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
padding: 12px 0 0 8px;
max-height: 510px;
overflow: auto;
overflow-x: hidden;
z-index: 2;
margin-top: 0
}
.bootstrap-select.btn-group.search-dd .dropdown-menu.inner {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #f4f4f4;
background: #f4f4f4;
background: linear-gradient(180deg, rgba(187, 187, 187, 1) 0%, rgba(140, 140, 140, 1) 24%, #fff 100%);
padding: 0;
z-index: 3
}
.bootstrap-select.btn-group .dropdown-menu li.selected.active {
background-color: #f4f4f4 !important
}
.bootstrap-select.btn-group.search-dd.open.dropup > .dropdown-toggle.btn-default {
-moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
-webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.bootstrap-select.btn-group.search-dd.open.dropup .dropdown-menu.open {
-moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
-webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
margin-bottom: 0
}
.bootstrap-select.btn-group.search-dd ul.dropdown-menu, .bootstrap-select.btn-group.search-dd .bs-searchbox .form-control {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px
}
.search-dd .dropdown-menu > .active > a, .search-dd .dropdown-menu > .active > a:focus, .search-dd .dropdown-menu > .active > a:hover {
color: #d68237 !important;
text-decoration: none;
background-color: transparent;
outline: 0
}
.desktop-tab-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu .search-dd .caret {
content: "";
position: absolute;
right: 12px;
top: 16px;
border: .5em solid #9c9c9c;
border-color: #9c9c9c transparent transparent transparent;
transition: .4s all ease-in-out;
font-size: 20px;
margin-top: 0
}
.desktop-tab-menu .bootstrap-select.btn-group.search-dd.open .dropdown-toggle .caret {
transform: rotate(-180deg);
top: 5px
}
.dropdown-toggle::placeholder {
color: #004aa2;
opacity: 1
}
.dropdown-toggle:-ms-input-placeholder {
color: #004aa2
}
.dropdown-toggle::-ms-input-placeholder {
color: #004aa2
}
.mobile-nav .dropup .caret, .open .caret {
transform: rotate(-180deg);
top: .5em
}
.mobile-nav .bootstrap-select > .dropdown-toggle.bs-placeholder, .mobile-nav .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .mobile-nav .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .mobile-nav .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
background-color: transparent !important;
border: 0 !important
}
.mobile-nav .navbar-collapse {
border-top: 0 !important
}
.mobile-nav .bootstrap-select.btn-group.search-dd ul.dropdown-menu > li > a {
color: #004aa2
}
.bootstrap-select.btn-group.search-dd.open > .dropdown-toggle.btn-default, .bootstrap-select.btn-group.search-dd ul.dropdown-menu > li > a:hover {
color: #d68237;
outline: transparent !important
}
.section-title-style img.img-responsive {
display: block;
max-width: 100%;
height: auto;
margin: auto;
width: auto !important
}
input[type="checkbox"], input[type="checkbox"]:focus {
width: 18px !important;
height: 18px !important;
-moz-box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, .62) !important;
-webkit-box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, .62) !important;
box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, .62) !important;
outline: 2px solid #999 !important;
margin-right: 10px !important
}
input[type="checkbox"]:checked, input[type="checkbox"]:checked:focus {
width: 18px !important;
height: 18px !important;
-moz-box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important;
-webkit-box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important;
box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important;
outline: 2px solid #999 !important;
margin-right: 10px !important;
outline-offset: 0 !important
}
input[type="radio"], input[type="radio"]:focus {
width: 18px !important;
height: 18px !important;
-moz-box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, .62) !important;
-webkit-box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, .62) !important;
box-shadow: inset 0 0 0 20px #fff, 0 0 0 0 rgba(255, 255, 255, .62) !important;
outline: 2px solid #999 !important;
margin-right: 10px !important
}
input[type="radio"]:checked, input[type="radio"]:checked:focus {
width: 18px !important;
height: 18px !important;
-moz-box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important;
-webkit-box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important;
box-shadow: inset 0 0 0 2px #e2e2e2, 0 0 0 0 #d8d8d8 !important;
outline: 2px solid #999 !important;
margin-right: 10px !important;
outline-offset: 0 !important
}
.min-h-100 {
min-height: 100px !important
}
.align-item-top {
align-self: flex-start
}
.nav-dd-container > .dropdown {
margin: 0 !important
}
.bootstrap-select .dropdown-toggle:focus {
outline: 0 auto -webkit-focus-ring-color !important
}
#left-navbar .nav > li, #left-navbar .nav > li.open, #left-navbar .nav > li.open > a, #left-navbar .nav > li.open > ul > li {
border-radius: 0
}
.mobile-menu .search-dd.open {
height: 80vh;
overflow-x: scroll
}
.display-flex img.img-responsive {
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
margin: auto
}
.article-card-white-img img.img-responsive {
height: auto !important;
max-width: 100% !important;
max-height: 246px !important;
-webkit-box-flex: unset;
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
margin: auto auto auto auto
}
.article-card-white-container .article-card-white-img img.img-responsive {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 246px !important;
-webkit-box-flex: unset;
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
margin: auto auto auto auto
}
.img-tb-30 {
width: 100%;
margin: 30px 0
}
.img-width-50 {
width: 50%
}
.red {
color: #d43f3a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
line-height: 26px;
text-align: left;
padding-top: 0;
padding-bottom: 0;
float: left
}
.form-control[readonly] {
background-color: #eee;
opacity: 1;
width: 65%;
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
height: auto !important;
line-height: 26px !important;
text-align: left;
border-radius: 0;
padding: 10px 20px;
background-color: #fff
}
.loader, .loader:after {
border-radius: 50%;
width: 10em;
height: 10em
}
.loader {
margin: 60px auto;
font-size: 10px;
position: absolute;
top: 50%;
left: 46%;
text-indent: -9999em;
border-top: 1.1em solid rgba(0, 0, 0, .2);
border-right: 1.1em solid rgba(0, 0, 0, .2);
border-bottom: 1.1em solid rgba(0, 0, 0, .2);
border-left: 1.1em solid #fff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.gdpr-container {
width: 100%;
margin: 0 !important;
z-index: 999;
border-radius: 0;
background: #fcfcfc;
text-align: left !important;
padding: 19px 14px;
position: fixed;
left: 0;
right: 0;
bottom: 10px;
width: calc(100% - 25px);
max-width: 630px;
margin: 0 auto 5px !important;
z-index: 1234567890123;
box-shadow: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22)
}
.gdpr-container {
color: #57585a;
text-align: left !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 19px;
line-height: 26px
}
.gdpr-container .cookie-msg a {
color: #004aa2 !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 19px !important;
line-height: 26px !important;
text-transform: uppercase;
text-decoration: underline
}
.gdpr-container .cookie-msg a:hover {
color: #d97a23 !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 19px !important;
line-height: 26px !important
}
.cookiealert {
opacity: 0;
border-radius: 0;
transform: translateY(100%);
transition: all 500ms ease-out
}
.cookiealert.show {
opacity: 1;
transform: translateY(0%);
transition-delay: 1000ms !important
}
.acceptcookies {
color: #57585a;
cursor: pointer
}
.cookie-btn {
width: 5%;
float: left
}
.cookie-msg {
width: 95%;
float: left
}
.cookie-info-icon {
width: 5%;
float: left
}
.cookie-container {
display: flex;
align-items: center
}
.drawing-img-thumb {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
display: inline-block
}
.min-hw-75 {
width: 75px !important;
height: 75px !important
}
.desktop-quick-delivery-img-card {
display: block !important
}
.mobile-quick-delivery-img-card {
display: none !important
}
.map-ul {
padding-left: 1px !important
}
a.accordion-main-title, .accordian-tab-title, .accordian-tab-title h2, .accordian-tab-title h3, .anchor-link {
color: #005a9c !important;
cursor: pointer !important;
text-decoration: none !important
}
.accordian-tab-title {
display: flex;
flex-direction: row-reverse;
align-items: center
}
a.accordion-main-title:hover, .accordian-tab-title:hover, .accordian-tab-title:hover h2, .accordian-tab-title:hover h3 {
color: #d97a23 !important;
cursor: pointer !important;
text-decoration: none !important
}
.font-size-18 {
font-size: 18px
}
.font-size-20 {
font-size: 20px
}
.gh-table {
display: table
}
.gh-table-cell {
display: table-cell;
vertical-align: top
}
.drawing-download-icon-container {
height: 75px !important
}
.drawing-model-code-title {
padding-left: 10px;
display: inline-block;
text-align: left
}
.margin-r-10 {
margin-right: 10px
}
.margin-r-15 {
margin-right: 15px
}
.margin-r-20 {
margin-right: 20px
}
.video-card-link-container {
font-family: "Helvetica-Condensed", sans-serif
}
.gh-card-container {
width: 100%
}
.form-group label.light-label {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
line-height: 1.3em !important;
font-weight: normal
}
label#fname {
padding-left: 10px;
margin-bottom: 20px
}
.form-group .form-control.width-auto {
width: auto !important
}
.inline-block {
display: inline-block
}
.hero-2-sub-title {
display: block
}
.home-product-section-bg .section-titles-container {
padding-bottom: 20px !important
}
.section-titles-block.home-page .section-titles-block .section-titles-container {
padding-top: 40px !important
}
.home-product-section-bg .page-title {
margin-bottom: 0
}
.section-spacer-16 {
height: 16px
}
.margin-t-12 {
margin-top: 9px
}
.section-spacer-80 {
height: 80px
}
.home-page .section-titles-container {
padding-bottom: 20px !important
}
.home-page .page-title {
margin-bottom: 0;
border-bottom: 0;
margin-top: 0;
padding-bottom: 15px;
line-height: 1em
}
.home-page .orange-btn {
margin-bottom: 33px !important
}
.home-content-bottom-space, .page-content-bottom-space {
padding-bottom: 80px
}
table.dataTable.no-footer {
border-bottom: 0 !important
}
table.dataTable thead .sorting:nth-child(1), table.dataTable thead .sorting_asc:nth-child(1), table.dataTable thead .sorting_desc:nth-child(1), table.dataTable thead .sorting_asc_disabled:nth-child(1), table.dataTable thead .sorting_desc_disabled:nth-child(1) {
background-position: calc(100% - 1px)
}
.spanish table.dataTable thead .sorting:nth-child(1), .spanish table.dataTable thead .sorting_asc:nth-child(1), .spanish table.dataTable thead .sorting_desc:nth-child(1), .spanish table.dataTable thead .sorting_asc_disabled:nth-child(1), .spanish table.dataTable thead .sorting_desc_disabled:nth-child(1) {
background-position: calc(100% - 1px)
}
table.dataTable thead .sorting:nth-child(2), table.dataTable thead .sorting_asc:nth-child(2), table.dataTable thead .sorting_desc:nth-child(2), table.dataTable thead .sorting_asc_disabled:nth-child(2), table.dataTable thead .sorting_desc_disabled:nth-child(2) {
background-position: calc(100% - 1px)
}
.spanish table.dataTable thead .sorting:nth-child(2), .spanish table.dataTable thead .sorting_asc:nth-child(2), .spanish table.dataTable thead .sorting_desc:nth-child(2), .spanish table.dataTable thead .sorting_asc_disabled:nth-child(2), .spanish table.dataTable thead .sorting_desc_disabled:nth-child(2) {
background-position: calc(100% - 1px)
}
table.dataTable thead .sorting:nth-child(3), table.dataTable thead .sorting_asc:nth-child(3), table.dataTable thead .sorting_desc:nth-child(3), table.dataTable thead .sorting_asc_disabled:nth-child(3), table.dataTable thead .sorting_desc_disabled:nth-child(3) {
background-position: calc(100% - 1px)
}
.spanish table.dataTable thead .sorting:nth-child(3), .spanish table.dataTable thead .sorting_asc:nth-child(3), .spanish table.dataTable thead .sorting_desc:nth-child(3), .spanish table.dataTable thead .sorting_asc_disabled:nth-child(3), .spanish table.dataTable thead .sorting_desc_disabled:nth-child(3) {
background-position: calc(100% - 1px)
}
#tmpMobile-header-flags-container {
margin-bottom: 0 !important
}
.m-b-5 {
margin-bottom: 5px
}
.p-t-20 {
padding-top: 20px
}
.margin-top-80 {
margin-top: 80px
}
.p-b-20 {
padding-bottom: 20px
}
.p-t-30 {
padding-top: 30px
}
.sub-title-pad-t-0 .p-t-30 {
padding-top: 0 !important
}
.p-b-30 {
padding-bottom: 30px
}
.p-t-10 {
padding-top: 10px
}
.p-t-37 {
padding-top: 37px
}
.p-t-45 {
padding-top: 45px
}
.p-t-17 {
padding-top: 17px !important
}
.p-b-10 {
padding-bottom: 10px
}
.p-t-40 {
padding-top: 40px
}
.p-b-40 {
padding-bottom: 40px
}
.p-t-50 {
padding-top: 50px
}
.p-t-5 {
padding-top: 5px !important
}
.pad-top-15 {
padding-top: 15px !important
}
.p-b-50 {
padding-bottom: 50px
}
.left-content-link-box {
margin-top: 24px
}
.ui-autocomplete {
background: #f4f4f4;
width: 400px !important;
border: .06em solid #f4f4f4;
border-radius: 8px
}
a.ui-corner-all {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.2em;
white-space: normal;
color: #004aa2;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
text-decoration: none;
cursor: pointer
}
a.ui-corner-all:hover, .ui-state-focus {
color: #d68237 !important;
text-decoration: none;
cursor: pointer
}
.tab-left-hide {
display: block
}
.tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12 {
padding: 0 !important
}
.tab-right-full.gh-row-full > .container-fluid > .row > .col-md-12.col-sm-12 {
padding-right: 15px !important;
padding-left: 15px !important
}
.pad-top-69 {
padding-top: 69px !important
}
.pad-r-40 {
padding-right: 40px !important
}
.pad-r-50 {
padding-right: 50px !important
}
.img-m-tb-30 {
margin-top: 30px !important;
margin-bottom: 10px !important;
display: block;
width: 100%;
height: auto
}
.podcast-header {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 24px;
line-height: 28px;
text-align: left;
margin-bottom: 10px;
margin-top: 10px;
width: 100%
}
table.dataTable thead .sorting {
background-image: url("/Content/GreenheckStyles/imgs/sort_both.png") !important
}
table.dataTable thead .sorting_asc {
background-image: url("/Content/GreenheckStyles/imgs/sort_asc.png") !important
}
table.dataTable thead .sorting_desc {
background-image: url("/Content/GreenheckStyles/imgs/sort_desc.png") !important
}
i.fa.fa-external-link {
margin-left: 6px
}
.gh-right-panel .card-white-section .card-white-description p {
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 13px !important;
line-height: 18px !important
}
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
text-transform: uppercase;
background-size: 7px;
padding-right: 19px !important
}
.img-w-20-m-10 {
width: 20%;
margin: 10px
}
.news-content img {
margin: 20px
}
.m-t-0-i {
margin-top: 0 !important
}
.footer-col-container {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
justify-content: space-between !important;
width: 100% !important
}
.footer-col-container2 {
margin: 0 !important;
padding: 0 !important;
display: flex !important;
justify-content: space-around !important;
width: 100% !important
}
.footer-col {
float: left;
padding-right: 3px
}
.search-dd option {
padding: 3px;
color: #004aa2;
background-color: #f4f4f4
}
.search-dd option:hover {
color: #d68237;
outline: transparent !important;
background-color: #f4f4f4
}
.controls progress::-webkit-progress-value {
background-color: #0095dd
}
.login-btn-orange {
display: inline-block;
border-radius: 4px !important;
border: 2px solid #d97a23 !important;
border-radius: 8px;
background-color: #d97a23;
padding: 1px 35px !important;
color: #fff;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px !important;
font-weight: bolder !important
}
.login-btn-orange:hover {
border-radius: 4px !important;
display: inline-block;
border: 2px solid #d97a23 !important;
border-radius: 8px;
background-color: #fff;
padding: 1px 35px !important;
color: #d97a23 !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px !important;
font-weight: bolder !important
}
.model-name {
color: #00589c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 24px;
line-height: 30px
}
.v-align-middle {
vertical-align: middle
}
.form-group input[type="file"] {
display: none
}
.gh-right-panel {
margin-top: -2px
}
.modal-footer .btn.btn-primary.orange-btn {
padding: .4em 2em
}
.modal-footer .btn.btn-primary.orange-btn:hover {
padding: .4em 2em;
color: #d97a23;
text-decoration: none;
border: 1px solid #d97a23;
background: transparent;
line-height: 1.42857143em;
font-weight: bold
}
.dataTables_length select {
background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important;
background-color: #f2f2f2 !important;
background-position-x: 38px !important;
background-size: 20px !important;
border: 1px solid #ccc !important;
border-radius: 7px !important;
box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
color: #57585a !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
height: 33px !important;
line-height: 20px !important;
margin-top: 12px !important;
-moz-appearance: none;
-moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
padding-bottom: 3px !important;
padding-left: 9px !important;
padding-right: 25px !important;
padding-top: 4px !important;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
-webkit-appearance: none !important;
-webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
width: auto !important
}
.search-container .form-control::-ms-clear {
display: none;
width: 0;
height: 0
}
.no-wrap {
white-space: nowrap
}
.training-link {
line-height: 22px !important
}
.tab-left-hide .card-white-link {
position: relative;
bottom: inherit
}
.btn-icon {
width: 19px !important;
height: 19px !important;
margin-right: 5px !important
}
.hero-2-block img {
width: 100% !important;
display: block !important
}
.page-section {
margin: 0 0 1rem 0;
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 1rem
}
.glossary-index {
margin: 0 0 1rem 0
}
div.glossary-index span {
margin: 0 1rem;
color: #e9e9e9
}
.glossary-section {
margin: 0 0 1rem 0
}
.glossary-section h2 {
display: block;
font-size: 1.5em;
-webkit-margin-before: .83em;
-webkit-margin-after: .83em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
font-weight: bold
}
.glossary-section .definition {
padding: 1rem 0;
border-top: 1px solid #e9e9e9
}
.preload * {
transition: none !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important
}
.field-validation-error {
color: #a94442 !important
}
.sec-title-line-height {
line-height: 28px
}
.col-2-img {
display: block !important;
height: auto !important;
width: auto !important;
max-width: 100% !important;
margin: auto !important
}
.breadcrumb {
padding: 8px 15px 8px 0 !important
}
.windows-settings img {
display: block !important;
height: auto !important;
width: 100% !important;
margin: 10px auto !important
}
.windows-settings strong {
display: block !important;
width: 100% !important
}
.iframe-video-embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.fa-file-pdf-o {
font-family: "FontAwesome";
font-size: 60px;
color: red;
padding-right: 60px;
padding-left: 10px
}
.search-page-results-subtitle {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: 30px
}
.m-width-30 {
width: 30% !important
}
.m-width-69 {
width: 69% !important
}
.w-25 {
width: 25px
}
.card-img > img.img-faq {
height: 100px !important;
display: block !important;
margin: 0 0 20px 0 !important
}
.livechat a {
color: #015a9c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 18px;
padding: 0 0 5px 0;
margin-left: 7px;
display: inline-block;
float: left;
width: 100% !important
}
.livechat a:hover {
color: #d97a23;
text-decoration: none
}
.title-description {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 26px;
padding-top: 0;
padding-bottom: 15px
}
.w-93-per {
width: 93%
}
.grey-font {
color: #57585a !important
}
.text-transform-upper {
text-transform: uppercase
}
.display-block {
display: inline-block
}
.display-non-inline-block {
display: block !important
}
.word-break-break-word {
word-break: break-word
}
.map-container {
margin-top: -40px !important
}
ul.map-container > li {
display: inline-block;
width: 100%;
margin-bottom: 16px
}
.img-with-page-title {
margin: auto;
display: block;
max-width: 100%;
width: auto
}
.m-t-minus-9 {
margin-top: -9px !important
}
.m-t-minus-4 {
margin-top: -4px !important
}
.col-md-3 > .video-main-container > .row > .col-md-4.col-sm-4 {
width: 100% !important
}
.padding-r-5 {
padding-right: 5px
}
.modelwindow-close {
margin-bottom: 0 !important
}
ul + p {
margin-top: 8px !important
}
.section-spacer-bottom {
margin-bottom: 36px
}
.sm-section-spacer-30 {
display: none
}
.width-92per {
width: 92%
}
.gh-map-title {
display: inline-block
}
.section-titles-block .page-title {
border-bottom: 0 !important
}
.margin-t-m-2 {
margin-top: -2px !important
}
.margin-t-m-8 {
margin-top: -8px !important
}
.section-description a, .section-description-link, .section-description-with-more-bottom-space a {
font-size: 22px !important;
line-height: 26px !important
}
.section-description a:hover, .section-description-link:hover, .section-description-with-more-bottom-space a:hover {
font-size: 22px !important;
line-height: 26px !important;
background: transparent;
color: #d97a23 !important
}
.section-description > a, .section-description-with-more-bottom-space > a {
font-size: 16px;
line-height: 20px
}
.section-description > a:hover, .section-description-with-more-bottom-space > a:hover {
font-size: 16px;
line-height: 20px;
background: transparent;
color: #d97a23
}
.pad-zero .pad-zero.page-title-image {
border-bottom: 2px solid #d8d8d8 !important;
padding-bottom: 9px !important;
margin-bottom: 18px !important
}
.page-title-image .page-title {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
margin-top: -9px
}
.img-faq-other {
max-width: 90% !important;
width: auto !important;
margin: auto !important;
float: none !important;
display: inline-block
}
textarea.form-control {
min-height: 70px
}
.mobile-pad-lr-15, .container .container-fluid.pad-zero .col-md-12.mobile-pad-lr-15 {
padding-left: 15px !important;
padding-right: 15px !important
}
.section-sub-title {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 19px;
line-height: 26px;
margin-bottom: 12px
}
.pad-l-6 {
padding-left: 6px
}
.pad-t-8 {
padding-top: 8px
}
.section-description-link:after, .externallink:after, .industry-link:after {
content: "";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 6px
}
a:focus, a:hover {
color: #d97a23 !important;
text-decoration: underline
}
.hawk-searchQuery {
margin: 0 !important
}
.hawk-searchQuery .hawk-sqItemName {
color: #00589c;
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
.hawk-searchQuery .hawk-sqHeader, .hawk-searchQuery .hawk-sqItem, .hawk-searchQuery .hawk-sqFooter {
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
.scrollToTop {
font-size: 42px !important
}
input.site-search-input.form-control, .hawk-resultsSearch input[type="text"] {
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #999 !important;
padding: 0 13px !important;
line-height: 41px !important;
height: 41px !important;
border-radius: 8px
}
input.site-search-input.form-control::placeholder, .hawk-resultsSearch input[type="text"]::placeholder {
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
margin: 0 !important;
height: 41px !important;
line-height: 41px !important;
border-radius: 8px
}
.page-title-desc-image {
position: relative
}
.img-container {
position: absolute
}
.img-container img.img-responsive {
max-height: 114px !important;
max-width: 140px !important;
width: auto !important;
float: left !important
}
.title-container {
width: 100% !important;
padding-left: 150px !important;
display: inline-block !important
}
.product-title-container {
display: flex;
gap: 30px
}
.product-title-container .img-container {
position: relative
}
.product-title-container .title-container {
flex: 1;
padding-left: 0 !important
}
.hawk-guidedNavWrapper .hawk-navGroup .hawk-resultsSearch .hawk-searchWithinButton {
top: 0 !important;
bottom: 2px;
right: 2px;
padding: 10px 14px 13px 0 !important;
font-size: 22px !important;
color: #999 !important;
cursor: pointer
}
.external-icon:after {
color: #d97a23 !important;
content: "";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 6px
}
.industry-link-container {
width: 130px;
float: left
}
.industry-industry-desc-container {
width: auto;
float: left
}
.w-dialog.w-css-reset {
overflow: hidden !important
}
.d-pad-top-20 {
padding-top: 20px !important
}
.spacer-55 {
height: 55px !important
}
.d-pad-lr-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.panel-group .panel {
display: inline-block;
width: 100%;
margin-top: 0
}
.lidashed ul {
list-style-type: none
}
.lidashed ul > li {
text-indent: 0;
display: inline-block;
width: 100%;
float: left;
padding-left: 12px
}
.lidashed ul > li::before {
content: "-";
text-indent: 0;
display: inline-block;
margin-left: -12px;
padding-right: 4px
}
.margin-t-21-b-24 {
margin-top: 21px;
margin-bottom: 24px
}
.margin-t-35 {
margin-top: 35px
}
.user-name {
color: #fff;
font-size: 16px;
font-family: "Helvetica-Condensed-Bold", sans-serif;
text-transform: capitalize;
vertical-align: middle;
padding-right: 10px;
cursor: default
}
.panel-group .panel {
display: inline-block;
width: 100%;
margin-top: 0
}
.lidashed ul {
list-style-type: none
}
.lidashed ul > li {
text-indent: 0;
display: inline-block;
width: 100%;
float: left;
padding-left: 12px
}
.lidashed ul > li::before {
content: "-";
text-indent: 0;
display: inline-block;
margin-left: -12px;
padding-right: 4px
}
.margin-t-21-b-24 {
margin-top: 21px;
margin-bottom: 24px
}
.width-80percent-img {
display: block;
max-width: 80%;
width: 80%;
height: auto;
margin: auto
}
.width-70percent-img {
display: block;
max-width: 70%;
width: 70%;
height: auto;
margin: auto
}
.text-area {
color: #57585a !important;
font-family: "Helvetica-Condensed", sans-serif;
display: block !important;
width: 100% !important;
text-align: left !important;
border-radius: 0 !important;
background-color: #fff !important;
-moz-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62) !important;
-webkit-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62) !important;
box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62) !important;
padding: 11px 20px !important;
border: 1px solid #ccc !important;
margin-top: 5px !important
}
.alert-text {
font-size: 16px !important;
color: #a94442 !important;
font-family: "Helvetica-Condensed", sans-serif !important;
line-height: 18px !important
}
.field-validation-error {
margin-bottom: 0 !important
}
.field-validation-error span {
padding-top: 8px;
margin-bottom: 5px
}
.searchCaption {
font-family: "Helvetica-Condensed", sans-serif
}
.building-type-bottom-spacer {
margin-bottom: 50px
}
.building-type-bottom-spacer + .spacer-50 {
height: 0 !important
}
.hawk-guidedNavWrapper .hawk-groupHeading:after {
top: 5px !important
}
.text-transform-none {
text-transform: none !important
}
.desktop-tab-menu-min {
position: fixed;
top: 0;
z-index: 1041;
height: 46px;
width: 100%;
background-color: #57585a !important;
color: #fff;
display: none;
padding: 3px 90px 3px 65px
}
.desktop-tab-menu-min .header-flags-container, .desktop-tab-menu-min .header-lang-container, .desktop-tab-menu-min .header-login-container {
width: 100% !important
}
.desktop-tab-menu-min .header-flag-active {
display: inline-block !important;
float: left !important;
padding: 0 12px 12px 12px !important;
background-color: #57585a !important;
margin: 0 !important
}
.desktop-tab-menu-min .header-flags-container, .desktop-tab-menu-min .header-lang-container, .desktop-tab-menu-min .header-login-container {
border-bottom: 1px solid #b9b8b8 !important;
padding-bottom: 10px !important;
padding-top: 10px !important
}
.desktop-tab-menu-min .header-flag-active {
display: inline-block;
float: left;
padding: 0 12px 12px 12px;
background-color: #57585a;
margin: 0
}
.desktop-tab-menu-min .flag-name {
font-size: 14px;
margin-top: 5px;
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.desktop-tab-menu-min .header-flag-inactive, .desktop-tab-menu-min .header-flag-inactive:hover {
display: inline-block;
float: left;
padding: 0 12px 12px 12px;
margin: 0
}
.desktop-tab-menu-min .header-flags-container li:last-child {
padding-right: 0 !important
}
.desktop-tab-menu-min .lang-label {
font-size: 14px;
font-weight: bold;
color: #656464;
padding-right: 10px
}
.desktop-tab-menu-min .lang-link-active {
color: #000;
font-size: 14px;
text-decoration: underline;
line-height: 17px
}
.desktop-tab-menu-min .lang-link-inactive {
color: #000;
font-size: 14px;
font-weight: normal;
text-decoration: underline;
line-height: 17px
}
.header-block.desktop-tab-menu-min {
background-color: #57585a !important
}
.desktop-tab-menu-min .bootstrap-select.btn-group .dropdown-toggle .filter-option {
background-color: transparent !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 16px;
box-shadow: none
}
.desktop-tab-menu-min .search-dd .btn-default.active.focus, .desktop-tab-menu-min .search-dd .btn-default.active:focus, .desktop-tab-menu-min .search-dd .btn-default.active:hover, .desktop-tab-menu-min .search-dd .btn-default:active.focus, .desktop-tab-menu-min .search-dd .btn-default:active:focus, .desktop-tab-menu-min .search-dd .btn-default:active:hover .desktop-tab-menu-min .search-dd.open > .dropdown-toggle.btn-default.focus, .desktop-tab-menu-min .search-dd.open > .dropdown-toggle.btn-default:focus, .desktop-tab-menu-min .search-dd.open > .dropdown-toggle.btn-default:hover, .desktop-tab-menu-min .btn-group.search-dd.open .dropdown-toggle {
background-color: #f4f4f4 !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 16px;
-moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
-webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5)
}
.desktop-tab-menu-min #left-navbar.navbar-nav > .active > a, .desktop-tab-menu-min #left-navbar.navbar-nav > .active > a:focus, .desktop-tab-menu-min #left-navbar.navbar-nav > .active > a:hover, .desktop-tab-menu-min #left-navbar.navbar-nav > .open > a, .desktop-tab-menu-min #left-navbar.navbar-nav > .open > a:focus, .desktop-tab-menu-min #left-navbar.navbar-nav > .open > a:hover, .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a, .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a:focus, .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a:hover {
background-color: transparent !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a, .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a:focus, .desktop-tab-menu-min #left-navbar.navbar-nav .open .dropdown-menu > .active > a:hover {
font-size: 14px
}
.dropdown-menu {
padding: 0
}
#left-navbar.navbar-nav .open .dropdown-menu .dropdown-header, #left-navbar.navbar-nav .open .dropdown-menu > li > a {
padding: 10px 15px 10px 30px !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 12px;
text-transform: uppercase
}
.desktop-tab-menu-min #left-navbar.navbar-nav > li > a {
font-size: 16px !important
}
#left-navbar .modal-body {
padding: 15px 0 !important
}
#left-navbar.navbar-nav {
margin: 0 0 7.5px 0
}
#left-navbar .navbar-collapse {
padding-right: 0 !important;
width: 100%
}
#left-navbar .nav > li, #left-navbar .nav > li.open, #left-navbar .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li {
border-bottom: 1px solid rgba(135, 177, 209, 0)
}
#left-navbar .nav > li, #left-navbar .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li {
margin: 0
}
#left-navbar .nav > li.open > ul > li:last-child {
border-bottom: 0 !important
}
.mobile-nav .modal-dialog {
width: 70% !important;
height: 100% !important;
background-color: rgba(255, 255, 255, .8901960784313725) !important
}
.mobile-nav .close, .mobile-nav-right .close {
color: #004aa2 !important;
opacity: 1 !important
}
.mobile-nav-right .header-flags-container, .mobile-nav-right .header-lang-container, .mobile-nav-right .header-login-container, .mobile-nav-right .search-container, .mobile-search-container {
float: left;
width: 100%;
border-bottom: 1px solid #b9b8b8;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 0;
margin-top: 0
}
.mobile-nav-right .search-container, .mobile-search-container {
border-bottom: 0;
width: 280px
}
.mobile-header-lang-container .lang-label {
margin-left: 0
}
.mobile-nav-right .login-btn {
color: #fff;
background-color: #68696a;
margin: 10px 20px 0 0;
float: left
}
.mobile-nav-right .profile-name-link {
color: #68696a
}
.mobile-nav-right .user-name {
color: #68696a
}
.mobile-nav-right .profile-name-container {
float: left;
padding-bottom: 0;
padding-top: 12px;
padding-left: 0
}
.desktop-tab-menu-min {
margin-bottom: 0 !important;
border: 0 solid transparent !important
}
.desktop-tab-menu-min .navbar-toggle {
display: block !important;
margin-bottom: 0 !important;
margin-top: 1px !important
}
.desktop-tab-menu-min .right-nav.navbar-toggle {
display: block !important;
margin-bottom: 0 !important;
margin-top: 0 !important;
padding: 3px 5px 3px 2px !important
}
.desktop-tab-menu-min .right-nav.navbar-toggle .fa.fa-cog {
color: #fff !important;
font-size: 33px !important
}
.desktop-tab-menu-min .navbar-toggle:focus, .desktop-tab-menu-min .navbar-toggle:hover {
background-color: transparent !important;
border-color: transparent !important
}
.modal.mobile-nav-right {
padding-right: 0 !important
}
.modal.mobile-nav-right .modal-dialog {
padding-right: 17px !important;
background-color: rgba(255, 255, 255, .8901960784313725) !important
}
.mobile-nav .modal-dialog, .mobile-nav-right .modal-dialog {
margin: 0 !important
}
.mobile-nav .modal-content, .mobile-nav-right .modal-content {
border-radius: 0 !important;
border: 0 !important;
background-color: transparent !important;
box-shadow: none !important;
height: 100% !important;
overflow-x: hidden
}
.mobile-nav .desktop-tab-menu-min .navbar-collapse, .mobile-nav .desktop-tab-menu-min .navbar-form {
border-color: transparent !important;
background: transparent !important
}
.mobile-nav .collapse .in {
background: transparent !important
}
.mobile-nav .desktop-tab-menu-min .navbar-nav > li > a {
color: #004aa2 !important;
background-color: transparent !important
}
.search-container {
margin-top: 20px;
width: auto;
float: right
}
.header-flags-container {
float: right
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px !important
}
.navbar-nav .open .dropdown-menu {
position: static !important
}
.navbar-header {
float: none !important;
margin-left: -15px !important;
margin-right: -15px !important;
width: auto !important
}
.modal-dialog {
width: calc(100% - 30px) !important
}
#CreateContactModal .modal-dialog {
width: 85% !important
}
.navbar-nav, .navbar-nav > li {
float: none !important
}
.desktop-tab-menu-min .search-block-and-choosemodel-block {
padding: 2px 15px;
height: 44px;
display: inline-block
}
.desktop-tab-menu-min .navbar-toggle .icon-bar {
width: 30px !important;
height: 3px !important;
background-color: #fff
}
.desktop-tab-menu-min .navbar-toggle .icon-bar + .icon-bar {
margin-top: 6px
}
.min-logo-container {
height: 40px;
margin: 0 20px 0 20px
}
.min-logo {
height: 34px;
margin: 3px
}
.desktop-min-choosemodel-menu {
float: right;
display: inline-block;
position: relative;
margin-right: 150px
}
.desktop-min-choosemodel-menu .search-container {
margin-top: 0;
width: 400px !important
}
.desktop-min-choosemodel-menu .nav-dd-container {
position: absolute;
right: 0;
z-index: 4;
top: 0
}
.desktop-min-choosemodel-menu .search-dd .caret {
content: "";
position: absolute;
right: 12px;
top: 16px;
border: .5em solid #9c9c9c;
border-color: #9c9c9c transparent transparent transparent;
transition: .4s all ease-in-out;
font-size: 20px;
margin-top: -2px
}
.desktop-min-choosemodel-menu .search-dd .filter-option {
font-size: 20px !important;
width: auto;
padding-top: 0;
padding-bottom: 0
}
.desktop-min-choosemodel-menu .search-container .site-search-input {
border-radius: 8px !important;
line-height: 40px !important;
height: 40px !important
}
.desktop-min-choosemodel-menu .search-container .input-group-addon {
height: 40px !important
}
.desktop-min-choosemodel-menu .search-container .input-group-addon .fa {
font-size: 22px;
cursor: pointer;
border: 0;
padding: 0 14px 0 0;
height: 40px !important;
vertical-align: middle !important;
line-height: 40px
}
.desktop-min-choosemodel-menu .bootstrap-select.btn-group.search-dd.open .dropdown-toggle .caret {
transform: rotate(-180deg);
top: 5px
}
.desktop-min-choosemodel-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-min-choosemodel-menu .search-dd .caret {
content: "";
position: absolute;
right: 12px;
top: 16px;
border: .5em solid #9c9c9c;
border-color: #9c9c9c transparent transparent transparent;
transition: .4s all ease-in-out;
font-size: 20px;
margin-top: -2px
}
.desktop-min-choosemodel-menu .form-control.search-dd, .search-block-and-choosemodel-block .form-control.search-dd {
border-radius: 8px !important;
height: 40px
}
.desktop-tab-menu-min li.dropdown a.header-arrow {
display: inline !important;
padding: 7px 15px 8px 15px !important;
text-decoration: none !important
}
.desktop-tab-menu-min li.dropdown a.header-arrow:hover {
text-decoration: none !important
}
.choosemodel-min li.dropdown a, .choosemodel-min li.dropdown a {
display: block !important
}
.desktop-tab-menu-min li.dropdown a {
display: inline-block;
padding: 10px 4px 10px 24px !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
text-transform: uppercase
}
.desktop-tab-menu-min li.dropdown a:after {
border-bottom: 1px solid rgba(135, 177, 209, 0)
}
.desktop-tab-menu-min li.dropdown a.header-arrow:after {
border-bottom: 1px solid rgba(135, 177, 209, 0)
}
.desktop-tab-menu-min .navbar-nav > .active > a, .desktop-tab-menu-min .navbar-nav > .active > a:focus, .desktop-tab-menu-min .navbar-nav > .active > a:hover, .desktop-tab-menu-min .navbar-nav > .open > a, .desktop-tab-menu-min .navbar-nav > .open > a:focus, .desktop-tab-menu-min .navbar-nav > .open > a:hover, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a:focus, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a:hover {
background-color: transparent !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a:focus, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > .active > a:hover {
font-size: 16px
}
.desktop-tab-menu-min .navbar-nav .open .dropdown-menu .dropdown-header, .desktop-tab-menu-min .navbar-nav .open .dropdown-menu > li > a {
padding: 10px 15px 10px 30px !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px;
text-transform: uppercase;
width: 100%
}
.desktop-tab-menu-min .navbar-nav > li > a {
font-size: 20px !important
}
.desktop-tab-menu-min .modal-body {
padding: 15px 0 !important
}
.desktop-tab-menu-min .navbar-nav {
margin: 0 0 7.5px 0
}
.desktop-tab-menu-min .navbar-collapse {
padding-right: 0 !important;
width: 100%
}
.desktop-tab-menu-min .nav > li, .desktop-tab-menu-min .nav > li.open, .desktop-tab-menu-min .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li {
border-bottom: 1px solid rgba(135, 177, 209, 0)
}
.desktop-min-header-navigation-menu li {
border-bottom: 1px solid #87b1d1 !important
}
.desktop-tab-menu-min .nav > li, .desktop-tab-menu-min .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li {
margin: 0
}
.desktop-tab-menu-min .nav > li.open > ul > li:last-child {
border-bottom: 0 !important
}
.desktop-tab-menu-min .navbar-nav > li > a {
padding: 10px 0 10px 24px !important;
text-transform: uppercase
}
.desktop-tab-menu-min .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.desktop-tab-menu-min .dropdown-menu.open {
position: absolute !important
}
.desktop-tab-menu-min > li > .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.desktop-tab-menu-min .dropdown .header-arrow .caret {
content: "";
position: absolute;
right: 0;
top: 15px;
border: .5em solid #004aa2;
border-color: #004aa2 transparent transparent transparent;
transition: .4s all ease-in-out !important;
font-size: 20px;
margin-top: 0
}
.desktop-tab-menu-min .dropdown.open .header-arrow .caret {
top: 6px
}
.desktop-tab-menu-min .modal.mobile-nav-right .modal-dialog {
width: 320px !important;
top: 49px;
right: 50px;
position: absolute;
padding-right: 0 !important
}
.desktop-tab-menu-min .mobile-nav .modal-dialog {
width: 320px !important
}
.temp-choosemodel-min {
display: none
}
.dropdown-toggle.temp-choose-model {
margin-left: 0;
position: relative;
float: left;
background-color: #f4f4f4;
border-radius: 8px;
-moz-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
-webkit-box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
box-shadow: inset -2px -4px 7px 0 rgba(194, 191, 191, .5), 0 2px 4px 0 rgba(0, 0, 0, .5);
color: #064b9e;
cursor: pointer;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
margin-right: 0;
margin-top: 0;
padding: 5px 40px 5px 15px !important;
z-index: 0;
width: 190.91px;
border: 1px solid #ccc
}
.dropdown-menu::-webkit-input-placeholder {
color: #999 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
font-weight: 400 !important
}
.dropdown-menu::-moz-placeholder {
color: #999 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
font-weight: 400 !important
}
.dropdown-menu:-ms-input-placeholder {
color: #999 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
font-weight: 400 !important
}
.nav-dd-container::-webkit-input-placeholder {
color: #999 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
font-weight: 400 !important
}
.nav-dd-container::-moz-placeholder {
color: #064b9e !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
font-weight: 400 !important
}
.nav-dd-container:-ms-input-placeholder {
color: #064b9e !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
font-weight: 400 !important
}
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important
}
.dpg-product-list {
height: 300px;
overflow-x: hidden;
overflow-y: scroll
}
.ui-menu-item-wrapper {
color: #00589c;
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
.ui-widget-content.ui-autocomplete li {
background-color: #fff;
border-color: #fff;
color: #00589c;
position: relative;
display: block;
margin: 0;
padding: 6px 10px;
text-decoration: none;
border: 1px solid #fff;
cursor: pointer;
zoom: 1
}
.ui-menu-item:hover {
color: #00589c;
background: -webkit-linear-gradient(#f3f3f3, #f3f3f3);
background: -o-linear-gradient(#f3f3f3, #f3f3f3);
background: -moz-linear-gradient(#f3f3f3, #f3f3f3);
background: linear-gradient(#f3f3f3, #f3f3f3);
border-color: inherit
}
.dropdown-menu.open {
max-height: 400px !important
}
.dropdown-menu .inner {
max-height: 350px !important
}
.header-logo-flags-block > .container-fluid > .row > .col-md-2.col-sm-2 > #navbar > .row > .col-md-12.col-sm-12 {
padding-left: 0 !important
}
.desktop-tab-menu.small {
}
.desktop-tab-menu.small .header-logo-flags-block {
visibility: hidden;
height: 1px
}
.desktop-tab-menu.large.header-logo-flags-block {
visibility: visible
}
.desktop-tab-menu-min.small {
height: 0;
display: none
}
.desktop-tab-menu.large {
}
.desktop-tab-menu-min.large {
height: 47px;
display: block
}
.gh-flag-col {
width: 400px !important;
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.language-toggle-container {
height: 40px;
margin-top: 36px;
display: flex;
align-items: center;
}
.dark-grey-bg {
background-color: #e4e4e4
}
.my-account-title-container {
padding: 0 0 40px 0;
margin-bottom: 0
}
.my-account-title-container > .container > .row > .col-xs-3.col-sm-3 {
width: 20%
}
.my-account-title-container > .container > .row > .col-xs-9.col-sm-9 {
width: 80%
}
.m-auto {
margin: auto
}
.my-account-title {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 26px;
line-height: 26px !important;
margin-top: 0;
padding: 0 0 10px 0
}
.my-account-title-description {
color: #626365;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 24px;
line-height: 32px !important;
margin-top: 0;
padding: 0
}
.my-account-title-logo {
max-height: none !important;
max-width: none !important;
margin: auto !important;
height: auto !important;
width: 100% !important
}
.widget-card-title {
color: #015a9c;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 27px;
margin: -8px auto 0 auto;
padding: 0 15px;
width: calc(100% - 46px) !important
}
.carousel {
height: auto;
margin-bottom: 30px;
padding-top: 30px
}
.carousel-caption {
z-index: 10
}
.carousel-control {
position: absolute;
top: calc(50% - 25px);
bottom: inherit;
left: 0;
width: auto;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: none;
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: 1
}
.carousel-control.left, .carousel-control.right {
background-image: none
}
.carousel-control img {
height: 50px
}
.carousel-indicators li {
border: 1px solid #015a9c;
width: 8px;
height: 8px
}
.carousel-indicators .active {
background-color: #015a9c;
width: 10px;
height: 10px
}
.carousel-indicators {
top: 0;
bottom: inherit
}
.carousel .item {
height: auto;
background-color: transparent
}
.carousel-inner > .item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: auto
}
.carousel-inner .container {
width: calc(100% - 46px) !important
}
.carousel-card-description {
font-family: "Helvetica-Condensed", sans-serif;
color: #57585a;
font-size: 17px;
line-height: 24px;
text-align: left;
margin-bottom: 20px
}
.carousel-card-container-link {
display: inline-block;
height: 100%;
padding: 0 0 15px 0;
position: relative;
margin-bottom: 0;
text-decoration: none;
text-align: left
}
.carousel-card-container-link:hover, .carousel-card-container-link:focus {
text-decoration: none
}
.carousel-card-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 18px;
line-height: 20px;
text-decoration: none;
position: absolute;
bottom: 0;
left: 0;
margin-left: 0;
min-height: 20px;
right: 0;
margin: 0 !important;
text-align: left
}
.all-announcements-link {
font-family: "Helvetica-Condensed", sans-serif;
color: #015a9c;
font-size: 18px;
line-height: 20px;
text-decoration: none;
margin: 30px 0 0 0 !important;
text-align: left;
display: inline-block
}
.carousel-card-container-link:hover .carousel-card-link, .all-announcements-link:hover {
color: #d97a23;
text-decoration: underline
}
.carousel-card-link-container {
height: 20px
}
.panel-default > .panel-heading {
color: #333;
background-color: #fff;
border-color: #e4e5e7;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.panel-default > .panel-heading a {
display: block;
color: #6a6c6f !important;
padding: 10px 0;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: 30px;
border-bottom: 3px solid #d8d8d8;
text-decoration: none
}
.panel-default > .panel-heading a:hover {
text-decoration: none
}
.panel-default > .panel-heading a:after {
content: "";
color: #005a9c !important;
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
transition: transform .25s linear;
-webkit-transition: -webkit-transform .25s linear
}
.child-table-c1-accordion .panel-default > .panel-heading {
color: #333;
background-color: #fff;
border-color: #e4e5e7;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.child-table-c1-accordion .panel-default > .panel-heading a {
display: block;
padding: 1px 0;
font-size: 15px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
.child-table-c1-accordion .panel-default > .panel-heading a:before {
content: "";
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: transform .25s linear;
-webkit-transition: -webkit-transform .25s linear
}
.child-table-c1-accordion .panel-default > .panel-heading a[aria-expanded="true"] {
background-color: transparent !important;
font-size: 16px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
.child-table-c1-accordion .panel-default > .panel-heading a[aria-expanded="true"]:before {
content: "−";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-right: 5px;
font-size: 20px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
color: #005a9c !important
}
.child-table-c1-accordion .panel-default > .panel-heading a[aria-expanded="false"]:before {
content: "+";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-right: 5px;
font-size: 20px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
color: #005a9c !important
}
.child-table-c1-accordion .panel-default .table-child-data {
font-size: 16px !important;
font-family: "Helvetica-Condensed", sans-serif !important;
padding: 5px 0 5px 15px !important;
line-height: 20px;
border-top: 0 !important
}
.child-table-c1-accordion .panel-default .table-child-data a {
font-size: 16px !important;
font-family: "Helvetica-Condensed", sans-serif !important
}
.accordion-option {
width: 100%;
float: left;
clear: both;
margin: 15px 0
}
.accordion-option .title {
font-size: 20px;
font-weight: bold;
float: left;
padding: 0;
margin: 0
}
.accordion-option .toggle-accordion {
float: right
}
.accordion-option .toggle-accordion:before {
content: "SHOW ALL"
}
.accordion-option .toggle-accordion.active:before {
content: "HIDE ALL"
}
.no-left-collapse-icon .fa-minus, .no-left-collapse-icon .fa-plus {
display: none
}
#accordion .panel-body {
padding-left: 0;
padding-right: 0
}
.w-100p-200 {
width: calc(100% - 200px);
float: left
}
.w-100p-40 {
width: calc(100% - 40px);
float: left
}
.w-200 {
width: 200px;
float: left
}
.margin-left-15 {
margin-left: 15px
}
.indent-bullet {
width: 100%;
display: list-item !important;
float: left;
padding-left: 7px !important;
font-family: "Helvetica-Condensed", sans-serif;
list-style: disc inside none !important;
color: #015a9c;
margin-top: 0;
padding-top: 0 !important;
vertical-align: top
}
.bullet-child {
display: inline-block;
margin-left: -7px;
color: #57585a
}
.padding-l-10 {
padding-left: 10px
}
.tab-item .tab-title:before, .tab-item .tab-title.is-expanded:before {
padding: 0 !important;
margin: 0 !important;
font-size: 24px
}
.tab-item {
margin: 1em 0
}
.tab-item .tab-title {
padding: 15px 0 !important;
background-color: #fff;
cursor: pointer;
font-size: 20px
}
.tab-item .tab-title p, .tab-item .tab-title > div, .tab-item .tab-title > * {
margin-bottom: 0 !important;
line-height: 24px
}
.tab-item .tab-title:before, .accordian-tab-title.collapsed:before {
content: "";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-text-stroke: 2px white;
color: #05599a !important;
position: relative;
top: 1px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 24px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
transition: transform .25s linear;
-webkit-transition: -webkit-transform .25s linear
}
.tab-item .tab-title.is-expanded:before, .accordian-tab-title:before {
content: "";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-text-stroke: 2px white;
color: #05599a !important;
position: relative;
top: 1px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 24px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
transition: transform .25s linear;
-webkit-transition: -webkit-transform .25s linear
}
.tab-item .tab-content {
margin: 22px 0;
padding: 0 !important;
box-shadow: none;
border: 0;
background: transparent;
border-radius: 0;
box-shadow: none !important;
outline: 0 none
}
.tab-item .tab-content > .col-md-12 {
padding-left: 59px !important
}
.tab-item .tab-content > .col-md-12 > a {
padding-bottom: 18px !important
}
.tab-item .tab-content > .powerpoint-icon {
padding-top: 6px !important;
padding-bottom: 16px !important
}
.a11y-accordion {
position: relative;
margin: 1em 0
}
.a11y-accordion .tab:focus, .a11y-accordion .panel div:focus {
outline: 0
}
.a11y-accordion .panel.is-collapsed {
display: none;
max-height: 0;
overflow: hidden
}
.a11y-accordion .panel.is-expanded {
max-height: 1000em
}
.powerpoint-icon:before {
background-image: url(/Content/GreenheckStyles/imgs/powerpoint_desktop_2x.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
content: "";
position: relative;
bottom: -4px;
display: inline-block;
width: 26px;
height: 26px;
margin-right: 8px
}
.padding-left-50 {
padding-left: 50px
}
.fa-minus:before, .fa-plus:before {
-webkit-text-stroke: 2px white
}
.shown .delete-contact {
color: #015a9c !important
}
.shown .delete-contact:hover {
color: #d97a23 !important
}
table.dataTable.gh-my-orders.display tbody tr.odd.shown td a, table.dataTable.gh-my-orders.display tbody tr.even.shown td a {
color: #fff !important
}
table.dataTable.gh-my-orders.display tbody tr.odd.shown td a.delete-contact, table.dataTable.gh-my-orders.display tbody tr.even.shown td a.delete-contact {
color: #015a9c !important
}
table.dataTable.gh-my-orders.display tbody tr.odd.shown td a.delete-contact:hover, table.dataTable.gh-my-orders.display tbody tr.even.shown td a.delete-contact:hover, table.dataTable.gh-my-orders.display tbody tr.odd.shown td a.edit-contact:hover, table.dataTable.gh-my-orders.display tbody tr.even.shown td a.edit-contact:hover {
color: #d97a23 !important
}
table.dataTable.gh-my-orders.display tbody tr.odd.shown, table.dataTable.gh-my-orders.display tbody tr.even.shown, table.dataTable.gh-my-orders.display tbody tr.odd.parent.shown + .child, table.dataTable.gh-my-orders.display tbody tr.even.parent.shown + .child {
background-color: #015a9c !important
}
table.dataTable.gh-my-orders.display tbody tr.odd.shown td, table.dataTable.gh-my-orders.display tbody tr.even.shown td, table.dataTable.gh-my-orders.display tbody tr.odd.shown .sorting_1, table.dataTable.gh-my-orders.display tbody tr.even.shown .sorting_1, table.dataTable.gh-my-orders.display tbody tr.odd.parent.shown + .child td, table.dataTable.gh-my-orders.display tbody tr.even.parent.shown + .child td {
color: #fff !important;
background-color: transparent !important
}
table.dataTable.gh-my-orders.display tbody tr.odd, table.dataTable.gh-my-orders.display tbody tr.even, table.dataTable.gh-my-orders.display tbody tr.odd.parent + .child, table.dataTable.gh-my-orders.display tbody tr.even.parent + .child {
cursor: pointer;
color: #7b7b7b !important
}
table.dataTable.gh-my-orders.display tbody tr.odd td, table.dataTable.gh-my-orders.display tbody tr.even td, table.dataTable.gh-my-orders.display tbody tr.odd td.sorting_1, table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1 {
cursor: pointer;
color: #7b7b7b !important;
font-size: 18px !important;
line-height: 28px !important;
padding: 20px 0 20px 10px !important
}
table.dataTable.gh-my-orders.display tbody tr.odd, table.dataTable.gh-my-orders.display tbody tr.odd.parent + .child {
background-color: #f7f7f7 !important;
border-top: 0 solid #f7f7f7 !important
}
table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1 {
background-color: #fcfcfc !important;
border-top: 0 solid #fcfcfc !important
}
table.dataTable.gh-my-orders.row-border tbody th, table.dataTable.gh-my-orders.row-border tbody td, table.dataTable.gh-my-orders.display tbody th, table.dataTable.gh-my-orders.display tbody td {
border-top: 0 solid #f7f7f7 !important;
line-height: 1.4em !important;
vertical-align: top !important
}
table.dataTable.gh-my-orders thead .sorting_asc span {
background-image: url(/content/GreenheckStyles/imgs/sort_asc.png) !important;
background-repeat: no-repeat !important;
background-position: calc(100% - 1px);
background-size: 9px !important;
padding-right: 19px !important
}
table.dataTable.gh-my-orders thead .sorting {
background-image: none !important
}
table.dataTable.gh-my-orders thead .sorting_desc span {
background-image: url(/content/GreenheckStyles/imgs/sort_desc.png) !important;
background-repeat: no-repeat !important;
background-position: calc(100% - 1px) !important;
background-size: 9px !important;
padding-right: 19px !important
}
table.dataTable.gh-my-orders th {
font-size: 20px !important;
line-height: 28px !important;
border-top: 2px solid #d8d8d8 !important;
border-bottom: 2px solid #d8d8d8 !important;
padding: 20px 15px 20px 10px !important
}
.dataTables_filter label, .dataTables_length label {
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 20px !important;
line-height: 28px !important;
color: #4a4a4a !important
}
.dataTables_wrapper .search-filter label {
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 20px !important;
line-height: 28px !important;
color: #4a4a4a !important;
padding-top: 1px !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button, .gh-my-orders-container div.dataTables_wrapper .dataTables_info {
padding: 5px 10px !important;
font-size: 20px !important;
color: #015a9c !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
color: #7b7b7b !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button:active {
box-shadow: none !important
}
.expand-col {
max-width: 20px !important
}
#discount-request tbody .clk-row {
word-break: break-all;
font-size: 14px !important
}
#caps-auth tbody .clk-row {
word-break: break-all;
font-size: 14px !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button {
padding: 5px 2px !important;
font-size: 20px !important;
color: #7b7b7b !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current {
padding: 5px 2px !important;
font-weight: bold !important;
color: #015a9c !important;
font-size: 20px !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current ~ .paginate_button {
color: #015a9c !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: #015a9c !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
color: #7b7b7b !important
}
table.gh-my-orders tbody td {
padding-top: 0 !important
}
.child-table-c1-header {
font-size: 16px;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
padding-top: 10px
}
.child-table-c1-header-value {
font-size: 16px;
font-family: "Helvetica-Condensed", sans-serif !important;
color: #7b7b7b !important;
line-height: 16px;
height: 20px
}
.pad-t-20 {
padding-top: 20px
}
table.child-table {
width: 100% !important
}
table.child-table .child-header-style > th {
background-color: #f7f7f7 !important;
font-size: 15px !important;
padding: 10px !important;
text-transform: none
}
table.child-table .child-header-style > th:first-child, table.child-table .child-row-style > td:first-child {
padding-left: 15px !important
}
table.child-table .child-header-style > th:last-child, table.child-table .child-row-style > td:last-child {
padding-right: 15px !important
}
table.child-table .child-row-style > td {
font-size: 15px !important;
color: #8a8686 !important;
padding: 3px 10px !important;
background-color: #f7f7f7 !important
}
table.child-table .child-row-style > td a {
font-size: 15px !important;
padding: 10px 0 !important
}
.panel-default .table-child-data {
font-size: 16px !important;
font-family: "Helvetica-Condensed", sans-serif !important;
padding: 5px 0 5px 15px;
line-height: 20px;
border-top: 0 !important
}
.panel-default .table-child-data a {
font-size: 16px !important;
font-family: "Helvetica-Condensed", sans-serif !important
}
table.dataTable tbody tr td a.child-data {
font-size: 16px !important;
font-family: "Helvetica-Condensed", sans-serif !important;
display: inline-block !important;
width: 100% !important;
padding: 2px 0 !important
}
.value-wrap {
padding-top: 10px;
display: inline-block
}
.pt-0 {
padding: 0 !important
}
.pad-l-8 {
padding-left: 8px !important
}
.gh-dt-1-5 {
width: 12%;
float: left
}
.gh-dt-18 {
width: 18%;
float: left
}
.gh-dt-25p {
width: 25%;
float: left
}
.gh-dt-100p {
width: 100%;
float: left
}
.gh-dt-50p {
width: 50%;
float: left
}
.gh-dt-9 {
width: 76%;
float: left
}
.gh-dt-64 {
width: 64%;
float: left
}
.gh-dt-12 {
width: 100%;
float: left
}
.form-group label.read-value {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 26px;
text-align: left;
padding-bottom: 0;
font-weight: normal
}
.mail-shipment-detail-div {
margin-top: 5px
}
.mail-shipment-icon {
color: #015a9c;
padding-right: 5px
}
.border-bottom-grey-2 {
border-bottom: 2px solid #d8d8d8
}
.pad-30 {
padding: 30px
}
.modal-content {
border-radius: 0;
padding: 20px
}
.modal-dialog.modal-md {
width: 600px !important
}
.modal-body {
padding-top: 0 !important
}
.close {
font-size: 30px;
font-weight: 700;
line-height: 1;
color: #025c9e;
text-shadow: 0 1px 0 #fff;
opacity: 1
}
.w-130px {
width: 130px !important
}
.w-160 {
width: 160px !important
}
.w-110px {
width: 110px !important
}
.pad-top-13 {
padding-top: 13px !important
}
.dataTable-date-filter {
margin-top: 0;
background: #fff;
cursor: pointer;
padding: 0 10px 5px 10px !important;
border-bottom: 2px solid #ccc;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 20px !important;
line-height: 28px !important;
color: #4a4a4a !important;
float: left;
font-weight: 700
}
.dataTable-date-filter .fa-caret-down {
color: #9d9d9d;
font-size: 24px
}
#discount-request_wrapper .top .dt-search-icon-container {
padding: 6px 0 0 0 !important;
left: 430px !important
}
#caps_auth_wrapper .top .dt-search-icon-container {
padding: 6px 0 0 0 !important;
left: 430px !important
}
#gh-my-orders_filter, .dataTables_filter, #discount-request_filter {
width: 100%
}
#gh-my-orders_filter label, .dataTables_filter label, #discount-request_filter label {
float: left
}
#gh-my-orders_filter label input, .dataTables_filter input, #discount-request_filter label input {
height: 40px !important;
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 18px !important;
line-height: 40px !important;
text-align: left;
border-radius: 0;
background-color: #fff;
-moz-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62);
box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62);
padding: 0 30px 0 20px;
border: 1px solid #ccc !important;
margin-right: 1em;
margin-top: 5px;
margin-left: 0;
margin-bottom: 30px;
width: 240px
}
#gh-my-orders_filter label input::-webkit-input-placeholder, #discount-request_filter label input::-webkit-input-placeholder {
height: auto;
color: #aab2bd;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px !important;
line-height: 16px !important;
font-weight: normal
}
#gh-my-orders_filter label input::-moz-placeholder, #discount-request_filter label input::-moz-placeholder {
height: auto;
color: #aab2bd;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px !important;
line-height: 16px !important;
font-weight: normal
}
#gh-my-orders_filter label input:-ms-input-placeholder, #discount-request_filter label input:-ms-input-placeholder {
height: auto;
color: #aab2bd;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px !important;
line-height: 16px !important;
font-weight: normal
}
#gh-my-orders_filter label input:-moz-placeholder, #discount-request_filter label input:-moz-placeholder {
height: auto;
color: #aab2bd;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px !important;
line-height: 16px !important;
font-weight: normal
}
#gh-my-orders_length, #discount-request_length, #caps-auth_length {
float: right;
padding: 0 !important;
width: 220px;
margin-bottom: 6px !important
}
div.dataTables_wrapper div.dataTables_length {
float: left
}
#SearchFilters {
width: calc(100% - 349px)
}
#gh-my-orders_length label, .dataTables_length label, div.dataTables_wrapper div.dataTables_length label, #discount-request_length label, #caps-auth_length label {
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 20px !important;
line-height: 33px !important;
color: #4a4a4a !important
}
.bottom .dataTables_paginate {
padding: 14px 9px 20px 20px !important
}
.gh-my-orders-container div.dataTables_wrapper .dataTables_info {
padding: 20px 0 20px 0 !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button.next {
padding-left: 0 !important
}
#gh-my-accountInfo_wrapper .dt-search-icon-container {
height: 38px !important;
background: none;
border: 0;
padding: 0 0 0 0;
position: absolute;
left: -40px;
width: 38px;
z-index: 4
}
.dt-search-icon-container {
height: 38px !important;
background: none !important;
border: 0 !important;
padding: 4px 0 0 0;
position: absolute;
left: 200px;
width: 38px;
z-index: 4
}
.dt-search-icon-fa {
font-size: 22px !important;
cursor: pointer;
border: 0 !important;
height: 38px !important;
vertical-align: middle !important;
padding: 0 7px 0 0 !important;
line-height: 38px !important;
z-index: 4
}
.dt-search-icon {
float: left
}
.gs-dashboard .grid-stack .grid-stack-item .grid-stack-item-content .gs-widget .gs-widget-body.custom {
padding: 0 !important
}
.gs-dashboard .grid-stack .grid-stack-item .grid-stack-item-content {
border: 0 !important;
background-color: #f7f8fa;
box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(247, 248, 250, .12);
transition: all .3s cubic-bezier(.25, .8, .25, 1) !important;
border-radius: 0
}
.gs-dashboard .grid-stack .grid-stack-item .grid-stack-item-content:hover {
box-shadow: 0 14px 28px rgba(247, 248, 250, .25), 0 10px 10px rgba(0, 0, 0, .22)
}
.db-widget-card {
padding: 15px 15px 50px 15px !important;
height: 300px;
position: relative;
width: 100%
}
.db-widget-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 30px;
text-align: left;
margin-bottom: 5px;
border-bottom: 3px solid #2b388f;
padding-bottom: 5px
}
.db-widget-img-container {
text-align: center
}
.db-widget-img {
display: block;
max-width: 100%;
width: auto;
height: auto;
margin: auto;
max-height: 125px
}
.db-widget-desc {
font-family: "Helvetica-Condensed", sans-serif;
color: #7b7b7b;
font-size: 20px;
line-height: 26px;
text-align: left;
margin-bottom: 10px
}
.db-widget-link-container {
position: absolute;
bottom: 0;
width: 100%;
text-transform: uppercase
}
.gs-widget {
height: 100%
}
.modal-dialog.modal-lg-atg {
width: 90% !important
}
.icon-align {
display: inline-block;
height: 100%;
vertical-align: middle
}
.display-flex-space-between {
display: flex;
justify-content: space-between
}
.modal-icon-tab-start, .modal-icon-tab, .modal-icon-tab-end {
display: inline-block;
position: relative
}
.modal-icon-tab-seperator-before {
height: 10px;
background: #a9adb6;
display: inline-block;
width: 100%;
margin-top: 30px;
margin-right: 4px;
margin-left: 4px
}
.modal-icon-tab-seperator-last-child-before-after {
height: 10px;
background: #a9adb6;
display: inline-block;
width: 100%;
margin-top: 30px;
margin-right: 4px;
margin-left: 4px
}
.modal-tab-icon {
background-color: #a9adb6;
border-radius: 50%;
height: 70px;
width: 70px;
display: inline-block;
vertical-align: middle;
text-align: center;
white-space: nowrap
}
.completed .modal-tab-icon, .completed.modal-icon-tab-seperator-last-child-before-after, .completed.modal-icon-tab-seperator-before {
background-color: #da7921 !important
}
.tab-title-with-icon {
color: #a9adb6;
width: 75px;
display: inline-block;
text-align: center;
padding-top: 15px;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
line-height: 1.4em
}
.completed .tab-title-with-icon {
color: #da7921 !important
}
.w50px {
width: 46px;
vertical-align: middle
}
.m-b-69 {
margin-bottom: 69px
}
.m-b-10 {
margin-bottom: 10px !important
}
table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1.highlightRed, table.dataTable.gh-my-orders.display tbody tr.even td.highlightRed {
background-color: #dc3545 !important;
color: #fff !important
}
table.dataTable.gh-my-orders.display tbody tr.odd td.sorting_1.highlightRed, table.dataTable.gh-my-orders.display tbody tr.odd td.highlightRed {
background-color: #dc3545 !important;
color: #fff !important
}
table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1.highlightYellow, table.dataTable.gh-my-orders.display tbody tr.even td.highlightYellow {
background-color: #ffc107 !important;
color: #fff !important
}
table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1.highlightYellow, table.dataTable.gh-my-orders.display tbody tr.even td.highlightYellow {
background-color: #edba20 !important;
color: #fff !important
}
table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1.highlightBlue, table.dataTable.gh-my-orders.display tbody tr.even td.highlightBlue {
background-color: #005a9d !important;
color: #fff !important
}
table.dataTable.gh-my-orders.display tbody tr.odd td.sorting_1.highlightBlue, table.dataTable.gh-my-orders.display tbody tr.odd td.highlightBlue {
background-color: #0b74e5 !important;
color: #fff !important
}
.modal-body::-webkit-input-placeholder {
color: #aab2bd !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px !important;
height: 41px !important;
line-height: 41px !important;
font-weight: normal !important;
padding: 0 !important
}
.modal-submit-btn, .modal-submit-btn:focus {
display: inline-block;
border-radius: 4px !important;
border: 2px solid #d97a23 !important;
border-radius: 8px;
background-color: #d97a23;
padding: 2px 35px 2px 35px !important;
color: #fff !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 18px !important;
font-weight: bolder !important;
float: left;
text-decoration: none !important;
cursor: pointer
}
.modal-submit-btn:hover {
display: inline-block;
border-radius: 4px !important;
border: 2px solid #d97a23 !important;
border-radius: 8px;
background-color: #fff;
padding: 2px 35px 2px 35px !important;
color: #d97a23 !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 18px !important;
font-weight: bolder !important;
float: left;
text-decoration: none !important
}
.modal-close-btn {
display: inline-block;
border-radius: 4px !important;
border: 2px solid #015a9c !important;
border-radius: 8px;
background-color: #fff;
padding: 2px 35px 2px 35px !important;
color: #015a9c !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 18px !important;
font-weight: bolder !important;
float: left;
margin-left: 15px;
cursor: pointer
}
.modal-close-btn:hover {
display: inline-block;
border-radius: 4px !important;
border: 2px solid #015a9c !important;
border-radius: 8px;
background-color: #015a9c;
padding: 2px 35px 2px 35px !important;
color: #fff !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 18px !important;
font-weight: bolder !important;
float: left;
margin-left: 15px;
text-decoration: none !important
}
#gh-my-accountInfo_filter input::-webkit-input-placeholder {
height: 40px !important;
color: #aab2bd !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px !important;
line-height: 40px !important;
font-weight: normal !important;
padding: 0 0 !important
}
.form-group .dropdown-el.modal-md-select {
width: auto !important;
padding: 8px 40px 8px 15px !important
}
.modal-md .modal-body {
margin-bottom: 9px !important
}
.border-b-t-grey-2 {
border-top: 2px solid #c7c7c7 !important;
border-bottom: 2px solid #c7c7c7 !important
}
.border-b-grey-2 {
border-bottom: 2px solid #c7c7c7 !important
}
.border-t-grey-2 {
border-top: 2px solid #c7c7c7 !important
}
.border-r-grey-2 {
border-right: 2px solid #c7c7c7 !important
}
.pad-t-26 {
padding-top: 26px !important
}
.pad-b-26 {
padding-bottom: 26px !important
}
.pad-tb-26 {
padding-top: 26px !important;
padding-bottom: 26px !important;
height: 82px
}
.odd-even-bg:nth-child(even) {
background-color: #f7f7f7 !important
}
.odd-even-bg:nth-child(odd) {
background-color: #fff !important
}
.h-30 {
height: 30px !important
}
.w-34 {
width: 34px;
display: inline-block
}
.contact-info-title {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 18px;
line-height: 24px;
color: #656567
}
.contact-info-designation {
font-size: 16px;
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
line-height: 20px;
text-align: left
}
.m-l-m16 {
margin-left: -16px !important
}
.bullet > a {
padding-left: 4px !important
}
.table-only-head-bot-border {
width: 100% !important
}
.table-only-head-bot-border th {
font-weight: bold !important;
border-bottom: 1px solid #a6a6a6 !important;
padding-bottom: 4px !important;
vertical-align: bottom !important;
padding-top: 7px !important;
border-right: 20px solid #fff
}
.table-only-head-bot-border td {
padding: 7px 0 !important;
border-right: 20px solid #fff
}
.blue-label {
background-color: #004aa2;
color: #fff;
display: inline-block !important;
width: 80% !important;
padding: 2px 8px !important;
margin-left: 7px;
font-size: 16px !important;
font-family: "Helvetica-Condensed", sans-serif !important
}
.gs-dashboard-name {
display: none !important
}
.paging_simple_numbers {
min-width: 195px
}
.office-account-info .top {
height: 123px;
position: relative
}
.office-account-info .top .dataTables_length, #gh-my-orders_wrapper .top .dataTables_length, #discount-request_wrapper .top .dataTables_length, #caps_auth_wrapper .top .dataTables_length {
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
text-align: right
}
.office-account-info .top .dataTables_paginate {
position: absolute;
right: 0;
bottom: 0
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current, .gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button {
min-width: auto
}
#gh-my-orders_wrapper .top .dataTables_paginate, #discount-request_wrapper .top .dataTables_paginate, #caps_auth_wrapper .top .dataTables_paginate {
position: absolute;
right: 0;
top: 53px;
width: auto;
text-align: right
}
.office-account-info .top .dataTables_filter {
width: auto;
margin-top: 5px
}
#pdftable {
width: 100%
}
.small-font {
font-size: 16px !important;
padding-right: 5px !important
}
.blank span {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 18px;
padding: 0 0 5px 0;
margin-left: 7px;
display: inline-block;
float: left;
width: 100% !important
}
.paginate_button.previous, .paginate_button.next {
position: relative
}
.paginate_button.previous:before {
margin-left: -10px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
margin-right: 10px;
font-size: 20px !important;
width: 10px !important;
top: 9px;
position: absolute;
left: -6px
}
.paginate_button.next {
padding-right: 10px !important
}
.paginate_button.next:after {
margin-right: -10px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
margin-left: 10px;
font-size: 20px !important;
width: 10px !important;
top: 9px;
position: absolute;
right: -2px
}
.l-h-59 {
line-height: 59px !important
}
.h-59 {
height: 59px !important
}
.p-r-10 {
padding-right: 10px !important
}
.m-l-0 {
margin-left: 0 !important
}
.m-l-5 {
margin-left: 5px !important
}
#gh-my-orders_wrapper .txt-main-filter, #discount-request_wrapper .txt-main-filter, #caps_auth_wrapper .txt-main-filter {
height: 33px !important;
padding-top: 4px !important;
padding-bottom: 3px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
line-height: 20px !important;
padding-left: 10px;
padding-right: 10px;
margin-right: 5px !important
}
.f-l {
float: left !important
}
#gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .select-main-filter, #caps_auth_wrapper .select-main-filter {
width: 200px !important;
height: 33px !important;
padding-top: 4px !important;
padding-bottom: 3px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
line-height: 20px !important;
margin-right: 5px !important
}
#SearchFilters .filter-by-label {
height: 34px !important;
margin-top: 0 !important;
padding-top: 10px !important;
padding-bottom: 0 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
line-height: 20px !important
}
#SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn {
height: 33px;
padding: 2px 35px !important;
margin-top: 7px;
margin-bottom: 0
}
.pad-top-9 {
padding-top: 9px !important
}
.p-t-12 {
padding-top: 12px !important
}
.form-group .dropdown-el.data-table-dropdown-el {
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
height: 33px !important;
line-height: 20px !important;
padding-bottom: 3px !important;
padding-left: 9px !important;
padding-right: 25px !important;
padding-top: 4px !important;
right: auto
}
.w-120 {
width: 120px !important
}
.dropdown-el.w-auto {
width: auto !important
}
.m-r-4 {
margin-right: 4px !important
}
.w-100per {
width: 100% !important
}
.m-t-12 {
margin-top: 12px !important
}
.p-t-0 {
padding-top: 0 !important
}
.m-t-8 {
margin-top: 8px !important
}
#gh-my-orders thead tr th.col1 {
width: 30px
}
#gh-my-orders thead tr th.col2 {
width: 171px
}
#gh-my-orders thead tr th.col3 {
width: 150px
}
#gh-my-orders thead tr th.col4 {
width: 110px
}
#gh-my-orders thead tr th.col5 {
width: 130px
}
#gh-my-orders thead tr th.col6 {
width: 118px
}
#gh-my-orders thead tr th.col7 {
width: 112px
}
#gh-my-orders thead tr th.col8 {
width: 71px
}
#gh-my-orders thead tr th.col9 {
width: 100px
}
.hidden-scroll {
overflow-y: scroll
}
.hidden-scroll::-webkit-scrollbar {
background: transparent
}
.hidden-scroll::-webkit-scrollbar-track {
background: transparent
}
.hidden-scroll::-webkit-scrollbar-thumb {
background: transparent
}
.announcement-container-hide-in-mobile {
display: block
}
.card-white-container-link .card-white-section:hover {
box-shadow: none
}
.modal-open .modal {
padding: 0 !important
}
.dtr-title {
font-family: Helvetica-Condensed-Black, sans-serif !important
}
.blog-post-socail-share-container {
display: inline-block;
vertical-align: top;
float: right
}
.is-active-icon-share {
color: #d97a23 !important
}
.blog-post-socail-share-popover {
position: absolute;
top: 40px;
white-space: nowrap;
width: 83px !important;
left: auto;
right: 38px;
z-index: 1
}
.blog-post-socail-share-icon {
-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
transition: color .2s;
background: #fff !important;
border: 1px solid #d9d9d9;
margin-right: -1px;
margin-bottom: -1px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
float: left;
font-size: 18px !important;
cursor: pointer
}
.blog-post {
overflow: visible !important
}
.dataTables_wrapper .groupbottommargin {
margin-bottom: 15px !important
}
.description-normal-text > div {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif !important
}
tr.shown td.details-control, td.details-control {
padding: 5px 11px 0 11px !important
}
tr.shown > td.details-control:after {
background: url(/content/GreenheckStyles/imgs/details_close.png) no-repeat center center !important;
width: 25px !important;
content: "";
height: 25px !important;
display: inline-block
}
td.details-control:after {
background: url("/content/GreenheckStyles/imgs/details_open.png") no-repeat center center !important;
width: 25px !important;
content: "";
height: 25px !important;
display: inline-block
}
.p-l-0 {
padding-left: 0 !important
}
.p-r-0 {
padding-right: 0 !important
}
.m-r-0 {
margin-right: 0 !important
}
.m-l-0 {
margin-left: 0 !important
}
.blog-title-desc-container .page-title {
font-size: 48px;
line-height: 1.4em !important;
padding-bottom: 8px;
margin-bottom: 9px;
margin-top: 5px
}
.blog-title-icon-container {
width: 148px;
float: left
}
.blog-title-icon-container img.title-icon {
width: 90px;
margin-left: 14px;
margin-top: 20px
}
.blog-title-desc-container {
width: calc(100% - 148px);
float: left
}
.blog-section-title {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 30px;
line-height: 24px;
margin-top: 40px
}
.blog-post {
width: 100%;
height: 100%;
overflow: hidden
}
.large-featured-post {
max-height: 450px;
max-width: 870px;
margin-bottom: 30px
}
.small-featured-post {
margin-bottom: 30px;
width: 87%
}
.blog-post.featured-post.small-featured-post .blog-post-img {
min-height: 210px !important;
min-width: 100% !important;
width: auto !important;
margin-top: 0 !important;
height: 210px !important;
-moz-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important
}
.blog-post.featured-post.blog-post-shadow {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
-webkit-transition: box-shadow .2s;
-moz-transition: box-shadow .2s;
-o-transition: box-shadow .2s;
transition: box-shadow .2s
}
.blog-post.featured-post.blog-post-shadow:focus, .blog-post.featured-post.blog-post-shadow:hover {
box-shadow: 0 0 10px 0 rgba(115, 162, 195, .7)
}
.blog-post-shadow {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
-webkit-transition: box-shadow .2s;
-moz-transition: box-shadow .2s;
-o-transition: box-shadow .2s;
transition: box-shadow .2s
}
.blog-post-shadow:focus, .blog-post-shadow:hover {
box-shadow: 0 0 10px 0 rgba(115, 162, 195, .7)
}
.blog-post-link {
display: block;
position: relative
}
.blog-post.featured-post.large-featured-post .blog-post-img {
flex-shrink: 0;
min-width: 100%;
min-height: 100%
}
.blog-post.featured-post a.blog-post-link:hover img.blog-post-img, .blog-post.featured-post a.blog-post-link:active img.blog-post-img, .blog-post.featured-post a.blog-post-link:focus img.blog-post-img {
opacity: .85
}
.transperent-bg {
background: rgba(0, 0, 0, .25);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.blog-post.featured-post h2.blog-heading-lg {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 28px;
color: #fff;
position: absolute;
top: 0;
margin: 0;
padding: 30px;
display: block;
letter-spacing: -.025em !important;
max-width: 100%;
font-weight: normal !important;
line-height: 1.4em;
-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
transition: color .2s
}
.blog-post.featured-post h2.blog-heading-lg:hover, .blog-post-link:hover .blog-heading-sm, .blog-post-link:hover, .blog-post-link:hover .blog-heading-lg {
text-decoration: none !important;
color: #ccc !important
}
.blog-post.featured-post .blog-post-date-lg {
font-family: "Helvetica-Condensed", sans-serif;
position: absolute;
bottom: 30px;
left: 30px;
color: #fff;
display: inline-block;
vertical-align: top;
font-size: 18px !important;
line-height: 1.8;
cursor: auto;
z-index: 9
}
.blog-post.featured-post .blog-post-date-lg:hover {
cursor: auto;
z-index: 9
}
.blog-post.featured-post h2.blog-heading-sm {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
color: #fff;
position: absolute;
top: 0;
margin: 0;
padding: 20px;
display: block;
max-width: 100%;
font-weight: normal !important;
line-height: 1.4em;
-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
transition: color .2s
}
.blog-post.featured-post h2.blog-heading-sm:hover {
color: #ccc
}
.blog-post.featured-post .blog-post-date-sm {
font-family: "Helvetica-Condensed", sans-serif;
position: absolute;
bottom: 20px;
left: 20px;
color: #fff;
display: inline-block;
vertical-align: top;
font-size: 14px !important;
line-height: 1.8;
cursor: auto;
z-index: 9
}
.blog-post.featured-post .blog-post-date-sm:hover {
cursor: auto;
z-index: 9
}
.margin-t-blog-topics {
margin-top: 43px
}
.all-topics-post .blog-post-img {
width: 100%;
height: 100%;
object-fit: cover
}
.post-thumb-head {
height: 225px;
position: relative
}
.blog-heading-sm {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 24px;
color: #fff;
position: absolute;
top: 0;
margin: 0;
padding: 20px;
display: block;
max-width: 100%;
font-weight: normal !important;
line-height: 1.4em;
-webkit-transition: color .2s;
-moz-transition: color .2s;
-o-transition: color .2s;
transition: color .2s
}
.post-thumb-body {
height: 225px
}
.post-para {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px;
line-height: 1.4em;
color: #57585a;
padding: 20px
}
.post-thumb-footer {
height: 120px;
padding: 20px;
position: relative
}
.blog-group-link {
font-size: 16px !important;
line-height: 1.8;
font-family: "Helvetica-Condensed", sans-serif
}
.blog-group-link.currentFilter, .blog-group-link.currentFilter:hover, .blog-group-link.currentFilter:active, .blog-group-link.currentFilter:visited, .blog-group-link.currentFilter:focus {
color: #57585a !important;
text-decoration: none;
cursor: default
}
.blog-group-link.currentFilterWhite, .blog-group-link.currentFilterWhite:hover, .blog-group-link.currentFilterWhite:active, .blog-group-link.currentFilterWhite:visited, .blog-group-link.currentFilterWhite:focus {
color: #fff !important;
text-decoration: none;
cursor: default
}
.blog-post-author {
font-size: 14px !important;
line-height: 1.8;
font-family: "Helvetica-Condensed", sans-serif;
color: #999;
position: absolute;
left: 20px;
bottom: 38px
}
.post-thumb-footer .blog-post-date-sm {
font-size: 14px !important;
line-height: 1.8;
font-family: "Helvetica-Condensed", sans-serif;
color: #484848;
position: absolute;
left: 20px;
bottom: 16px
}
.fa-share-alt {
font-size: 24px;
/*position: absolute;
right: 20px;
bottom: 30px*/
}
.blog-story {
background: #f5b402;
background: -webkit-linear-gradient(180deg, rgba(245, 180, 2, 1) 0%, rgba(83, 115, 78, 1) 61%, rgba(14, 81, 106, 1) 100%);
background: -o-linear-gradient(180deg, rgba(245, 180, 2, 1) 0%, rgba(83, 115, 78, 1) 61%, rgba(14, 81, 106, 1) 100%);
background: linear-gradient(180deg, rgba(245, 180, 2, 1) 0%, rgba(83, 115, 78, 1) 61%, rgba(14, 81, 106, 1) 100%)
}
.blog-story-strip, .blog-event-strip {
background-color: #015a9c;
padding: 8px 20px;
font-size: 16px;
text-transform: uppercase;
font-family: "Helvetica-Condensed", sans-serif;
color: #fff;
position: absolute;
left: 0;
top: 16px
}
.blog-story .blog-group-link, .blog-story .blog-post-author {
color: #fff
}
.blog-story .blog-heading-sm {
padding: 105px 20px 0 20px
}
.blog-event .blog-heading-sm {
padding: 75px 20px 0 20px
}
.blog-story .fa-share-alt, .blog-event .fa-share-alt {
color: #fff
}
.blog-story .fa-share-alt:hover, .blog-event .fa-share-alt:hover {
color: #d97a23
}
.blog-story .post-para, .blog-event .post-para {
color: #fff
}
.blog-event {
height: 498px;
background: #2982db;
background: -moz-linear-gradient(180deg, rgba(41, 130, 219, 1) 0%, rgba(5, 84, 115, 1) 100%);
background: -webkit-linear-gradient(180deg, rgba(41, 130, 219, 1) 0%, rgba(5, 84, 115, 1) 100%);
background: linear-gradient(180deg, rgba(41, 130, 219, 1) 0%, rgba(5, 84, 115, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2982db", endColorstr="#055473", GradientType=1)
}
.blog-event .post-thumb-head, .blog-event .post-thumb-body, .blog-event .blog-heading-sm {
height: auto;
position: relative
}
.blog-event .blog-group-link {
color: #fff;
position: relative;
display: block;
left: auto;
bottom: auto
}
.blog-event .blog-post-author {
color: #e4e5cb;
position: relative;
display: block;
left: auto;
bottom: auto
}
.blog-story .blog-post-date-sm, .blog-event .blog-post-date-sm {
display: none
}
.blog-event .post-thumb-footer {
height: 100px;
padding: 20px;
position: absolute;
width: calc(100% - 30px);
bottom: 0
}
.sf_colsIn.col-blog-3 div:first-child {
margin-top: 11px
}
.topics-list li {
width: 30% !important;
margin-right: 40px;
padding-right: 0
}
.topics-list li:nth-child(3n+0) {
margin-right: 0
}
.link-bold {
color: #015a9c;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 18px;
line-height: 18px;
padding: 0 0 5px 0;
margin-left: 0;
display: inline-block;
width: 100% !important
}
.link-bold.currentFilter, .link-bold.currentFilter:hover, .link-bold.currentFilter:active, .link-bold.currentFilter:visited, .link-bold.currentFilter:focus {
color: #57585a !important;
text-decoration: none;
cursor: default
}
.clear-filter {
display: inline-block;
cursor: pointer;
background-image: url(/Content/GreenheckStyles/imgs/cancel_clear_26.png);
width: 26px;
height: 26px;
background-position: center;
margin-right: 10px
}
ul.right-content-icon-links.blog-filter {
padding-left: 0;
padding-bottom: 0
}
ul.right-content-icon-links.blog-filter li:first-child {
text-transform: uppercase
}
.shown a.link {
color: #fff !important;
text-decoration: underline !important
}
.shown a.link:hover {
color: #f7f7f7 !important
}
.hide-small-425 {
display: block
}
.show-small-425 {
display: none
}
.col-blog-9 {
width: calc(100% - 320px);
float: left
}
.col-blog-3 {
width: 238px;
margin-left: 82px;
float: left;
padding-top: 28px
}
#MarkTagsTableDiv td {
padding-top: 16px !important
}
.sort-by-select {
position: absolute;
bottom: 37px
}
.dt-savepreference {
float: right;
position: absolute;
top: 120px;
right: 0
}
.save-preference {
margin-left: 4px !important;
font-size: 16px !important;
padding: 4px 12px !important;
height: 32px !important;
margin-top: 0 !important;
margin-left: 5px !important;
line-height: 28px;
display: inline-flex;
align-items: center;
border-radius: 4px !important;
border: 2px solid #015a9c !important;
background-color: #fff;
color: #015a9c !important;
font-family: "Helvetica-Condensed", sans-serif;
font-weight: bolder !important;
float: left;
cursor: pointer;
text-decoration: none !important
}
.save-preference:hover {
border: 2px solid #015a9c !important;
background-color: #015a9c;
color: #fff !important;
text-decoration: none !important
}
table.dataTable tbody tr td .gh-dt-1-5 a.child-data {
padding: 2px 8px !important
}
.blog-post-text-container td {
text-align: center
}
.spinner {
display: inline-block;
opacity: 0;
max-width: 0;
-webkit-transition: opacity .25s, max-width .45s;
-moz-transition: opacity .25s, max-width .45s;
-o-transition: opacity .25s, max-width .45s;
transition: opacity .25s, max-width .45s;
margin-right: 4px
}
.has-spinner.active {
cursor: progress
}
.has-spinner.active .spinner {
opacity: 1;
max-width: 50px
}
.dt-range-lbl, .filter-by-lbl {
width: 96px !important
}
.filter-dd, .form-group .dropdown-el.filter-dd {
width: 267px !important;
height: 33px !important;
padding-top: 4px !important;
padding-bottom: 3px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
line-height: 20px !important;
margin-right: 5px !important
}
.my-orders-btn-apply {
float: left
}
.blog-post-text-container table {
margin: 20px 0;
width: 100%
}
.dt-range-lbl {
width: auto !important;
margin-right: 10px
}
.description-x-small-normal-text {
color: #999;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 12px;
line-height: 20px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
text-align: justify !important
}
.popover-content a.cart-icon-link-container {
padding: 0 !important;
justify-content: space-between
}
.navbar-header .popover-content span.cart-icon-container:nth-child(1) {
border-bottom: 1px solid #ddd
}
.navbar-header .popover-content a.cart-icon-link-container:hover {
background: #fff;
cursor: pointer
}
.navbar-header .popover-content a.cart-icon-link-container:hover .cart-label {
color: #d97a23
}
.navbar-header .popover-content .cart-label {
color: #57585a;
cursor: pointer
}
.navbar-header .popover-content .cart-icon-link-container i.fa.fa-external-link {
color: #efefef;
background-color: #005a9c;
border-radius: 3px;
padding: 8px;
font-size: 16px
}
.blog-comments-container {
border: 2px solid #999;
padding: 15px
}
.blog-comment-container {
border-bottom: 2px solid #999;
padding-bottom: 30px
}
.blog-comment-container:last-child {
border: 0;
padding-bottom: 13px
}
.p-6-15 {
padding: 6px 15px !important
}
.comment-btn {
margin-bottom: 40px !important
}
.m-l-20 {
margin-left: 20px
}
.comment-reply-container {
text-align: right;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px
}
.comment-reply-container i {
margin-right: 6px
}
.navbar-header .popover-content .cart-icon-container {
border: 0;
float: none;
width: 100%
}
.navbar-header .popover.bottom {
margin-top: 10px
}
.cart-icon-container {
float: right;
padding: 0;
color: #fff;
font-size: 16px;
font-family: "Helvetica-Condensed-Bold", sans-serif;
border: 1px solid #737476;
border-top: 0;
border-bottom: 0;
height: 100%;
display: inline-block
}
.brown-circle-small {
background: #d97a23;
border-radius: 50%;
color: #fff;
width: 12px;
height: 12px;
display: inline-block;
top: 8px;
right: 5px;
position: absolute
}
span.brown-circle {
background: #d97a23;
border-radius: 50%;
color: #fff;
width: 22px;
height: 22px;
display: table;
justify-content: center;
align-items: center;
text-align: center;
margin-top: -18px;
margin-left: -10px
}
.cart-count {
font-family: "Helvetica-Condensed";
font-size: 14px;
margin-left: -2px;
line-height: 1.3
}
a.cart-icon-link-container-dd {
padding: 0 10px;
display: inline-block;
height: 39px;
justify-content: center;
align-items: center;
position: absolute;
right: 80px
}
a.cart-icon-link-container-dd.cart-mobile-container {
right: 46px;
top: 15px
}
.cart-icon-link-container-dd > .cart-icon {
height: 28px;
margin: 8px 0 0 0
}
a.cart-icon-link-container {
padding: 0 10px;
display: flex;
height: 50px;
justify-content: space-between;
align-items: center;
position: relative;
cursor: pointer;
text-decoration: none
}
.cart-label {
cursor: pointer
}
a.cart-icon-link-container:hover {
text-decoration: none;
background: #4c4d4f
}
.cart-label {
color: #fff;
font-size: 14px;
font-family: "Helvetica-Condensed", sans-serif;
text-transform: capitalize;
vertical-align: middle;
padding-right: 25px;
cursor: default;
padding-left: 8px;
font-weight: bold;
cursor: pointer
}
.cart-icon-link-container i.fa.fa-external-link {
color: #efefef
}
.cart-icon-title {
display: flex;
align-items: center
}
img.cart-icon {
height: 32px;
margin: 10px 0
}
#blogPost #topicsList.topics-list {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 30px 30px !important;
margin: 0 0 49px 0 !important;
padding: 0 !important
}
#topicsList.topics-list li {
width: 100% !important;
margin: 0 !important;
padding: 0 !important
}
#topicsList.topics-list .blog-post {
display: flex !important;
flex-direction: column !important;
position: relative !important;
padding-bottom: 120px !important
}
#topicsList.topics-list .post-thumb-body {
height: auto !important
}
#topicsList.topics-list .post-thumb-footer {
height: auto !important;
padding: 20px 20px 70px 20px !important;
position: absolute !important;
bottom: 0 !important;
width: 100% !important
}
#topicsList.topics-list .post-thumb-footer .blog-group-link {
line-height: 1.5 !important
}
#gh-my-orders_wrapper, #discount-request_wrapper, #caps_auth_wrapper {
min-height: 1316px
}
.card-white-container-link:link .card-white-link {
color: #015a9c !important
}
.card-white-container-link:visited .card-white-link {
color: #015a9c !important
}
.card-white-container-link:hover .card-white-link {
color: #d97a23 !important
}
.card-white-container-link:active .card-white-link {
color: #015a9c !important
}
.comment-reply-container a {
cursor: pointer
}
.card-left-img-para + .col-md-9 h4 {
margin-top: 35px;
font-size: 26px;
text-decoration: underline
}
.card-left-img-para + .col-md-9 ul {
margin-top: 30px !important;
padding-left: 21px !important
}
.card-left-img-para + .col-md-9 li {
margin-bottom: 26px !important;
line-height: 34px !important
}
.d-flex-product {
display: flex;
flex-direction: row
}
.d-flex-product .desktop-prod-series-header-img {
order: 1
}
.d-flex-product .desktop-prod-series-header-title {
order: 2
}
section.product-card-container-link-section {
height: 100%;
margin-bottom: 30px
}
section.product-card-container-link-section .product-card-container-link, section.product-card-container-link-section .product-card-container-link:hover, section.product-card-container-link-section .product-card-container-link:active, section.product-card-container-link-section .product-card-container-link:focus {
margin-bottom: 0 !important
}
.fs-22 {
font-size: 22px
}
.mt-26 {
margin-top: 26px
}
.fs-22 {
font-size: 22px
}
.fs-30 {
font-size: 30px
}
.mt-26 {
margin-top: 26px
}
.mt-30 {
margin-top: 30px
}
.mb-10 {
margin-bottom: 10px
}
.section-list li:before {
content: "-";
display: inline-block;
margin-right: 8px
}
.top .dt-search-icon-container {
padding: 6px 0 0 0 !important;
left: 430px !important
}
.top .dt-search-icon-container.without-label-searchicon {
padding: 0 !important;
left: -40px !important
}
.dropdown-el.filter-dd {
width: 267px !important;
height: 33px !important;
padding-top: 4px !important;
padding-bottom: 3px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 20px !important;
line-height: 20px !important;
margin-right: 5px !important
}
.filter-by-lbl {
width: 96px !important
}
#discount-request_length {
float: right;
padding: 0 !important;
width: 220px;
margin-bottom: 6px !important
}
#caps-auth_length {
float: right;
padding: 0 !important;
width: 220px;
margin-bottom: 6px !important
}
.dt-search-icon-fa {
font-size: 22px;
cursor: pointer;
border: 0;
height: 38px !important;
vertical-align: middle !important;
padding: 0 7px 0 0 !important;
line-height: 38px !important;
z-index: 4
}
.discount-request-textarea {
height: auto !important;
width: 100%
}
.caps-auth-textarea {
height: auto !important;
width: 100%
}
.font-blue {
color: #004aa2
}
.my-account-title-container {
padding: 42px 0;
margin-bottom: 55px
}
.m-auto {
margin: auto
}
.my-account-title {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 26px;
line-height: 26px !important;
margin-top: 0;
padding: 0 0 10px 0
}
.my-account-title-description {
color: #626365;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 24px;
line-height: 32px !important;
margin-top: 0;
padding: 0
}
.my-account-title-logo {
max-height: 160px !important;
max-width: 260px !important;
margin: auto !important;
height: auto !important;
width: auto !important
}
.widget-card-title {
color: #015a9c;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 27px
}
body {
padding-bottom: 40px;
color: #5a5a5a
}
td.details-control {
background: url("/Content/GreenheckStyles/css/imgs/details_open.png") no-repeat center center;
cursor: pointer
}
tr.shown td.details-control {
background: url("/Content/GreenheckStyles/css/imgs/details_close.png") no-repeat center center
}
table.dataTable.discount-request.display tbody tr.odd.shown, table.dataTable.discount-request.display tbody tr.even.shown, table.dataTable.discount-request.display tbody tr.odd.shown td, table.dataTable.discount-request.display tbody tr.even.shown td, table.dataTable.discount-request.display tbody tr.odd.shown .sorting_1, table.dataTable.discount-request.display tbody tr.even.shown .sorting_1 {
background-color: #015a9c !important;
color: #fff !important
}
table.dataTable.discount-request.display tbody tr.odd, table.dataTable.discount-request.display tbody tr.even {
cursor: pointer;
color: #7b7b7b !important
}
table.dataTable.discount-request.display tbody tr.odd td, table.dataTable.discount-request.display tbody tr.even td, table.dataTable.discount-request.display tbody tr.odd td.sorting_1, table.dataTable.discount-request.display tbody tr.even td.sorting_1 {
cursor: pointer;
color: #7b7b7b !important;
font-size: 18px !important;
line-height: 28px !important;
padding: 20px 0 20px 5px !important
}
table.dataTable.discount-request.display tbody tr.odd {
background-color: #f7f7f7 !important;
border-top: 0 solid #f7f7f7 !important
}
table.dataTable.discount-request.display tbody tr.even td.sorting_1 {
background-color: #fcfcfc !important;
border-top: 0 solid #fcfcfc !important
}
table.dataTable.discount-request.row-border tbody th, table.dataTable.discount-request.row-border tbody td, table.dataTable.discount-request.display tbody th, table.dataTable.discount-request.display tbody td {
border-top: 0 solid #f7f7f7 !important
}
table.dataTable.discount-request th {
font-size: 14px !important;
line-height: 24px !important;
border-top: 2px solid #d8d8d8 !important;
border-bottom: 2px solid #d8d8d8 !important;
padding: 20px 0 20px 5px !important
}
.discount-request-container .dataTables_wrapper .dataTables_paginate .paginate_button, .discount-request-container div.dataTables_wrapper .dataTables_info {
padding: 5px 10px !important;
font-size: 18px !important;
color: #7b7b7b !important
}
.discount-request-container .dataTables_wrapper .dataTables_paginate .paginate_button:active {
box-shadow: none !important
}
.discount-request-container .dataTables_wrapper .dataTables_paginate span > .paginate_button, .discount-request-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current {
padding: 5px 2px !important;
font-size: 18px !important;
min-width: auto !important;
color: #7b7b7b !important
}
.discount-request-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current {
font-weight: bold !important;
color: #015a9c !important;
font-size: 19px !important
}
.discount-request-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: #015a9c !important
}
table.discount-request tbody td {
padding-top: 0 !important
}
table.dataTable.caps-auth.display tbody tr.odd.shown, table.dataTable.caps-auth.display tbody tr.even.shown, table.dataTable.caps-auth.display tbody tr.odd.shown td, table.dataTable.caps-auth.display tbody tr.even.shown td, table.dataTable.caps-auth.display tbody tr.odd.shown .sorting_1, table.dataTable.caps-auth.display tbody tr.even.shown .sorting_1 {
background-color: #015a9c !important;
color: #fff !important
}
table.dataTable.caps-auth.display tbody tr.odd, table.dataTable.caps-auth.display tbody tr.even {
cursor: pointer;
color: #7b7b7b !important
}
table.dataTable.caps-auth.display tbody tr.odd td, table.dataTable.caps-auth.display tbody tr.even td, table.dataTable.caps-auth.display tbody tr.odd td.sorting_1, table.dataTable.caps-auth.display tbody tr.even td.sorting_1 {
cursor: pointer;
color: #7b7b7b !important;
font-size: 18px !important;
line-height: 28px !important;
padding: 20px 0 20px 5px !important
}
table.dataTable.caps-auth.display tbody tr.odd {
background-color: #f7f7f7 !important;
border-top: 0 solid #f7f7f7 !important
}
table.dataTable.caps-auth.display tbody tr.even td.sorting_1 {
background-color: #fcfcfc !important;
border-top: 0 solid #fcfcfc !important
}
table.dataTable.caps-auth.row-border tbody th, table.dataTable.caps-auth.row-border tbody td, table.dataTable.caps-auth.display tbody th, table.dataTable.caps-auth.display tbody td {
border-top: 0 solid #f7f7f7 !important
}
table.dataTable.caps-auth th {
font-size: 14px !important;
line-height: 24px !important;
border-top: 2px solid #d8d8d8 !important;
border-bottom: 2px solid #d8d8d8 !important;
padding: 20px 0 20px 5px !important
}
.caps-auth-container .dataTables_wrapper .dataTables_paginate .paginate_button, .caps-auth-container div.dataTables_wrapper .dataTables_info {
padding: 5px 10px !important;
font-size: 18px !important;
color: #7b7b7b !important
}
.caps-auth-container .dataTables_wrapper .dataTables_paginate .paginate_button:active {
box-shadow: none !important
}
.caps-auth-container .dataTables_wrapper .dataTables_paginate span > .paginate_button, .caps-auth-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current {
padding: 5px 2px !important;
font-size: 18px !important;
min-width: auto !important;
color: #7b7b7b !important
}
.caps-auth-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current {
font-weight: bold !important;
color: #015a9c !important;
font-size: 19px !important
}
.caps-auth-container .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: #015a9c !important
}
table.caps-auth tbody td {
padding-top: 0 !important
}
.child-table-c1-header {
font-size: 16px;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
padding-top: 10px
}
.child-table-c1-header-value {
font-size: 16px;
font-family: "Helvetica-Condensed", sans-serif !important;
color: #7b7b7b !important;
line-height: 16px;
height: 20px
}
.child-table-c1-accordion {
}
.pad-t-20 {
padding-top: 20px
}
table.child-table {
width: 100% !important
}
table.child-table .child-header-style > th {
background-color: #f7f7f7 !important;
font-size: 15px !important;
padding: 10px !important
}
table.child-table .child-header-style > th:first-child, table.child-table .child-row-style > td:first-child {
padding-left: 30px !important
}
table.child-table .child-header-style > th:last-child, table.child-table .child-row-style > td:last-child {
padding-right: 30px !important
}
table.child-table .child-row-style > td {
font-size: 15px !important;
color: #8a8686 !important;
padding: 3px 10px !important;
background-color: #f7f7f7 !important
}
table.child-table .child-row-style > td a {
font-size: 15px !important;
padding: 10px !important
}
.panel-default > .panel-heading {
color: #333;
background-color: #fff;
border-color: #e4e5e7;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.panel-default > .panel-heading a {
display: block;
padding: 1px 0;
font-size: 15px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
.panel-default > .panel-heading a:before {
content: "";
position: relative;
top: 1px;
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: transform .25s linear;
-webkit-transition: -webkit-transform .25s linear
}
.panel-default > .panel-heading a[aria-expanded="true"] {
background-color: transparent !important;
font-size: 16px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
.panel-default > .panel-heading a[aria-expanded="true"]:before {
content: "−";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin-right: 5px;
font-size: 16px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
.panel-default > .panel-heading a[aria-expanded="false"]:before {
content: "+";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
margin-right: 5px;
font-size: 15px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
.panel-default .table-child-data {
font-size: 16px !important;
font-family: "Helvetica-Condensed", sans-serif !important;
padding: 5px 0 5px 15px;
line-height: 20px;
border-top: 0 !important
}
.panel-default .table-child-data a {
font-size: 16px !important;
font-family: "Helvetica-Condensed", sans-serif !important
}
table.dataTable tbody tr td a.child-data {
font-size: 16px !important;
font-family: "Helvetica-Condensed", sans-serif !important;
display: inline-block !important;
width: 100% !important;
padding: 2px 8px !important
}
.pad-l-8 {
padding-left: 8px !important
}
.gh-dt-1-5 {
width: 12%;
float: left
}
.gh-dt-9 {
width: 76%;
float: left
}
.gh-dt-12 {
width: 100%;
float: left
}
.underline {
text-decoration: underline
}
.form-group label.read-value {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: 26px;
text-align: left;
padding-bottom: 0;
font-weight: normal
}
.border-bottom-grey-2 {
border-bottom: 2px solid #d8d8d8
}
.pad-30 {
padding: 30px
}
.modal-content {
border-radius: 0;
padding: 0
}
.modal-dialog.modal-md {
width: 600px !important
}
.center-card-container {
height: 100%;
margin-bottom: 30px
}
.center-card-container-grey {
height: 100%;
margin-bottom: 30px;
background: #f1f1f1;
border-radius: 8px
}
.center-card-wrap {
text-align: center;
display: inline-block;
height: 100%;
padding: 10px 15px 67px 15px;
position: relative;
margin-bottom: 0 !important
}
.center-card-wrap-less-pad {
text-align: center;
display: inline-block;
height: 100%;
width: 100%;
padding: 15px;
position: relative;
margin-bottom: 0 !important
}
.center-card-wrap-grey {
text-align: center;
display: inline-block;
height: 100%;
padding: 55px 40px 30px 30px;
position: relative;
margin-bottom: 0 !important
}
.center-card-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 27px;
margin-bottom: 10px
}
.center-card-title-grey {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 27px;
margin-bottom: 10px;
margin-top: 30px
}
.center-card-description {
font-family: "Helvetica-Condensed", sans-serif;
color: #57585a;
font-size: 21px;
line-height: 22px;
margin-bottom: 20px
}
.center-card-description-grey {
font-family: "Helvetica-Condensed", sans-serif;
color: #57585a;
font-size: 21px;
line-height: 22px;
margin-bottom: 0
}
.center-card-img {
padding: 0 0 0 0;
background-color: #fff;
margin-bottom: 20px
}
.center-card-img img {
width: auto !important
}
.center-card-img-transparent {
padding: 0 0 0 0;
background-color: transparent;
margin-bottom: 20px
}
.center-card-img-transparent img {
width: auto
}
.cta-button-container {
text-align: center;
padding: 15px;
background: #f0eeeb;
margin-bottom: 20px
}
.cta-title-wrap .cta-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 22px;
line-height: 27px;
text-align: center;
margin-bottom: 10px;
text-transform: uppercase
}
.cta-blue-btn {
background-color: #2477ba;
border: 2px solid #2477ba !important;
border-radius: 8px !important;
padding: 16px 30px !important;
color: #fff !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 15px !important;
margin: 15px 10px 45px 10px !important;
display: inline-block !important;
line-height: 1em !important;
font-weight: bold !important;
cursor: pointer !important;
letter-spacing: .5px
}
.cta-blue-btn:hover {
background: #fff;
color: #2477ba !important;
text-decoration: none
}
.cta-orange-btn {
background-color: #d97a23;
border: 2px solid #d97a23 !important;
border-radius: 8px !important;
padding: 16px 30px !important;
color: #fff !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 15px !important;
margin: 15px 10px 45px 10px !important;
display: inline-block !important;
line-height: 1em !important;
font-weight: bold !important;
cursor: pointer !important;
letter-spacing: .5px
}
.cta-orange-btn:hover, .cta-orange-btn:focus {
background: #fff;
color: #d97a23 !important;
text-decoration: none
}
.video-container {
text-align: center;
width: 70%;
margin: 100px auto 40px auto
}
.video-title h3 {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 26px;
line-height: 27px;
text-align: center;
margin-bottom: 30px
}
.gray-bar hr {
border-top: 2px solid #f0eeeb
}
.hero-wrapper {
position: relative
}
.hero-wrapper .hero-container {
position: absolute;
top: 65px;
background: transparent !important;
width: 100%
}
.hero-wrapper .hero-sub-title {
margin-bottom: 25px !important;
margin-top: 20px;
max-width: 615px
}
.hero-btn-wrap {
display: flex;
align-items: flex-start
}
.icon-link-wrap {
display: inline-flex !important;
align-items: center;
justify-content: center
}
.orange-btn-2, .orange-btn-2[disabled]:hover {
border: 2px solid #d97a23 !important;
border-radius: 8px !important;
background-color: #d97a23 !important;
color: #fff !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 15px !important;
margin-bottom: 45px !important;
display: inline-block !important;
line-height: 1em !important;
padding: 8px 30px !important;
font-weight: bold !important;
cursor: pointer !important
}
.orange-btn-2:hover, .orange-btn-2:active, .orange-btn-2:focus {
background: rgba(255, 255, 255, .9) !important;
color: #d97a23 !important;
text-decoration: none !important;
border-color: #d97a23 !important;
line-height: 1em !important;
padding: 8px 30px !important;
font-weight: bold !important
}
.orange-btn-2 .fa-external-link:before {
font-size: 20px;
border: 2px solid transparent
}
.transparent-btn {
border: 2px solid #fff !important;
border-radius: 8px !important;
background-color: transparent !important;
color: #fff !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 15px !important;
margin-bottom: 45px !important;
line-height: 1em !important;
padding: 8px 30px !important;
font-weight: bold !important;
cursor: pointer !important;
margin-left: 10px;
display: inline-flex;
align-items: center;
justify-content: center
}
.transparent-btn .fa-play {
margin-right: 6px;
border-radius: 50px;
border: 2px solid #fff;
height: 20px;
width: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 9px
}
.transparent-btn .fa-play:before {
margin-left: 2px
}
.transparent-btn:hover {
text-decoration: none;
color: #fff !important
}
.transparent-btn, .orange-btn-2 {
position: relative;
height: 35px
}
.transparent-btn .btn-icon, .orange-btn-2 .btn-icon {
height: 15px !important;
width: 15px !important;
left: 10px
}
.transparent-btn:focus {
color: #fff !important;
text-decoration: none !important
}
.hero-with-two-btn .hero-btn-wrap .transparent-btn span.xs-hide {
display: inline-block !important
}
.transparent-btn .btn-icon {
display: inline !important
}
.w-87 {
width: 87px !important
}
.w-280 {
width: 280px !important
}
.w-200 {
width: 200px !important
}
.w-135 {
width: 200px !important
}
.w-165 {
width: 160px !important
}
.w-95 {
width: 95px !important
}
.w-105 {
width: 105px !important
}
.w-110 {
width: 110px !important
}
.w-60 {
width: 60px !important
}
.purchase-card-link.upper-case.blue-btn {
border: 2px solid #015a9c !important;
border-radius: 8px !important;
background-color: #015a9c !important;
padding: 4px 16px !important;
color: #fff !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 15px !important;
display: inline-block !important;
line-height: 1em !important;
padding: .4em 2em !important;
font-weight: bold !important;
cursor: pointer !important
}
.purchase-card-link.upper-case.blue-btn:hover {
background: rgba(255, 255, 255, .9) !important;
color: #015a9c !important;
text-decoration: none !important;
border-color: #015a9c !important;
line-height: 1em !important;
padding: .4em 2em !important;
font-weight: bold !important
}
.custom-file-upload {
display: inline-block;
padding: 6px 20px !important;
cursor: pointer;
width: max-content;
background-color: #fff !important;
box-shadow: none;
border: 2px solid #ccc !important;
font-family: "Helvetica-Condensed", sans-serif !important;
border-radius: 7px !important;
font-size: 18px !important;
color: #858585 !important;
font-weight: 400;
margin-right: 5px;
margin-top: 10px
}
.file-desc {
font-family: "Helvetica-Condensed", sans-serif;
color: #a7a7a7;
font-weight: 100;
margin: 0 5px
}
.file-v-line {
font-family: "Helvetica-Condensed", sans-serif;
color: #a7a7a7;
font-weight: 100
}
.file-name {
font-family: "Helvetica-Condensed", sans-serif;
color: #000;
font-size: 16px
}
.hvls-modal-card .shop-now-link, .shop-now-link:hover, .hvls-modal-card .shop-now-link, .shop-now-link:focus {
color: #fff !important;
text-decoration: none
}
.pl-8 {
padding-left: 8px !important
}
.w-popover-overlay__media-embed-wrapper {
padding-top: 0 !important
}
.center-card-container, .center-card-container p {
font-size: 21px !important;
font-family: "Helvetica-Condensed"
}
.lg-f-20 {
font-size: 20px !important
}
.lg-f-22 {
font-size: 22px !important
}
.f-bold {
font-family: Helvetica-Condensed-Bold
}
.caps-authorization-dropdown {
background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important;
background-color: #f2f2f2 !important;
background-position-x: 92% !important;
background-size: 13px !important;
border: 0 solid #ccc !important;
border-radius: 7px !important;
box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
color: #57585a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 16px !important;
-moz-appearance: none;
-moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
padding: 1px 30px 1px 12px !important;
position: relative !important;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
-webkit-appearance: none !important;
-webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
width: 100% !important;
line-height: 22px;
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
#requestQuoteModal {
background: rgba(0, 0, 0, .15)
}
.request-quote-modal-content {
padding: 0;
border: unset
}
.request-quote-modal-content .modal-header {
background-color: #015a9c;
border: unset;
padding: 20px 30px;
position: relative
}
.request-quote-modal-content button.close {
padding: 0 !important;
color: #fff;
margin: 0;
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%)
}
.request-quote-modal-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #fff;
text-transform: uppercase
}
.request-quote-modal-sub-title {
font-family: "Helvetica-Condensed", sans-serif;
color: #fff;
font-size: 22px;
line-height: normal;
margin-top: 10px
}
.modal-body.request-quote-modal-body {
padding: 0
}
.request-quote-tab {
width: 100%;
border: none;
background: #fff;
font-family: "Helvetica-Condensed", sans-serif;
color: #57585a;
padding: 10px;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 20%)
}
.request-quote-tab.active {
border-bottom: 4px solid #015a9c
}
.request-quote-tab.active .request-quote-tab-title, .request-quote-tab.active .request-quote-tab-count {
color: #015a9c
}
.request-quote-tab-title-wrap {
display: flex;
align-items: baseline;
justify-content: center
}
.request-quote-tab-count {
margin-right: 10px;
font-size: 18px;
line-height: normal
}
.request-quote-tab-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
line-height: normal
}
.request-quote-tab-content-container .tab-pane .form-container {
background: #fff;
padding: 30px 60px;
min-height: inherit;
max-height: inherit;
display: flex;
flex-direction: column
}
.form-group.request-quote-label {
padding: 0 !important;
margin: 0 !important
}
.form-group.request-quote-label label {
margin-bottom: 10px;
font-size: 20px;
line-height: normal
}
select .form-control.dropdown-el.request-quote-dropdown {
background-color: #fff !important;
box-shadow: none !important;
border: 2px solid #ccc !important;
font-family: "Helvetica-Condensed", sans-serif !important;
background-size: 12px !important;
height: 55px !important;
padding: 11px 30px 11px 20px !important
}
.center-align-text {
display: block;
line-height: 3;
padding-top: 10px;
padding-bottom: 10px !important;
font-family: "Helvetica-Condensed", sans-serif !important;
text-align: center;
font-size: 16px;
line-height: normal
}
.form-control.request-quote-input {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px !important;
line-height: 26px !important;
text-align: left;
border-radius: 0;
background-color: #fff;
-moz-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 62%), 0 0 0 0 rgba(0, 0, 0, 62%);
box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 62%), 0 0 0 0 rgba(0, 0, 0, 62%);
padding: 11px 20px;
border: 1px solid #ccc !important;
margin-right: 1em;
margin-top: 5px;
height: 48px !important
}
.mt-2 {
margin-top: 2rem
}
.mb-2 {
margin-bottom: 2rem
}
.mb-5 {
margin-bottom: 5px !important
}
.mt-0 {
margin-top: 0 !important
}
.request-quote-label {
padding: 0 !important;
margin: 0 !important
}
.request-quote-radio-wrap {
background-color: #015a9c;
padding: 15px 26px;
width: 100%;
border-radius: 10px;
margin-bottom: 15px;
height: 100%
}
.single-input {
padding: 15px 2px !important
}
.single-input input {
visibility: hidden;
position: absolute
}
input[type="radio"].rq-radio-btn, input[type="radio"].rq-radio-btn:focus {
margin-left: -10px !important;
border-radius: 50px;
border: 2px solid #ccc !important;
outline: transparent !important;
box-shadow: none !important
}
.request-quote-radio-text-wrap {
margin-left: 25px;
display: grid;
grid-row-gap: 3px
}
.radio-label {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
line-height: normal;
cursor: pointer;
color: #fff
}
.request-quote-location {
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 14px;
color: #ccc;
display: flex;
align-items: flex-start;
line-height: normal
}
.request-quote-location i {
margin-right: 3px;
margin-top: 3px
}
.request-quote-radio-label {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
cursor: pointer;
color: #fff;
line-height: normal
}
.rq-next-btn {
background-color: #d97a23;
outline: none;
border: unset;
color: #fff;
font-family: "Helvetica-Condensed-Bold", sans-serif;
padding: 8px 30px;
border-radius: 15px;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
border: 2px solid #d97a23;
margin-left: 15px;
width: 160px
}
a.rq-next-btn:hover, a.rq-next-btn:focus {
color: #fff !important;
text-decoration: none !important
}
.rq-modal-footer {
padding: 30px
}
.request-quote-radio-wrap.checked-radio {
background-color: #015a9c;
color: #fff
}
.checked-radio .request-quote-location {
color: #fff
}
input[type="radio"]:checked, input[type="radio"]:checked:focus {
outline: 0 solid transparent !important;
box-shadow: none !important
}
.rq-success-msg-wrap i {
font-size: 50px;
line-height: normal;
color: #2fb066;
padding-right: 20px
}
.rq-success-msg-wrap {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1rem
}
.rq-success-text {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
margin: 0;
line-height: 3;
color: #2fb066;
text-transform: uppercase
}
.vertical-grey-line {
color: #959595;
margin: 0 8px;
font-size: 18px;
line-height: normal
}
.rq-comp-location {
display: flex;
align-items: center;
justify-content: center
}
.rq-comp-location .comp-name-text {
font-size: 16px;
line-height: normal
}
.rq-comp-name-location .rq-comp-name {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 38px;
line-height: normal;
margin-top: 15px
}
.rq-comp-name-location .rq-comp-location {
font-family: "Helvetica-Condensed", sans-serif;
color: #959595;
margin-bottom: 8px
}
.rq-comp-name-location .rq-location-icon {
font-size: 30px;
line-height: normal;
margin-right: 10px
}
.rq-comp-name-location .rq-location-name {
font-size: 18px;
line-height: normal
}
.rq-thank-msg {
padding-top: 25px;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 22px;
line-height: normal
}
.rq-ca-container {
margin-top: 30px;
padding: 30px 10px 20px 10px;
background-color: #f5f5f5
}
.rq-ca-text {
padding-top: 10px;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: normal
}
.rq-ca-optional {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 24px;
color: #a8a8a8;
line-height: normal;
padding-left: 4px
}
.rq-ca-info {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 18px;
color: #333;
line-height: normal
}
.rq-ca-info-italics {
font-style: italic
}
.ra-ca-leftdiv {
text-align: left
}
.ra-ca-rightdiv {
text-align: right;
padding-top: 30px;
white-space: nowrap
}
.ra-ca-rightdiv a {
margin-left: 0 !important;
display: inline-block;
width: auto
}
.close-btn-wrap {
text-align: center;
background: #f1f5f7
}
.rq-close-btn {
background-color: #fff;
outline: none;
border: unset;
color: #a5a5a5;
font-family: "Helvetica-Condensed-Bold", sans-serif;
padding: 8px 30px;
border-radius: 15px;
font-size: 20px;
line-height: 20px;
border: 2px solid #ccc;
text-transform: uppercase;
width: 130px
}
.rq-close-btn:hover {
background: #3f3f3f;
color: #fff;
border: 2px solid #3f3f3f
}
.rq-form-wrap .form-group {
padding: 0 15px;
margin-bottom: 15px !important
}
.rq-textarea-wrap {
position: relative
}
.rq-textarea-wrap label {
margin-bottom: 10px;
font-size: 20px;
line-height: normal
}
.sm-greyfont {
font-size: 14px;
line-height: normal
}
.request-quote-input::placeholder {
font-size: 16px !important;
line-height: normal
}
.comp-name-text {
color: #015a9c
}
.word-count-wrap {
font-family: "Helvetica-Condensed", sans-serif;
color: #a7a7a7;
font-weight: 400;
margin-left: 5px;
font-size: 20px;
line-height: normal
}
.textarea-word-count-wrap {
font-family: "Helvetica-Condensed", sans-serif;
color: #666;
font-weight: 400;
margin-left: 5px;
position: absolute;
right: 40px;
font-size: 16px;
line-height: normal;
bottom: 15px
}
.request-quote-txtarea {
background-color: #fff !important;
box-shadow: none;
border: 2px solid #ccc !important;
font-family: "Helvetica-Condensed", sans-serif !important;
background-size: 12px !important;
padding: 11px 30px 11px 20px !important;
border-radius: 7px !important;
line-height: 55px;
margin-top: 5px;
font-size: 20px !important;
max-height: max-content;
min-height: 100px !important
}
.rq-btn-wrap {
background: #f1f5f7
}
.request-quote-tab:focus {
outline: none
}
.sd-text {
font-size: 18px !important;
margin-bottom: 30px !important;
line-height: normal
}
.prt-section-wrap {
border-radius: 3px;
height: auto;
width: 100%;
display: block;
float: left;
-webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 22%), 1px 1px 3px 0 rgba(0, 0, 0, 22%);
-moz-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .22), 1px 1px 3px 0 rgba(0, 0, 0, .22);
box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 22%), 1px 1px 3px 0 rgba(0, 0, 0, 22%)
}
.prt-title-wrap {
display: inline-flex;
align-items: center;
justify-content: space-between;
width: 100%;
border-bottom: 3px solid #d8d8d8;
padding: 0 15px;
float: left
}
.prt-title-wrap h3.section-title {
margin: 12px 0
}
.prt-title-wrap i.fa-refresh {
color: #d8d8d8
}
.prt-input-row {
padding: 15px 15px 0 15px;
height: 100%;
float: left;
width: 100%
}
.prt-input-wrap label.prt-label {
color: #015a9c;
font-size: 16px;
font-family: "Helvetica-Condensed", sans-serif
}
.prt-input-wrap i.fa-search {
color: #015a9c
}
.prt-search-title {
border-bottom: 3px solid #d8d8d8;
padding-bottom: 12px;
padding-top: 12px
}
.prt-search-result .section-sub-title {
font-size: 24px;
margin-bottom: 20px
}
.prt-search-result .product-card-description {
font-size: 18px;
line-height: 18px
}
.bd-text {
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.additional-info-text {
font-family: "Helvetica-Condensed", sans-serif;
color: #000;
font-size: 20px;
line-height: 23px;
text-align: left
}
.pdf-wrap {
margin-bottom: 40px
}
.pdf-wrap a {
font-size: 24px
}
table.prt-table td {
font-family: "Helvetica-Condensed", sans-serif;
color: #57585a
}
.ghchinafooter {
color: #fff;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin: 25px 0;
font-size: 38px;
font-family: "Helvetica-Condensed", sans-serif
}
#customWarehouseReqModal .modal-header {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
align-items: center
}
#customWarehouseReqModal .modal-content {
padding: 0 !important
}
#customWarehouseReqModal .modal-header:before, #customWarehouseReqModal .modal-header:after {
display: none !important
}
#customWarehouseReqModal .modal-header .close {
margin: 0 !important;
padding: 0 !important;
line-height: 41px;
margin-top: -7px !important
}
#customWarehouseReqModal .form-container {
padding-top: 40px;
padding-left: 30px;
padding-right: 30px
}
#customWarehouseReqModal label {
font-family: Helvetica-Condensed !important
}
#customWarehouseReqModal .sd-text {
margin-bottom: 10px !important;
color: red !important;
font-size: 14px !important
}
.font-16 {
font-size: 16px !important
}
.modal-button-bottom {
margin-bottom: 21px !important
}
#customWarehouseReqModal .modal-footer {
border-top: 0 !important
}
#customWarehouseReqModal label {
margin-bottom: 6px !important
}
#customWarehouseReqModal .form-section-title {
font-family: "Helvetica-Condensed-Bold";
font-size: 24px;
margin-bottom: 25px !important
}
#customWarehouseReqModal .form-group.request-quote-label {
padding-bottom: 32px !important
}
#customWarehouseReqModal .form-group.request-quote-label.pb-0 {
padding-bottom: 0 !important
}
#customWarehouseReqModal .check-box-label {
font-family: Helvetica-Condensed-Bold !important;
font-size: 22px !important
}
#customWarehouseReqModal .dropdown-el {
font-family: Helvetica-Condensed-Bold !important;
font-size: 24px !important
}
.collapsible-title {
margin-bottom: 6px !important;
width: 100% !important;
font-family: "Helvetica-Condensed-Bold" !important;
font-size: 24px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
border-bottom: 4px solid #d8d8d8 !important;
padding-bottom: 16px !important
}
.collapsible-title .fa {
color: #d37a2c !important
}
.collapsible-title .fa-plus:before {
content: "" !important
}
.collapsible-title.collapsed .fa-plus:before {
content: "" !important
}
#customWarehouseReqModal .form-group.request-quote-label.p-b-10, .p-b-10 {
padding-bottom: 10px !important
}
.pt-3 {
padding-top: 12px
}
.hide {
display: none
}
.show {
display: block
}
.grey-bottom-border {
border-bottom: 4px solid #d8d8d8 !important
}
.card-accordian-warehouses {
flex: 1;
padding-right: 20px
}
.card-accordian-warehouses .card-title {
font-family: "Helvetica-Condensed-Bold" !important;
font-size: 24px !important;
color: #005a9c !important
}
.card-accordian-warehouses:hover .card-title {
color: #d97a23 !important
}
.card-accordian-warehouses .card-img {
width: 100% !important;
height: auto !important
}
.card-accordian-warehouses .card-img img {
margin-bottom: 0
}
.card-accordian-warehouses .card-description {
font-family: "Helvetica-Condensed" !important;
font-size: 24px !important;
line-height: 1.4 !important
}
.RadDock.RadDock_Default.zeLayoutDock .accordian-tab-content {
display: block !important
}
.accordian-tab-title {
display: flex;
flex-direction: row-reverse;
align-items: center;
width: 100%;
justify-content: space-between
}
.warehouse-map-container .popover-content {
color: #57585a
}
.gh-popver-min .popover-content {
color: #fff
}
.sf_cols {
display: flex;
gap: 30px
}
.sf_2cols_1_33 {
width: 33%
}
.sf_2cols_2_67 {
width: 67%
}
.slick-slider {
margin-bottom: 0 !important;
padding: 0 20px
}
.product-slider-thumbnails {
padding: 0;
margin: 20px 0 0 !important
}
.product-slider-thumbnails .product-image {
margin: 10px;
padding: 3px;
border-radius: 6px;
opacity: .6;
border: 2px solid transparent
}
.product-image img {
position: relative;
display: inline-block;
width: 100%;
height: auto;
padding: 0;
border-radius: 6px
}
.slick-list.draggable {
padding: 0 !important
}
.slick-prev {
top: 53% !important;
left: -30px !important
}
.slick-next {
right: -30px !important
}
.slick-next:before, .slick-prev:before {
font-size: 24px !important;
color: #015a9c !important
}
.slick-next, .slick-prev {
width: 50px !important;
height: 50px !important
}
.product-slider-thumbnails .product-image.slick-current, .product-slider-thumbnails .product-image:hover {
border: 2px solid #015a9c;
opacity: 1
}
.font-color-grey {
color: #57585a !important
}
.border-left {
border: 1px solid #ddd
}
.border-right {
border: 1px solid #ddd
}
.pb-0 {
padding-bottom: 0
}
.pl-0 {
padding-left: 0
}
.pr-0 {
padding-right: 0
}
.mt-40 {
margin-top: 40px
}
.mt-20 {
margin-top: 20px
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-30 {
margin-bottom: 30px !important
}
.fs-18 {
font-size: 18px
}
.bold-text {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a
}
.red {
color: #d43f3a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
line-height: 26px;
text-align: left;
padding-top: 0;
padding-bottom: 0;
float: left
}
.grid-cols-5 {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 24px;
grid-row-gap: 15px;
width: 100%
}
.grid-cols-3 {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
width: 100%
}
.table-responsive::-webkit-scrollbar {
width: 10px;
height: 7px;
border-radius: 50px
}
.table-responsive::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 50px
}
.table-responsive::-webkit-scrollbar-thumb {
background: #c7c7c7;
border-radius: 50px
}
.table-responsive::-webkit-scrollbar-thumb:hover {
background: #555
}
.rep-office-modal.modal-dialog-centered {
min-height: calc(100% - (1.75rem*2));
display: flex;
align-items: center
}
.rep-office-modal .modal-content {
padding: 0;
border: unset;
border-radius: 0;
width: 100%
}
.rep-office-modal .modal-header {
background-color: #015a9c;
border: unset;
padding: 20px 30px;
position: relative
}
.rep-office-modal .modal-header button.close {
padding: 0 !important;
color: #fff;
margin: 0;
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%);
font-size: 30px;
font-weight: 700;
line-height: 1;
text-shadow: 0 1px 0 #fff;
opacity: 1
}
.rep-office-modal .modal-title {
font: 30px "Helvetica-Condensed", sans-serif;
color: #fff;
text-transform: uppercase
}
.rep-office-modal .btn-custom {
border-radius: 8px;
font: 15px "Helvetica-Condensed", sans-serif;
display: inline-block;
line-height: 1em;
padding: .4em 2em;
font-weight: bold
}
.rep-office-modal .blue-btn, .rep-office-modal .blue-btn[disabled]:hover {
border: 2px solid #025c9e;
background-color: #fff;
color: #025c9e;
margin-bottom: 45px
}
.rep-office-modal .blue-btn:hover, .rep-office-modal .blue-btn:active, .rep-office-modal .blue-btn:focus {
background: #025c9e;
color: #fff !important;
text-decoration: none !important;
border-color: #025c9e
}
.rep-office-modal .orange-btn, .rep-office-modal .orange-btn[disabled]:hover {
border: 2px solid #d97a23;
background-color: #d97a23;
color: #fff;
margin-bottom: 45px
}
.rep-office-modal .orange-btn:hover, .rep-office-modal .orange-btn:active, .orange-btn:focus {
background: rgba(255, 255, 255, .9);
color: #d97a23;
text-decoration: none !important;
border-color: #d97a23
}
.rep-office-modal .btn-blue-link {
color: #025c9e;
font: 17px "Helvetica-Condensed-Bold", sans-serif;
padding: .4em 1.5em
}
.rep-office-modal .btn-blue-link:hover, .rep-office-modal .btn-blue-link:focus {
text-decoration: none !important;
outline: none !important
}
.rep-office-modal .btn-outline-orange {
border: 2px solid #d97a23;
background-color: #fff;
color: #d97a23
}
.rep-office-modal .btn-outline-orange:hover, .rep-office-modal .btn-outline-orange:active, .rep-office-modal .btn-outline-orange:focus {
background: #d97a23;
color: #fff;
text-decoration: none !important;
border-color: #d97a23
}
.rep-office-modal .description-normal-text {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
line-height: 26px;
text-align: center;
padding-top: 0;
padding-bottom: 15px
}
.rep-office-modal .modal-section-title {
display: inline-block;
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px;
line-height: 24px;
text-transform: uppercase;
margin-bottom: 14px
}
.rep-office-modal .personal-info-form, .rep-office-modal .thankMsg-review-content-wrap {
padding: 24px 0
}
.rep-office-modal .form-group {
padding-top: 4px;
padding-bottom: 10px !important;
position: relative;
margin-bottom: 6px !important
}
.rep-office-modal .form-group input {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 20px;
line-height: 26px;
text-align: left;
border-radius: 0;
background-color: #fff;
-moz-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, .62), 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 62%), 0 0 0 0 rgba(0, 0, 0, 62%);
box-shadow: inset 1px 1px 10px 0 rgba(0, 0, 0, 62%), 0 0 0 0 rgba(0, 0, 0, 62%);
padding: 11px 20px;
border: 1px solid #ccc !important;
margin-right: 1em;
margin-top: 5px;
height: 48px !important
}
.rep-office-modal [type="checkbox"].with-gap {
position: absolute;
left: -9999px;
visibility: hidden
}
.rep-office-modal input[type="checkbox"], .rep-office-modal input[type="checkbox"]:focus {
width: 18px !important;
height: 18px !important;
outline: 2px solid #999 !important;
margin-right: 10px !important;
margin: 4px 0 0
}
.rep-office-modal [type="checkbox"].with-gap + label, .rep-office-modal [type="checkbox"].with-gap ~ label {
color: #6e6c6c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 17px;
line-height: 22px;
position: relative;
padding-left: 25px;
cursor: pointer;
display: inline-block;
height: 22px;
padding-top: 0 !important;
text-align: left;
padding-bottom: 0
}
.rep-office-modal [type="checkbox"].with-gap:not(:checked) + label:before, .rep-office-modal [type="checkbox"].with-gap:not(:checked) ~ label:before {
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
left: 6px;
top: 10px
}
.rep-office-modal [type="checkbox"].with-gap + label:before, .rep-office-modal [type="checkbox"].with-gap ~ label:before {
-webkit-transform: rotateZ(37deg);
-ms-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
content: "";
position: absolute;
top: 0;
left: 0;
width: 17px;
height: 17px;
z-index: 0;
border: 1.5px solid #8a8a8a;
border-radius: 1px;
margin-top: 2px;
-webkit-transition: .2s;
transition: .2s
}
.rep-office-modal [type="checkbox"].with-gap + label:after, .rep-office-modal [type="checkbox"].with-gap + label:before, .rep-office-modal [type="checkbox"].with-gap ~ label:after, .rep-office-modal [type="checkbox"].with-gap ~ label:before {
content: "";
left: 0;
position: absolute;
-webkit-transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
z-index: 1;
border-style: solid;
border-width: 2px
}
.rep-office-modal [type="checkbox"].with-gap:not(:checked) + label:after, .rep-office-modal [type="checkbox"].with-gap:not(:checked) ~ label:after {
background-color: transparent;
border-color: #867e7e;
top: 4px;
z-index: 0;
margin: 0 4px
}
.rep-office-modal [type="checkbox"].with-gap + label:after, .rep-office-modal [type="checkbox"].with-gap ~ label:after {
border-radius: 2px;
height: 14px;
width: 14px
}
.rep-office-modal [type="checkbox"].with-gap:checked + label:before, .rep-office-modal [type="checkbox"].with-gap:checked ~ label:before {
top: 2px;
left: 4px;
width: 6px;
height: 10px;
border-color: transparent #fff #fff transparent;
border-style: solid;
border-width: 2px;
-ms-transform: rotate(40deg);
transform: rotate(40deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
.rep-office-modal [type="checkbox"].with-gap:checked + label:after, .rep-office-modal [type="checkbox"].with-gap:checked ~ label:after {
border-color: #025c9e;
background-color: #025c9e;
z-index: 0;
top: 4px;
margin: 0 4px
}
.rep-office-modal .form-group label {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
line-height: 26px;
text-align: left;
padding-bottom: 0
}
.rep-office-modal .form-group .dropdown-el {
background: url(https://atg-work.greenheck.com/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important;
background-color: #f2f2f2 !important;
background-position-x: 94% !important;
background-size: 20px !important;
border: 1px solid #ccc !important;
border-radius: 7px !important;
box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 62%);
color: #57585a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 20px !important;
height: 48px !important;
line-height: 26px !important;
margin-top: 5px;
-moz-appearance: none;
-moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
padding: 11px 30px 11px 15px !important;
position: relative !important;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
-webkit-appearance: none !important;
-webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, 62%);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
width: 100% !important
}
.rep-office-modal .field-validation-error {
float: right;
color: #d43f3a !important;
margin-bottom: 0 !important
}
.rep-office-modal .field-validation-error span {
padding-top: 8px;
margin-bottom: 5px
}
.rep-office-modal .modal-submit-btn, .rep-office-modal .modal-submit-btn:focus {
display: inline-block;
border-radius: 4px !important;
border: 2px solid #d97a23 !important;
background-color: #d97a23;
padding: 2px 35px 2px 35px !important;
color: #fff !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 18px !important;
font-weight: bolder !important;
float: left;
text-decoration: none !important;
cursor: pointer
}
.rep-office-modal .modal-submit-btn:hover {
background-color: #fff;
color: #d97a23 !important
}
.rep-office-modal .modal-close-btn {
display: inline-block;
border-radius: 4px !important;
border: 2px solid #025c9e !important;
border-radius: 8px;
background-color: #fff;
padding: 2px 35px 2px 35px !important;
color: #025c9e !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 18px !important;
font-weight: bolder !important;
float: left;
margin-left: 15px;
cursor: pointer
}
.rep-office-modal .modal-close-btn:hover {
background-color: #025c9e;
color: #fff !important;
text-decoration: none !important
}
.rep-office-modal .tab-item a {
width: 100%;
border: none !important;
border-radius: 0 !important;
background: #fff;
font: 20px "Helvetica-Condensed-Bold", sans-serif;
line-height: normal;
color: #57585a;
padding: 12px 30px !important;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 20%);
text-decoration: none !important;
outline: none;
text-align: left !important
}
.rep-office-modal .tab-item.active a {
background-color: #f6f6f6 !important;
color: #025c9e !important
}
.rep-office-modal .tab-item a:hover {
background-color: #fff !important;
color: #57585a !important;
cursor: default
}
.rep-office-modal .tab-item a::after, .rep-office-modal .tab-item.active a::after {
content: "";
position: absolute;
height: 3px;
left: 0;
right: 0;
margin: 0 auto;
bottom: -1px;
background-color: #025c9e
}
.rep-office-modal .tab-item.active a::after {
width: 100%
}
.rep-office-modal .tab-item a::after {
width: 0;
-webkit-transition: width .15s;
transition: width .15s
}
.rep-office-modal .tab-content-custom {
padding: 0 0 12px 0;
border: 1px solid #ddd
}
.rep-office-modal .office-table {
font: 20px "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
border-top: 1px solid #ddd
}
.rep-office-modal .office-table thead > tr > th:nth-child(1) {
min-width: 380px
}
.rep-office-modal .office-table thead > tr > th:nth-child(2) {
min-width: 500px
}
.rep-office-modal .office-table thead > tr > th:nth-last-child() {
min-width: 200px
}
.rep-office-modal .table > tbody > tr > td, .rep-office-modal .table > tbody > tr > th, .rep-office-modal .table > tfoot > tr > td, .rep-office-modal .table > tfoot > tr > th, .rep-office-modal .table > thead > tr > td, .rep-office-modal .table > thead > tr > th {
border-bottom: 1px solid #ddd;
border-top: none
}
.rep-office-modal .table > tbody > tr > td, .rep-office-modal .table > tbody > tr > th, .rep-office-modal .table > tfoot > tr > td, .rep-office-modal .table > tfoot > tr > th, .rep-office-modal .table > thead > tr > td, .rep-office-modal .table > thead > tr > th {
padding: 15px 30px
}
.rep-office-modal .table-content label {
margin: 0
}
.rep-office-modal .radio-button-wrap .form-check, .rep-office-modal .table-content {
font-size: 16px
}
.rep-office-modal .radio-button-wrap .form-check .form-check-input {
margin: 0 6px 0 0
}
.rep-office-modal .radio-button-wrap.table-content input[type="radio"], .rep-office-modal .radio-button-wrap.table-content input[type="radio"]:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: none !important
}
.rep-office-modal .tab-footer {
padding: 24px;
display: flex;
justify-content: flex-end;
gap: 12px
}
.rep-office-modal .tab-footer .btn-custom {
border-radius: 5px;
padding: 7px 40px;
font-size: 16px;
letter-spacing: 1px;
margin-bottom: 0;
margin-left: 30px
}
.rep-office-modal .tab-footer .btn-custom[disabled]:hover, .rep-office-modal .tab-footer .btn-custom[disabled] {
padding: 7px 40px;
border-radius: 5px;
background: #c7c7c7;
border-color: #c7c7c7;
color: #fff;
cursor: not-allowed
}
.rep-office-modal .select-roles-content-wrap, .rep-office-modal .selected-office-card {
background: #f6f6f6;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between
}
.card-button-footer-container {
display: flex;
gap: 12px;
justify-content: flex-end
}
.btn-tertiary {
background: #f6f6f6 !important;
border: 2px solid #57585a !important;
color: #57585a !important;
border-radius: 8px !important;
font: 15px "Helvetica-Condensed-Bold", sans-serif !important;
padding: 6px 18px !important;
margin-top: 10px
}
.btn-tertiary:hover {
background: #57585a !important;
color: #f6f6f6 !important
}
.rep-office-modal .required-title {
font: 22px "Helvetica-Condensed-Bold", sans-serif;
color: #57585a
}
.rep-office-modal .seleted-office-name {
font: 18px "Helvetica-Condensed-Bold", sans-serif;
color: #57585a
}
.rep-office-modal .acoount-function-info {
font: 18px "Helvetica-Condensed", sans-serif;
color: #57585a
}
.rep-office-modal .rep-office-roles-action {
margin-top: 10px
}
.rep-office-modal .rep-office-roles-action .form-group {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important
}
.rep-office-modal .selected-offices-content-wrap {
padding: 0 0 24px 0;
margin: 0
}
.rep-office-modal .default-mailing-dropdown-content-wrap {
padding: 0 0 24px 0;
margin: 0
}
.rep-office-modal .thanksMsg-container {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 1rem
}
.rep-office-modal .thanksMsg-container i {
font-size: 50px;
line-height: normal;
color: #2fb066;
padding-right: 20px
}
.rep-office-modal .thanks-success-text {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 22px;
margin: 0;
line-height: 1.5;
color: #2fb066;
text-transform: uppercase
}
.rep-office-modal .btn-show-all {
float: right;
padding-right: 0;
margin-top: 7px
}
.rep-office-modal .review-footer {
background: #f1f5f7;
padding: 30px 60px
}
.rep-office-modal .review-footer .orange-btn {
font-size: 17px
}
.rep-office-modal .office-name {
margin-bottom: 3px
}
.rep-office-modal .office-name, .rep-office-modal .office-roles {
line-height: 1.5
}
.rep-office-modal .selected-office-card .btn-outline-orange {
margin-top: 10px
}
.rep-office-modal .form-submission-msg {
padding: 24px
}
.rep-office-modal .form-submission-msg .thanksMsg-container {
width: 100%;
padding-left: 30px
}
.rep-office-modal .submission-msg-content {
font-size: 24px;
padding: 0 !important
}
.rep-office-modal .submission-msg-content .thanks-success-text {
line-height: 1.4
}
.rep-office-modal .form-submission-msg .thanksMsg-container i {
padding-right: 10px;
font-size: 70px
}
.rep-office-modal .edit-personal-info-form {
background: #f6f6f6;
padding: 30px 60px 30px 30px
}
.rep-office-modal .personal-info-email {
color: #025c9e;
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.rep-office-modal .personal-info-email:hover {
text-decoration: none !important;
color: #025c9e
}
.flex-wrap {
display: flex;
float: none;
flex-direction: row;
gap: 15px
}
.flex {
display: flex
}
.justify-end {
justify-content: flex-end
}
.search-input-wrap {
position: relative;
width: calc(100% - 150px)
}
.btn-clr-search {
padding: 6px 12px !important;
width: 100%;
height: 42px
}
.modal-close-btn.btn-clr-search:hover {
padding: 6px 12px !important;
width: 100%;
height: 42px
}
.input-search-icon.active .fa-search {
display: none
}
.input-search-icon .fa-search {
display: inline-block
}
.input-search-icon.active .spinner {
opacity: 1;
position: relative;
right: 20px
}
.input-search-icon .spinner {
opacity: 0
}
.search-container .input-group-addon .fa.fa-refresh {
padding: 0 !important
}
.newaccordion[aria-expanded="false"] i.fa-plus, .newaccordion[aria-expanded="true"] i.fa-minus {
display: inline-block
}
.newaccordion[aria-expanded="false"] i.fa-minus, .newaccordion[aria-expanded="true"] i.fa-plus {
display: none
}
.f-20 {
font-size: 20px
}
.asterisk-text {
font-size: 16px !important;
color: rgba(255, 255, 255, .8) !important
}
.nomargin {
margin: 0
}
.nopadding {
padding: 0
}
hr {
margin-top: 0
}
.jumbotron {
background: transparent
}
.jumbotron .hero-image {
height: 450px;
object-fit: cover
}
.jumbotron img {
width: 100%
}
.hero-product-thumbnail-container {
position: relative;
bottom: 4vw
}
@media screen and (min-width: 1590px) {
.hero-product-thumbnail-container {
bottom: 50px
}
}
.hero-product-thumbnail-container > div {
display: flex;
justify-content: space-between
}
.hero-product-thumbnail {
padding: 0 20px
}
.welcome h1 {
font-size: 3.5em;
margin-bottom: 25px
}
.welcome p {
color: #8a8d90;
font-size: 21px;
line-height: 34px
}
.checkmark-list {
padding-top: 20px
}
.checkmark-list p {
line-height: initial;
padding-left: 30px;
position: relative
}
.checkmark-list i {
color: #075697;
margin-right: 10px;
position: absolute;
left: 0
}
.C2A-intro {
padding: 20px 0
}
.C2A-intro p {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #333
}
.btn {
-webkit-border-radius: 8;
-moz-border-radius: 8;
border-radius: 8px;
color: #fff;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 20px;
background: #d97a23;
padding: 14px 40px 14px 40px;
text-decoration: none
}
.btn:hover {
background: #f2923f;
text-decoration: none;
color: #fff
}
.C2A-button {
padding-bottom: 40px
}
.explainer-section {
background-color: #e5e9eb;
padding-top: 50px;
padding-bottom: 80px
}
.explainer-card {
background-color: #fff;
border-radius: 16px;
padding: 50px
}
.explainer-card img {
height: 150px;
width: 100%;
object-fit: contain
}
.explainer-card h4 {
padding-top: 16px
}
.explainer-card p {
color: #8a8d90
}
.explainer-arrow {
margin: auto;
display: flex;
justify-content: center
}
.explainer-arrow i {
color: #4e88a4;
font-size: 28px
}
.process-explained {
padding: 60px 0 80px 0;
display: flex;
align-items: stretch
}
.explainer-c2a p {
font-size: 2em;
font-family: "Helvetica-Condensed", sans-serif !important
}
.explainer-c2a p a {
text-decoration: underline;
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #333
}
.col-lg-half {
width: 4.166666665%
}
.col-lg-half {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px
}
@media(min-width: 1200px) {
.col-lg-half {
float: left
}
}
.product-section-container {
min-height: 1000px;
background-color: #fff;
padding-top: 60px;
padding-bottom: 60px
}
.support-message > div {
background-color: #075697;
border-radius: 10px;
padding: 30px 0;
height: 200px
}
.support-message img {
height: 150px
}
.support-message-icon {
display: flex;
justify-content: flex-end;
height: 100%;
align-items: center
}
.support-message-text {
display: flex;
height: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start
}
.support-message-text p {
color: #fff;
font-size: 21px
}
.support-message-text p:first-of-type {
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.support-message-text p:last-of-type {
margin: 0
}
.products-section-intro {
padding: 60px 0 40px 0
}
.product-individual {
margin: 20px 0
}
.product-individual-image {
min-height: 220px;
display: flex;
justify-content: center;
align-items: flex-end
}
.product-individual-image img {
padding-bottom: 20px;
width: 50%
}
.product-individual-mark {
max-height: 50px;
position: relative;
display: inline-block
}
.product-individual-mark img {
width: 75%;
padding-bottom: 6px
}
.product-individual-desc {
width: 75%;
margin: auto;
min-height: 100px
}
.product-individual-desc p {
font-size: 21px;
font-family: "Helvetica-Condensed", sans-serif !important
}
.product-individual-downloadbro {
color: #d97a23
}
.product-individual-downloadbro a {
color: #d97a23;
font-size: 21px;
font-family: "Helvetica-Condensed-Bold", sans-serif;
cursor: pointer
}
.product-individual-downloadbro i {
padding-right: 10px
}
.footer-section-container {
padding: 80px;
background-image: url("https://ghsitefinitytesting.blob.core.windows.net/atg-cms-work/images/default-source/eeba-partnership-program/gh_landingpage_eeba_bottomc2abckgrnd.jpg?sfvrsn=68b55aff_2");
background-size: cover;
background-repeat: no-repeat;
height: 600px;
background-position: 50% 50%
}
.footer-section-container .C2A-button {
padding-bottom: 20px
}
.footer-section-container p {
color: #fff
}
.footer-section-container .footer-intro {
color: #fff;
font-size: 30px;
padding-bottom: 30px
}
@media(max-width: 992px) {
.welcome, .explainer-header {
padding: 0 60px
}
.process-explained {
display: block;
align-items: initial;
padding-bottom: 40px
}
.explainer-card {
margin-bottom: 50px
}
.support-message {
padding: 0 50px
}
.product-individual {
border-bottom: 1px solid #d3d3d3;
padding-bottom: 60px
}
.product-individual.last-product {
margin-bottom: 0
}
.product-section-container {
padding-bottom: 0
}
.product-individual-image img {
max-width: 350px;
max-height: 350px
}
.support-message img {
height: 100px
}
}
@media(max-width: 767px) {
.jumbotron .hero-image {
height: 300px;
object-fit: cover
}
.support-message > div {
height: 400px
}
}
@media screen and (max-width: 500px) {
.hero-product-thumbnail {
padding: 0 5px
}
.hero-product-thumbnail img {
width: 100%;
padding: 0 !important
}
.hero-product-thumbnail-container {
position: relative;
bottom: 0;
margin-top: 30px;
margin-bottom: 30px
}
.jumbotron .hero-image {
height: auto;
object-fit: cover
}
.welcome h1 {
font-size: 36px;
margin-bottom: 25px
}
.welcome, .explainer-header {
padding: 0 20px
}
.explainer-section {
background-color: #e5e9eb;
padding-top: 30px;
padding-bottom: 30px
}
.explainer-card {
margin-bottom: 20px;
padding: 20px
}
.process-explained {
padding-top: 20px;
padding-bottom: 10px
}
.product-section-container {
min-height: auto;
background-color: #fff;
padding-top: 30px;
padding-bottom: 30px
}
.support-message {
padding: 0 20px
}
.support-message > div {
height: auto;
display: flex;
flex-direction: column;
align-items: center
}
.support-message-icon {
display: flex;
justify-content: center;
height: 100%;
align-items: center;
padding: 0;
width: 100%;
margin-bottom: 20px
}
.support-message-text {
width: 100%;
text-align: center
}
.support-message-text p:first-of-type {
font-family: "Helvetica-Condensed-Bold", sans-serif !important
}
.support-message-text p:last-of-type {
font-size: 20px
}
.product-individual-desc {
width: 100%;
margin: auto;
min-height: 100px
}
.support-message img {
height: 80px;
width: auto
}
.products-section-intro {
padding: 30px 0 10px 0
}
.footer-section-container p {
font-size: 18px
}
.footer-section-container .footer-intro {
font-size: 24px;
padding-bottom: 20px;
padding-top: 30px
}
.product-individual {
border-bottom: 1px solid #d3d3d3;
padding: 0 15px 20px;
margin: 20px 0
}
.product-individual-image {
min-height: auto
}
.product-individual-image img {
max-width: 100%;
max-height: 100%
}
.footer-section-container {
padding: 20px;
height: auto
}
.explainer-c2a.text-center {
margin: auto;
width: 100%;
padding: 0 !important
}
}
.flex {
display: flex
}
.flex-wrap {
flex-wrap: wrap
}
.flex-1 {
flex: 1
}
.product-individual {
flex-direction: column
}
.space-evenly {
justify-content: space-evenly
}
.justify-center {
justify-content: center
}
.gap-0 {
gap: 0 !important
}
.accordian-tab-title h3.section-title {
width: 100%
}
.sitefinity-form-submit-btn button {
display: flex !important;
margin-left: auto
}
.modal-footer-buttons {
display: flex !important;
width: 100% !important;
padding: 0 15px 20px 0 !important;
justify-content: flex-end !important
}
.ng-isolate-scope .nav:before, .ng-isolate-scope .nav:after {
display: block !important
}
.ng-isolate-scope .nav-link {
font-size: 13px !important
}
.ng-scope.form-group input, .ng-scope.form-group textarea, .ng-scope.form-group input[type="radio"], .ng-scope.form-group input[type="radio"]:focus {
height: auto !important
}
.pad-lr-15, .pad-lr-15:hover {
padding-left: 15px !important;
padding-right: 15px !important
}
.modal-body {
padding: 24px !important
}
.p-0 {
padding: 0
}
.p-0-i {
padding: 0 !important
}
.m-0 {
margin: 0
}
.m-0-i {
margin: 0 !important
}
.pad-l-0 {
padding-left: 0
}
.pad-l-20 {
padding-left: 20px
}
.pad-l-50 {
padding-left: 50px
}
.pad-l-0-i {
padding-left: 0 !important
}
.gs-dashboard .gs-header .gs-action-group-view {
display: inline;
font-family: "Helvetica-Condensed", sans-serif
}
.sf_colsOut.sf_1col_1_100 {
width: 100%
}
.section-description i {
width: 18px
}
.flex-row {
flex-direction: row !important
}
.flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.items-start {
align-items: flex-start
}
.items-end {
align-items: flex-end
}
.items-center {
align-items: center
}
.w-full {
width: 100%
}
.h-full {
height: 100%;
}
.card-simple .card-link {
position: relative;
left: 0;
top: auto;
bottom: auto;
margin: 0 !important;
min-height: auto !important
}
.sf-backend-wrp .radio input[type="radio"] {
outline: none !important;
margin: 0 !important
}
.js-fullScreen.sf-maximize {
position: absolute;
top: 0;
right: 0
}
::-webkit-input-placeholder {
font-size: .9375rem !important;
font-family: "HelveticaCE", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}
.form-element-container.fei-input-field input {
margin-top: 10px !important;
}
.fei-input-field .modal-checkbox label {
margin-top: 8px !important
}
.form-element-container.stay-informed button {
margin-top: 8px !important;
}
.fei-input-field.modal-checkbox label {
margin-top: 10px !important
}
.text-2-75 {
font-size: 0.71875rem !important
}
.text-3-5 {
font-size: .875rem !important
}
.text-3-75 {
font-size: .9375rem !important
}
.text-4 {
font-size: 1rem !important
}
.text-4-5 {
font-size: 1.125rem !important
}
.text-5-5 {
font-size: 1.375rem !important
}
.text-5-75 {
font-size: 1.4375rem !important
}
.text-6 {
font-size: 1.5rem !important
}
.text-9 {
font-size: 2.25rem !important
}
.text-12 {
font-size: 3rem !important
}
.leading-6 {
line-height: 1.5rem !important
}
.font-bold {
font-weight: 700 !important
}
.font-medium {
font-weight: 500 !important
}
.text-charcoal-gray {
color: #57585a !important
}
.text-light-gray {
color: #999 !important
}
.text-gh-blue {
color: #075697 !important
}
.text-white {
color: #fff !important
}
.text-gh-orange {
color: #d97a24 !important
}
.no-underline {
text-decoration-line: none !important
}
.font-hc {
font-family: "Helvetica-Condensed", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}
.font-hcb {
font-family: "Helvetica-Condensed-Bold", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}
.font-hce {
font-family: "HelveticaCE", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}
.uppercase {
text-transform: uppercase !important
}
.text-center {
text-align: center !important
}
.bg-none {
background-color: transparent !important
}
.bg-gh-orange {
background-color: #d97a24 !important
}
.bg-black-half {
background: rgba(0, 0, 0, .5) !important
}
.bg-cloud-full {
background-image: url(https://ghsitefinitytesting.blob.core.windows.net/atg-cms-work/images/default-source/landing-pages/fei-page/cloud-background_2x.jpg) !important;
background-size: cover !important;
background-repeat: no-repeat !important;
background-position: center !important
}
.bg-white {
background-color: #fff !important
}
.bg-gh-blue {
background-color: #075697 !important
}
.bg-soft-silver {
background-color: #f6f6f6 !important
}
.pl-5 {
padding-left: 1.25rem !important
}
.pb-1-5 {
padding-bottom: .375rem !important
}
.pb-2-5 {
padding-bottom: .625rem !important
}
.py-2 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.py-2-25 {
padding-top: .5625rem !important;
padding-bottom: .5625rem !important
}
.py-4-5 {
padding-top: 1.125rem !important;
padding-bottom: 1.125rem !important
}
.py-5 {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important
}
.py-17-5 {
padding-top: 4.375rem !important;
padding-bottom: 4.375rem !important
}
.px-4 {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.px-4-5 {
padding-left: 1.125rem !important;
padding-right: 1.125rem !important
}
.px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.px-6 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important
}
.px-7-5 {
padding-left: 1.875rem !important;
padding-right: 1.875rem !important
}
.p-2-5 {
padding: .625rem !important
}
.p-5 {
padding: 1.25rem !important
}
.p-6 {
padding: 1.5rem !important
}
.mt-1-25 {
margin-top: .3125rem !important
}
.mt-2-5 {
margin-top: .625rem !important
}
.mt-4 {
margin-top: 1rem !important
}
.mt-4-5 {
margin-top: 1.125rem !important
}
.mt-5 {
margin-top: 1.25rem !important
}
.mt-7-5 {
margin-top: 1.875rem !important
}
.mt-10 {
margin-top: 2.5rem !important
}
.mt-m-1-25 {
margin-top: -.3125rem !important
}
.mr-1 {
margin-right: .25rem !important
}
.mb-1-25 {
margin-top: .3125rem !important
}
.mb-1-5 {
margin-bottom: .375rem !important
}
.mb-5 {
margin-bottom: 1.25rem !important
}
.mb-10 {
margin-bottom: 2.5rem !important
}
.mb-2-25 {
margin-bottom: .5625rem !important
}
.mb-5 {
margin-bottom: 1.25rem !important
}
.m-auto {
margin: auto !important
}
.mx-auto {
margin-left: auto !important;
margin-right: auto !important
}
.m-0 {
margin: 0 !important
}
.rounded {
border-radius: .25rem !important
}
.block {
display: block !important
}
.hidden {
display: none !important
}
.flex {
display: flex !important
}
.flex-row {
flex-direction: row !important
}
.flex-col {
flex-direction: column !important
}
.flex-1 {
flex-grow: 1 !important;
flex-shrink: 1 !important;
flex-basis: 0% !important
}
.flex-2 {
flex-grow: 2 !important;
flex-shrink: 1 !important;
flex-basis: 0% !important
}
.grow {
flex-grow: 1 !important
}
.shrink {
flex-shrink: 1 !important
}
.basis-0 {
flex-basis: 0 !important
}
.items-start {
align-items: flex-start !important
}
.items-center {
align-items: center !important
}
.justify-center {
justify-content: center !important
}
.justify-between {
justify-content: space-between !important
}
.w-full {
width: 100% !important
}
.w-3-25 {
width: .8125rem !important
}
.w-14 {
width: 3.5rem !important
}
.w-37-5 {
width: 9.375rem !important
}
.w-87 {
width: 21.75rem !important
}
.max-w-full {
max-width: 100% !important
}
.max-w-7-5 {
max-width: 1.875rem !important
}
.max-w-31-5 {
max-width: 7.875rem !important
}
.max-w-51 {
max-width: 12.75rem !important
}
.max-w-52 {
max-width: 13rem !important
}
.max-w-64 {
max-width: 16rem !important
}
.max-w-87 {
max-width: 21.75rem !important
}
.max-w-98-75 {
max-width: 24.6875rem !important
}
.max-w-108-75 {
max-width: 27.1875rem !important
}
.max-w-109 {
max-width: 27.25rem !important
}
.max-w-131-75 {
max-width: 32.9375rem !important
}
.max-w-133-25 {
max-width: 33.25rem !important
}
.max-w-151-75 {
max-width: 37.9375rem !important
}
.max-w-205 {
max-width: 51.25rem !important
}
.max-w-262 {
max-width: 65rem !important
}
.max-w-328 {
max-width: 82rem !important
}
.h-full {
height: 100% !important
}
.h-14 {
height: 3.5rem !important
}
.h-17-5 {
height: 4.375rem !important
}
.h-56-25 {
height: 14.0625rem !important
}
.h-93-75 {
height: 23.4375rem !important
}
.max-h-93-75 {
max-height: 23.4375rem !important
}
.gap-1-5 {
gap: .375rem !important
}
.gap-2 {
gap: .5rem !important
}
.gap-3 {
gap: .75rem !important
}
.gap-4 {
gap: 1rem !important
}
.gap-5 {
gap: 1.25rem !important
}
.gap-6 {
gap: 1.5rem !important
}
.gap-7-5 {
gap: 1.875rem !important
}
.gap-9 {
gap: 2.25rem !important
}
.box-shadow {
box-shadow: 0 0 10px rgba(208, 231, 242, 1) !important
}
.card-shadow {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1) !important
}
.card-shadow:hover {
box-shadow: 0 0 10px 0 rgba(115, 162, 195, .7) !important
}
.border-solid {
border-style: solid !important
}
.border-gh-blue {
border-color: #075697 !important
}
.border-charcoal-gray {
border-color: #57585a !important
}
.border-0 {
border-width: 0 !important
}
.border-1 {
border-width: 1px !important
}
.border-b-1 {
border-bottom-width: 1px !important
}
.object-cover {
object-fit: cover !important
}
.child-b b {
font-family: "Helvetica-Condensed-Bold", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
font-weight: 700 !important
}
.show-more-btn:hover {
color: #075697 !important
}
.btn-fei, .form-element-container button {
background-color: #d97a24 !important;
border: 1px solid #d97a24 !important;
color: #fff !important;
width: auto !important;
display: inline-block !important;
padding: .5rem 2rem !important;
font-size: 1rem !important;
border-radius: 8px !important;
font-weight: bold !important;
font-family: "Helvetica-Condensed-Bold", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
transition: all .5s ease !important
}
.btn-fei:hover, .form-element-container button:hover {
background-color: #fff !important;
border: 1px solid #d97a24 !important;
color: #d97a24 !important;
cursor: pointer !important
}
.cursor-pointer {
cursor: pointer !important
}
.absolute {
position: absolute !important
}
.relative {
position: relative !important
}
.z-9999 {
z-index: 9999 !important
}
.top-0 {
top: 0 !important
}
.right-0 {
right: 0 !important
}
.bottom-5 {
bottom: 1.25rem !important
}
.bottom-7-5 {
bottom: 1.875rem !important
}
.left-0 {
left: 0 !important
}
.btn-fei img {
filter: none !important;
transition: filter .3s ease !important
}
.btn-fei:hover img {
filter: brightness(0) saturate(100%) invert(53%) sepia(85%) saturate(873%) hue-rotate(347deg) brightness(90%) contrast(88%) !important
}
.accordion-container {
margin-top: 20px !important
}
.accordion-question, .sub-accordion-question {
background-color: #f1f1f1 !important;
padding: 10px !important;
cursor: pointer !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important
}
.sub-accordion-item {
margin-left: 20px !important
}
.toggle-icon {
font-size: 18px !important;
height: 14px !important;
line-height: 8px !important
}
.carousel-container {
max-width: 100% !important;
overflow: hidden !important;
position: relative !important
}
.carousel {
display: flex !important;
transition: transform .5s ease !important
}
.carousel-item {
flex: 0 0 25%;
overflow: hidden !important;
padding: 10px !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
transition: transform .3s ease !important
}
.carousel-item a {
text-decoration: none !important;
color: inherit !important
}
.carousel-item img {
width: 100% !important;
height: 225px !important;
object-fit: cover !important;
cursor: pointer !important
}
.carousel-item-footer {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
font-size: 12px !important;
color: #999 !important
}
.carousel-item-footer .categories span {
cursor: pointer !important;
color: #0073e6 !important;
margin-right: 5px !important
}
.carousel-item-footer .categories span:hover {
text-decoration: underline !important
}
.carousel-item-footer .date {
color: #666 !important
}
.carousel-nav {
text-align: center !important;
margin-top: 20px !important
}
.carousel-nav button:hover {
color: #d97a24 !important
}
.carousel-nav button {
background: none !important;
border: none !important;
font-size: 24px !important;
cursor: pointer !important;
padding: 0 10px !important
}
.social-share {
position: relative !important;
cursor: pointer !important
}
.popover {
border: 1px solid rgba(0, 0, 0, .2) !important
}
.popover a {
display: block !important;
margin-bottom: 5px !important;
text-decoration: none !important;
color: #0073e6 !important;
font-size: 14px !important
}
.popover a:hover {
text-decoration: underline !important;
color: #d97a24 !important
}
.fa-share-alt:hover {
text-decoration: none !important;
color: #d97a24 !important
}
.btn-fei, .form-element-container button {
background-color: #d97a24 !important;
border: 1px solid #d97a24 !important;
color: #fff !important;
width: auto !important;
display: inline-block !important;
padding: .5rem 2rem !important;
font-size: 1rem !important;
border-radius: 8px !important;
font-weight: bold !important;
font-family: "Helvetica-Condensed-Bold", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
transition: all .5s ease !important
}
.form-element-container button {
margin-top: 30px !important;
margin-bottom: 30px !important
}
.btn-fei:hover, .form-element-container button:hover {
background-color: #fff !important;
border: 1px solid #d97a24 !important;
color: #d97a24 !important;
cursor: pointer !important
}
/* Disabled button styling */
.btn-fei:disabled, .form-element-container button:disabled {
background-color: #c5c5c5 !important;
border: 1px solid #c5c5c5 !important;
color: #888 !important;
cursor: not-allowed !important;
opacity: 0.6 !important;
}
/* Prevent hover and focus effects on disabled button */
.btn-fei:disabled:hover,
.btn-fei:disabled:focus,
.form-element-container button:disabled:hover,
.form-element-container button:disabled:focus {
background-color: #c5c5c5 !important;
border: 1px solid #c5c5c5 !important;
color: #888 !important;
box-shadow: none !important;
cursor: not-allowed !important;
}
.form-element-container div {
padding: 0 !important;
border: 0 !important;
width: 100% !important
}
.form-element-container label {
display: none !important
}
.form-element-container input {
width: 100% !important
}
.form-element-container {
gap: 20px
}
.form-element-container:before, .form-element-container:after {
display: none
}
.form-element-container input {
border-width: 1px !important;
border-color: #57585a !important;
border-style: solid !important;
max-width: 100% !important;
border-radius: .25rem !important;
background-color: transparent !important;
font-family: "HelveticaCE", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
font-weight: 500 !important;
font-size: .9375rem !important;
box-shadow: none !important;
padding: .5rem 1rem !important;
height: auto !important;
margin: 16px 0 0 0 !important
}
.form-element-container input:focus, .form-element-container input:focus-visible {
outline: 1px solid #57585a
}
p[data-sf-role="error-message"] {
color: #d43f3a;
font-size: 12px;
position: absolute;
bottom: inherit !important
}
.modal-checkbox strong {
display: none
}
.modal-checkbox label {
font-family: 'Helvetica-Condensed' !important;
font-weight: normal !important;
font-size: 12px !important;
font-style: italic !important;
display: flex !important;
align-items: center !important;
margin-top: 30px !important
}
.modal-checkbox input[type="checkbox"] {
height: 20px !important;
width: 20px !important;
box-shadow: none !important;
outline: none !important;
border: 1px solid #979797 !important;
margin-bottom: 4px !important;
margin-top: 0 !important
}
div.form-element-container[data-sf-role="field-captcha-container"] {
margin-top: 0 !important
}
div.form-element-container[data-sf-role="field-captcha-container"] input {
width: 200px !important
}
.sitefinityFormModal {
border-radius: 5px !important
}
.close:hover {
color: #000 !important
}
.box-border {
box-sizing: border-box !important;
}
.box-content {
box-sizing: content-box !important;
}
@media all and (max-width: 1286px)and (min-width:992px) {
.content-body-block > .sf_colsIn:nth-child(2) {
background: transparent !important
}
}
@media all and (min-width: 1286px) {
.content-body-block > .sf_colsIn:nth-child(2) {
background: transparent !important
}
.content-body-block > .sf_colsIn:nth-child(2) .section-titles-block {
background: transparent !important
}
}
@media all and (max-width: 768px) {
.sf_cols {
gap: 30px;
flex-direction: column
}
.sf_2cols_1_33 {
width: 100%
}
.sf_2cols_2_67 {
width: 100%
}
.home-product-section-bg {
padding-top: 0 !important;
margin-top: -40px !important
}
.sm-section-spacer-30 {
display: block;
height: 30px
}
.video-container {
margin-bottom: 20px
}
.center-card-wrap {
padding-top: 6px !important;
padding-bottom: 25px
}
.cta-orange-btn {
margin-top: 0 !important
}
.center-card-contents p {
font-size: 16px
}
.home-wave-img {
width: 100%;
margin-top: -100px !important
}
.hero-wrapper .hero-container {
top: 0 !important;
width: 100%
}
.hero-wrapper .hero-title {
font-size: 32px !important;
margin-bottom: 0 !important
}
.hero-wrapper .hero-sub-title {
font-size: 16px !important;
max-width: 420px;
margin-top: 0 !important;
margin-bottom: 10px !important
}
.transparent-btn, .orange-btn-2 {
height: 30px;
font-size: 12px !important
}
}
@media all and (max-width: 320px) {
.home-product-section-bg {
padding-top: 0 !important;
margin-top: -34px !important
}
.home-wave-img {
width: 100%;
margin-top: -110px !important
}
.cta-blue-btn {
margin: 7px 10px 7px 10px !important
}
}
@media all and (max-width: 678px) {
.p-relative {
position: relative
}
.p-absolute {
position: absolute
}
}
@media all and (max-width: 425px) {
.hide-small-425 {
display: none
}
.show-small-425 {
display: block
}
.data-table-dropdown-el {
max-width: 185px !important
}
.home-product-section-bg {
padding-top: 0 !important;
margin-top: -116px !important
}
.home-wave-img {
width: 100%;
margin-top: 35px !important
}
.top .dataTables_paginate, .bottom .dataTables_paginate {
justify-content: space-between;
display: flex;
float: none !important;
width: 100% !important
}
}
@media all and (max-width: 767px) {
.hero-fs-18 .hero-container-section .hero-sub-title, .sm-fs-18, .section-description.sm-fs-18 p, .card-sm-fs-18 .center-card-description, .card-sm-fs-18 .center-card-contents p, .video-sm-fs-18 .video-summary .center-card-description, .video-sm-fs-18 .video-summary, .video-container .video-summary .center-card-description, .video-container .video-summary {
font-size: 18px !important
}
.card-sm-fs-21, .card-sm-fs-21 p {
font-size: 21px !important;
font-family: "Helvetica-Condensed"
}
.video-container {
width: 100%
}
.modal-dialog, #CreateContactModal .modal-dialog {
width: calc(100% - 18px) !important
}
.sli {
width: 40% !important
}
.request-quote-tab-content-container .tab-pane .form-container #results .inline-display-flex {
display: block;
margin-left: 0
}
#requestQuoteModal .modal-dialog {
width: 95% !important
}
.rqModal-dialog {
display: inherit
}
.request-quote-tab-content-container .tab-pane .form-container #results .inline-display-flex .col-sm-3.col-md-3 {
padding-left: 0
}
#txtMainFilter, #selSalesPerson {
margin-top: 0 !important;
margin-right: 4px !important;
width: 184px !important
}
.workflow-card .center-card-contents p.center-card-description {
font-size: 22px;
color: #25282d
}
.section-title-with-more-bottom-space.below-instruction-sub-header {
font-size: 26px !important;
line-height: 30px !important;
color: #25282d !important;
background: #f6f6f8;
margin-left: -15px;
margin-right: -15px;
padding: 40px 15px
}
.cta-button-container {
padding: 40px 0;
margin-top: 20px
}
.cta-button-wrap .cta-blue-btn {
margin-bottom: 20px !important
}
#selFilterBy, #txtMainFilter, #selSalesPerson {
margin-top: 0 !important;
margin-right: 4px !important;
width: 184px !important
}
#selFilterBy {
margin-top: 5px !important;
margin-right: 4px !important;
width: 100px !important
}
.dataTables_wrapper .search-filter label, .dataTables_filter label, .dataTables_length label, .dataTables_wrapper .groupbottommargin, .dataTable-date-filter {
margin-top: 0 !important
}
#discount-request_wrapper .top .dt-search-icon-container {
padding: 6px 0 0 0 !important;
right: 0 !important;
left: auto !important
}
.form-group {
padding-bottom: 0 !important;
margin-bottom: 15px !important
}
input::-webkit-input-placeholder {
line-height: 16px !important;
height: 16px !important
}
input:-moz-placeholder {
line-height: 16px !important;
height: 16px !important
}
input::-moz-placeholder {
line-height: 16px !important;
height: 16px !important
}
input:-ms-input-placeholder {
line-height: 16px !important;
height: 16px !important
}
input::-ms-input-placeholder {
line-height: 16px !important;
height: 16px !important
}
.mobile-menu #navbar .modal-dialog {
width: 100% !important;
padding: 0 15px !important
}
.m-container-table {
overflow: auto;
min-height: 100px;
top: 14px
}
.gh-sm-dt-18 {
padding-left: 0 !important;
margin-top: 20px
}
table.child-table .child-header-style > th:first-child, table.child-table .child-row-style > td:first-child {
padding: 8px 16px 8px 8px !important;
line-height: 1.4em !important;
vertical-align: top;
font-size: 15px !important
}
table.dataTable.gh-my-orders.row-border tbody th, table.dataTable.gh-my-orders.row-border tbody td, table.dataTable.gh-my-orders.display tbody th, table.dataTable.gh-my-orders.display tbody td, .modal-tbl.table-striped > thead > tr > th, .modal-tbl.table-striped > thead > tr > td {
padding: 8px 16px 8px 8px !important;
line-height: 1.4em !important;
vertical-align: top;
font-size: 15px !important
}
.modal-content .description-normal-text h2 {
font-size: 20px !important;
line-height: 1.2em !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
color: #57585a !important;
font-family: "Helvetica-Condensed", sans-serif !important;
text-align: left !important
}
.modal-content .description-normal-text h3 {
font-size: 16px !important;
line-height: 1.2em !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
font-family: "Helvetica-Condensed", sans-serif !important;
text-align: left !important
}
.modal-content .description-normal-text p {
font-size: 14px !important;
line-height: 1.2em !important;
margin-top: 5px !important;
margin-bottom: 5px !important;
font-family: "Helvetica-Condensed", sans-serif !important;
text-align: left !important
}
.modal-dialog.modal-lg-atg {
width: calc(100% - 30px) !important;
margin: 15px auto 0 auto !important
}
.modal-open .modal {
padding-right: 0 !important;
padding-left: 0 !important
}
[type="radio"].with-gap + label, [type="checkbox"].with-gap + label [type="radio"].with-gap ~ label, [type="checkbox"].with-gap ~ label {
line-height: 25px !important
}
.modal-dialog.modal-md {
width: calc(100% - 16px) !important;
margin: 15px auto 0 auto !important
}
.announcement-container-hide-in-mobile {
display: none
}
.my-account-title-container {
padding: 15px 0;
margin-bottom: 15px
}
.my-account-title-container > .container > .row > .col-xs-3.col-sm-3 {
width: 100%;
height: 100%
}
.my-account-title-container > .container > .row > .col-xs-3.col-sm-3 > img {
width: auto !important;
height: 150px
}
.my-account-title-container > .container > .row > .col-xs-9.col-sm-9 {
width: 100%
}
.dt-search-icon-container {
position: relative;
left: auto;
padding: 0 !important
}
.dt-search-icon-fa {
height: 38px !important
}
#SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn {
height: auto;
padding: 0 35px !important;
margin-top: 0;
margin-bottom: 0;
font-size: 16px !important;
line-height: 28px !important
}
#MessageTextID {
font-size: 16px !important;
line-height: 20px !important
}
#FormModelText {
padding: 15px !important
}
#SearchFilters {
width: calc(100% - 254px)
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button {
padding: 5px 7px !important;
font-size: 16px !important
}
.caps-auth-container .dataTables_wrapper .dataTables_paginate .paginate_button, .caps-auth-container div.dataTables_wrapper .dataTables_info, .dataTables_paginate span > .paginate_button, .dataTables_paginate span > .paginate_button.current {
font-size: 16px !important;
padding: 5px 7px !important
}
.gh-my-orders-container div.dataTables_wrapper .dataTables_info {
padding: 15px !important;
font-size: 16px !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button.current, .gh-my-orders-container .dataTables_wrapper .dataTables_paginate span > .paginate_button {
font-size: 16px !important
}
.dataTables_wrapper .dataTables_paginate {
padding: 0 25px !important
}
div.dataTables_wrapper div.dataTables_length {
float: left !important;
margin-left: 15px !important
}
#gh-my-orders_length, #discount-request_length {
padding-top: 1px !important;
padding-bottom: 0 !important;
margin-bottom: 6px !important;
position: absolute !important;
right: 0 !important;
top: 0 !important
}
#gh-my-orders_wrapper .top .dataTables_paginate, #discount-request_wrapper .top .dataTables_paginate {
width: auto;
top: 52px;
padding: 0 13px !important
}
.office-account-info {
margin: 0 -15px !important
}
.breadcrumb > li:first-child a {
position: relative;
width: 18px
}
.dataTable-date-filter {
font-size: 16px !important;
margin-top: 1px !important;
padding: 0 0 4px 0 !important;
line-height: 18px !important
}
.dataTable-date-filter .fa-calendar {
display: none
}
.form-group .dropdown-el.data-table-dropdown-el, .form-group.groupbottommargin .dropdown-el {
height: 32px !important;
padding: 0 28px 0 10px !important;
margin: 0 !important;
background-size: 16px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 16px !important;
background-position-x: 95% !important
}
.m-w-78px {
width: 88px !important
}
.m-w-100 {
width: 100% !important
}
.carousel-indicators, .carousel-indicators li {
cursor: default;
pointer-events: none
}
#myCarousel .carousel-inner > .item {
display: block
}
.carousel {
padding-top: 0
}
.carousel-inner .container {
width: 100% !important;
padding: 0
}
.m-m-b-20 {
margin-bottom: 0
}
.carousel-card-link {
font-size: 16px
}
.carousel-card-link-container {
height: 25px;
position: relative;
padding-top: 5px !important
}
.carousel-card-container-link {
padding: 0 0 10px 0
}
.carousel-card-description {
font-size: 15px;
line-height: 21px;
text-align: justify
}
.widget-card-title {
padding: 0 15px !important;
font-size: 18px !important
}
.carousel.slide {
padding: 0 15px !important
}
.gs-header .gs-action {
text-transform: uppercase !important;
font-size: 13px;
letter-spacing: .5px
}
#gh-my-orders_wrapper .txt-main-filter, #discount-request_wrapper .txt-main-filter {
height: 32px !important;
font-size: 16px !important;
padding: 0 10px !important;
line-height: 32px !important;
width: 130px !important;
margin-right: 0 !important;
margin-top: 12px !important
}
#gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .select-main-filter {
height: 32px !important;
font-size: 16px !important;
padding: 0 28px 0 10px !important;
line-height: 32px !important;
width: 130px !important;
margin-right: 0 !important;
margin-top: 12px !important;
background-size: 16px !important;
background-position-x: 95% !important
}
.gh-dt-1-5, .gh-dt-18, .gh-dt-9, .gh-dt-64, .gh-dt-1-5, .gh-dt-100p, .gh-dt-25p, .gh-dt-50p, .gh-dt-10p, .gh-dt-40p, .gh-dt-12p {
width: 100%
}
.gh-my-orders {
width: calc(100vw - 30px) !important
}
#gh-my-orders thead tr th.col1, #gh-my-orders thead tr th.col2, #gh-my-orders thead tr th.col3, #gh-my-orders thead tr th.col4, #gh-my-orders thead tr th.col5, #gh-my-orders thead tr th.col6, #gh-my-orders thead tr th.col7, #gh-my-orders thead tr th.col8, #gh-my-orders thead tr th.col9 {
white-space: nowrap
}
table.dataTable.gh-my-orders th, .modal-tbl.table-striped > thead > tr > th, .modal-tbl.table-striped > tbody > tr > td, table.pdf-table {
font-size: 14px !important;
line-height: 1.4em !important;
padding: 8px 16px 8px 8px !important
}
.db-widget-title {
font-size: 18px;
line-height: 22px;
text-align: center
}
.db-widget-desc {
font-size: 18px;
line-height: 22px
}
.db-widget-link-container > .card-white-link {
font-size: 16px !important;
line-height: 18px !important;
bottom: 10px !important
}
.mobile-choosemodel-menu .bootstrap-select.btn-group.search-dd .dropdown-menu.open {
width: 100% !important;
border-radius: 0 !important;
border-left: 0 !important;
box-shadow: none !important;
border-bottom: 1px solid #87b1d1;
border-top: 1px solid #87b1d1;
border-right: 0;
padding: 2px 0 0 0
}
.mobile-choosemodel-menu .filter-option {
width: calc(100% - 40px) !important
}
.mobile-choosemodel-menu .bootstrap-select.btn-group .dropdown-toggle .caret {
position: absolute !important;
top: 50% !important;
right: 23px !important;
margin-top: -2px !important;
vertical-align: middle !important;
left: auto !important
}
.mobile-nav .mobile-header-navigation-menu > li > a {
width: calc(100% - 40px) !important
}
.desktop-tab-menu-min, .desktop-tab-menu {
display: none !important
}
.home-card-block .card-img img {
width: 120px !important
}
.building-type-bottom-spacer {
margin-bottom: 20px
}
.building-type-bottom-spacer + .spacer-50 {
height: 0 !important
}
.dropdow-wrapper {
height: auto !important
}
.industry-link-container {
width: 100%
}
.industry-industry-desc-container {
width: 100%
}
.img-container {
left: -8px
}
.img-container img.img-responsive {
display: inline-block !important;
height: auto !important;
max-height: 55px !important;
max-width: 55px !important;
width: auto !important;
float: left !important
}
.page-title-desc-image .title-container {
width: 100% !important;
padding-left: 65px !important;
display: inline-block !important
}
.product-title-container {
display: flex;
gap: 12px;
margin-bottom: 12px;
left: 0
}
.product-title-container .img-container {
position: relative
}
.product-title-container .title-container {
flex: 1;
padding-left: 0 !important
}
.product-card-block.margin-top-40:first-of-type {
margin-top: 0 !important
}
.audioplayer {
width: 100%
}
.audioplayer-time-current {
margin-left: 5px
}
.audioplayer-time-duration {
margin-right: 5px
}
.audioplayer-bar {
margin: 0 5px
}
.product-card-block.margin-top-40:first-child {
margin-top: 0 !important
}
.margin-top-minus-40 {
margin-top: -40px
}
.description-bottom-link a, .description-bottom-link a:hover, .description-bottom-link a:active, .description-bottom-link a:active, .section-description .anchor-link-medium, .section-description-with-more-bottom-space .anchor-link-medium {
font-size: 12px !important;
line-height: 1em !important
}
.mobile-prod-series-header-title .page-description-with-more-bottom-space {
padding-bottom: 15px !important
}
.section-sub-title {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 12px;
line-height: 1.3em;
margin-bottom: 8px
}
.mobile-pad-lr-15, .container .container-fluid.pad-zero .col-md-12.mobile-pad-lr-15 {
padding-left: 15px !important;
padding-right: 15px !important
}
.card-img .img-faq-other {
max-width: 60% !important;
height: auto !important;
margin: auto !important;
float: none !important;
display: block
}
.description-normal-text.faq-font {
padding-top: 2px !important
}
.title-container .page-title {
padding-bottom: 8px !important;
margin-bottom: 7px !important
}
.page-title-image img.img-responsive {
margin-bottom: 0 !important;
display: block;
max-width: 100% !important;
width: auto !important;
height: auto !important;
margin: auto !important;
max-height: 100% !important
}
.pad-zero .pad-zero.page-title-image {
border-bottom: 2px solid #d8d8d8 !important;
padding-bottom: 11px !important;
margin-bottom: 12px !important
}
.page-title-image .page-title {
border-bottom: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
margin-top: 0 !important
}
.section-description a, .section-description-link, .section-description-with-more-bottom-space a, .pdf a, a.inactive-link {
font-size: 12px !important;
line-height: 1.4em !important
}
.section-description a:hover, .section-description-link:hover, .section-description-with-more-bottom-space a:hover, .pdf a:hover, a.inactive-link:hover {
font-size: 12px !important;
line-height: 1.4em !important;
background: transparent;
color: #d97a23
}
.page-description.description-bottom-link a, .page-description-with-more-bottom-space.description-bottom-link a, .section-description.description-bottom-link a, .section-description-with-more-bottom-space.description-bottom-link a, .description-bottom-link a, .anchor-link-medium, .section-description .anchor-link-medium, .section-description-with-more-bottom-space .anchor-link-medium {
font-size: 12px !important;
line-height: 1.4em !important
}
.page-description.description-bottom-link a:hover, .page-description.description-bottom-link a:active, .page-description.description-bottom-link a:focus, .page-description-with-more-bottom-space.description-bottom-link a:hover, .page-description-with-more-bottom-space.description-bottom-link a:active, .page-description-with-more-bottom-space.description-bottom-link a:focus, .section-description.description-bottom-link a:hover, .section-description.description-bottom-link a:active, .section-description.description-bottom-link a:focus, .section-description-with-more-bottom-space.description-bottom-link a:hover, .section-description-with-more-bottom-space.description-bottom-link a:active, .section-description-with-more-bottom-space.description-bottom-link a:focus, .description-bottom-link a:hover, .description-bottom-link a:active, .description-bottom-link a:focus, .anchor-link-medium:hover, .anchor-link-medium:active, .anchor-link-medium:focus, .section-description .anchor-link-medium:hover, .section-description .anchor-link-medium:active, .section-description .anchor-link-medium:focus, .section-description-with-more-bottom-space .anchor-link-medium:hover, .section-description-with-more-bottom-space .anchor-link-medium:active, .section-description-with-more-bottom-space .anchor-link-medium:focus {
font-size: 12px !important;
line-height: 1.4em !important;
background: transparent;
color: #d97a23
}
.description-list li:first-child {
margin-top: 8px !important
}
.description-list ul + p {
margin-top: 8px !important
}
.section-titles-block .page-title {
border-bottom: 0 !important;
margin-bottom: 0 !important
}
.p-t-20 {
padding-top: 0 !important
}
.margin-top-80 {
margin-top: 50px !important
}
.margin-top-80.product-layout-gh-articles {
margin-top: 0 !important
}
table.v-head {
width: 100% !important
}
.v-head td:first-child {
width: 100% !important;
display: block;
font-weight: bold;
padding-bottom: 0
}
.v-head td {
width: 100% !important;
display: block;
padding-bottom: 8px
}
ul li a.toggle {
padding-bottom: 0
}
.gh-map-title {
display: inline-block;
padding-top: 9px
}
.section-spacer-bottom {
margin-bottom: 20px
}
.tab-right-full .container-fluid.pad-zero.mobile-padding-left-20 {
padding-left: 20px !important
}
.img-with-page-title {
margin: auto;
display: block;
height: 67px
}
.page-title-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 18px !important;
line-height: 1em !important;
padding-bottom: 11px !important;
margin-bottom: 30px !important;
margin-top: 0 !important;
border-bottom: 2px solid #d8d8d8 !important
}
#myCarousel .carousel-inner {
padding: 0 15px !important
}
#myCarousel .widget-card-title {
padding: 15px 15px 0 15px !important
}
.sub-title-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 14px !important;
line-height: 1.2em !important;
margin-bottom: 30px !important
}
.page-description {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 12px !important;
line-height: 1.4em !important;
padding-top: 0 !important;
padding-bottom: 12px !important
}
.page-description-with-more-bottom-space, .page-description-with-more-bottom-space span, .page-description-with-more-bottom-space p {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 12px !important;
line-height: 1.4em !important;
padding-top: 0 !important;
padding-bottom: 35px !important
}
.section-title-with-section-description {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 15px !important;
line-height: 1.2em !important;
margin-bottom: 8px !important;
text-transform: uppercase !important
}
.section-description-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px !important;
line-height: 1.4em !important;
padding-top: 0 !important;
padding-bottom: 28px !important
}
.section-description {
color: #57585a;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px !important;
line-height: 1.4em !important;
padding-top: 0 !important;
padding-bottom: 8px !important
}
.section-description.map-para {
font-size: 30px !important
}
.col-2-img {
display: block !important;
height: auto !important;
width: auto !important;
max-width: 92% !important;
margin: auto 10px auto 0 !important
}
.sf_colsIn.col-md-3 > .video-card-section {
margin-bottom: 0 !important
}
.map-container {
margin-top: -40px !important
}
.m-p-p-b-0 p:last-child {
margin-bottom: 0 !important
}
.m-p-p-b-0 p:first-child {
margin-bottom: 10px !important
}
.sub-title {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 14px;
line-height: 14px;
margin-bottom: 8px
}
.sub-title img {
height: 14px !important;
float: left;
margin-right: 0
}
.section-title img {
height: 19px !important;
float: left;
margin-right: 0
}
.section-title span {
line-height: 19px !important
}
.spacer-m-15 {
height: 15px !important
}
.spacer-m-30 {
height: 30px !important
}
.card-img > img.img-faq {
height: 100px !important;
display: block !important;
margin: auto !important
}
.product-card-link-container {
padding-top: 5px
}
.modal-footer {
padding: 0 15px !important
}
.modal-dialog .margin-top-28.margin-bot-34.section-title-uppercase {
margin-bottom: 5px !important;
margin-top: 9px !important;
font-size: 22px !important
}
.modal-footer .orange-btn, .modal-footer .orange-btn:hover {
margin-bottom: 0 !important;
margin-top: 20px !important;
font-size: 14px !important;
line-height: 1.2 !important;
display:inline-block !important;
}
.description-normal-text table tbody tr td img {
width: 90% !important;
display: inline-block !important
}
#PostalSearch .gh-search-icon::-webkit-input-placeholder {
text-transform: uppercase !important
}
.m-m-b-0 {
margin-bottom: 0 !important
}
.fa-file-pdf-o {
font-family: "FontAwesome";
font-size: 18px;
color: red;
padding-right: 10px;
padding-left: 0;
margin: 10px 0 0 0;
display: inline-block
}
.search-page-results-subtitle {
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 13px;
line-height: 17px
}
.m-spacer-10 {
height: 10px !important
}
.spacer-55 {
height: 35px !important
}
.tab-left-hide {
display: none
}
.tab-left-hide .content-main-body-left-section.hidden-xs.margin-t-12 {
display: none !important
}
.tab-left-hide .content-main-body-left-bg-img-section.hidden-xs.margin-top-80 {
display: block !important;
text-align: center !important;
margin-top: 30px !important;
margin-bottom: 30px !important
}
.tab-left-hide .content-main-body-left-bg-img-section.hidden-xs.margin-top-80 .card-white-link-container {
margin-bottom: 0 !important
}
.tab-left-hide .content-main-body-left-bg-img-section.hidden-xs.margin-top-80 .card-white-container-link {
padding-bottom: 10px !important
}
.tab-left-hide .content-main-body-left-bg-img-section.hidden-xs.margin-top-80 .img-responsive.margin-bot-20 {
max-width: 100% !important
}
.gh-right-panel .card-white-section .card-white-description p {
text-align: left
}
.description-normal-text b, .description-normal-text strong {
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.dataTables_wrapper .dataTables_paginate {
padding-left: 0 !important
}
div.dataTables_wrapper div.dataTables_length label, table.dataTable th {
font-size: 16px !important;
line-height: 18px !important;
letter-spacing: 0 !important
}
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
background-size: 8px;
padding-right: 8px !important
}
.dataTables_info {
padding: 15px 0 0 0 !important;
margin-top: 0 !important;
margin-right: 0 !important;
float: left !important
}
table.dataTable.gh-my-orders.display tbody tr.odd td, table.dataTable.gh-my-orders.display tbody tr.even td, table.dataTable.gh-my-orders.display tbody tr.odd td.sorting_1, table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1 {
padding: 10px 8px !important;
font-size: 14px !important;
line-height: 1.4em !important
}
tr.shown td.details-control, td.details-control {
padding: 5px 11px 0 11px !important
}
div.dataTables_wrapper div.dataTables_info, table.dataTable, table.dataTable th, table.dataTable td {
font-size: 16px !important;
line-height: 32px !important
}
table.dataTable > tbody > tr.child ul.dtr-details {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%
}
.dtr-title, .dtr-data {
font-family: "Helvetica-Condensed" !important;
font-weight: normal !important;
font-size: 13.3px !important;
line-height: 1.4em !important
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
padding: 6px 0
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
float: left;
margin-right: 15px;
padding: 0 10px 8px 0 !important;
line-height: 24px !important;
margin: 0 0 7px 0;
width: 100%;
display: inline-block
}
.paginate_button.previous:before {
margin-left: -10px;
margin-right: 10px;
width: 10px !important;
top: 9px;
position: absolute;
left: -6px
}
.paginate_button.next:after {
margin-right: -10px;
margin-left: 10px;
width: 10px !important;
top: 9px;
position: absolute;
right: -2px
}
.top .dataTables_paginate {
padding: 15px 25px !important;
margin-top: 0 !important;
margin-right: 0 !important;
float: right !important
}
.bottom .dataTables_paginate {
padding: 15px 15px !important;
margin-top: 0 !important;
margin-right: 0 !important;
float: right !important
}
.bottom .dataTables_info, div.dataTables_wrapper div.dataTables_info {
padding: 15px 0 15px 0 !important;
line-height: 32px !important
}
.top .dataTables_paginate {
padding: 15px 25px !important;
margin-top: 0 !important;
margin-right: 0 !important;
float: right !important
}
.pagination > li > a, .pagination > li > span, #datatable_wrapper .dataTables_paginate .paginate_button, .dataTable .odd td, .dataTable .even td {
font-size: 16px !important;
line-height: 16px !important
}
div.dataTables_wrapper div.dataTables_info {
font-size: 16px !important;
line-height: 32px !important
}
table.dataTable tbody tr.shown + .child td a {
color: #fff !important;
text-decoration: underline !important
}
table.dataTable tbody tr td a {
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 16px !important;
line-height: 16px !important;
text-decoration: none !important
}
div.dataTables_wrapper div.dataTables_info {
color: #9a9a9a !important
}
table.dataTable tbody th, table.dataTable tbody td, table.dataTable thead th, table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
padding: 10px 8px !important
}
.breadcrumb {
padding: 8px 0 !important
}
.gdpr-container {
padding: 12px 0 !important
}
.cookie-btn {
width: 5% !important;
float: left !important;
font-size: 17px !important;
line-height: 17px !important
}
.cookie-msg {
width: 95% !important;
float: left !important;
font-size: 17px !important;
line-height: 17px !important;
text-align: center !important
}
.gdpr-container .cookie-msg a {
font-size: 17px !important;
text-transform: uppercase;
text-decoration: underline
}
.cookie-info-icon {
width: 100% !important;
float: none !important;
display: inline-block;
text-align: center;
margin-bottom: 10px
}
.cookie-info-icon {
width: 100% !important;
float: none !important
}
.pad-bot-80 {
padding-bottom: 40px !important
}
.drawing-download-icon-container {
height: 48px !important
}
.min-hw-75 {
min-height: 48px !important;
width: 48px !important;
height: auto !important
}
.drawing-model-code-title {
padding-left: 6px;
font-size: 14px;
line-height: normal
}
.mobile-pad-0, .close.mobile-pad-0 {
padding: 0 !important
}
.section-title.drawing-model-title {
text-align: center !important;
font-size: 15px !important;
line-height: 1.3em !important
}
.drawing {
padding: 2px 4px !important
}
.section-title.align-center.drawing-resource-title {
text-align: center !important;
font-size: 15px !important
}
.form-control[readonly] {
width: 100% !important
}
.display-flex {
display: block
}
.display-flex.pad-lr-20 img.img-responsive {
margin-bottom: 0 !important
}
.card-left-img-para {
padding: 0 !important
}
.card-left-img-para .img-responsive {
display: block;
max-width: 100% !important;
width: 100% !important;
height: auto !important;
margin: auto !important;
max-height: 100% !important;
margin-bottom: 20px !important;
margin-top: 15px !important
}
.accordion-main-title {
font-size: 18px !important
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
display: inline-block;
width: 100%
}
.panel-group .panel:last-child {
margin-bottom: 10px
}
table.child-table, table.child-table.m-w-800 {
width: 800px !important
}
#discount-request table.child-table, table.child-table {
width: 100% !important
}
#discount-request table.child-table .child-row-style > td {
font-size: 14px !important
}
#discount-request .child-header-style th.child-f-col {
max-width: 35px
}
#discount-request table.child-table .child-header-style > th {
font-size: 14px !important
}
#discount-request table.child-table .child-header-style > th:last-child, #discount-request table.child-table .child-row-style > td:last-child {
padding-right: 10px !important
}
.product-card-block .display-flex .col-md-4:last-child {
padding-bottom: 0 !important
}
table.child-table, table.child-table.m-w-100 {
width: 100% !important
}
#repRegion {
margin-bottom: 10px
}
#repRegion .form-group {
margin-bottom: 0 !important;
padding-bottom: 12px !important
}
.results .grey-section-title {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 14px;
line-height: 16px
}
.results .card-white-description {
text-align: left !important
}
#drpdwnState.dropdown-el {
width: auto !important;
padding: 5px 30px 5px 15px !important;
line-height: normal !important;
border: 1px solid #ccc !important;
border-radius: 7px !important;
-moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
color: #57585a !important;
font-size: 14px !important;
-webkit-appearance: none !important;
margin-top: 5px;
-moz-appearance: none;
height: 31px !important;
background: url(/Content/GreenheckStyles/imgs/grey-triangle.png) no-repeat right !important;
background-color: #f2f2f2 !important;
background-position-x: 92% !important;
background-size: 16px !important
}
#PostalText.find-my-rep-label {
padding: 18px 0 10px 0;
text-transform: uppercase;
display: inline-block
}
#OrText.find-my-rep-label, #PostalText.find-my-rep-label {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 12px;
line-height: 12px;
float: none;
display: inline-block
}
.mobile-spacer-30 {
margin-top: 30px
}
#PostalSearch.search-container .form-control {
padding: 0 30px 0 15px;
height: 38px !important;
line-height: 38px !important;
border: 0;
margin: 7px 0 0 0;
font-size: 12px;
width: 195px
}
#PostalSearch.search-container .input-group-addon {
position: absolute;
right: 0;
height: 38px;
width: 26px;
z-index: 999;
background: none;
padding: 0;
border: 0;
top: 7px
}
#PostalSearch.search-container .input-group-addon .fa {
font-size: 20px;
padding: 0 7px 0 0;
height: 38px !important;
vertical-align: middle !important;
line-height: 38px;
cursor: pointer;
border: 0
}
.li-list-label {
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 12px !important;
line-height: 26px !important
}
.description-normal-text ul li, .section-description ul li, .section-description-with-more-bottom-space ul li, .page-description ul li, .page-description-with-more-bottom-space ul li, .description-normal-text ol li, .section-description ol li, .section-description-with-more-bottom-space ol li, .page-description ol li, .page-description-with-more-bottom-space ol li {
margin: 0 !important;
line-height: 24px !important
}
p {
margin: 0 0 8px 0 !important
}
.desktop-quick-delivery-img-card {
display: none !important
}
.desktop-prod-series-header-img, .desktop-prod-series-header-title {
display: block !important
}
.mobile-quick-delivery-img-card, .mobile-prod-series-header-img, .mobile-prod-series-header-title {
display: block !important
}
.mobile-prod-series-header-img {
padding: 0 40px 40px 40px
}
.profile-icon-container {
padding: 0 30px 10px 0;
color: #fff;
font-size: 16px;
font-family: "Helvetica-Condensed-Bold", sans-serif;
float: left !important;
width: 100% !important
}
.profile-icon-container .circle {
background-color: #68696a
}
.profile-icon-container .profile-icon-align {
color: #fff
}
.mobile-nav-right .profile-name-link, .mobile-nav-right .profile-name-link:hover {
line-height: 30px !important;
height: 30px !important;
display: inline-block;
float: left
}
.circle {
height: 30px;
width: 30px;
background-color: #fff;
border-radius: 50%;
display: inline-block;
top: 5px;
left: 7px
}
.home-hero-block .hero-block {
background: none !important
}
.hero-img {
display: block;
width: 100%;
z-index: 0;
position: relative
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
left: 150px !important
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100% !important
}
.blue-menu-divider {
display: inline-block;
height: 1px;
width: 100%;
background-color: #87b1d1;
float: left
}
.navbar-default .navbar-nav li.dropdown a.header-arrow {
display: inline !important;
padding: 10px 4px 10px 4px !important;
text-decoration: none !important
}
.navbar-default .navbar-nav li.dropdown a.header-arrow:hover {
text-decoration: none !important
}
.navbar-default .navbar-nav li.dropdown a {
display: inline-block;
padding: 10px 4px 10px 24px !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 16px;
text-transform: uppercase
}
.navbar-default .navbar-nav li.dropdown a:after {
border-bottom: 1px solid #87b1d1
}
.navbar-default .navbar-nav li.dropdown a.header-arrow:after {
border-bottom: 1px solid #87b1d1
}
.header-nav-border {
border-bottom: 1px solid #87b1d1
}
.footer-menu-title .fa {
display: none !important
}
.search-dd .dropdown-toggle {
background-color: transparent;
border-radius: 0;
box-shadow: none;
color: #064b9e !important;
cursor: pointer;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 18px;
margin-right: 0;
margin-top: 0;
padding: 0 40px 0 24px !important;
z-index: 1;
border: 0
}
.nav-dd-container::-webkit-input-placeholder {
font-size: 18px !important
}
.search-dd {
background-color: transparent !important;
border-top: 0 !important;
box-shadow: none !important
}
.navbar-toggle {
margin-top: 17px !important;
padding: 9px 10px 9px 17px !important
}
.form-group-height {
height: auto !important
}
.breadcrumb-container {
padding-top: 10px
}
body {
background-size: contain !important
}
.hero-pad-zero .pad-zero, .container .container-fluid.pad-zero .col-md-3, .container .container-fluid.pad-zero .col-md-12 {
padding: 0 !important
}
.container .tab-right-full .container-fluid.pad-zero .col-md-3 {
padding: 0 15px !important
}
.body-container {
padding-bottom: 20px;
background-color: rgba(255, 255, 255, .75) !important
}
.pad-zero .pad-zero, .pad-zero .pad-zero .pad-zero, .pad-zero-left-img-para {
padding: 0 !important
}
.title-pdf-container {
margin-top: 15px;
margin-bottom: 8px
}
.pdf-after:after, .sfpdf:after {
font-size: 15px;
line-height: 15px;
line-height: 18px
}
.link-list {
font-size: 13px !important;
line-height: 1.2em !important
}
.pad-zero {
padding: 0 15px !important
}
.home-hero-block .hero-container {
margin: 0 0 0 0 !important;
opacity: 1
}
.hero-block-headline-tagline .hero-container {
margin: 0 0 0 0 !important;
opacity: 1 !important
}
.hero-container {
margin: 0 0 0 0 !important;
z-index: 1;
position: relative
}
.hero-container-section {
padding: 20px 15px !important
}
.home-hero-block .hero-title {
font-size: 16px !important;
line-height: 18px !important;
margin-bottom: 10px !important;
float: left
}
.hero-block-headline-tagline .hero-title {
font-size: 26px !important;
line-height: 28px !important;
margin-bottom: 10px !important;
float: left
}
.hero-with-two-btn .hero-title {
font-size: 30px !important;
line-height: 36px !important
}
.hero-title {
font-size: 18px !important;
line-height: 23px !important;
margin-bottom: 10px !important
}
.home-hero-block .hero-sub-title {
font-size: 12px !important;
line-height: 15px !important;
margin-bottom: 0 !important;
color: #57585a !important;
padding-right: 0 !important
}
.hero-block-headline-tagline .hero-sub-title {
font-size: 16px !important;
line-height: 20px !important;
margin-bottom: 0 !important;
color: #57585a !important;
padding-right: 0 !important
}
.hero-sub-title {
font-size: 12px !important;
line-height: 15px !important;
margin-bottom: 10px !important;
color: #fff !important;
width: 100% !important;
}
.orange-btn {
font-size: 10px !important;
line-height: 13px !important;
margin-bottom: 20px !important;
display:inline-block !important;
margin-top: 10px
}
.orange-btn.margin-b-0.edit-contact, .orange-btn.margin-b-0.delete-contact {
margin: 0 !important
}
.home-page .orange-btn {
margin-bottom: 26px !important
}
.section-titles-container {
padding-top: 25px !important;
padding-bottom: 25px !important;
background: #f6f6f8;
margin-bottom: 15px
}
.m-pb-0 {
padding-bottom: 0 !important
}
.section-top-title {
font-size: 10px !important;
line-height: 11px !important;
letter-spacing: 2px !important
}
.section-spacer {
height: 30px !important
}
.home-card-block {
padding-bottom: 0 !important
}
.home-card-block .home-card-container {
padding-top: 30px
}
.home-card-block .card-img {
padding: 0 0 0 0 !important;
margin: auto !important
}
.featured-categories .section-titles-container {
padding-bottom: 15px !important;
margin-bottom: 0 !important
}
.featured-categories .section-titles-container {
padding-bottom: 15px !important;
margin-bottom: 0 !important;
padding-top: 0 !important
}
.home-product-section-bg + .section-spacer-16 {
background-color: #fff
}
.display-flex img.img-responsive, img.img-responsive {
margin: auto !important;
margin-bottom: 15px !important;
display: block;
max-width: 75% !important;
height: auto !important;
margin: auto !important;
max-height: 75% !important
}
.display-flex img.img-responsive {
flex: none !important
}
.product-card-block {
padding-bottom: 0 !important
}
.card-img {
width: 50% !important;
margin: 20px auto 30px auto !important
}
.gh-card-block .card-img {
width: 100% !important;
margin: 20px auto 30px auto !important
}
.card-img .img-responsive {
max-width: 100% !important;
height: auto !important;
margin-bottom: 10px !important
}
.card-section {
margin-top: 0
}
.home-card-block .card-link-container {
text-align: center !important
}
.home-card-block .card-link {
margin-bottom: 50px !important
}
.home-card-block .card-img img, .product-card-img img.img-responsive {
max-width: 86% !important;
height: auto !important;
margin-bottom: 18px !important
}
.card-white-img {
padding: 0 !important
}
.card-white-img img.img-responsive {
max-width: 25% !important;
height: auto !important;
margin-bottom: 18px !important
}
.home-card-block .card-title, .card-title {
font-size: 16px !important;
line-height: 22px !important;
margin-bottom: 10px !important
}
.home-card-block .card-description, .card-description, .product-card-description {
font-size: 12px !important;
line-height: 15px !important;
margin-bottom: 10px !important
}
.section-title-with-more-bottom-space {
font-size: 16px !important;
line-height: 18px !important;
margin-bottom: 12px !important
}
.home-card-block .card-link, .card-link, .product-card-link {
font-size: 12px !important;
line-height: 15px !important;
position: relative !important;
bottom: inherit !important;
left: inherit !important;
margin-left: inherit !important;
display: inline-block
}
.orange-link-section {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.orange-link-section a {
font-size: 12px !important;
line-height: 15px !important
}
.testimonials-description {
font-size: 15px !important;
line-height: 20px !important;
text-align: left;
padding-bottom: 7px
}
.testimonials-author-name, .testimonials-author-title {
font-size: 14px !important;
line-height: 18px !important
}
.card-white-section {
padding: 0 !important
}
.mobile-0-border .card-white-link-container {
border-bottom: 0 solid #2b388f !important;
padding-bottom: 17px !important;
margin-bottom: 0 !important
}
.card-white-title {
font-size: 18px !important;
line-height: 15px !important;
border-bottom: 3px solid #2b388f !important;
text-align: center !important;
margin-bottom: 10px !important;
margin-top: 20px !important
}
.home-content-bottom-space .card-white-title {
font-size: 12px !important;
line-height: 15px !important;
border-bottom: 0 !important;
text-align: center !important;
margin-bottom: 10px !important;
margin-top: 20px !important
}
ul.right-content-icon-links {
padding-bottom: 0
}
.card-white-description {
font-size: 12px !important;
line-height: 15px !important;
text-align: center !important
}
.card-white-description.align-left {
text-align: left !important
}
.card-white-link-container {
text-align: center !important;
position: relative !important;
margin-top: 0 !important;
margin-bottom: 50px;
border-bottom: 2px solid #2b388f !important;
padding-bottom: 10px
}
.card-white-title + .card-white-description + .card-white-link-container {
border-bottom: 0 !important
}
.card-white-link {
font-size: 12px !important;
line-height: 15px !important;
text-align: center !important;
position: relative !important;
bottom: inherit !important
}
.card-link-container {
text-align: left !important
}
.footer-top-icon-section, .footer-top-icon-section.pull-right {
float: none !important;
text-align: center;
height: auto;
display: flex !important;
justify-content: center;
width: 100%;
margin: auto
}
.logo-footer {
width: 53% !important;
height: auto !important
}
.logo-footer-section {
padding: 12px 0 4px 0
}
.logo-footer-section a {
display: inline-block;
width: 100%;
text-align: center
}
.careers-button {
padding: 0 30px !important;
font-size: 16px !important;
display: inline-block;
float: none !important;
height: auto;
margin: 5px
}
.footer-social-icon:nth-child(4) {
float: none !important
}
.footer-social-icon {
margin: 5px;
display: inline-block !important
}
.footer-social-icon {
display: inline-block !important;
margin-right: 5px;
float: none
}
.social-icon {
height: 38px !important
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option, .search-dd .btn-default.active.focus, .search-dd .btn-default.active:focus, .search-dd .btn-default.active:hover, .search-dd .btn-default:active.focus, .search-dd .btn-default:active:focus, .search-dd .btn-default:active:hover, .search-dd.open > .dropdown-toggle.btn-default.focus, .search-dd.open > .dropdown-toggle.btn-default:focus, .search-dd.open > .dropdown-toggle.btn-default:hover, .btn-group.search-dd.open .dropdown-toggle {
background-color: transparent !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 16px;
box-shadow: none
}
.navbar-default #left-navbar .navbar-nav > .active > a, .navbar-default #left-navbar .navbar-nav > .active > a:focus, .navbar-default #left-navbar .navbar-nav > .active > a:hover, .navbar-default #left-navbar .navbar-nav > .open > a, .navbar-default #left-navbar .navbar-nav > .open > a:focus, .navbar-default #left-navbar .navbar-nav > .open > a:hover, .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
background-color: transparent !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed-Bold", sans-serif
}
.navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default #left-navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
font-size: 14px
}
.dropdown-menu {
padding: 0
}
#left-navbar .navbar-nav .open .dropdown-menu .dropdown-header, #left-navbar .navbar-nav .open .dropdown-menu > li > a {
padding: 10px 15px 10px 30px !important;
color: #004aa2 !important;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 12px;
text-transform: uppercase
}
.navbar-default #left-navbar .navbar-nav > li > a {
font-size: 16px !important
}
#left-navbar .modal-body {
padding: 15px 0 !important
}
#left-navbar .navbar-nav {
margin: 0 0 7.5px 0
}
#left-navbar .navbar-collapse {
padding-right: 0 !important;
width: 100%
}
#left-navbar .nav > li, #left-navbar .nav > li.open, #left-navbar .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li {
border-bottom: 1px solid #87b1d1
}
#left-navbar .nav > li, #left-navbar .nav > li.open > ul > li, .bootstrap-select.btn-group .dropdown-menu li {
margin: 0
}
#left-navbar .nav > li.open > ul > li:last-child {
border-bottom: 0 !important
}
.mobile-nav .modal-dialog {
width: 70% !important;
height: 100% !important;
background-color: rgba(255, 255, 255, .8901960784313725) !important
}
.mobile-nav .close, .mobile-nav-right .close {
color: #004aa2 !important;
opacity: 1 !important
}
.mobile-nav-right .header-flags-container, .mobile-nav-right .header-lang-container, .mobile-nav-right .header-login-container, .mobile-nav-right .search-container {
float: left;
width: 100%;
border-bottom: 1px solid #b9b8b8;
padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 0;
margin-top: 0
}
.mobile-nav-right .search-container {
border-bottom: 0
}
.mobile-nav-right .login-btn {
color: #fff;
background-color: #68696a;
margin: 10px 20px 0 0;
float: left
}
.mobile-nav-right .login-btn:hover {
color: #fff !important;
background-color: #d97a23
}
.mobile-nav-right .profile-name-link, .mobile-nav-right .user-name {
color: #68696a
}
.mobile-nav-right .profile-name-container {
float: left;
padding-bottom: 0;
padding-top: 12px;
padding-left: 0
}
.navbar.mobile-menu {
margin-bottom: 0 !important;
border: 0 solid transparent !important
}
.navbar-default.mobile-menu {
background-color: transparent !important
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent !important;
border-color: transparent !important
}
.modal.mobile-nav-right {
padding-right: 0 !important
}
.modal.mobile-nav-right .modal-dialog {
padding-right: 17px !important;
background-color: rgba(255, 255, 255, .8901960784313725) !important
}
.mobile-nav .modal-dialog, .mobile-nav-right .modal-dialog {
margin: 0 !important
}
.mobile-nav .modal-content, .mobile-nav-right .modal-content {
border-radius: 0 !important;
border: 0 !important;
background-color: transparent !important;
box-shadow: none !important;
height: 100% !important;
overflow-x: hidden
}
.mobile-nav .navbar-default .navbar-collapse, .mobile-nav .navbar-default .navbar-form {
border-color: transparent !important;
background: transparent !important
}
.mobile-nav .collapse .in {
background: transparent !important
}
.mobile-nav .navbar-default .navbar-nav > li > a {
color: #004aa2 !important;
background-color: transparent !important
}
.desktop-tab-menu {
display: none
}
.mobile-menu {
display: block
}
.search-container {
margin-top: 20px;
width: auto;
float: right
}
.search-container.align-left {
width: 100% !important
}
.header-flags-container {
float: right
}
.hero-2-container {
margin-top: 80px
}
.home-hero-block .hero-container-section {
padding: 16px 15px 16px 15px !important;
float: left
}
.hero-block-headline-tagline .hero-container-section {
padding: 16px 15px 30px 15px !important;
float: left
}
.hero-2-container-section, .hero-container-section {
padding: 0 !important
}
.hero-2-title, .hero-title {
font-size: 18px !important;
line-height: 20px !important;
margin-bottom: 0 !important
}
.hero-2-sub-title, .hero-sub-title {
display: none
}
.home-hero-block .hero-sub-title {
display: block !important;
width: calc(100% - 100px);
float: left;
color: #fff !important
}
.hero-block-headline-tagline .hero-sub-title {
display: block !important;
width: 100%;
float: left;
color: #fff !important
}
.hero-container-section .orange-btn {
margin-bottom: 0 !important;
float: right;
margin-top: 5px
}
.hero-block-headline-tagline .hero-container-section .orange-btn {
margin-bottom: 0 !important;
float: left !important;
margin-top: 12px;
font-size: 14px !important;
padding: 15px 30px !important
}
.border-bottom-grey {
border-bottom: 2px solid #d8d8d8 !important
}
.page-title {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 26px;
line-height: 28px;
padding-bottom: 11px;
margin-bottom: 12px;
margin-top: 0;
border-bottom: 2px solid #d8d8d8
}
.section-title {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 15px;
line-height: 1.3em;
margin-bottom: 8px
}
.section-title a {
color: #015a9c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 15px;
line-height: 1.3em;
margin-bottom: 8px;
text-decoration: none
}
.section-title-uppercase {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 15px;
line-height: 1.3em;
margin-bottom: 8px;
text-transform: uppercase
}
.description-bold-text, .description-bold-text ul {
font-size: 14px !important;
line-height: 17px !important;
padding-top: 10px !important;
padding-bottom: 0 !important
}
.m-pad-t-0 {
padding-top: 0 !important
}
.pad-lr-0, .d-pad-lr-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.description-bold-text-content {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 12px !important;
line-height: 16px !important;
padding-top: 10px !important
}
.description-normal-text, .description-normal-text a, .description-bold-text a {
font-size: 12px !important;
line-height: 16px !important;
padding-top: 4px !important;
padding-bottom: 0 !important
}
.description-normal-text, .description-normal-text ul, .description-normal-text a, .description-bold-text a {
font-size: 12px !important;
line-height: 16px !important;
padding-top: 10px !important;
padding-bottom: 0 !important
}
.home-page .description-normal-text {
text-align: center !important
}
.description-normal-bullet-points ul li {
font-size: 14px !important;
line-height: 14px !important
}
.card-white-block {
padding-bottom: 0 !important
}
.article-card-white-block {
padding-bottom: 0 !important
}
.card-white-block.pad-bot-30 {
padding-bottom: 30px !important
}
.article-card-white-section {
padding: 0 0 40px 0 !important
}
.article-card-white-img .img-responsive {
width: 50% !important;
height: auto !important
}
.article-card-white-container .card-white-title, .article-card-white-title {
text-align: left !important;
font-size: 12px !important;
line-height: 17px !important;
padding-bottom: 5px !important;
border-bottom: 0 !important;
margin-bottom: 5px !important
}
.article-card-white-container .card-white-description, .article-card-white-description {
text-align: left !important;
font-size: 12px !important;
line-height: 15px !important;
padding-top: 5px !important;
padding-bottom: 5px !important
}
.article-card-white-container .card-white-link-container, .article-card-white-link-container, .product-card-link-container {
text-align: left !important;
position: relative !important;
margin-top: 6px !important
}
.product-card-link-container .product-card-link {
margin-bottom: 0 !important
}
.article-card-white-container .card-white-link, .article-card-white-link {
font-size: 12px !important;
line-height: 15px !important;
text-align: left !important;
position: relative !important;
bottom: inherit !important
}
.mobile-footer-nav {
display: block;
text-align: center;
margin-bottom: 0 !important
}
.desktop-footer-nav {
display: none
}
.panel-group.mobile-footer-nav .panel-heading + .panel-collapse > .list-group, .panel-group.mobile-footer-nav .panel-heading + .panel-collapse > .panel-body {
border: 0 !important;
padding: 0
}
.panel-group .panel-heading a.no-dropdown-icon:after {
content: "" !important
}
.panel-group .panel-heading a.arrow:after {
color: #9c9c9c !important;
content: "";
text-decoration: none;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 5px;
font-size: 18px;
float: none !important;
top: initial !important
}
.panel-group .panel-heading a.collapsed:after {
color: #9c9c9c !important;
content: "";
text-decoration: none;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 5px;
font-size: 18px;
float: none !important;
top: initial !important
}
.mobile-footer-nav .collapse.in {
padding-bottom: 10px
}
.mobile-footer-nav .panel-default > .panel-heading {
border-color: #fff
}
.mobile-footer-nav .panel {
background-color: #57585a !important
}
.panel-group.mobile-footer-nav .panel {
margin-bottom: 0;
border-radius: 0 !important;
border: 0 !important
}
.panel-group.mobile-footer-nav .panel + .panel {
margin-top: 0 !important
}
.mobile-footer-nav .panel-heading {
padding: 5px 15px;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #57585a !important;
border-top: solid 3px #fff;
color: #fff !important
}
.footer-middle {
background-color: #57585a;
border-top: 0;
padding-top: 0;
padding-bottom: 0
}
.breadcrumb-container {
padding-top: 5px !important
}
.breadcrumb > li {
font-size: 12px;
height: 25px;
padding: 1px 0 0 0;
position: relative;
top: -3px
}
.breadcrumb-block, .breadcrumb {
background-color: #fff !important;
margin-bottom: 0 !important
}
.breadcrumb-home-icon {
vertical-align: unset;
height: 16px
}
.breadcrumb-item + .breadcrumb-item::before {
content: ">" !important;
color: #015a9c !important;
padding-right: 10px;
padding-left: 10px;
position: relative;
top: -2px
}
.breadcrumb-item.in-active a, .breadcrumb-item.in-active a:active, .breadcrumb-item.in-active a:focus, .breadcrumb-item a, .breadcrumb-item a:active, .breadcrumb-item a:focus {
color: #015a9c;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 12px;
height: 20px;
padding: 1px 0 0 0;
text-decoration: none
}
.breadcrumb-item.in-active a:hover {
color: #d97a23;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 12px;
height: 20px;
padding: 1px 0 0 0;
text-decoration: none
}
.breadcrumb-item.active {
color: #606060;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 12px;
height: 25px;
padding: 1px 0 0 0;
position: relative;
top: -3px
}
.product-card-container .display-flex .col-md-4 {
padding-right: 15px !important;
padding-left: 15px !important;
width: 100%
}
.product-card-block .product-card-container .container-fluid {
padding-right: 15px;
padding-left: 15px
}
.product-card-block .product-card-container .display-flex .col-md-4 {
padding-right: 0 !important;
padding-left: 0 !important
}
.display-flex .col-md-4 {
padding-right: 0 !important;
padding-left: 0 !important;
width: 100%
}
.content-main-body-block {
padding-bottom: 0 !important
}
body-container {
padding-bottom: 40px
}
.sf_colsIn.section-titles-container {
padding: 0 !important
}
.footer-menu-link-anchor:hover, .footer-menu-link-anchor:active, .footer-menu-link-anchor:focus {
text-decoration: none !important;
color: #fff !important
}
.footer-bottom-row {
font-size: 10px !important;
line-height: 20px !important;
padding: 0 5px 0 5px !important
}
.footer-bottom-container {
padding: 15px 0 !important;
line-height: 16px
}
.sf_cols > .sf_colsOut > .sf_colsIn > .content-main-body-right-section > .other-section-titles-block > .other-section-titles-container > .container, .sf_cols > .sf_colsOut > .sf_colsIn > .content-main-body-right-section > .description-bold-block > .description-bold-container > .container {
padding: 0 15px !important
}
.content-main-body-right-section > .other-section-titles-block > .other-section-titles-container > .container, .content-main-body-right-section > .description-bold-block > .description-bold-container > .container, .content-main-body-right-section > .description-normal-block > .description-normal-container > .container, .content-main-body-right-section > .product-card-block > .product-card-container > .container {
padding: 0 !important
}
.content-main-body-right-section > .product-card-block > .product-card-container > .container > .row.display-flex {
margin: 0 !important
}
.product-card-section {
padding: 10px 0 20px 0 !important;
margin-bottom: 0 !important
}
.spacer-50 {
height: 20px
}
.m-spacer-50 {
height: 20px
}
.description-normal-text a, .description-bold-text a {
line-height: 1.4em !important
}
.link-style {
font-size: 12px !important;
line-height: 15px !important
}
.section-bottom-link-with-more-bottom-space {
font-size: 12px !important;
line-height: 15px !important;
margin-bottom: 20px;
display: inline-block
}
.section-title-style img.img-responsive {
margin-bottom: 0 !important
}
.radio-group-field {
margin-bottom: 0 !important
}
.radio-group-label {
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 14px !important;
line-height: 25px !important
}
.spacer-30 {
height: 5px
}
.m-no-gutters {
padding-right: 0;
padding-left: 0
}
.m-pad-zero, .pad-top-69 {
padding: 0 !important
}
.m-width-100per {
width: 100% !important
}
.m-text-label {
font-size: 15px !important;
line-height: 29px !important
}
.m-margin-right-zero {
margin-right: 0 !important
}
.m-input {
padding: 6px 30px 6px 8px !important
}
.m-input-icon {
padding: 6px 0 6px 0 !important
}
.m-input-icon .fa {
font-size: 18px;
padding: 0 0 0 0
}
.postal-label {
width: 33% !important
}
.postal-input {
float: left;
margin-left: 10px;
width: 63% !important
}
.country-address-list .blue-section-title {
font-size: 16px !important
}
.country-address-list .card-white-description {
text-align: left !important
}
.title-container {
padding: 0 !important;
margin: 0 !important
}
.form-field-pad {
padding: 10px 10px 0 10px !important;
margin: 0 !important
}
.form-field-pad .form-group input, textarea {
line-height: 15px !important;
font-size: 15px !important
}
.fill-one-third {
width: 33% !important
}
.m-t-20 {
margin-top: 20px !important
}
.float-r {
float: right !important
}
.contact-form .form-group label {
line-height: 15px !important;
font-size: 15px !important
}
.contact-form .form-group input {
line-height: 15px !important;
font-size: 15px !important
}
.pad-zero-list, .form-group.col-md-6, .form-field-pad {
padding-top: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
padding-left: 0 !important;
width: 100%;
display: block
}
.form-group.mobile-pad-0.pad-zero {
float: none
}
.form-group.col-md-6.form-field-pad.mobile-pad-0 {
padding-bottom: 15px !important
}
.form-field-pad .pull-right.text-right.small-description-text {
display: block !important;
text-align: left !important
}
.pad-2-0-2-15 {
padding: 2px 0 2px 15px !important
}
.pad-2-15-2-2 {
padding: 2px 15px 2px 2px !important
}
.list-location {
line-height: 1.2em !important
}
.spacer-15 {
height: 2px
}
.m-m-b-5 {
margin-bottom: 5px
}
.m-m-b-25 {
margin-bottom: 25px
}
.m-m-t-25 {
margin-top: 25px
}
.m-m-t-30 {
margin-top: 30px
}
.m-m-b-10 {
margin-bottom: 10px !important
}
.p-l-5 {
padding-left: 5px !important
}
.info-box .card-white-title {
margin-top: 20px !important;
border-bottom: 2px solid #2b388f !important
}
.login-button .orange-btn {
margin-bottom: 20px !important
}
.m-p-b-10 {
padding-bottom: 10px
}
.m-p-t-10 {
padding-top: 10px
}
.m-p-t-15 {
padding-top: 15px
}
.m-p-t-20 {
padding-top: 20px
}
.m-p-b-20 {
padding-bottom: 20px
}
.m-p-t-5 {
padding-top: 5px
}
.m-p-b-30 {
padding-bottom: 30px
}
.m-p-t-30 {
padding-top: 30px
}
.m-p-0 {
padding: 0
}
.m-p-l-1 {
padding-left: 1px !important
}
m-font-style {
font-size: 15px;
line-height: 15px
}
.podcast-header {
font-family: "Helvetica-Condensed-Bold", sans-serif;
color: #57585a;
font-size: 15px;
line-height: 15px;
text-align: left;
margin-bottom: 10px;
margin-top: 10px;
width: 100%
}
.gh-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.m-card-img-tb-30 {
margin-top: 30px !important;
margin-bottom: 10px !important;
display: block;
width: 100%;
height: auto
}
.m-fluid, .tab-right-full .container-fluid.pad-zero.m-fluid, .container .container-fluid.pad-zero .container-fluid.p-0-i.m-p-0-i .col-md-12 {
padding-right: 15px !important;
padding-left: 15px !important
}
.m-p-0 {
padding: 0
}
.m-p-0-i {
padding: 0 !important
}
.m-m-0 {
margin: 0
}
.m-m-0-i {
margin: 0 !important
}
.m-apply-btn {
height: 36px !important;
margin-top: 6px !important;
width: calc(100% - 30px) !important;
text-align: center !important;
margin: 0 10px !important
}
.m-p-l-0 {
padding-left: 0
}
.m-p-10-i {
padding: 10px !important
}
#gh-my-orders_filter.dataTables_filter input, #discount-request_filter .dataTables_filter input {
height: 38px !important;
font-size: 16px !important;
padding: 10px !important;
line-height: 16px !important;
width: 100% !important;
margin: 0 0 10px 0 !important
}
#gh-my-orders_filter > label, #discount-request_filter > label {
width: 100% !important
}
#gh-my-orders_filter.dataTables_filter input::-webkit-input-placeholder, #gh-my-accountInfo_filter input::-webkit-input-placeholder, #discount-request_filter.dataTables_filter input::-webkit-input-placeholder {
font-size: 16px !important
}
#gh-my-orders_filter, #discount-request_filter {
bottom: 0 !important;
position: absolute !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important
}
.paginate_button.previous {
padding-left: 0 !important;
margin-left: 0 !important
}
.m-p-l-0-i {
padding-left: 0 !important
}
.anchor-link-medium {
font-size: 13px !important
}
.mobile-nav-right .profile-name-container {
padding-top: 0
}
.mobile-nav-right .login-btn {
margin: 0 20px 0 0
}
.industry-link {
padding-top: 20px !important;
padding-bottom: 0 !important
}
.industry-desc {
padding-top: 5px !important
}
.row-reset {
margin-right: 0 !important;
margin-left: 0 !important
}
.m-width-60 {
width: 60%
}
.m-width-69 {
width: 69%
}
.m-width-73 {
width: 73%
}
.m-width-30 {
width: 30%
}
.m-width-26 {
width: 26%
}
.m-width-40 {
width: 40%
}
.w-86-per {
width: 86% !important;
max-width: 100% !important
}
.page-title sup {
top: -10px !important;
font-size: 60% !important
}
.home-content-bottom-space .sf_colsIn.col-md-3.col-sm-3 {
width: 100% !important
}
.ui-autocomplete {
background: #f4f4f4;
width: 100% !important;
border: .06em solid #f4f4f4;
border-radius: 8px;
z-index: 9999 !important;
margin-top: 5px !important;
left: 0 !important
}
a.ui-corner-all {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 14px
}
.input-group.search-container > .container {
padding: 0 !important
}
.form-control.gh-search-icon.ui-autocomplete-input {
width: 280px !important;
float: left !important
}
.mobile-nav-right .search-container .input-group-addon {
left: 245px !important;
right: inherit !important
}
.pull-right.text-right.small-description-text.p-t-10 {
font-size: 12px !important
}
.dataTables_length select {
margin-top: 3px !important;
margin-bottom: 0 !important;
padding: 0 28px 0 10px !important;
height: 32px !important;
line-height: 20px !important;
font-size: 16px !important;
background-size: 16px !important;
background-position-x: 32px !important;
border-radius: 7px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
position: relative !important;
width: auto !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
background-color: #f2f2f2 !important;
color: #57585a !important;
border: 1px solid #ccc !important;
-moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62) !important;
-webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62) !important;
box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62) !important;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
text-transform: none !important
}
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
background-size: 8px;
padding-right: 24px !important;
padding-left: 12px !important
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
padding: 0 2px
}
table.dataTable thead .sorting:nth-child(1), table.dataTable thead .sorting_asc:nth-child(1), table.dataTable thead .sorting_desc:nth-child(1), table.dataTable thead .sorting_asc_disabled:nth-child(1), table.dataTable thead .sorting_desc_disabled:nth-child(1) {
background-position: calc(100% - 6px) !important
}
table.dataTable thead .sorting:nth-child(2), table.dataTable thead .sorting_asc:nth-child(2), table.dataTable thead .sorting_desc:nth-child(2), table.dataTable thead .sorting_asc_disabled:nth-child(2), table.dataTable thead .sorting_desc_disabled:nth-child(2) {
background-position: calc(100% - 6px) !important
}
table.dataTable thead .sorting:nth-child(3), table.dataTable thead .sorting_asc:nth-child(3), table.dataTable thead .sorting_desc:nth-child(3), table.dataTable thead .sorting_asc_disabled:nth-child(3), table.dataTable thead .sorting_desc_disabled:nth-child(3) {
background-position: calc(100% - 6px) !important
}
.m-full-width {
margin: 0 -30px !important
}
#tblArticles_wrapper .top {
margin: 10px 0 !important
}
#gh-my-orders_wrapper .dt-search-icon, #discount-request_wrapper .dt-search-icon {
top: auto !important;
position: absolute !important;
bottom: 16px !important;
right: 0 !important;
margin: 0 !important
}
#gh-my-orders_wrapper > .top, #discount-request_wrapper > .top {
margin: 10px 0 !important;
height: 164px;
position: relative
}
#caps-auth_wrapper > .top {
margin: 10px 0 !important;
height: 400px;
position: relative
}
.dataTables_wrapper .search-filter label, .dataTables_filter label, .dataTables_length label, .dataTables_wrapper .groupbottommargin {
font-size: 16px !important;
padding-bottom: 1px !important;
line-height: 30px !important
}
#gh-my-orders_length label, .dataTables_length label, #discount-request_length label, #caps-auth_wrapper label, .dataTables_length label, #caps-auth_length label {
font-size: 16px !important;
line-height: 18px !important
}
#caps-auth_wrapper label.dt-range-lbl {
margin-top: 8px !important
}
#caps-auth_length select {
height: 23px !important;
background-size: 10px !important;
background-position-x: 38px !important
}
#caps-auth_length {
top: 60px !important;
left: 0;
text-align: left !important;
margin-left: 0 !important
}
#caps-auth_paginate {
top: 0 !important;
padding-left: 15px !important;
padding-right: 15px !important;
width: 100% !important
}
#caps-auth_wrapper .filter-by-group {
top: 100px;
display: flex;
align-items: center
}
#caps-auth_wrapper .filter-by-group .filter-dd {
height: 23px !important;
background-size: 10px !important;
background-position-x: 195px !important;
width: 72% !important
}
#caps-auth_wrapper .data-range-container {
top: 150px;
margin: 0 !important
}
#caps-auth_wrapper .my-orders-btn-apply {
top: 215px !important
}
#caps-auth_wrapper .my-orders-btn-apply .modal-submit-btn, #caps-auth_wrapper .my-orders-btn-apply .modal-close-btn {
padding: 0 20px !important;
font-size: 12px !important;
line-height: 25px !important
}
#caps-auth_wrapper .sort-by-select {
display: none
}
#caps-auth_filter {
position: relative;
left: 0;
text-align: left
}
#caps-auth_filter label {
position: absolute;
top: 270px
}
#caps-auth_filter input[type="search"] {
margin-left: 0;
width: 100%
}
#caps-auth_wrapper .dt-search-icon {
position: absolute;
right: 0;
top: 286px
}
#caps-auth_wrapper .dt-search-icon .dt-search-icon-container {
left: 0 !important
}
#caps-auth_wrapper .dt-savepreference {
bottom: 20px !important
}
.padding-l-10 {
padding-left: 0 !important
}
.m-w-50 {
width: 50% !important
}
.footer-menu-title .footer-menu-link-anchor, .footer-menu-title a.footer-menu-link-anchor, .footer-menu-title a {
color: #fff !important;
font-family: "Helvetica-Condensed", sans-serif !important;
font-weight: bold !important;
font-size: 12px !important;
line-height: 16px !important;
text-transform: uppercase !important;
display: inline-block !important;
border-bottom: 0 !important;
padding: 0 !important
}
.footer-menu-title {
border-bottom: 0 !important
}
#tblArticles_wrapper .bottom, .dataTables_wrapper .bottom {
margin: 10px 12px !important
}
.pagination > li > a, .pagination > li > span, #datatable_wrapper .dataTables_paginate .paginate_button {
padding: 5px 10px !important;
line-height: 28px !important
}
.col-md-6.col-sm-6.form-group-height.pad-r-5 {
padding-right: 0 !important
}
.home-page.section-titles-block {
background-color: #fff !important;
padding-bottom: 0
}
.home-page.section-titles-block .section-titles-container {
margin-bottom: 0;
background-color: #fff !important
}
.home-page .orange-btn-block {
padding-top: 0 !important
}
.hero-block {
padding-top: 0 !important
}
.mobile-pad-0.align-right {
text-align: left !important
}
.margin-r-15 {
margin-right: 0 !important
}
.margin-r-20 {
margin-right: 0 !important
}
.form-group label, .modal-body a, .modal-body a:hover {
font-size: 15px !important;
line-height: 20px !important
}
[type="radio"].with-gap + label, [type="checkbox"].with-gap + label, [type="radio"].with-gap ~ label, [type="checkbox"].with-gap ~ label {
line-height: 29px !important
}
.modal-body a, .modal-body a:hover, .modal-body button, .modal-body button:hover {
font-size: 15px !important;
line-height: 15px !important
}
input[type="date"], .form-group input, input.site-search-input.form-control, .hawk-resultsSearch input[type="text"], .gh-search-icon, .mobile-search-container input.site-search-input.form-control, .mobile-search-container .form-control, .mobile-search-container .hawk-resultsSearch input[type="text"] {
font-size: 14px !important;
padding: 0 26px 0 13px !important;
height: 38px !important;
line-height: 38px !important
}
input::-webkit-date-and-time-value {
padding: 0 !important;
font-size: 14px !important;
height: 38px !important;
margin: 0 !important;
line-height: 38px !important
}
::-webkit-input-placeholder, input.site-search-input.form-control::placeholder, .hawk-resultsSearch input[type="text"]::placeholder, .gh-search-icon::-webkit-input-placeholder {
font-size: 14px !important;
height: 16px !important;
line-height: 16px !important
}
.form-group input[type="checkbox"], .form-group input[type="checkbox"]:focus {
width: 18px !important;
height: 18px !important
}
.mobile-search-container .input-group-addon {
height: 38px !important
}
.mobile-search-container .input-group-addon .fa.fa-search {
height: 38px !important;
vertical-align: middle !important;
line-height: 38px
}
.form-group {
padding-top: 4px !important
}
.grey-dropdown {
padding: 5px 13px !important
}
.faq-font {
font-size: 14px !important
}
.mobile-hide {
display: none !important
}
.mobile-show {
display: inline-block !important
}
.gh-card-block {
width: 100%;
padding: 0;
position: relative;
padding-bottom: 30px
}
.gh-table {
margin: 0 15px
}
.m-margin-rl-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.gh-table p {
display: inline !important
}
.gh-table img {
width: 100%
}
.gh-card-block .img-responsive {
max-height: 150px !important;
max-width: 100% !important;
width: auto !important;
height: auto !important
}
label.li-list-label {
line-height: 28px !important;
padding-left: 35px !important;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
height: 28px !important
}
.left-img > img.img-responsive {
height: 55px !important;
width: auto !important;
max-width: inherit !important;
max-height: inherit !important;
margin: auto !important
}
.home-product-section-bg .section-titles-block .section-titles-container {
padding-top: 0 !important
}
home-wave-img-container {
width: 100%;
background-color: #fff;
margin-top: 15px !important
}
.section-titles-block.home-page .section-titles-block .section-titles-container {
padding-top: 23px !important
}
.orange-link-block {
margin-top: 0 !important
}
.testimonials-block {
background-image: url(/content/GreenheckStyles/imgs/header-bg-waves.png);
background-position: 0 15px;
background-repeat: no-repeat;
background-size: contain;
background-color: rgba(255, 255, 255, 0) !important
}
.testimonials-block {
padding-top: 90px
}
.margin-top-50, .gh-margin-top-50 {
margin-top: 0 !important
}
.mobile-white-bg {
background-color: #fff !important
}
body {
background-position-y: 419px
}
.hero-block, .hero-2-block {
background-position: 0 0 !important;
padding-top: 0 !important
}
.mobile-menu .navbar-header {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important
}
.navbar-default.mobile-menu {
background-color: #fff !important
}
.featured-categories {
margin-top: 28px
}
.testimonials-section {
padding: 0 0
}
.home-page .section-titles-container {
padding-bottom: 0 !important
}
.section-spacer-80 {
height: 10px
}
.home-content-bottom-space, .page-content-bottom-space {
padding-bottom: 40px !important
}
img.img-responsive.my-account-title-logo {
margin-bottom: 25px !important
}
#MarkTagsTableDiv table {
width: 100% !important
}
}
@media all and (max-width: 767px)and (min-width:718px) {
#SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn {
padding: 0 12px !important
}
}
@media all and (max-width: 717px) {
#gh-my-orders_wrapper > .top, #discount-request_wrapper > .top {
height: 214px
}
}
@media all and (max-width: 363px) {
.mobile-menu #navbar .modal-dialog {
width: 100% !important;
padding: 0 !important
}
}
@media all and (max-width: 768px) {
.home-product-section-bg.home-page .description-normal-text {
width: auto;
margin: auto;
padding-bottom: 15px !important
}
.section-titles-block.home-page .description-normal-text {
width: auto;
margin: auto
}
.text-area {
margin-top: 5px !important
}
.margin-top-50.float-right.accordion-icon {
margin-top: 46px !important;
top: 0
}
.dataTables_wrapper .groupbottommargin {
margin-bottom: 15px !important
}
.accordion-inner-link, .accordion-inner-link:hover, .accordion-inner-link:active, .accordion-inner-link:focus {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 14px;
line-height: 21px;
text-decoration: none
}
.accordion-inner-link {
color: #015a9c
}
.accordion-inner-link:hover, .accordion-inner-link:active, .accordion-inner-link:focus {
color: #d97a23
}
.panel-group.m-m-b-0 .panel:last-child {
margin-bottom: 0 !important
}
.title-desc-container {
margin-bottom: 30px
}
.tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12 {
padding: 0 15px !important
}
.tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12.m-pad-zero, .tab-right-full > .container-fluid.pad-zero > .row > .col-md-12.col-sm-12, .tab-right-full > .col-md-12.col-sm-12.pad-zero, .tab-right-full .container-fluid.pad-zero, .m-pad-lr-15 {
padding: 0 !important
}
.tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12, .tab-right-full.gh-row-full > .container-fluid.pad-zero > .row > .col-md-12.col-sm-12 {
padding: 0 15px !important
}
.tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12.m-pad-zero {
padding: 0 !important
}
.pad-r-40 {
padding-right: 0 !important
}
.img-m-tb-30 {
margin-top: 30px !important;
margin-bottom: 10px !important;
display: block;
width: 100%;
height: auto
}
.home-card-block .product-card-container-link {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
width: 100% !important
}
.home-card-block .product-card-container-link .card-link {
margin-bottom: 25px !important
}
.home-content-bottom-space .card-white-container-link {
padding: 0 !important
}
}
@media all and (max-width: 768px)and (min-width:768px) {
.img-m-tb-30 {
margin-top: 30px !important;
margin-bottom: 10px !important;
display: block;
width: 100%;
height: auto
}
.pad-r-40 {
padding-right: 40px !important
}
.pad-top-69 {
padding-top: 16px !important
}
.tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12 {
padding: 0 15px !important
}
.tab-right-full > .container-fluid > .row > .col-md-12.col-sm-12.m-pad-zero, .tab-right-full > .container-fluid.pad-zero > .row > .col-md-12.col-sm-12, .tab-right-full > .col-md-12.col-sm-12.pad-zero, .tab-right-full .container-fluid.pad-zero {
padding: 0 !important
}
.home-content-bottom-space .card-white-title {
font-size: 12px !important;
line-height: 15px !important;
border-bottom: 3px solid #2b388f !important;
text-align: center !important;
margin-bottom: 10px !important;
margin-top: 20px !important
}
.col-md-6.col-sm-6.form-group-height.pad-r-5 {
padding-right: 20px !important
}
.navbar-toggle {
display: block
}
.navbar-header-logo {
margin: 0 auto;
display: table
}
.mobile-menu .navbar-header {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
width: 100%;
margin-left: -15px;
margin-right: -15px
}
.navbar-default.mobile-menu {
background-color: #fff !important
}
.hero-block, .hero-2-block {
background-position: 0 0 !important;
padding-top: 0 !important
}
.navbar-toggle {
margin-top: 17px !important;
padding: 9px 10px 9px 17px !important
}
.mobile-menu .navbar-nav .open .dropdown-menu > li > a {
line-height: 20px !important
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.mobile-menu .navbar-nav .open .dropdown-menu {
position: static !important
}
.mobile-menu .navbar-header {
float: none !important;
margin-left: -15px !important;
margin-right: -15px !important;
width: auto !important
}
.mobile-menu .modal-dialog {
width: 100% !important
}
.mobile-menu .navbar-nav, .mobile-menu .navbar-nav > li {
float: none !important
}
}
@media all and (max-width: 825px) {
#ModalCenter {
padding-left: 0;
padding-right: 0
}
.modal-content {
padding-left: 0;
padding-right: 0
}
}
@media all and (max-width: 991px)and (min-width:768px) {
table.dataTable tbody tr td a:hover.delete-contact, table.dataTable tbody tr td a:hover.edit-contact {
line-height: 20px !important
}
.gh-logo-col {
width: 20% !important;
padding: 0 0 0 14px !important
}
.gh-nav-search-choose-col {
width: 58% !important;
padding: 0 !important
}
.gh-flag-col {
width: 22% !important;
padding: 0 15px 0 0 !important
}
.gh-nav-search-choose-col > .container-fluid > .row > .col-md-12.col-sm-12 {
padding: 0 !important
}
.hero-title {
font-size: 46px
}
.hero-sub-title {
font-size: 20px
}
.home-product-section-bg.home-page .description-normal-text {
width: auto;
margin: auto
}
.section-titles-block.home-page .description-normal-text {
width: auto;
margin: auto
}
.content-body-block > .sf_colsIn:nth-child(2) {
background-color: rgba(255, 255, 255, 0) !important
}
.header-logo-flags-block {
padding: 0
}
.gdpr-container .container {
width: 90% !important
}
.img-faq {
height: 100px !important;
display: block !important;
margin: auto !important
}
#gh-my-orders_wrapper .top .dataTables_paginate, #discount-request_wrapper .top .dataTables_paginate {
width: auto;
top: 52px !important;
padding: 0 13px !important
}
.dataTables_length select {
margin-top: 6px !important;
margin-bottom: 0 !important;
padding: 4px 28px 3px 10px !important;
height: 32px !important;
line-height: 20px !important;
font-size: 20px !important;
background-size: 16px !important;
background-position-x: 32px !important;
border-radius: 7px !important;
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
position: relative !important;
width: auto !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
background-color: #f2f2f2 !important;
color: #57585a !important;
border: 1px solid #ccc !important;
-moz-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62) !important;
-webkit-box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62) !important;
box-shadow: inset -4px -2px 10px 0 #ccc, 0 0 0 0 rgba(0, 0, 0, .62) !important;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
text-transform: none !important
}
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
background-size: 8px;
padding-right: 21px !important;
padding-left: 12px !important
}
table.dataTable thead .sorting:nth-child(1), table.dataTable thead .sorting_asc:nth-child(1), table.dataTable thead .sorting_desc:nth-child(1), table.dataTable thead .sorting_asc_disabled:nth-child(1), table.dataTable thead .sorting_desc_disabled:nth-child(1) {
background-position: calc(100% - 10px) !important
}
table.dataTable thead .sorting:nth-child(2), table.dataTable thead .sorting_asc:nth-child(2), table.dataTable thead .sorting_desc:nth-child(2), table.dataTable thead .sorting_asc_disabled:nth-child(2), table.dataTable thead .sorting_desc_disabled:nth-child(2) {
background-position: calc(100% - 10px) !important
}
table.dataTable thead .sorting:nth-child(3), table.dataTable thead .sorting_asc:nth-child(3), table.dataTable thead .sorting_desc:nth-child(3), table.dataTable thead .sorting_asc_disabled:nth-child(3), table.dataTable thead .sorting_desc_disabled:nth-child(3) {
background-position: calc(100% - 10px) !important
}
table.dataTable.gh-my-orders.display tbody tr.odd td, table.dataTable.gh-my-orders.display tbody tr.even td, table.dataTable.gh-my-orders.display tbody tr.odd td.sorting_1, table.dataTable.gh-my-orders.display tbody tr.even td.sorting_1, table.dataTable tbody tr td a, table.dataTable td {
padding: 10px 8px !important;
font-size: 16px !important;
line-height: 20px !important
}
tr.shown td.details-control, td.details-control {
padding: 5px 11px 0 11px !important
}
div.dataTables_wrapper div.dataTables_info, table.dataTable, table.dataTable th, .pagination > li > a, .pagination > li > span, #datatable_wrapper .dataTables_paginate .paginate_button, div.dataTables_wrapper div.dataTables_length label {
font-size: 18px !important;
line-height: 32px !important
}
.ui-autocomplete {
width: 275px !important
}
.left-content-title {
font-size: 18px;
line-height: 22px
}
.careers-button {
padding: 0 30px !important;
font-size: 16px !important;
display: inline-block
}
.breadcrumb-container {
padding-top: 10px
}
.logo {
display: inline-block;
padding: 20px 0;
width: 215px !important
}
.desktop-tab-menu .search-container {
width: 270px !important
}
.container {
width: 97%
}
.header-navbar-container .nav .nav-item:last-child .nav-link {
padding-right: 0 !important
}
.nav-dd-container {
width: auto !important;
max-width: 133px !important
}
.search-container.width-100per, .search-container.align-left {
width: 100% !important
}
.search-container {
width: 275px !important
}
.m-width-30 {
width: 30% !important
}
.m-width-69 {
width: 69% !important
}
.dropdown-el {
padding: 11px 15px 11px 30px !important;
font-size: 20px !important;
max-height: 48px !important;
height: 48px !important
}
.dropdown-el::after {
right: .5em;
top: 1.2em
}
.dropdown-el span {
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px
}
.search-dd .dropdown-toggle {
font-size: 16px;
padding: 8px 25px 8px 15px !important
}
.nav-dd-container::-webkit-input-placeholder {
font-size: 16px !important
}
.search-dd > .bootstrap-select {
height: 30px
}
.nav-link {
font-size: 16px;
padding: 5px 0 !important
}
.left-blue-border {
margin-top: -1px !important;
height: 25px !important;
width: 100% !important
}
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714% !important;
*width: 14.285714285714285714285714285714% !important;
padding-right: 0;
padding-left: 0
}
.request-quote-tab-title {
font-size: 16px !important
}
#requestQuoteModal .modal-dialog {
width: 97% !important
}
}
@media all and (max-width: 1200px) {
.hero-block, .hero-2-block {
margin-top: 0 !important;
background-size: contain !important
}
}
@media all and (max-width: 1200px)and (min-width:991px) {
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714% !important;
*width: 14.285714285714285714285714285714% !important
}
.home-product-section-bg.home-page .description-normal-text {
width: auto !important
}
}
@media all and (max-width: 1400px) {
.left-blue-border {
margin-top: -1px !important;
height: 25px !important;
width: 100% !important
}
}
@media all and (max-width: 1600px)and (min-width:1200px) {
.col-gh-lg-3 {
width: 25% !important
}
.col-gh-lg-9 {
width: 75% !important
}
}
@media only screen and (min-device-width: 320px)and (max-device-width:812px)and (orientation:landscape) {
.img-faq {
height: 150px !important;
display: block !important;
margin: auto !important
}
.product-card-link-container {
padding-top: 5px
}
.modal-footer {
padding: 0 15px !important
}
.modal-footer .orange-btn {
margin-top: 20px !important;
margin-bottom: 0 !important
}
.modal-dialog.modal-dialog-centered {
width: 65% !important;
margin: 20px auto !important
}
.modal-body {
padding: 3px !important
}
.modal-body.request-quote-modal-body {
padding: 1px !important
}
.iframe-video-embed {
border: 0;
overflow: hidden
}
.description-normal-text table tbody tr td img {
width: 90% !important;
display: inline-block !important
}
}
@media only screen and (min-width: 481px) {
.display-flex.row {
display: flex;
flex-wrap: wrap
}
.display-flex.row > [class*="col-"] {
display: flex;
flex-direction: column
}
.display-flex.row:after, .display-flex.row:before {
display: flex
}
}
@media all and (min-width: 768px) {
.rqModal-dialog {
min-height: calc(100% - (1.75rem*2));
display: flex;
align-items: center;
margin: 1.75rem auto !important
}
.hero-block, .hero-2-block {
background-position: 0 0 !important;
padding-top: 0 !important
}
.tab-left-hide {
display: block
}
.tab-left-hide .content-main-body-left-section.hidden-xs.margin-t-12 {
display: block
}
.tab-left-hide .content-main-body-left-bg-img-section.hidden-xs.margin-top-80 {
display: block
}
.modal-dialog {
width: 59% !important;
margin: 30px auto
}
.modal-dialog {
margin-top: 60px !important
}
.release-summary-modal-dialog {
width: 80% !important
}
}
@media all and (min-width: 769px) {
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
width: 100% !important;
*width: 100% !important
}
.col-sm-5th-1, .col-sm-5th-2, .col-sm-5th-3, .col-sm-5th-4 {
float: left
}
.col-sm-5th-5 {
float: left;
width: 100%
}
.col-sm-5th-4 {
width: 80%
}
.col-sm-5th-3 {
width: 60%
}
.col-sm-5th-2 {
width: 40%
}
.col-sm-5th-1 {
width: 20%
}
.col-sm-5th-pull-5 {
right: 100%
}
.col-sm-5th-pull-4 {
right: 80%
}
.col-sm-5th-pull-3 {
right: 60%
}
.col-sm-5th-pull-2 {
right: 40%
}
.col-sm-5th-pull-1 {
right: 20%
}
.col-sm-5th-pull-0 {
right: auto
}
.col-sm-5th-push-5 {
left: 100%
}
.col-sm-5th-push-4 {
left: 80%
}
.col-sm-5th-push-3 {
left: 60%
}
.col-sm-5th-push-2 {
left: 40%
}
.col-sm-5th-push-1 {
left: 20%
}
.col-sm-5th-push-0 {
left: auto
}
.col-sm-5th-offset-5 {
margin-left: 100%
}
.col-sm-5th-offset-4 {
margin-left: 80%
}
.col-sm-5th-offset-3 {
margin-left: 60%
}
.col-sm-5th-offset-2 {
margin-left: 40%
}
.col-sm-5th-offset-1 {
margin-left: 20%
}
.col-sm-5th-offset-0 {
margin-left: 0%
}
.mobile-hide {
display: table-cell !important
}
.mobile-show {
display: none !important
}
.gh-card-block {
width: 33.33333333%;
padding: 0 15px;
position: relative;
padding-bottom: 30px
}
}
@media all and (min-width: 992px) {
.container {
width: 85% !important
}
.container-custome {
width: 92% !important
}
.col-md-5th-1, .col-md-5th-2, .col-md-5th-3, .col-md-5th-4 {
float: left
}
.col-md-5th-5 {
float: left;
width: 100%
}
.col-md-5th-4 {
width: 80%
}
.col-md-5th-3 {
width: 60%
}
.col-md-5th-2 {
width: 40%
}
.col-md-5th-1 {
width: 20%
}
.col-md-5th-pull-5 {
right: 100%
}
.col-md-5th-pull-4 {
right: 80%
}
.col-md-5th-pull-3 {
right: 60%
}
.col-md-5th-pull-2 {
right: 40%
}
.col-md-5th-pull-1 {
right: 20%
}
.col-md-5th-pull-0 {
right: auto
}
.col-md-5th-push-5 {
left: 100%
}
.col-md-5th-push-4 {
left: 80%
}
.col-md-5th-push-3 {
left: 60%
}
.col-md-5th-push-2 {
left: 40%
}
.col-md-5th-push-1 {
left: 20%
}
.col-md-5th-push-0 {
left: auto
}
.col-md-5th-offset-5 {
margin-left: 100%
}
.col-md-5th-offset-4 {
margin-left: 80%
}
.col-md-5th-offset-3 {
margin-left: 60%
}
.col-md-5th-offset-2 {
margin-left: 40%
}
.col-md-5th-offset-1 {
margin-left: 20%
}
.col-md-5th-offset-0 {
margin-left: 0%
}
.gh-card-block {
width: 33.33333333%;
padding: 0 15px;
position: relative;
padding-bottom: 30px
}
}
@media all and (min-width: 1024px) {
.cookiealert.show .container {
width: 100% !important
}
.cookie-container {
display: flex;
align-items: center;
margin: 0;
padding: 0
}
.cookie-msg {
width: 95%;
float: left
}
.cookie-btn {
width: 5%;
float: left
}
#requestQuoteModal .modal-dialog {
width: 67% !important
}
}
@media all and (min-width: 1200px) {
.col-xl-1 {
width: 21.333333%
}
.col-xl-11 {
width: 78.666667%
}
}
@media all and (min-width: 1200px) {
ul.left-content-links {
padding-left: 24px;
padding-bottom: 24px
}
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
width: 14.285714285714285714285714285714% !important;
*width: 14.285714285714285714285714285714% !important
}
.india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
.header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
.col-2-img, .col-md-2.col-xs-4.col-sm-2.title-container .sf_colsIn img {
display: block !important;
height: auto !important;
margin: auto !important;
max-height: 114px !important;
width: auto !important
}
.col-lg-5th-1, .col-lg-5th-2, .col-lg-5th-3, .col-lg-5th-4 {
float: left
}
.col-lg-5th-5 {
float: left;
width: 100%
}
.col-lg-5th-4 {
width: 80%
}
.col-lg-5th-3 {
width: 60%
}
.col-lg-5th-2 {
width: 40%
}
.col-lg-5th-1 {
width: 20%
}
.col-lg-5th-pull-5 {
right: 100%
}
.col-lg-5th-pull-4 {
right: 80%
}
.col-lg-5th-pull-3 {
right: 60%
}
.col-lg-5th-pull-2 {
right: 40%
}
.col-lg-5th-pull-1 {
right: 20%
}
.col-lg-5th-pull-0 {
right: auto
}
.col-lg-5th-push-5 {
left: 100%
}
.col-lg-5th-push-4 {
left: 80%
}
.col-lg-5th-push-3 {
left: 60%
}
.col-lg-5th-push-2 {
left: 40%
}
.col-lg-5th-push-1 {
left: 20%
}
.col-lg-5th-push-0 {
left: auto
}
.col-lg-5th-offset-5 {
margin-left: 100%
}
.col-lg-5th-offset-4 {
margin-left: 80%
}
.col-lg-5th-offset-3 {
margin-left: 60%
}
.col-lg-5th-offset-2 {
margin-left: 40%
}
.col-lg-5th-offset-1 {
margin-left: 20%
}
.col-lg-5th-offset-0 {
margin-left: 0%
}
}
@media all and (min-width: 1301px) {
.content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 {
width: 24% !important
}
.content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 {
width: 76% !important
}
}
@media all and (min-width: 1400px) {
.container {
width: 85%
}
.india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
.header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
}
@media all and (min-width: 1401px) {
.content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 {
width: 22% !important
}
.content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 {
width: 78% !important
}
}
@media all and (min-width: 1440px) {
.cookie-container {
display: flex;
align-items: center;
margin: 0;
padding: 0
}
.cookie-msg {
width: 95%;
float: left
}
.cookie-btn {
width: 5%;
float: left
}
}
@media all and (min-width: 1501px) {
.content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 {
width: 20% !important
}
.content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 {
width: 80% !important
}
}
@media all and (min-width: 1600px) {
.sub-title {
margin-bottom: 22px;
margin-top: 24px
}
.india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
.header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
}
@media all and (min-width: 1601px) {
.img-w-20-m-10 {
width: 7%;
margin: 10px
}
.content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 {
width: 19% !important
}
.content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 {
width: 81% !important
}
}
@media all and (min-width: 1800px) {
.india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
.header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
}
@media all and (min-width: 1801px) {
.content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 {
width: 17% !important
}
.content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 {
width: 83% !important
}
}
@media all and (min-width: 2000px) {
.india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
.header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
}
@media all and (min-width: 2001px) {
.content-main-body-container > .container > .row > .col-md-3, .my-account-title-container > .container > .row > .col-xs-3.col-sm-3 {
width: 15% !important
}
.content-main-body-container > .container > .row > .col-md-9, .my-account-title-container > .container > .row > .col-xs-9.col-sm-9 {
width: 85% !important
}
}
@media all and (min-width: 2200px) {
.india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
.header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
}
@media all and (min-width: 2400px) {
.india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
.header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
.india-css .header-logo-flags-block, .mexico-css .header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
.header-logo-flags-block {
background-image: url(/Content/GreenheckStyles/imgs/header-bg-waves-1.png) !important;
background-position: bottom !important
}
}
@media all and (max-width: 64em) {
figure {
padding-left: 0;
padding-right: 0;
height: auto
}
.controls {
height: 1.876rem
}
}
@media all and (max-width: 42.5em) {
.controls {
height: auto
}
.controls > * {
display: block;
width: 16.6667%;
margin-left: 0;
height: 2.5rem;
margin-top: 2.5rem
}
.controls .progress {
position: absolute;
top: 0;
width: 100%;
float: none;
margin-top: 0
}
.controls .progress progress {
width: 98%;
margin: 0 auto
}
.controls button {
background-position: center center
}
}
@media all and (max-width: 767px)and (min-width:640px) {
body {
background-position-y: 407px
}
}
@media all and (max-width: 639px)and (min-width:540px) {
body {
background-position-y: 424px
}
}
@media all and (max-width: 539px)and (min-width:440px) {
body {
background-position-y: 451px
}
}
@media all and (max-width: 375px)and (min-width:370px) {
body {
background-position-y: 452px
}
.featured-categories {
margin-top: -13px;
padding-top: 70px
}
}
@media all and (max-width: 340px) {
.hero-with-two-btn .hero-wrapper img.hero-img {
height: 265px !important
}
.purchase-option-card-link-container .purchase-option-sub-title {
font-size: 13px !important
}
.purchase-option-description {
font-size: 12px !important
}
.purchase-card-link.upper-case.blue-btn {
font-size: 13px !important
}
}
@media all and (max-width: 439px)and (min-width:376px) {
.featured-categories {
margin-top: 131px !important;
padding-top: 0 !important
}
}
@media all and (max-width: 439px)and (min-width:370px) {
body {
background-position-y: 452px
}
}
@media all and (max-width: 369px)and (min-width:328px) {
body {
background-position-y: 467px
}
.featured-categories {
margin-top: -25px !important;
padding-top: 80px !important
}
}
@media all and (max-width: 327px)and (min-width:320px) {
body {
background-position-y: 484px
}
.featured-categories {
margin-top: 42px !important;
padding-top: 0 !important
}
}
@media all and (max-width: 1024px)and (min-width:768px) {
.container {
width: 96% !important
}
.gh-logo-col {
width: 23% !important
}
.sli {
width: 22% !important
}
.gh-nav-search-choose-col {
width: 55% !important
}
.gh-flag-col {
width: 22% !important
}
.header-flag-active, .header-flag-inactive, .header-flag-inactive:hover {
padding: 0 10px 10px 10px !important
}
.logo {
padding: 14px 0 0 0 !important
}
.header-login-block {
padding-left: 10px !important;
padding-right: 10px !important
}
.header-logo-flags-block {
padding-left: 10px !important;
padding-right: 10px !important;
padding-bottom: 0 !important
}
.header-flags-container {
width: auto !important;
margin-bottom: 0;
padding-right: 15px
}
.header-lang-container {
width: auto !important;
margin-bottom: 0 !important;
padding-right: 10px
}
.gh-pipe {
width: 1px !important;
background: #57585a;
height: 12px;
display: inline-block;
margin-bottom: -3px !important
}
.header-lang-container span {
margin: 0 0
}
.flag-icon {
height: 32px
}
.flag-name {
font-size: 10px;
font-family: "Helvetica-Condensed", sans-serif;
letter-spacing: 1.5px
}
.header-logo-flags-block .container-fluid {
padding: 0
}
.header-logo-flags-block .col-md-12 {
padding-right: 15px !important;
padding-left: 8px !important
}
input.site-search-input.form-control, .hawk-resultsSearch input[type="text"], input.site-search-input.form-control::placeholder, .hawk-resultsSearch input[type="text"]::placeholder {
height: 34px !important;
line-height: 34px !important;
font-size: 14px !important
}
.desktop-min-choosemodel-menu .form-control.search-dd {
height: 40px
}
.search-block-and-choosemodel-block .form-control.search-dd {
height: 30px
}
.desktop-tab-menu .search-dd .filter-option, .desktop-tab-menu-min .search-dd .filter-option, .bootstrap-select.btn-group.search-dd ul.dropdown-menu, .bootstrap-select.btn-group.search-dd .bs-searchbox .form-control {
font-size: 14px !important
}
.desktop-tab-menu-min .search-dd .dropdown-toggle {
font-size: 14px !important;
padding: 9px 25px 9px 10px !important
}
.search-dd .dropdown-toggle {
font-size: 14px !important;
padding: 5px 25px 5px 10px !important
}
.nav-dd-container::-webkit-input-placeholder {
font-size: 14px !important
}
.desktop-tab-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu .search-dd .caret {
margin-top: -6px
}
.desktop-tab-menu-min .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu-min .search-dd .caret {
margin-top: -2px
}
.desktop-tab-menu .header-navbar-container .navbar-nav, .desktop-tab-menu-min .header-navbar-container .navbar-nav {
margin-left: -50px !important
}
.desktop-min-choosemodel-menu .search-container {
margin-top: 0 !important;
width: 300px !important
}
.desktop-tab-menu-min li.dropdown a {
font-size: 14px !important
}
.bootstrap-select.btn-group.search-dd .dropdown-menu.open {
width: 270px !important
}
.dropdown-toggle.temp-choose-model {
width: 153px !important;
max-width: 153px !important;
margin-right: 40px !important
}
.desktop-min-choosemodel-menu .nav-dd-container {
position: absolute !important;
right: 0 !important;
z-index: 4 !important;
top: 0 !important;
width: 153px !important;
max-width: 153px !important
}
.desktop-min-choosemodel-menu {
margin-right: 40px !important
}
.slide-left {
left: 0 !important
}
.slide-right {
right: 0 !important
}
.search-block-and-choosemodel-block {
margin: 0 30px 0 0 !important;
position: relative;
width: 270px !important;
float: right !important;
right: 20px !important;
padding: 22px 0 0 0 !important;
height: 60px
}
.header-navbar-container {
padding-top: 4px
}
.desktop-tab-menu {
height: 158px !important
}
.desktop-tab-menu.large {
height: 158px !important;
visibility: visible !important
}
.desktop-tab-menu .search-container .input-group-addon {
height: 34px !important
}
.desktop-tab-menu .search-container .input-group-addon .fa {
font-size: 20px;
padding: 0 4px 0 0 !important;
height: 34px !important;
vertical-align: middle !important;
line-height: 34px !important
}
.nav-link {
font-size: 14px;
padding: 7px 0 5px 0 !important
}
.nav-dd-container {
width: 153px !important;
max-width: 153px !important
}
.home-card-block .product-card-container-link {
margin-bottom: 30px !important;
padding: 0 0 67px 0 !important
}
.home-card-block .product-card-container-link .card-link {
margin-bottom: 0 !important
}
.home-content-bottom-space .card-white-container-link {
padding: 15px 15px 55px 15px !important
}
.home-content-bottom-space .card-white-title {
font-size: 22px !important;
line-height: 30px !important;
text-align: left !important;
margin-top: 0 !important
}
.home-content-bottom-space .card-white-img {
padding: 0 0 20px 0
}
.desktop-tab-menu .search-container {
margin-right: 0 !important;
width: 270px !important
}
.search-block-and-choosemodel-block .nav-dd-container {
right: 0 !important
}
.desktop-tab-menu .search-dd .filter-option, .bootstrap-select.btn-group.search-dd ul.dropdown-menu, .bootstrap-select.btn-group.search-dd .bs-searchbox .form-control {
font-size: 16px
}
.desktop-tab-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu .search-dd .caret {
border: .4em solid #9c9c9c;
content: "";
position: absolute;
right: 7px;
border-color: #9c9c9c transparent transparent transparent;
transition: .4s all ease-in-out;
font-size: 18px;
margin-top: -4px
}
.desktop-tab-menu .bootstrap-select.btn-group.search-dd.open .dropdown-toggle .caret {
top: 8px
}
.desktop-tab-menu-min .search-block-and-choosemodel-block li.dropdown a {
font-size: 14px !important;
padding: 7px 4px 7px 20px !important
}
.search-block-and-choosemodel-block .dropdown-menu > li > a {
font-size: 14px !important;
padding: 7px 4px 7px 20px !important
}
}
@media all and (max-width: 978px)and (min-width:768px) {
#SearchFilters {
width: 369px
}
#gh-my-orders_wrapper .txt-main-filter, #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .txt-main-filter, #discount-request_wrapper .select-main-filter {
margin-left: 96px !important;
width: 234px !important;
margin-top: 12px !important
}
}
@media all and (max-width: 857px)and (min-width:768px) {
.header-flags-container {
margin-bottom: 1px !important
}
.header-flag-active, .header-flag-inactive, .header-flag-inactive:hover {
padding: 0 7px 10px 7px !important
}
.header-flag-active > a, .header-flag-inactive > a {
display: inline-block
}
.header-flag-active .flag-name, .header-flag-inactive .flag-name {
font-size: 9px
}
.flag-icon {
height: 30px
}
.header-lang-container {
width: auto !important;
margin-bottom: 0;
padding-right: 6px;
margin-top: 2px
}
.header-flags-container {
width: auto !important;
margin-bottom: 7px;
padding-right: 15px
}
}
@media all and (max-width: 807px)and (min-width:768px) {
.lang-label {
font-size: 12px;
padding-right: 0;
letter-spacing: .5px
}
.lang-link-active {
font-size: 12px;
letter-spacing: .5px
}
.lang-link-inactive {
font-size: 12px;
letter-spacing: .5px
}
}
@media all and (max-width: 1024px)and (min-width:808px) {
.lang-label {
font-size: 13px;
padding-right: 0;
letter-spacing: .5px
}
.lang-link-active {
font-size: 13px;
letter-spacing: .5px
}
.lang-link-inactive {
font-size: 13px;
letter-spacing: .5px
}
}
@media all and (max-width: 1230px)and (min-width:1025px) {
.container {
width: 90% !important
}
.lang-link-active, .lang-link-inactive {
font-size: 15px !important
}
}
@media all and (max-width: 1285px)and (min-width:1025px) {
.gh-logo-col {
width: 23% !important
}
.gh-nav-search-choose-col {
width: 55% !important
}
.gh-flag-col {
width: 22% !important
}
.header-flag-active, .header-flag-inactive, .header-flag-inactive:hover {
padding: 0 15px 15px 15px
}
.logo {
padding: 14px 0 0 0 !important
}
.logo-img {
min-width: 260px
}
.header-navbar-container {
padding-top: 0
}
.header-login-block {
padding-left: 10px !important;
padding-right: 10px !important
}
.header-logo-flags-block {
padding-left: 10px !important;
padding-right: 10px !important
}
.header-flags-container {
margin-bottom: 10px !important
}
.header-lang-container {
margin-bottom: 0
}
.header-flags-container, .header-lang-container {
width: auto !important;
float: right !important
}
.flag-name {
font-size: 13px
}
.flag-icon {
height: 34px
}
.header-lang-container span {
margin: 0 2px
}
.lang-label {
font-size: 15px;
color: #706e6f;
letter-spacing: .8px
}
.lang-link-active {
color: #000;
font-size: 16px;
line-height: 18px;
text-decoration: underline;
letter-spacing: .1px
}
.lang-link-inactive {
color: #000;
font-size: 16px;
font-weight: normal;
line-height: 18px;
text-decoration: underline;
letter-spacing: .1px
}
.nav-link {
font-size: 20px;
padding-top: 13px !important
}
.header-logo-flags-block .col-md-12 {
padding-right: 15px !important;
padding-left: 5px !important
}
input.site-search-input.form-control, .hawk-resultsSearch input[type="text"], input.site-search-input.form-control::placeholder, .hawk-resultsSearch input[type="text"]::placeholder {
height: 41px !important;
line-height: 41px !important;
font-size: 16px !important
}
.desktop-tab-menu .search-container .input-group-addon .fa {
font-size: 20px;
padding: 0 14px 0 0;
height: 41px !important;
vertical-align: middle !important;
line-height: 41px
}
.search-block-and-choosemodel-block .nav-dd-container {
right: 0 !important
}
.search-dd .bootstrap-select .dropdown-menu li a, .search-dd .bootstrap-select .dropdown-menu li a span.text {
font-size: 16px !important
}
.search-dd .dropdown-toggle {
font-size: 16px !important;
padding: 5px 25px 5px 10px !important
}
.desktop-tab-menu-min .search-dd .dropdown-toggle {
font-size: 16px !important;
padding: 9px 25px 9px 10px !important
}
.nav-dd-container::-webkit-input-placeholder {
font-size: 16px !important
}
.desktop-tab-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu .search-dd .caret {
border: .4em solid #9c9c9c;
content: "";
position: absolute;
right: 7px;
border-color: #9c9c9c transparent transparent transparent;
transition: .4s all ease-in-out;
font-size: 18px;
margin-top: 0
}
.desktop-tab-menu .bootstrap-select.btn-group.search-dd.open .dropdown-toggle .caret {
top: 8px
}
.desktop-tab-menu-min .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-tab-menu-min .search-dd .caret {
margin-top: 0
}
.search-block-and-choosemodel-block .form-control.search-dd {
height: 40px
}
.desktop-min-choosemodel-menu .form-control.search-dd {
height: 40px
}
.search-dd .dropdown-toggle {
font-size: 16px !important;
padding: 5px 25px 5px 10px !important;
height: 39px !important
}
.nav-dd-container::-webkit-input-placeholder {
font-size: 16px !important
}
.desktop-tab-menu .search-dd .filter-option, .desktop-tab-menu-min .search-dd .filter-option, .bootstrap-select.btn-group.search-dd ul.dropdown-menu, .bootstrap-select.btn-group.search-dd .bs-searchbox .form-control {
font-size: 16px !important
}
.bootstrap-select.btn-group.search-dd .dropdown-menu.open {
width: 300px !important
}
.search-block-and-choosemodel-block {
position: relative;
width: 300px !important;
float: right !important;
right: 20px !important;
height: 56px
}
.desktop-tab-menu .search-container {
margin-right: 0 !important;
width: 300px !important
}
.nav-dd-container, .dropdown-toggle.temp-choose-model {
width: 165px !important;
max-width: 165px !important
}
.desktop-min-choosemodel-menu {
margin-right: 130px !important
}
.desktop-min-choosemodel-menu .search-container {
margin-top: 0 !important;
width: 300px !important
}
.desktop-min-choosemodel-menu .nav-dd-container {
position: absolute !important;
right: 0 !important;
z-index: 4 !important;
top: 0 !important;
width: 145px !important;
max-width: 145px !important
}
.desktop-tab-menu .search-container .input-group-addon .fa {
font-size: 20px;
padding: 0 14px 0 0;
height: 41px !important;
vertical-align: middle !important;
line-height: 41px
}
.search-dd .dropdown-toggle {
font-size: 16px !important;
padding: 5px 25px 5px 10px !important
}
.nav-dd-container::-webkit-input-placeholder {
font-size: 16px !important
}
.desktop-min-choosemodel-menu .bootstrap-select.btn-group.search-dd .dropdown-toggle .caret, .desktop-min-choosemodel-menu .search-dd .caret {
font-size: 15px;
margin-top: 0
}
.desktop-tab-menu-min .search-block-and-choosemodel-block li.dropdown a {
font-size: 16px !important;
padding: 7px 4px 7px 20px !important
}
.search-block-and-choosemodel-block .dropdown-menu > li > a {
font-size: 16px !important;
padding: 7px 4px 7px 20px !important
}
.desktop-tab-menu-min .search-block-and-choosemodel-block li.dropdown a {
font-size: 16px !important;
padding: 7px 4px 7px 20px !important
}
}
@media all and (max-width: 1050px)and (min-width:1025px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -117px !important
}
}
@media all and (max-width: 1080px)and (min-width:1051px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -100px !important
}
}
@media all and (max-width: 1110px)and (min-width:1081px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -90px !important
}
}
@media all and (max-width: 1140px)and (min-width:1111px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -74px !important
}
}
@media all and (max-width: 1160px)and (min-width:1141px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -60px !important
}
}
@media all and (max-width: 1180px)and (min-width:1161px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -40px !important
}
}
@media all and (max-width: 1200px)and (min-width:1181px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -30px !important
}
}
@media all and (max-width: 1220px)and (min-width:1201px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -30px !important
}
}
@media all and (max-width: 1240px)and (min-width:1221px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -30px !important
}
}
@media all and (max-width: 1260px)and (min-width:1241px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -30px !important
}
}
@media all and (max-width: 1280px)and (min-width:1261px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -40px !important
}
}
@media all and (max-width: 1285px)and (min-width:1281px) {
.header-navbar-container > .navbar-nav {
min-width: 635px;
margin-left: -30px !important
}
}
@media all and (max-width: 1455px)and (min-width:1286px) {
.gh-logo-col {
width: 24% !important
}
.gh-nav-search-choose-col {
width: 57% !important
}
.gh-flag-col {
width: 19% !important
}
.header-flag-active, .header-flag-inactive, .header-flag-inactive:hover {
padding: 0 15px 15px 15px
}
.header-logo-flags-block > .container-fluid > .row {
display: flex
}
.header-logo-flags-block > .container-fluid > .row > .col-md-3.col-sm-3 {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important
}
.logo {
padding-bottom: 10px !important;
padding-top: 0 !important
}
.bootstrap-select.btn-group.search-dd .dropdown-menu.open {
width: 440px !important
}
.search-block-and-choosemodel-block {
position: relative;
width: 370px !important;
float: right !important;
right: 0 !important
}
.desktop-tab-menu .search-container {
margin-right: 0 !important;
width: 370px !important
}
.nav-dd-container, .dropdown-toggle.temp-choose-model {
width: 220px !important;
max-width: 220px !important
}
.header-navbar-container {
padding-top: 0
}
.header-login-block {
padding-left: 10px !important;
padding-right: 10px !important
}
.header-logo-flags-block {
padding-left: 10px !important;
padding-right: 10px !important
}
.header-flags-container {
margin-bottom: 10px !important
}
.header-lang-container {
margin-top: 5px;
margin-bottom: 0
}
.header-flags-container, .header-lang-container {
width: auto !important;
float: right !important
}
.flag-name {
font-size: 13px
}
.flag-icon {
height: 34px
}
.header-lang-container span {
margin: 0 2px
}
.lang-label {
font-size: 15px;
color: #706e6f;
letter-spacing: .8px
}
.lang-link-active {
color: #000;
font-size: 16px;
line-height: 18px;
text-decoration: underline;
letter-spacing: .1px
}
.lang-link-inactive {
color: #000;
font-size: 16px;
font-weight: normal;
line-height: 18px;
text-decoration: underline;
letter-spacing: .1px
}
.header-navbar-container > .navbar-nav {
min-width: 635px
}
.nav-link {
font-size: 20px
}
.header-logo-flags-block .col-md-12 {
padding-right: 15px !important;
padding-left: 5px !important
}
.desktop-min-choosemodel-menu {
margin-right: 130px !important
}
.desktop-min-choosemodel-menu .search-container {
margin-top: 0 !important
}
.desktop-min-choosemodel-menu .nav-dd-container {
position: absolute !important;
right: 0 !important;
z-index: 4 !important;
top: 0 !important;
width: 200px !important;
max-width: 200px !important
}
.desktop-tab-menu .search-container .input-group-addon .fa {
font-size: 20px;
padding: 0 14px 0 0;
height: 41px !important;
vertical-align: middle !important;
line-height: 41px
}
.search-dd .dropdown-toggle {
font-size: 18px !important;
padding: 7px 37px 6px 14px !important
}
.nav-dd-container::-webkit-input-placeholder {
font-size: 18px !important
}
.desktop-tab-menu-min .search-block-and-choosemodel-block li.dropdown a {
font-size: 18px !important;
padding: 7px 4px 7px 20px !important
}
.search-block-and-choosemodel-block .dropdown-menu > li > a {
font-size: 18px !important;
padding: 7px 4px 7px 20px !important
}
.search-dd.open .dropdown-toggle {
padding: 8px 37px 6px 14px !important
}
.desktop-tab-menu .search-dd .filter-option, .desktop-tab-menu-min .search-dd .filter-option, .bootstrap-select.btn-group.search-dd ul.dropdown-menu, .bootstrap-select.btn-group.search-dd .bs-searchbox .form-control {
font-size: 18px !important
}
.search-block-and-choosemodel-block .dropdown-menu > li > a {
padding: 6px 16px !important
}
.desktop-tab-menu-min .search-block-and-choosemodel-block li.dropdown a {
padding: 6px 16px !important
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
position: absolute;
display: inline-block;
right: 12px !important;
margin-top: 10px !important
}
.desktop-tab-menu .search-container {
margin-right: 0 !important;
width: 370px !important
}
}
@media all and (min-width: 1456px) {
.header-logo-flags-block > .container-fluid > .row {
display: flex
}
.header-logo-flags-block > .container-fluid > .row > .col-md-3.col-sm-3 {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important
}
.logo {
padding-bottom: 23px !important;
padding-top: 0 !important
}
.bootstrap-select.btn-group.search-dd .dropdown-menu.open {
width: 440px !important
}
.search-block-and-choosemodel-block {
position: relative;
width: 370px !important;
float: right !important;
right: 0 !important
}
.desktop-tab-menu .search-container {
margin-right: 0 !important;
width: 370px !important
}
.nav-dd-container, .dropdown-toggle.temp-choose-model {
width: 220px !important;
max-width: 220px !important
}
.desktop-min-choosemodel-menu {
margin-right: 130px !important
}
.desktop-min-choosemodel-menu .search-container {
margin-top: 0 !important;
width: 370px !important
}
.desktop-min-choosemodel-menu .nav-dd-container {
position: absolute !important;
right: 0 !important;
z-index: 4 !important;
top: 0 !important;
width: 220px !important;
max-width: 220px !important
}
}
@media all and (max-width: 443px) {
.modal-tab-icon {
height: 40px;
width: 40px
}
.tab-title-with-icon {
width: 40px;
font-size: 16px;
line-height: 1.4em
}
.w50px {
width: 60%;
vertical-align: middle
}
.tab-title-with-icon {
color: #a9adb6;
width: 40px;
display: inline-block;
text-align: center;
padding-top: 15px;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 14px;
line-height: 1.4em
}
.modal-icon-tab-seperator-before {
height: 5px;
background: #a9adb6;
display: inline-block;
width: 100%;
margin-top: 18px;
margin-right: 2px;
margin-left: 2px
}
.modal-icon-tab-seperator-last-child-before-after {
height: 5px;
background: #a9adb6;
display: inline-block;
width: 100%;
margin-top: 18px;
margin-right: 2px;
margin-left: 2px
}
}
@media all and (max-width: 564px)and (min-width:444px) {
.modal-icon-tab-seperator-before {
height: 8px;
background: #a9adb6;
display: inline-block;
width: 100%;
margin-top: 28px;
margin-right: 4px;
margin-left: 4px
}
.modal-icon-tab-seperator-last-child-before-after {
height: 8px;
background: #a9adb6;
display: inline-block;
width: 100%;
margin-top: 28px;
margin-right: 4px;
margin-left: 4px
}
.w50px {
width: 60%;
vertical-align: middle
}
.modal-tab-icon {
height: 60px;
width: 60px
}
.tab-title-with-icon {
width: 60px;
font-size: 16px;
line-height: 1.4em
}
}
@media all and (max-width: 564px) {
.hero-with-two-btn .hero-btn-wrap .transparent-btn {
height: 24px !important;
width: 25px !important;
background-size: 60% !important
}
.sort-by-select {
position: absolute;
bottom: 66px
}
.sales-lead-sort-by-select {
bottom: 0 !important;
display: none
}
.dt-range-lbl, .filter-by-lbl {
width: 88px !important
}
.dt-range-lbl {
width: auto !important;
margin-right: 0
}
#gh-my-orders_wrapper .txt-main-filter, #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .txt-main-filter, #discount-request_wrapper .select-main-filter {
margin-left: 90px !important;
min-width: 184px !important;
margin-top: 21px !important
}
.release-summary-title {
width: 100% !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important
}
.release-summary-pdf {
width: 100% !important;
text-align: center !important;
margin-top: 0 !important;
margin-bottom: 10px
}
button.close.release-summary-close, button.close.release-summary-close:hover {
line-height: 30px !important;
padding: 0 !important;
margin-top: -20px !important;
font-size: 30px !important;
height: 30px !important;
width: 30px !important;
display: inline-block;
vertical-align: middle;
text-align: center
}
[data-dtr-index="5"], [data-dtr-index="6"] {
padding: 6px 0 !important
}
[data-dtr-index="5"] span.dtr-title, [data-dtr-index="6"] span.dtr-title {
min-width: 0 !important
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
border-bottom: 1px solid #efefef
}
table.dataTable tbody tr td a.delete-contact, table.dataTable tbody tr td a.edit-contact {
padding: 4px 20px !important;
margin: 0 !important;
border-top: 2px !important;
border-bottom: 2px !important
}
table.dataTable tbody tr td a:hover.delete-contact, table.dataTable tbody tr td a:hover.edit-contact {
line-height: 16px !important
}
.orange-btn.margin-b-0.delete-contact {
color: #4a4a4a !important;
background-color: transparent !important;
border-left: 0 !important;
border-right: 0 !important
}
#gh-my-orders_wrapper .bottom, #gh-my-accountInfo_wrapper .bottom, #discount-request_wrapper .bottom {
text-align: center;
width: 100%;
height: 94px;
margin: 0 !important;
padding: 15px 0 !important
}
#gh-my-orders_wrapper .bottom .dataTables_info, #gh-my-accountInfo_wrapper .bottom .dataTables_info, #discount-request_wrapper .bottom .dataTables_info {
float: none !important
}
#gh-my-orders_wrapper .bottom .dataTables_paginate, #gh-my-accountInfo_wrapper .bottom .dataTables_paginate, #discount-request_wrapper .bottom .dataTables_paginate {
float: none !important
}
.my-orders-btn-apply {
position: absolute;
bottom: 165px;
width: 100%;
margin: 0 !important
}
.my-orders-btn-reset {
position: absolute;
bottom: 85px;
left: 105px;
margin: 0 !important;
padding-left: 5px
}
.data-range-container {
bottom: 216px;
position: absolute;
margin: 0 !important;
padding-top: 0 !important
}
.sales-data-range-container {
top: 0;
position: absolute;
margin: 0 !important;
padding-top: 0 !important
}
.sales-data-range-container .dataTable-date-filter {
margin-top: 7px !important;
font-weight: 500
}
.sales-data-range-container .dt-range-lbl {
color: #7b7b7b !important;
font-weight: 500;
width: 100% !important
}
.sales-data-range-container .fa-calendar {
display: inline-block
}
.sales-data-range-container .fa-caret-down {
font-size: 18px
}
.gh-sales-lead-filter {
top: 125px !important
}
#gh-my-orders_filter.gh-sales-lead-filter input {
height: 32px !important;
font-size: 16px !important
}
.gh-sales-lead-filter .dt-search-icon {
height: 32px !important
}
.gh-sales-lead-filter .dt-search-icon .dt-search-icon-container {
height: 32px !important;
width: 32px !important
}
.gh-sales-lead-filter .dt-search-icon .dt-search-icon-container .dt-search-icon-fa {
height: 32px !important;
line-height: 32px !important;
font-size: 18px
}
.filter-by-group {
top: 86px;
position: absolute;
margin: 0 !important
}
.sales-filter-by-group {
top: 75px;
position: absolute;
margin: 0 !important;
display: inline-flex;
align-items: center
}
.sales-filter-by-group .filter-by-lbl {
width: 60px !important;
font-weight: 500
}
.sales-filter-by-group #selFilterBy {
width: 100px !important;
height: max-content !important
}
.sales-filter-by-group .dropdown-el {
background-size: 10px !important;
background-position-x: 90% !important
}
.sales-my-orders-btn-apply {
position: absolute;
top: 75px;
right: 0;
display: inline-flex;
align-items: center;
padding-top: 3px
}
.sales-my-orders-btn-apply .groupbottommargin {
margin-bottom: 0 !important
}
.dataTables_paginate.paging_simple_numbers {
text-align: center !important
}
#gh-my-orders_wrapper .top .dataTables_paginate, #discount-request_wrapper .top .dataTables_paginate {
width: 100%;
top: 0;
position: absolute;
right: auto;
left: 0
}
#SearchFilters {
width: 100% !important
}
#SearchFilters .filter-by-label {
font-size: 16px !important;
padding-bottom: 0 !important;
font-family: "Helvetica-Condensed", sans-serif !important;
line-height: 32px !important;
padding: 0 !important;
height: 36px !important;
padding-top: 4px !important
}
#gh-my-accountInfo_wrapper > .top {
margin: 10px 0 !important;
height: 133px
}
#gh-my-accountInfo_wrapper > .top .dataTables_paginate {
top: 0;
width: 100%;
right: auto;
bottom: auto;
padding: 0 0 !important;
justify-content: space-between;
display: flex
}
#gh-my-accountInfo_length {
left: 0;
text-align: left;
top: 28px !important;
margin-left: 15px !important
}
#gh-my-accountInfo_wrapper .dt-search-icon-container {
margin-top: -46px !important
}
#gh-my-accountInfo_filter {
bottom: 0;
position: absolute;
width: 100%
}
#gh-my-accountInfo_filter > label, #gh-my-accountInfo_filter > label > input {
width: 100%
}
#gh-my-accountInfo_wrapper .dt-search-icon {
position: absolute !important;
bottom: 0;
right: 0;
margin: 0
}
#gh-my-orders_wrapper > .top, #discount-request_wrapper > .top {
height: 367px;
position: relative;
margin: 10px 0 !important
}
#gh-my-orders_filter.gh-sales-lead-filter label {
position: relative;
width: 40% !important;
float: left
}
#gh-my-orders_filter, #discount-request_filter {
bottom: 0 !important;
position: absolute !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important
}
#gh-my-orders_filter > label, #discount-request_filter > label {
width: 100% !important;
margin: 0 !important;
padding: 0 !important
}
#discount-request_filter > label {
text-align: left
}
#gh-my-orders_filter.dataTables_filter input, #discount-request_filter.dataTables_filter input {
width: 100% !important;
margin: 0 !important
}
#gh-my-orders_filter.dataTables_filter input::placeholder, #gh-my-orders_filter.dataTables_filter input::-webkit-input-placeholder, #gh-my-orders_filter.dataTables_filter input {
font-size: 14px !important
}
#gh-my-orders_length.gh-sales-lead-length .gh-my-orders-entries {
margin-left: 5px;
height: max-content !important;
padding: 0 15px 0 10px !important;
background-size: 10px !important
}
#gh-my-orders_wrapper .dt-search-icon, #discount-request_wrapper .dt-search-icon {
top: auto !important;
position: absolute !important;
bottom: 0 !important;
right: 0 !important;
margin: 0 !important
}
#gh-my-orders_wrapper .m-dt-date-range, #discount-request_wrapper .m-dt-date-range {
position: absolute !important;
bottom: 50px !important;
left: 0 !important;
top: auto !important
}
.dataTables_wrapper .search-filter label {
padding-top: 1px !important
}
#gh-my-orders_wrapper .top .dataTables_length, #discount-request_wrapper .top .dataTables_length {
position: absolute !important;
top: 34px !important;
left: 0 !important;
text-align: left !important;
width: 100%;
margin-left: 0 !important
}
#gh-my-accountInfo_wrapper .top .dataTables_length {
margin-left: 0 !important
}
.dataTables_wrapper .search-filter label {
padding-top: 1px !important
}
.dt-savepreference-sales-lead .save-preference {
font-size: 14px !important;
height: 28px !important;
line-height: 24px !important
}
#gh-my-orders_wrapper .top .dataTables_length {
position: absolute !important;
top: 34px !important;
left: 0 !important;
text-align: left !important;
width: 100%;
margin-left: 0 !important
}
#gh-my-orders_wrapper #gh-my-orders_length.gh-sales-lead-length {
top: 125px !important;
left: auto !important;
right: 0 !important;
width: 60%;
padding-left: 25px !important;
text-align: right !important
}
#gh-my-accountInfo_wrapper .top .dataTables_length {
margin-left: 0 !important
}
#gh-my-orders_length select, #discount-request_length select {
margin-left: 48px
}
#gh-my-orders_wrapper .modal-submit-btn, #gh-my-orders_wrapper .modal-close-btn, #discount-request_wrapper .modal-submit-btn, #discount-request_wrapper .modal-close-btn {
height: 32px !important;
margin-top: 0 !important;
margin-left: 0 !important;
line-height: 28px;
padding: 0 30px !important
}
.sales-my-orders-btn-apply #btnApply {
margin-right: 7px
}
.sales-my-orders-btn-apply #btnApply, .sales-my-orders-btn-apply #btnReset {
height: max-content !important;
padding: 0 7px !important;
font-size: 12px !important;
line-height: 20px !important;
margin-bottom: 0 !important
}
.dt-savepreference {
bottom: 99px !important;
position: absolute !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
top: unset;
float: left
}
.dt-savepreference-sales-lead {
top: 170px !important
}
.save-preference {
background-color: #fff;
border: 2px solid #015a9c !important;
border-radius: 4px !important;
color: #015a9c !important;
cursor: pointer;
display: inline-block;
float: left;
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px !important;
font-weight: bolder !important;
height: 32px !important;
line-height: 28px;
margin-left: 0 !important;
margin-top: 0 !important;
padding: 0 12px !important;
margin-right: 4px
}
.hero-wrapper .hero-sub-title {
padding-right: 0 !important
}
}
@media all and (max-width: 978px)and (min-width:768px) {
#gh-my-orders_wrapper .txt-main-filter, #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .txt-main-filter, #discount-request_wrapper .select-main-filter {
margin-left: 96px !important;
width: 267px !important;
margin-top: 12px !important
}
.gh-my-orders-container .dataTables_wrapper .dataTables_paginate .paginate_button, .gh-my-orders-container div.dataTables_wrapper .dataTables_info {
padding: 5px 6px !important
}
}
@media all and (max-width: 767px)and (min-width:565px) {
.dt-range-lbl, .filter-by-lbl {
width: 79px !important
}
#gh-my-orders_wrapper .txt-main-filter, #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .txt-main-filter, #discount-request_wrapper .select-main-filter {
margin-left: 79px !important;
min-width: 184px !important
}
#gh-my-orders_wrapper .top .dataTables_paginate, #discount-request_wrapper .top .dataTables_paginate {
width: auto !important
}
.hero-wrapper .hero-sub-title {
margin-bottom: 10px !important
}
.hero-wrapper .orange-btn-2, .orange-btn-2[disabled]:hover {
font-size: 12px !important;
padding: 8px 20px !important
}
.hero-wrapper .transparent-btn {
font-size: 12px !important;
padding: 8px 20px !important
}
.hero-wrapper .orange-btn-2 .fa-external-link:before {
font-size: 12px !important
}
.hero-wrapper .transparent-btn .fa-play {
height: 15px;
width: 15px;
font-size: 7px
}
}
@media all and (max-width: 1024px) {
input.site-search-input.form-control {
height: 34px !important;
line-height: 34px !important;
font-size: 14px !important;
padding: 0 13px 0 13px !important
}
.product-card-purchase-option {
grid-template-columns: repeat(1, 1fr) !important;
grid-row-gap: 15px
}
.purchase-card-link.upper-case.orange-btn, .purchase-card-link.upper-case.blue-btn {
font-size: 14px !important;
line-height: 1em !important
}
.request-quote-location i {
margin-top: 0
}
.word-count-wrap {
font-size: 18px
}
}
@media all and (max-width: 1024px)and (min-width:769px) {
.hero-wrapper .hero-container {
top: 40px
}
.hero-wrapper .hero-title {
font-size: 38px
}
.hero-wrapper .hero-sub-title {
font-size: 18px;
max-width: 480px;
margin-top: 10px
}
#requestQuoteModal .modal-dialog {
width: 92% !important
}
}
@media all and (max-width: 564px) {
.hero-wrapper .hero-btn-wrap {
display: inline-flex;
margin-top: 10px
}
.transparent-btn, .orange-btn-2 {
height: 24px
}
.hero-wrapper .hero-btn-wrap .orange-btn-2, .hero-wrapper .hero-btn-wrap .transparent-btn {
font-size: 10px !important;
padding: 6px 15px !important
}
.orange-btn-2 .fa-external-link:before {
font-size: 14px;
border: 2px solid transparent
}
.transparent-btn .fa-play {
height: 16px;
width: 16px;
font-size: 7px
}
}
@media all and (max-width: 420px) {
.hero-wrapper img.hero-img {
height: 170px
}
.hero-with-two-btn .hero-wrapper img.hero-img {
height: 230px
}
}
@media all and (max-width: 567px) {
.careers-button {
padding: 0 12px !important
}
#selFilterBy, #txtMainFilter, #selSalesPerson {
margin-right: 0 !important
}
.hero-with-two-btn .hero-wrapper img.hero-img {
height: 230px
}
}
@media all and (min-width: 565px)and (max-width:567px) {
#gh-my-orders_wrapper .txt-main-filter, #gh-my-orders_wrapper .select-main-filter, #discount-request_wrapper .txt-main-filter, #discount-request_wrapper .select-main-filter {
margin-left: 77px !important
}
}
@media(max-width: 1199.98px) {
.blog-title-icon-container {
width: 100px;
float: left
}
.blog-title-icon-container img.title-icon {
width: 85px;
margin-left: 0;
margin-top: 9px
}
.blog-title-desc-container {
width: calc(100% - 100px);
float: left
}
.blog-title-desc-container .page-title {
font-size: 30px;
line-height: 1.4em !important;
padding-bottom: 6px;
margin-bottom: 6px;
margin-top: 3px
}
.blog-title-desc-container .sub-title-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 26px !important;
line-height: 1.4em !important;
margin-bottom: 30px !important
}
.col-blog-9 {
width: 100%;
float: none
}
.col-blog-3 {
width: 100%;
margin-left: 0;
float: none;
padding-top: 38px
}
.topics-list li {
width: 100% !important;
margin-right: 0
}
}
@media all and (min-width: 1024px)and (max-width:1320px) {
.hero-with-two-btn .hero-container-section {
padding-top: 0 !important
}
.request-quote-tab-title {
font-size: 18px
}
#requestQuoteModal .modal-dialog {
width: 84% !important
}
}
@media(max-width: 991.98px) {
.blog-title-icon-container {
width: 85px;
float: left
}
.blog-title-icon-container img.title-icon {
width: 70px;
margin-left: 0;
margin-top: 9px
}
.blog-title-desc-container {
width: calc(100% - 85px);
float: left
}
.blog-title-desc-container .page-title {
font-size: 28px;
line-height: 1.4em !important;
padding-bottom: 6px;
margin-bottom: 6px;
margin-top: 3px
}
.blog-title-desc-container .sub-title-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 24px !important;
line-height: 1.4em !important;
margin-bottom: 28px !important
}
.col-blog-9 {
width: 100%
}
.col-blog-3 {
width: 100%;
margin-left: 0;
float: none;
padding-top: 38px
}
.topics-list li {
width: 100% !important;
margin-right: 0
}
}
@media(max-width: 767.98px) {
.blog-title-icon-container {
width: 70px;
float: left
}
.blog-title-icon-container img.title-icon {
width: 60px;
margin-left: 0;
margin-top: 9px
}
.blog-title-desc-container {
width: calc(100% - 70px);
float: left
}
.blog-title-desc-container .page-title {
font-size: 20px;
line-height: 1.4em !important;
padding-bottom: 6px;
margin-bottom: 6px;
margin-top: 3px
}
.blog-title-desc-container .sub-title-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 16px !important;
line-height: 1.4em !important;
margin-bottom: 20px !important
}
.blog-section-title {
font-size: 18px;
margin-bottom: 15px !important;
margin-top: 15px
}
.blog-post.featured-post h2.blog-heading-lg, .blog-post.featured-post h2.blog-heading-sm {
font-size: 18px;
padding: 15px
}
.blog-post.featured-post.large-featured-post .blog-post-img, .blog-post.featured-post.small-featured-post .blog-post-img {
max-height: none;
max-width: 100%
}
.large-featured-post, .small-featured-post {
margin-bottom: 15px
}
.blog-story .blog-heading-sm, .blog-event .blog-heading-sm {
padding: 65px 20px 0 20px !important;
font-size: 20px !important
}
.blog-heading-sm, .blog-heading-lg {
font-size: 20px !important
}
.blog-event {
height: auto !important;
padding-bottom: 100px !important
}
.post-thumb-head {
height: 200px !important
}
.post-thumb-body {
height: 160px !important
}
.blog-group-link {
font-size: 16px !important
}
.blog-post-author, .post-thumb-footer .blog-post-date-sm, .post-thumb-footer .blog-post-date-lg {
font-size: 14px !important
}
.col-blog-9 {
width: 100%
}
.col-blog-3 {
width: 100%;
margin-left: 0;
float: none;
padding-top: 38px
}
.topics-list li {
width: 100% !important;
margin-right: 0
}
.topics-list li:last-child {
margin-bottom: 60px !important
}
.center-card-title-grey {
color: #25282d
}
.center-card-description-grey {
font-size: 21px !important
}
.hero-with-two-btn .hero-title, .hero-with-two-btn .hero-sub-title {
float: unset !important
}
.hero-with-two-btn .hero-btn-wrap .transparent-btn span.xs-hide, .hero-with-two-btn .hero-btn-wrap .transparent-btn .btn-icon {
display: none !important
}
.hero-with-two-btn .hero-btn-wrap .transparent-btn {
background-color: #f6f6f8 !important;
border: #f6f6f8 !important;
padding: 6px !important;
background-image: url(https://ghsitefinitytesting.blob.core.windows.net/atg-cms-work/images/default-source/icons/gh_homepage_rfq-landing-page_icons-playbutton-grey.png);
background-size: 70%;
background-repeat: no-repeat;
background-position: center;
height: 30px;
width: 32px
}
.request-quote-modal-body .btn-group-justified > .btn, .btn-group-justified > .btn-group {
display: block;
float: none;
width: 100%
}
.request-quote-modal-body .request-quote-tab {
font-size: 18px !important;
line-height: 18px !important;
padding: 10px !important;
padding-left: 40px !important
}
.request-quote-tab-title-wrap {
justify-content: flex-start !important
}
.request-quote-modal-body .request-quote-tab-title {
font-size: 18px !important;
line-height: normal
}
.rq-modal-footer {
padding: 30px !important
}
.request-quote-tab {
box-shadow: none !important;
border-bottom: 3px solid #e5e5e5 !important
}
.request-quote-tab.active {
border-bottom: 3px solid #015a9c !important
}
.request-quote-label {
padding-left: 15px !important
}
.form-control.request-quote-input.request-quote-txtarea, .form-control.request-quote-input {
line-height: 21px !important;
padding: 10px !important;
font-size: 15px !important
}
.custom-file-upload-wrapper {
display: grid !important;
text-align: left !important
}
.custom-file-upload-wrapper .custom-file-upload {
font-size: 16px !important;
padding: 6px 10px !important
}
.file-desc, .file-v-line {
font-size: 12px !important;
line-height: 16px !important;
margin: 0 !important
}
.file-v-line {
display: none
}
#selectedFiles.rptext-alignleft {
margin-top: 7px
}
.word-count-wrap {
font-size: 15px !important
}
.textarea-word-count-wrap {
right: 30px !important;
font-size: 14px !important;
bottom: 8px !important
}
.request-quote-modal-content button.close {
top: 20% !important;
right: 20px !important
}
.request-quote-tab-content-container .tab-pane .form-container {
padding: 30px 40px !important
}
.sd-text {
font-size: 16px !important;
line-height: 22px
}
.rq-next-btn, .rq-close-btn {
padding: 8px 10px !important
}
.rq-thank-msg {
line-height: 24px !important
}
.request-quote-radio-text-wrap {
margin-left: 15px !important
}
}
@media all and (max-width: 424px) {
#gh-my-orders_length label, .dataTables_length label, #discount-request_length label {
font-size: 14px !important
}
.dataTables_length select {
font-size: 14px !important;
background-size: 14px !important
}
.dataTables_wrapper .search-filter label, .dataTables_filter label, .dataTables_length label, .dataTables_wrapper .groupbottommargin {
font-size: 14px !important
}
.form-group .dropdown-el.data-table-dropdown-el, .form-group.groupbottommargin .dropdown-el {
font-size: 14px !important;
background-size: 14px !important
}
.dataTable-date-filter {
font-size: 14px !important
}
.dataTable-date-filter .fa-caret-down {
font-size: 18px
}
#SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn {
font-size: 14px !important
}
.save-preference {
font-size: 14px !important
}
}
@media all and (max-width: 360px) {
#gh-my-orders_length label, .dataTables_length label, #discount-request_length label {
font-size: 12px !important
}
.dataTables_length select {
font-size: 12px !important;
background-size: 12px !important
}
.dataTables_wrapper .search-filter label, .dataTables_filter label, .dataTables_length label, .dataTables_wrapper .groupbottommargin {
font-size: 12px !important
}
.form-group .dropdown-el.data-table-dropdown-el, .form-group.groupbottommargin .dropdown-el {
font-size: 12px !important;
background-size: 12px !important
}
.dataTable-date-filter {
font-size: 12px !important
}
.dataTable-date-filter .fa-caret-down {
font-size: 16px
}
#SearchFilters .modal-submit-btn, #SearchFilters .modal-close-btn {
font-size: 12px !important
}
.save-preference {
font-size: 12px !important
}
px-7-py-0 {
padding: 0 7px !important
}
}
@media(max-width: 575.98px) {
.blog-title-icon-container {
width: 58px;
float: left
}
.blog-title-icon-container img.title-icon {
width: 50px;
margin-left: 0;
margin-top: 9px
}
.blog-title-desc-container {
width: calc(100% - 58px);
float: left
}
.blog-title-desc-container .page-title {
font-size: 18px;
line-height: 1.4em !important;
padding-bottom: 6px;
margin-bottom: 6px;
margin-top: 3px
}
.blog-title-desc-container .sub-title-with-more-bottom-space {
color: #57585a;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 14px !important;
line-height: 1.4em !important;
margin-bottom: 20px !important
}
.blog-section-title {
font-size: 18px;
margin-bottom: 15px !important;
margin-top: 15px
}
.blog-post.featured-post h2.blog-heading-lg, .blog-post.featured-post h2.blog-heading-sm {
font-size: 16px;
padding: 15px
}
.blog-post.featured-post.large-featured-post .blog-post-img, .blog-post.featured-post.small-featured-post .blog-post-img {
max-height: none;
max-width: 100%
}
.large-featured-post, .small-featured-post {
margin-bottom: 15px
}
.blog-story .blog-heading-sm, .blog-event .blog-heading-sm {
padding: 65px 20px 0 20px !important;
font-size: 18px !important
}
.blog-heading-sm, .blog-heading-lg {
font-size: 18px !important
}
.blog-event {
height: auto !important;
padding-bottom: 100px !important
}
.post-thumb-head {
height: 200px !important
}
.post-thumb-body {
height: 160px !important
}
.blog-group-link {
font-size: 14px !important
}
.blog-post-author, .post-thumb-footer .blog-post-date-sm, .post-thumb-footer .blog-post-date-lg {
font-size: 12px !important
}
.col-blog-9 {
width: 100%
}
.col-blog-3 {
width: 100%;
margin-left: 0;
float: none;
padding-top: 38px
}
.topics-list li {
width: 100% !important;
margin-right: 0
}
.topics-list li:last-child {
margin-bottom: 60px !important
}
}
#gh-my-orders_wrapper, #discount-request_wrapper {
min-height: 1316px
}
.product-card-purchase-option .section-sub-title {
margin-top: 0;
padding-top: 14px;
padding-left: 0
}
.product-card-purchase-option {
display: grid;
grid-auto-rows: 1fr;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px
}
.purchase-option-link-wrapper {
height: 100%;
margin-bottom: 12px;
width: 100%;
max-width: 500px;
display: inline-block;
padding: 0;
text-decoration: none !important
}
.product-card-purchase-option .purchase-option-link-wrapper {
width: 100% !important;
padding-left: 0;
}
.purchase-option-card-link-container {
border: 2px solid rgba(33, 33, 33, 20%);
padding: 15px;
text-decoration: none !important;
height: 100%;
position: relative;
padding-bottom: 60px
}
.w-24 {
width: 24px !important
}
.purchase-option-card-link-container .purchase-option-sub-title {
display: flex;
align-items: center;
justify-content: space-between;
color: #57585a;
text-decoration: none;
font-family: "Helvetica-Condensed-Bold", sans-serif;
font-size: 15px;
margin-bottom: 10px;
line-height: 3.5rem;
flex-wrap: wrap
}
.purchase-option-text-img {
color: #d97a23
}
.purchase-option-text-img img {
width: 32px;
margin-right: 5px;
margin-bottom: 5px
}
.purchase-option-description {
color: #57585a;
font-size: 14px;
font-family: "Helvetica-Condensed", sans-serif
}
.purchase-card-link-container {
position: absolute;
bottom: 20px
}
.purchase-card-link {
margin-bottom: 0 !important
}
.black-btn {
border: 2px solid #333;
border-radius: 8px;
background-color: #333;
padding: 4px 16px;
color: #fff;
font-family: "Helvetica-Condensed", sans-serif !important;
font-size: 15px;
display: inline-block;
line-height: 1em;
padding: .4em 2em;
font-weight: bold;
cursor: pointer
}
.black-btn:hover, .black-btn:active, .black-btn:focus {
background: rgba(255, 255, 255, .9) !important;
color: #333 !important;
text-decoration: none !important;
border-color: #333 !important;
padding: .4em 2em !important;
font-weight: bold !important
}
@media all and (max-width: 400px) {
.mobile-nav-right .header-flags-container {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
grid-gap: 10px
}
}
@media(max-width: 415px) {
.request-quote-modal-sub-title {
font-size: 14px
}
.request-quote-modal-content button.close {
right: 20px
}
.request-quote-modal-body .btn-group-justified > .btn, .btn-group-justified > .btn-group {
display: block;
float: none;
width: 100%
}
.request-quote-modal-body .btn-group {
margin-left: 0 !important
}
.rq-modal-footer {
padding: 20px 10px !important
}
.rq-next-btn, .rq-close-btn {
width: 120px
}
.rq-modal-footer {
text-align: center
}
.rq-success-text {
font-size: 16px;
margin-bottom: 0 !important
}
.rq-comp-name-location .rq-comp-name {
font-size: 30px
}
.rq-thank-msg {
padding-top: 40px;
font-size: 18px
}
.rq-thank-msg .f-bold {
font-weight: 600
}
.rq-success-msg-wrap i {
font-size: 36px
}
.pt-sm-30 {
padding-top: 30px !important
}
.ra-ca-leftdiv {
text-align: center
}
.rq-ca-text, .rq-ca-optional {
font-size: 22px;
display: inline-block
}
.ra-ca-rightdiv {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
display: inline-block
}
.ra-ca-rightdiv a {
margin: 0 !important
}
.rq-next-btn, .rq-close-btn {
padding: 8px 20px !important
}
}
section.product-card-container-link-section {
height: 100%;
margin-bottom: 30px
}
.rptext-alignleft {
text-align: left !important
}
.custom-file-upload-wrapper {
display: inline-flex;
align-items: center;
justify-content: flex-start;
width: 100%
}
@media all and (max-width: 500px) {
#customWarehouseReqModal .hcm-30 {
font-family: "Helvetica-Condensed-Bold", sans-serif !important;
font-size: 18px !important
}
#customWarehouseReqModal .modal-header {
padding: 10px 30px !important
}
#customWarehouseReqModal ul.nav.nav-tabs {
display: flex;
flex-direction: column;
align-items: flex-start
}
#customWarehouseReqModal .modal-body {
padding: 0 !important
}
#customWarehouseReqModal .modal-body .modal-tab {
border-bottom-width: 1px !important;
display: inline-block;
width: 100%;
margin: 0
}
#customWarehouseReqModal .modal-tab-title-wrap {
font-family: "Helvetica-Condensed", sans-serif;
font-size: 16px;
align-items: center;
justify-content: flex-start
}
#customWarehouseReqModal .form-group.request-quote-label {
padding-bottom: 28px !important
}
#customWarehouseReqModal .sd-text {
margin-bottom: 6px !important;
color: red !important;
font-size: 14px !important
}
#customWarehouseReqModal .modal-footer {
border-top: 1px solid #d0d0d0 !important;
text-align: right;
padding: 0 30px 20px !important
}
}
@media(max-width: 1199px)and (min-width:769px) {
.rep-office-modal .tab-item a {
padding: 12px 15px !important;
font-size: 15px
}
.rep-office-modal .grid-cols-5 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.rep-office-modal .grid-cols-3 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
}
@media(min-width: 1024px) {
#repOfficeCreatUserInternal .modal-dialog, #repOfficeCreatUser .modal-dialog {
width: 85% !important
}
}
@media(max-width: 1024px)and (min-width:769px) {
#repOfficeCreatUserInternal .modal-dialog, #repOfficeCreatUser .modal-dialog {
width: 92% !important
}
}
@media(max-width: 767px) {
#repOfficeCreatUserInternal .modal-dialog, #repOfficeCreatUser .modal-dialog {
width: 95% !important
}
.rep-office-modal .grid-cols-5, .rep-office-modal .grid-cols-3 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.rep-office-modal .tab-item a::after, .rep-office-modal .tab-item.active a::after, .rep-office-modal .tab-item a:hover::after {
height: 1px
}
.rep-office-modal .nav-justified > li > a {
margin-bottom: 1px
}
.rep-office-modal .modal-header button.close {
right: 20px;
top: 45%
}
.rep-office-modal .tab-footer {
padding: 30px 0
}
.rep-office-modal .tab-footer .btn-custom {
padding: 7px 30px
}
.rep-office-modal .personal-info-form, .rep-office-modal .thankMsg-review-content-wrap {
padding: 40px 30px
}
.rep-office-modal .selected-offices-content-wrap, .rep-office-modal .default-mailing-dropdown-content-wrap {
padding: 0 30px 40px
}
.rep-office-modal .review-footer {
padding: 30px 20px
}
.rep-office-modal .review-footer .btn-blue-link {
padding: 10px 0;
margin-top: 15px
}
.rep-office-modal .edit-personal-info-form {
padding: 30px
}
}
@media(max-width: 1024px) {
.t-text-3-25 {
font-size: .8125rem !important
}
.t-text-3-5 {
font-size: .875rem !important
}
.t-text-4 {
font-size: 1rem !important
}
.t-text-6-5 {
font-size: 1.625rem !important
}
.t-text-8 {
font-size: 2rem !important
}
.t-flex-col {
flex-direction: column !important
}
.t-flex-row {
flex-direction: row !important
}
.t-max-w-56 {
max-width: 14rem !important
}
.t-max-w-184 {
max-width: 46rem !important
}
.t-max-w-full {
max-width: 100% !important
}
.t-w-full {
width: 100% !important
}
.child-b b {
font-size: .8125rem !important
}
.t-gap-0 {
gap: 0 !important
}
.t-gap-1-5 {
gap: .375rem !important
}
.t-gap-5 {
gap: 1.25rem !important
}
.t-pl-0 {
padding: 0 !important
}
.t-py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important
}
.t-px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.t-py-12-5 {
padding-top: 3.125rem !important;
padding-bottom: 3.125rem !important
}
.t-pb-1-5 {
padding-bottom: .375rem !important
}
.t-flex-1 {
flex-grow: 1 !important;
flex-shrink: 1 !important;
flex-basis: 0% !important
}
.t-mt-5 {
margin-top: 1.25rem !important
}
.t-text-left {
text-align: left !important
}
}
@media(max-width: 767px) {
.m-flex-col {
flex-direction: column !important
}
.m-px-5 {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important
}
.m-mt-0 {
margin-top: 0 !important
}
.m-mb-1-5 {
margin-bottom: .375rem !important
}
.m-max-w-full {
max-width: 100% !important
}
.m-w-full {
width: 100% !important
}
.m-text-3-25 {
font-size: .8125rem !important
}
.m-text-4 {
font-size: 1rem !important
}
.carousel-item {
padding: 10px 0 !important
}
}
div.form-element-container[data-sf-role="field-captcha-container"] {
margin-top: 0 !important
}
div.form-element-container[data-sf-role="field-captcha-container"] > div {
display: flex !important;
gap: 20px !important;
padding: 9px 0 !important;
box-sizing: content-box !important;
}
div.form-element-container[data-sf-role="field-captcha-container"] > div audio {
max-width: 236px !important;
}
audio::-webkit-media-controls-current-time-display,
audio::-webkit-media-controls-time-remaining-display,
audio::-webkit-media-controls-timeline,
audio::-webkit-media-controls-volume-control-container {
display: none !important;
}
/* General styling for the datepicker container */
.ui-datepicker {
width: 100%;
max-width: 320px;
background: #fff;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
font-family: Arial, sans-serif;
font-size: 14px;
z-index: 999 !important;
}
/* Header styles */
.ui-datepicker-header {
background-color: #005a9d;
color: white;
padding: 10px;
text-align: center;
display: flex;
justify-content: space-around;
align-items: center;
}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next {
color: white !important;
transition: color 0.3s ease !important;
}
/* Calendar days */
.ui-datepicker-calendar {
width: 100%;
border-collapse: collapse;
margin: 0;
}
/* Styling for day cells */
.ui-datepicker-calendar .ui-state-default {
padding: 10px;
text-align: center;
cursor: pointer;
color: #333;
display: inline-block;
width: 38px;
height: 38px;
transition: background-color 0.3s, color 0.3s !important;
}
.ui-datepicker-calendar .ui-state-default:hover {
background-color: #005a9de0;
color: white !important;
text-decoration: none;
}
.ui-datepicker-prev:hover, ui-datepicker-next:hover {
color: #fff !important;
}
/* Styling for today (highlighted) */
.ui-datepicker-today a {
background-color: #28a745;
color: white !important;
}
/* Weekends (Saturday and Sunday) */
.ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {
color: #e74c3c;
}
/* Disabled state (other month) */
.ui-datepicker-calendar .ui-datepicker-other-month {
color: #ccc;
}
/* Disabled dates */
.ui-datepicker-calendar .ui-state-disabled {
background-color: #f5f5f5;
color: #bbb;
cursor: not-allowed;
}
/* Responsive styling */
@media (max-width: 600px) {
.ui-datepicker {
max-width: 100%;
}
.ui-datepicker-header {
font-size: 14px;
}
}
.ui-datepicker-title {
order: 2;
}
a.ui-datepicker-prev.ui-corner-all {
order: 1;
}
a.ui-datepicker-next.ui-corner-all {
order: 3;
}
.ui-datepicker td, .ui-datepicker th {
text-align: center;
}
a.ui-corner-all:hover, .ui-state-focus {
color: #fff !important;
text-decoration: underline;
transition: color 0.3s ease, text-decoration 0.3s ease !important;
}
select.ui-datepicker-month, select.ui-datepicker-year {
width: auto;
padding: 6px;
font-size: 14px;
border: 1px solid #ccc;
border-radius: 4px;
background-color: #fff;
color: #333;
cursor: pointer;
margin-right: 4px;
}
/* Change border color when the dropdown is focused */
select.ui-datepicker-month:focus,
select.ui-datepicker-year:focus {
border-color: #66afe9;
outline: none;
}
/* Styling for the current day in the datepicker */
.ui-datepicker-current-day .ui-state-default {
background-color: #005a9d; /* Blue background */
color: #fff !important; /* White text */
font-weight: bold; /* Bold text */
width: 38px;
height: 38px;
text-align: center; /* Ensure the text is centered */
}
/* Optional: Hover effect for the current day */
.ui-datepicker-current-day:hover {
background-color: #005a9d; /* Darker blue on hover */
cursor: pointer; /* Change cursor to pointer when hovering */
}
.save-preference
/* Focus state for better accessibility */
.ui-datepicker-current-day:focus {
outline: none; /* Remove default outline */
background-color: #005a9d; /* Darker blue for focus */
}
.ui-datepicker-current-day, .ui-datepicker-current-day:hover {
background-color: #ffffff; /* Blue background */
}
.unordered-list ul{
list-style: disc;
padding-left: 20px;
}
/* Margin Utilities */
.mt-0 {
margin-top: 0; /* 0px */
}
.mt-1 {
margin-top: 0.25rem; /* 4px */
}
.mt-2 {
margin-top: 0.5rem; /* 8px */
}
.mt-3 {
margin-top: 0.75rem; /* 12px */
}
.mt-4 {
margin-top: 1rem; /* 16px */
}
.mt-5 {
margin-top: 1.25rem; /* 20px */
}
.mt-6 {
margin-top: 1.5rem; /* 24px */
}
.mt-8 {
margin-top: 2rem; /* 32px */
}
.mt-10 {
margin-top: 2.5rem; /* 40px */
}
.mt-12 {
margin-top: 3rem; /* 48px */
}
.mt-16 {
margin-top: 4rem; /* 64px */
}
.mt-24 {
margin-top: 6rem; /* 96px */
}
.mt-32 {
margin-top: 8rem; /* 128px */
}
.mb-0 {
margin-bottom: 0; /* 0px */
}
.mb-1 {
margin-bottom: 0.25rem; /* 4px */
}
.mb-2 {
margin-bottom: 0.5rem; /* 8px */
}
.mb-3 {
margin-bottom: 0.75rem; /* 12px */
}
.mb-4 {
margin-bottom: 1rem; /* 16px */
}
.mb-5 {
margin-bottom: 1.25rem; /* 20px */
}
.mb-6 {
margin-bottom: 1.5rem; /* 24px */
}
.mb-8 {
margin-bottom: 2rem; /* 32px */
}
.mb-10 {
margin-bottom: 2.5rem; /* 40px */
}
.mb-12 {
margin-bottom: 3rem; /* 48px */
}
.mb-16 {
margin-bottom: 4rem; /* 64px */
}
.mb-24 {
margin-bottom: 6rem; /* 96px */
}
.mb-32 {
margin-bottom: 8rem; /* 128px */
}
.ml-0 {
margin-left: 0; /* 0px */
}
.ml-1 {
margin-left: 0.25rem; /* 4px */
}
.ml-2 {
margin-left: 0.5rem; /* 8px */
}
.ml-3 {
margin-left: 0.75rem; /* 12px */
}
.ml-4 {
margin-left: 1rem; /* 16px */
}
.ml-5 {
margin-left: 1.25rem; /* 20px */
}
.ml-6 {
margin-left: 1.5rem; /* 24px */
}
.ml-8 {
margin-left: 2rem; /* 32px */
}
.ml-10 {
margin-left: 2.5rem; /* 40px */
}
.ml-12 {
margin-left: 3rem; /* 48px */
}
.ml-16 {
margin-left: 4rem; /* 64px */
}
.ml-24 {
margin-left: 6rem; /* 96px */
}
.ml-32 {
margin-left: 8rem; /* 128px */
}
.ml-auto {
margin-left: auto; /* auto */
}
.mr-0 {
margin-right: 0; /* 0px */
}
.mr-1 {
margin-right: 0.25rem; /* 4px */
}
.mr-2 {
margin-right: 0.5rem; /* 8px */
}
.mr-3 {
margin-right: 0.75rem; /* 12px */
}
.mr-4 {
margin-right: 1rem; /* 16px */
}
.mr-5 {
margin-right: 1.25rem; /* 20px */
}
.mr-6 {
margin-right: 1.5rem; /* 24px */
}
.mr-8 {
margin-right: 2rem; /* 32px */
}
.mr-10 {
margin-right: 2.5rem; /* 40px */
}
.mr-12 {
margin-right: 3rem; /* 48px */
}
.mr-16 {
margin-right: 4rem; /* 64px */
}
.mr-24 {
margin-right: 6rem; /* 96px */
}
.mr-32 {
margin-right: 8rem; /* 128px */
}
.mr-auto {
margin-right: auto; /* auto */
}
.mx-0 {
margin-left: 0; /* 0px */
margin-right: 0; /* 0px */
}
.mx-1 {
margin-left: 0.25rem; /* 4px */
margin-right: 0.25rem; /* 4px */
}
.mx-2 {
margin-left: 0.5rem; /* 8px */
margin-right: 0.5rem; /* 8px */
}
.mx-3 {
margin-left: 0.75rem; /* 12px */
margin-right: 0.75rem; /* 12px */
}
.mx-4 {
margin-left: 1rem; /* 16px */
margin-right: 1rem; /* 16px */
}
.mx-5 {
margin-left: 1.25rem; /* 20px */
margin-right: 1.25rem; /* 20px */
}
.mx-6 {
margin-left: 1.5rem; /* 24px */
margin-right: 1.5rem; /* 24px */
}
.mx-8 {
margin-left: 2rem; /* 32px */
margin-right: 2rem; /* 32px */
}
.mx-10 {
margin-left: 2.5rem; /* 40px */
margin-right: 2.5rem; /* 40px */
}
.mx-12 {
margin-left: 3rem; /* 48px */
margin-right: 3rem; /* 48px */
}
.mx-16 {
margin-left: 4rem; /* 64px */
margin-right: 4rem; /* 64px */
}
.mx-24 {
margin-left: 6rem; /* 96px */
margin-right: 6rem; /* 96px */
}
.mx-32 {
margin-left: 8rem; /* 128px */
margin-right: 8rem; /* 128px */
}
.mx-auto {
margin-left: auto; /* auto */
margin-right: auto; /* auto */
}
.my-0 {
margin-top: 0; /* 0px */
margin-bottom: 0; /* 0px */
}
.my-1 {
margin-top: 0.25rem; /* 4px */
margin-bottom: 0.25rem; /* 4px */
}
.my-2 {
margin-top: 0.5rem; /* 8px */
margin-bottom: 0.5rem; /* 8px */
}
.my-3 {
margin-top: 0.75rem; /* 12px */
margin-bottom: 0.75rem; /* 12px */
}
.my-4 {
margin-top: 1rem; /* 16px */
margin-bottom: 1rem; /* 16px */
}
.my-5 {
margin-top: 1.25rem; /* 20px */
margin-bottom: 1.25rem; /* 20px */
}
.my-6 {
margin-top: 1.5rem; /* 24px */
margin-bottom: 1.5rem; /* 24px */
}
.my-8 {
margin-top: 2rem; /* 32px */
margin-bottom: 2rem; /* 32px */
}
.my-10 {
margin-top: 2.5rem; /* 40px */
margin-bottom: 2.5rem; /* 40px */
}
.my-12 {
margin-top: 3rem; /* 48px */
margin-bottom: 3rem; /* 48px */
}
.my-16 {
margin-top: 4rem; /* 64px */
margin-bottom: 4rem; /* 64px */
}
.my-24 {
margin-top: 6rem; /* 96px */
margin-bottom: 6rem; /* 96px */
}
.my-32 {
margin-top: 8rem; /* 128px */
margin-bottom: 8rem; /* 128px */
}
.my-auto {
margin-top: auto; /* auto */
margin-bottom: auto; /* auto */
}
/* Padding Utilities */
.pt-0 {
padding-top: 0; /* 0px */
}
.pt-1 {
padding-top: 0.25rem; /* 4px */
}
.pt-2 {
padding-top: 0.5rem; /* 8px */
}
.pt-3 {
padding-top: 0.75rem; /* 12px */
}
.pt-4 {
padding-top: 1rem; /* 16px */
}
.pt-5 {
padding-top: 1.25rem; /* 20px */
}
.pt-6 {
padding-top: 1.5rem; /* 24px */
}
.pt-8 {
padding-top: 2rem; /* 32px */
}
.pt-10 {
padding-top: 2.5rem; /* 40px */
}
.pt-12 {
padding-top: 3rem; /* 48px */
}
.pt-16 {
padding-top: 4rem; /* 64px */
}
.pt-24 {
padding-top: 6rem; /* 96px */
}
.pt-32 {
padding-top: 8rem; /* 128px */
}
.pb-0 {
padding-bottom: 0; /* 0px */
}
.pb-1 {
padding-bottom: 0.25rem; /* 4px */
}
.pb-2 {
padding-bottom: 0.5rem; /* 8px */
}
.pb-3 {
padding-bottom: 0.75rem; /* 12px */
}
.pb-4 {
padding-bottom: 1rem; /* 16px */
}
.pb-5 {
padding-bottom: 1.25rem; /* 20px */
}
.pb-6 {
padding-bottom: 1.5rem; /* 24px */
}
.pb-8 {
padding-bottom: 2rem; /* 32px */
}
.pb-10 {
padding-bottom: 2.5rem; /* 40px */
}
.pb-12 {
padding-bottom: 3rem; /* 48px */
}
.pb-16 {
padding-bottom: 4rem; /* 64px */
}
.pb-24 {
padding-bottom: 6rem; /* 96px */
}
.pb-32 {
padding-bottom: 8rem; /* 128px */
}
.pl-0 {
padding-left: 0; /* 0px */
}
.pl-1 {
padding-left: 0.25rem; /* 4px */
}
.pl-2 {
padding-left: 0.5rem; /* 8px */
}
.pl-3 {
padding-left: 0.75rem; /* 12px */
}
.pl-4 {
padding-left: 1rem; /* 16px */
}
.pl-5 {
padding-left: 1.25rem; /* 20px */
}
.pl-6 {
padding-left: 1.5rem; /* 24px */
}
.pl-8 {
padding-left: 2rem; /* 32px */
}
.pl-10 {
padding-left: 2.5rem; /* 40px */
}
.pl-12 {
padding-left: 3rem; /* 48px */
}
.pl-16 {
padding-left: 4rem; /* 64px */
}
.pl-24 {
padding-left: 6rem; /* 96px */
}
.pl-32 {
padding-left: 8rem; /* 128px */
}
.pr-0 {
padding-right: 0; /* 0px */
}
.pr-1 {
padding-right: 0.25rem; /* 4px */
}
.pr-2 {
padding-right: 0.5rem; /* 8px */
}
.pr-3 {
padding-right: 0.75rem; /* 12px */
}
.pr-4 {
padding-right: 1rem; /* 16px */
}
.pr-5 {
padding-right: 1.25rem; /* 20px */
}
.pr-6 {
padding-right: 1.5rem; /* 24px */
}
.pr-8 {
padding-right: 2rem; /* 32px */
}
.pr-10 {
padding-right: 2.5rem; /* 40px */
}
.pr-12 {
padding-right: 3rem; /* 48px */
}
.pr-16 {
padding-right: 4rem; /* 64px */
}
.pr-24 {
padding-right: 6rem; /* 96px */
}
.pr-32 {
padding-right: 8rem; /* 128px */
}
.px-0 {
padding-left: 0; /* 0px */
padding-right: 0; /* 0px */
}
.px-1 {
padding-left: 0.25rem; /* 4px */
padding-right: 0.25rem; /* 4px */
}
.px-2 {
padding-left: 0.5rem; /* 8px */
padding-right: 0.5rem; /* 8px */
}
.px-3 {
padding-left: 0.75rem; /* 12px */
padding-right: 0.75rem; /* 12px */
}
.px-4 {
padding-left: 1rem; /* 16px */
padding-right: 1rem; /* 16px */
}
.px-5 {
padding-left: 1.25rem; /* 20px */
padding-right: 1.25rem; /* 20px */
}
.px-6 {
padding-left: 1.5rem; /* 24px */
padding-right: 1.5rem; /* 24px */
}
.px-8 {
padding-left: 2rem; /* 32px */
padding-right: 2rem; /* 32px */
}
.px-10 {
padding-left: 2.5rem; /* 40px */
padding-right: 2.5rem; /* 40px */
}
.px-12 {
padding-left: 3rem; /* 48px */
padding-right: 3rem; /* 48px */
}
.px-16 {
padding-left: 4rem; /* 64px */
padding-right: 4rem; /* 64px */
}
.px-24 {
padding-left: 6rem; /* 96px */
padding-right: 6rem; /* 96px */
}
.px-32 {
padding-left: 8rem; /* 128px */
padding-right: 8rem; /* 128px */
}
.py-0 {
padding-top: 0; /* 0px */
padding-bottom: 0; /* 0px */
}
.py-1 {
padding-top: 0.25rem; /* 4px */
padding-bottom: 0.25rem; /* 4px */
}
.py-2 {
padding-top: 0.5rem; /* 8px */
padding-bottom: 0.5rem; /* 8px */
}
.py-3 {
padding-top: 0.75rem; /* 12px */
padding-bottom: 0.75rem; /* 12px */
}
.py-4 {
padding-top: 1rem; /* 16px */
padding-bottom: 1rem; /* 16px */
}
.py-5 {
padding-top: 1.25rem; /* 20px */
padding-bottom: 1.25rem; /* 20px */
}
.py-6 {
padding-top: 1.5rem; /* 24px */
padding-bottom: 1.5rem; /* 24px */
}
.py-8 {
padding-top: 2rem; /* 32px */
padding-bottom: 2rem; /* 32px */
}
.py-10 {
padding-top: 2.5rem; /* 40px */
padding-bottom: 2.5rem; /* 40px */
}
.py-12 {
padding-top: 3rem; /* 48px */
padding-bottom: 3rem; /* 48px */
}
.py-16 {
padding-top: 4rem; /* 64px */
padding-bottom: 4rem; /* 64px */
}
.py-24 {
padding-top: 6rem; /* 96px */
padding-bottom: 6rem; /* 96px */
}
.py-32 {
padding-top: 8rem; /* 128px */
padding-bottom: 8rem; /* 128px */
}