a.cta_button {
    box-sizing: border-box!important
}

.btn-group>div {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle
}

.btn-group>div:first-child {
    margin-bottom: 5px;
    margin-left: 0
}

.btn-group>div:last-child {
    margin-bottom: 5px;
    margin-right: 0
}

.button-1 a {
    /* background: linear-gradient(180deg, #15339F  , #15339F 100%, #15339F 0); */
    background-color: #15339F;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font-family: Poppins;
    font-size: 23px;
    font-weight: 700;
    min-width: 300px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    /* height: 2000px; */
}

.button-1 a:hover {
    color: #fff
}

.button-1 a:before {
    background-color: #15339F;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: .4s;
    visibility: visible;
    width: 100%;
    z-index: -1
}

.button-1 a:hover:before {
    opacity: 0;
    visibility: hidden;
}

.button-1 a:after {
    background: url(//f.hubspotusercontent20.net/hubfs/20292423/raw_assets/public/big-bolt/images/arrow-right.svg) no-repeat 50%;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 6px 0 0 15px;
    vertical-align: top;
    width: 15px
}

.link-btn a {
    color: #15339F;
    display: inline-block;
    font-family: Poppins;
    font-size: 23px;
    font-weight: 700;
    min-width: 200px;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

.link-btn a:hover {
    color: #525254
}

.link-btn a:hover:after {
    filter: grayscale(1.7);
    margin-left: 15px
}

.link-btn a:after {
    background: url(//f.hubspotusercontent20.net/hubfs/20292423/raw_assets/public/big-bolt/images/green-arrow.svg)no-repeat 50%/100% auto;
    content: "";
    height: 18px;
    margin-left: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s;
    width: 20px
}

.darkbg-button a {
    background: linear-gradient(180deg, #1A3EC0, #15339F 100%, violet 0);
    color: #fff;
    display: block;
    font-family: Poppins;
    font-size: 19px;
    font-weight: 700;
    padding: 11px 25px;
    position: relative;
    z-index: 1
}

.darkbg-button a:hover {
    color: #fff
}

.darkbg-button a:before {
    background: #525254;
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: .4s;
    visibility: visible;
    width: 100%;
    z-index: -1
}

.darkbg-button a:hover:before {
    opacity: 0;
    visibility: hidden
}

@media (max-width:1199px) {
    [class*=button-] a {
        min-width: 200px;
        padding: 8px 35px
    }
    .button-1 a {
        font-size: 20px;
        font-weight: 600
    }
    .button-1 a:after {
        margin-left: 6px
    }
}

@media (max-width:991px) {
    .btn-group>div {
        display: block;
        margin: 0 0 8px
    }
    .button-1 a {
        font-size: 18px
    }
    .link-btn a {
        font-size: 20px
    }
}

@media (max-width:767px) {
    [class*=button-] a {
        font-size: 16px;
        padding: 8px 35px 10px 10px
    }
    .button-1 a,
    .link-btn a {
        font-size: 15px
    }
    .link-btn a:after {
        height: 10px;
        width: 16px
    }
}

.feature .feature-section {
    padding: 50px 0 0
}

.feature .select-section {
    margin-top: 50px
}

.feature .feature-section .inner-content {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap
}

.feature .feature-section .left-part .rec_posts {
    height: 52vw;
    margin-top: 20px
}

.feature .feature-section .left-part .rec_posts img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.feature .feature-section .right-part h3 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 10px
}

.feature .feature-section .right-part .post-title {
    color: #525254;
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 15px
}

.feature .feature-section .right-part .rec_posts {
    color: #525254;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px
}

.feature .select-section .selection-inner .dropdown-menu .filter-topic {
    margin-bottom: 20px;
    position: relative
}

.feature .select-section .selection-inner .dropdown-menu .filter-topic h3 {
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
    color: #525254;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 14px 30px;
    position: relative
}

.feature .select-section .selection-inner .dropdown-menu .filter-topic h3:after {
    background: url(hubfs/theme-big-bolt/Image/gray-arrow.svg)no-repeat 50%/100% auto;
    content: "";
    height: 20px;
    position: absolute;
    right: 20px;
    top: 55%;
    transform: translateY(-55%);
    width: 16px
}

.feature .select-section .selection-inner .dropdown-menu ul {
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 52px;
    width: 100%;
    z-index: 2
}

.feature .select-section .selection-inner .dropdown-menu ul li {
    list-style: none
}

.feature .select-section .selection-inner .dropdown-menu ul li a {
    border-bottom: 1px solid #afafaf;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 13px 15px 13px 30px;
    transition: .4s
}

.feature .select-section .selection-inner .dropdown-menu ul li:last-child {
    border-bottom: 0
}

.feature .select-section .selection-inner .dropdown-menu ul li:hover a,
.feature .select-section .selection-inner .dropdown-menu ul li:hover.active a {
    background-color: #15339F;
    color: #fff
}

.feature .select-section .selection-inner .default-form h3 {
    font-size: 0;
    margin: 0
}

.feature .select-section .selection-inner .default-form .hs-form .hs-form-field .input .hs-input {
    background-color: #dbdbdb;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    margin: 0 0 10px;
    padding: 14px 15px
}

.feature .select-section .selection-inner .default-form .hs-form .hs_submit {
    padding: 0;
    position: relative
}

.feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions {
    border-radius: 0;
    min-width: 100%
}

.feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions input[type=submit] {
    background-image: linear-gradient(180deg, #1A3EC0, #15339F);
    border: 1px solid #d7d7d7;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin: 0;
    padding: 11px 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions:after {
    background: url(//f.hubspotusercontent20.net/hubfs/20292423/raw_assets/public/big-bolt/images/arrow-right.svg)no-repeat;
    content: "";
    height: 12px;
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.feature .select-section .selection-inner .default-form .hs-form .hs-form-field .input .hs-input::placeholder {
    color: #525254
}

.feature .select-section .selection-inner .default-form .hs-form .hs-form-field label {
    display: none
}

.blog-index-wrap {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0 0
}

.blog-index-wrap .blog-index__post {
    margin: 0 0 30px;
    width: 100%
}

.blog-index-wrap .blog-index__post .blog-index__post-image {
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 53vw;
    margin-bottom: 20px;
    width: 100%
}

.blog-index-wrap .blog-index__post .blog-index__post-content h2 {
    color: #4d4d4d;
    font-size: 19px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 7px
}

.blog-index-wrap .blog-index__post .blog-index__post-content h2 a:hover {
    color: #15339F
}

.blog-index-wrap .blog-index__post .link-btn {
    margin-top: 20px
}

.blog-index-wrap .blog-index__post[data-topic=feature] {
    display: none
}

.blog-pagination {
    margin: 10px 0;
    text-align: center
}

.blog-pagination .blog-pagination__link svg {
    fill: #15339F;
    height: 14px
}

.blog-pagination .blog-pagination__link {
    color: #525254;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px
}

.blog-pagination .blog-pagination__link.blog-pagination__number-link.blog-pagination__link--active,
.blog-pagination .blog-pagination__link.blog-pagination__number-link:hover {
    color: #15339F
}

.blog-post .content-wrapper {
    padding: 50px 0 20px
}

.blog-post .content-wrapper .feature-img img {
    height: 54vw;
    margin: 0 0 30px;
    object-fit: cover;
    object-position: center;
    width: 100%
}

.blog-post .blog-post-section .blog-post__timestamp {
    color: #15339F;
    font-size: 20px;
    line-height: 40px;
    text-align: left;
    text-transform: uppercase
}

.blog-post .blog-post-section .blog-post__body span {
    color: #4d4d4d
}

.blog-post .blog-post-section .blog-post__body a,
.blog-post .blog-post-section .blog-post__body a span {
    color: #28a745
}

.blog-post .blog-post-section .blog-post__body h4 span {
    color: #15339F
}

.blog-post .blog-post-section .blog-post__body h4 {
    color: #525254;
    font-size: 20px;
    line-height: 30px;
    text-align: left
}

.blog-post .blog-post-section h1 span {
    color: #525254;
    font-size: 30px;
    line-height: 38px
}

.blog-post .blog-recent-posts {
    background: #000;
    padding: 50px 0 20px
}

.blog-post .blog-recent-posts .content-wrapper {
    padding: 0
}

.blog-post .blog-recent-posts h2 {
    color: #fff;
    line-height: 54px;
    margin-bottom: 30px;
    text-transform: uppercase
}

.blog-post .blog-recent-posts a.blog-recent-posts__post {
    color: #fff;
    font-size: 17px;
    line-height: 29px;
    margin: 0 0 20px
}

.blog-post .blog-recent-posts .blog-recent-posts__list {
    display: flex;
    flex-wrap: wrap;
    padding: 0
}

.blog-post .blog-recent-posts .blog-recent-posts__image {
    height: 260px;
    margin-bottom: 20px
}

.blog-post .blog-recent-posts .blog-recent-posts__title {
    color: #fff;
    margin-bottom: 5px
}

.blog-post .blog-index-wrap .blog-index__post .blog-index__post-content,
.blog-post .blog-recent-posts h2 span {
    color: #fff
}

.blog-post .blog-post-section .blog-post__body h4 br {
    display: none
}

.blog-post .blog-index-wrap .blog-index__post .blog-index__post-content p a {
    color: #28a745
}

.blog-post .blog-index-wrap .blog-index__post .blog-index__post-content p a:hover {
    color: #fff
}

.blog-post .blog-post__body a,
.blog-post .blog-post__body a span {
    color: #15339F
}

.blog-post .blog-recent-posts h2 a {
    Color: #fff
}

@media(min-width:768px) {
    .feature .feature-section .inner-content {
        flex-direction: row
    }
    .feature .feature-section .left-part {
        width: 50%
    }
    .feature .feature-section .left-part .rec_posts {
        font-size: 15px;
        height: auto;
        line-height: 25px;
        margin-top: 0
    }
    .feature .feature-section .right-part {
        padding: 0 0 0 30px;
        width: 50%
    }
    .feature .select-section .selection-inner>div {
        width: 50%
    }
    .feature .select-section .selection-inner .dropdown-menu .filter-topic {
        margin-bottom: 0
    }
    .feature .select-section .selection-inner .dropdown-menu .filter-topic h3:after {
        width: 18px
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs-form-field .input .hs-input {
        margin: 0
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions {
        min-width: 150px;
        position: absolute;
        right: 0;
        top: -51px
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions input[type=submit] {
        margin: 0;
        padding: 13px 20px;
        text-align: left
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions:after {
        right: 15px
    }
    .blog-index-wrap {
        margin: 0 -12px
    }
    .blog-index-wrap .blog-index__post {
        font-size: 15px;
        line-height: 25px;
        margin: 0 12px 65px;
        width: calc(50% - 24px)
    }
    .blog-index-wrap .blog-index__post .blog-index__post-image {
        height: 27vw
    }
    .blog-post .blog-post-section h1 span {
        font-size: 42px;
        line-height: 35px;
        margin-bottom: 35px
    }
    .blog-index-wrap .blog-index__post .blog-index__post-content h2 {
        font-size: 23px
    }
    .blog-post .content-wrapper {
        padding: 50px 0 60px
    }
    .blog-post .blog-recent-posts {
        padding: 70px 0 40px
    }
    .blog-post .content-wrapper .feature-img img {
        height: 44vw
    }
    .blog-post .blog-post-section .blog-post__timestamp {
        font-size: 27px
    }
    .blog-post .blog-recent-posts .blog-recent-posts__list {
        margin: 0 -12px
    }
    .blog-post .blog-recent-posts a.blog-recent-posts__post {
        margin: 0 12px;
        width: calc(33.33333% - 24px)
    }
    .blog-post .blog-post-section .blog-post__body h4 {
        font-size: 25px
    }
    .blog-post-section .blog-post__body {
        line-height: 34px
    }
    .blog-post-section .blog-post__body p {
        margin-bottom: 20px
    }
    .blog-post-section .blog-post__body h2,
    .blog-post-section .blog-post__body h3,
    .blog-post-section .blog-post__body h4,
    .blog-post-section .blog-post__body h5 {
        margin-top: 58px
    }
}

@media(min-width:992px) {
    .feature .feature-section {
        padding: 75px 0 0
    }
    .feature .select-section {
        margin-top: 43px
    }
    .feature .feature-section .right-part h3 {
        font-size: 27px
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs-form-field .input .hs-input,
    .feature .select-section .selection-inner .dropdown-menu .filter-topic h3,
    .feature .select-section .selection-inner .dropdown-menu ul li a {
        font-size: 17px
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions {
        top: -57px
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions input[type=submit] {
        padding: 16px 20px
    }
    .blog-index-wrap .blog-index__post {
        margin: 0 6px 35px;
        width: calc(33.33% - 12px)
    }
    .blog-pagination {
        margin: 30px 0 0
    }
    .blog-pagination .blog-pagination__link svg {
        height: 20px
    }
    .blog-pagination .blog-pagination__link {
        font-size: 23px
    }
    .blog-post .blog-post-section h1 span {
        font-size: 50px;
        line-height: 65px
    }
    .blog-post .content-wrapper .feature-img img {
        height: 45vw
    }
    .blog-post .blog-post-section .blog-post__body h4 {
        font-size: 34px;
        line-height: 43px
    }
    .blog-index-wrap .blog-index__post .blog-index__post-image {
        height: 20vw
    }
}

@media(min-width:1200px) {
    .feature .feature-section .left-part {
        width: 550px
    }
    .feature .feature-section .right-part {
        padding: 0 0 0 70px;
        width: calc(100% - 550px)
    }
    .feature .feature-section .right-part .post-title {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 30px
    }
    .feature .feature-section .right-part .rec_posts {
        font-size: 17px;
        line-height: 29px
    }
    .feature .select-section .selection-inner .dropdown-menu ul {
        margin: 0;
        top: 91px
    }
    .feature .select-section .selection-inner .dropdown-menu .filter-topic h3:after {
        width: 25px
    }
    .feature .select-section .selection-inner .dropdown-menu .filter-topic h3 {
        font-size: 20px;
        padding: 31px 55px
    }
    .feature .select-section .selection-inner .default-form .hs_email {
        width: calc(100% - 210px)
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs-form-field .input .hs-input {
        font-size: 20px;
        padding: 32px 55px
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions:after {
        right: 37px
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions {
        top: -95px
    }
    .feature .select-section .selection-inner .default-form .hs-form .hs_submit .actions input[type=submit] {
        font-size: 20px;
        height: 96px;
        min-width: 210px;
        padding: 16px 33px
    }
    .blog-index-wrap .blog-index__post {
        font-size: 17px;
        line-height: 29px;
        margin: 0 12px 45px;
        width: calc(33.33% - 24px)
    }
    .blog-index-wrap .blog-index__post .blog-index__post-image {
        height: 225px
    }
    .blog-post .blog-post-section h1 span {
        font-size: 60px
    }
    .blog-post .content-wrapper .feature-img img {
        height: 510px
    }
    .blog-post .blog-post-section .blog-post__body h4 {
        font-size: 34px
    }
    .blog-post .blog-post-section .blog-post__body h4 br {
        display: block
    }
    .blog-post-section .blog-post__body {
        line-height: 37px
    }
    .blog-post-section .blog-post__body p {
        margin-bottom: 25px
    }
    .blog-post-section .blog-post__body h2,
    .blog-post-section .blog-post__body h3,
    .blog-post-section .blog-post__body h4,
    .blog-post-section .blog-post__body h5 {
        margin-top: 71px
    }
}

@media (min-width:1270px) {
    .blog-post .container,
    .blog-post .row-fluid .container[class*=span] {
        width: 1240px
    }
}

@media (min-width:1430px) {
    .blog-index .container,
    .blog-index .row-fluid .container[class*=span],
    .blog-post .blog-recent-posts .container {
        width: 1400px
    }
}

@media (min-width:1470px) {
    .feature .feature-section .left-part {
        width: 750px
    }
    .feature .feature-section .right-part {
        width: calc(100% - 750px)
    }
    .blog-index-wrap .blog-index__post .blog-index__post-image {
        height: 259px
    }
}

@media(max-width:991px) {
    .blog-post .blog-post-section .blog-post__body img {
        margin: 0 20px 10px 0
    }
}

@media(max-width:767px) {
    .blog-post .blog-post-section .blog-post__body span p {
        float: none!important;
        margin-bottom: 30px
    }
    .blog-post .blog-post-section .blog-post__body img {
        width: 100%!important
    }
}

input {
    font-family: Poppins
}

::-webkit-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1
}

::-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

:-ms-input-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1
}

:-moz-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1
}

.hs-error-msgs label {
    color: #b33636;
    display: block;
    font-size: 13px;
    transform: translate(2px, -11px);
    -webkit-transform: translate(2px, -11px);
    -moz-transform: translate(2px, -11px)
}

input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]),
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #247996;
    color: #313131;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 18px;
    padding: 11px 15px;
    position: relative;
    width: 100%
}

.hs-form fieldset input[type=number].hs-input,
.hs-form fieldset textarea.hs-input,
.hs-form fieldset.form-columns-1 textarea.hs-input,
fieldset.form-columns-1,
fieldset.form-columns-1 input[type=color].hs-input,
fieldset.form-columns-1 input[type=date].hs-input,
fieldset.form-columns-1 input[type=datetime-local].hs-input,
fieldset.form-columns-1 input[type=datetime].hs-input,
fieldset.form-columns-1 input[type=email].hs-input,
fieldset.form-columns-1 input[type=file].hs-input,
fieldset.form-columns-1 input[type=month].hs-input,
fieldset.form-columns-1 input[type=number].hs-input,
fieldset.form-columns-1 input[type=password].hs-input,
fieldset.form-columns-1 input[type=search].hs-input,
fieldset.form-columns-1 input[type=tel].hs-input,
fieldset.form-columns-1 input[type=text].hs-input,
fieldset.form-columns-1 input[type=time].hs-input,
fieldset.form-columns-1 input[type=url].hs-input,
fieldset.form-columns-1 input[type=week].hs-input,
fieldset.form-columns-1 textarea.hs-input,
select.hs-input {
    width: 100%
}

input[type=checkbox],
input[type=radio] {
    margin-right: 10px
}

input[type=file] {
    background-color: #fff;
    color: #000
}

.inputs-list {
    margin: 0 0 15px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(hubfs/theme-big-bolt/Image/green-down-arrow.svg) no-repeat right 22px center;
    color: #313131;
    cursor: pointer;
    font-size: 17px;
    padding: 11px 15px
}

select::-ms-expand {
    display: none
}

fieldset .hs-form-field>label span.hs-form-required {
    display: none
}

fieldset .hs-form-field>label span:not(:empty)+span.hs-form-required {
    display: inherit
}

textarea {
    resize: none
}

.default-form input[type=submit],
.resource-form input[type=submit] {
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 23px;
    font-weight: 700;
    margin: 0;
    padding: 15px 30px;
    text-transform: uppercase;
    width: 100%
}

.default-form form .hs_submit .actions,
.resource-form form .hs_submit .actions {
    background: linear-gradient(180deg, #1A3EC0, #15339F 100%, #15339F 0);
    border: none;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins;
    font-size: 23px;
    font-weight: 700;
    min-width: 300px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-align: left;
    text-transform: uppercase;
    z-index: 1
}

.default-form form .hs_submit .actions:hover,
.resource-form form .hs_submit .actions:hover {
    color: #fff
}

.default-form form .hs_submit .actions:before,
.resource-form form .hs_submit .actions:before {
    background: linear-gradient(180deg, #1A3EC0, #15339F 100%, violet 0);
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: .4s;
    visibility: visible;
    width: 100%;
    z-index: -1
}

.default-form form .hs_submit .actions:hover:before,
.resource-form form .hs_submit .actions:hover:before {
    opacity: 0;
    visibility: hidden
}

.default-form form .hs_submit .actions:after,
.resource-form form .hs_submit .actions:after {
    background: url(//f.hubspotusercontent20.net/hubfs/20292423/raw_assets/public/big-bolt/images/arrow-right.svg)no-repeat;
    content: "";
    height: 12px;
    margin-left: 15px;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.hs-form .hs-form-field>label span.hs-form-required {
    display: none
}

.default-form .hs-form .hs-form-field>label span:not(:empty)+span.hs-form-required {
    display: inline-block
}

.default-form .hs-form .hs-form-field .input {
    margin: 0
}

.default-form .hs-form label span {
    color: #fff;
    display: inline-block;
    font-family: Roboto, sans-serif;
    margin: 0 0 8px
}

.default-form .hs-form fieldset {
    border: none;
    margin: 0;
    max-width: none;
    padding: 0
}

.default-form .hs-form fieldset.form-columns-2 {
    margin: 0 -14px
}

.default-form .hs-form fieldset.form-columns-2 .hs-form-field {
    float: left;
    margin: 0 14px;
    width: calc(50% - 28px)
}

.default-form .hs-form fieldset.form-columns-3 {
    margin: 0 -14px
}

.default-form .hs-form fieldset.form-columns-3 .hs-form-field {
    float: left;
    margin: 0 14px;
    width: calc(33.33% - 28px)
}

.default-form .hs-form .hs_submit {
    padding: 35px 0 0
}

.default-form .hs-form .legal-consent-container {
    font-size: 13px;
    padding: 17px 0 0
}

.default-form .hs-form .inputs-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.default-form .hs-form .inputs-list input[type=checkbox],
.default-form .hs-form .inputs-list input[type=radio] {
    opacity: 0;
    position: absolute
}

.default-form .hs-form .inputs-list span {
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin: 0;
    padding: 2px 0 0 30px;
    position: relative
}

.default-form .hs-form .inputs-list span span {
    display: none
}

.default-form .hs-form .inputs-list input[type=radio]+span:after {
    background-color: #f6f8fa;
    border: 1px solid #dce4eb;
    border-radius: 100%;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 15px;
    z-index: 1
}

.default-form .hs-form .inputs-list input[type=radio]:checked+span:before {
    background-color: #175ca4;
    border-radius: 100%;
    content: "";
    height: 9px;
    left: 4px;
    position: absolute;
    top: 8px;
    width: 9px
}

.default-form .hs-form .inputs-list input[type=checkbox]+span:after {
    background-color: #f6f8fa;
    border: 1px solid #dce4eb;
    border-radius: 3px;
    content: "";
    height: 14px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 14px
}

.default-form .hs-form .inputs-list input[type=checkbox]:checked+span:before {
    border-bottom: 2px solid #175ca4;
    border-left: 2px solid #175ca4;
    content: "";
    height: 3px;
    left: 3px;
    position: absolute;
    top: 9px;
    transform: rotate(-41deg);
    width: 7px;
    z-index: 1
}

.default-form .hs-form fieldset[class*=form-columns-] select {
    width: 100%!important
}

.default-form div.hs_error_rollup {
    display: none
}

@media(max-width:991px) {
    select {
        background: #fff url(hubfs/theme-big-bolt/Image/green-down-arrow.svg) no-repeat right 12px center
    }
    .default-form input[type=submit],
    .resource-form input[type=submit] {
        font-size: 19px;
        padding: 12px 20px
    }
}

@media (max-width:767px) {
    input[type=submit] {
        min-width: auto
    }
    .default-form .hs-form fieldset.form-columns-2,
    .default-form .hs-form fieldset.form-columns-3 {
        margin: 0
    }
    .default-form .hs-form fieldset.form-columns-2 .hs-form-field,
    .default-form .hs-form fieldset.form-columns-3 .hs-form-field {
        float: none;
        margin: 0;
        width: 100%
    }
    .default-form .hs-form fieldset .input .hs-input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    .default-form .hs-form fieldset.form-columns-2 .input .hs-input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    .default-form .hs-form fieldset.form-columns-3 .input .hs-input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        width: 100%
    }
    .default-form .hs-form label {
        padding: 0
    }
    .default-form input[type=submit],
    .resource-form input[type=submit] {
        font-size: 16px
    }
}

.submitted-message {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: .25rem;
    color: #155724;
    margin-bottom: 1rem;
    padding: .75rem 1.25rem;
    position: relative;
    text-align: center
}

.submitted-message p {
    margin: 0!important
}

.email-subscription-preferences .systems-page,
.mail-subscription .systems-page,
.systems-page {
    padding: 164px 0
}

.systems-page {
    background: #000 url(//jiuheng/hubfs/raw_assets/public/big-bolt/images/system-bg.jpg) no-repeat 100% 100%/611px 528px
}

.email-subscription-preferences .systems-page h1 {
    font-size: 46px;
    line-height: 46px;
    padding: 0 0 15px
}

.email-subscription-preferences .systems-page h2 {
    color: #15339F;
    font-size: 21px;
    font-weight: 400;
    line-height: 24px;
    margin: 0
}

.email-subscription-preferences .systems-page .page-header {
    border-bottom: 1px solid #15339F;
    color: #fff;
    padding: 0 0 45px
}

.email-subscription-preferences .systems-page form {
    margin: auto;
    max-width: 740px
}

.email-subscription-preferences .systems-page form .email-prefs {
    padding: 40px 26px 0;
    text-align: center
}

.email-subscription-preferences .systems-page form .email-prefs .item-inner {
    padding: 0 0 20px;
    text-align: left
}

.email-subscription-preferences .systems-page form .email-prefs .item-inner p {
    color: #fff;
    font-size: 16px;
    padding-left: 45px
}

.email-subscription-preferences .systems-page form .email-prefs .subscribe-options p.header {
    color: #fff;
    padding-left: 45px
}

.email-subscription-preferences .systems-page form .email-prefs .checkbox-row,
.email-subscription-preferences .systems-page form .email-prefs .subscribe-options label {
    position: relative
}

.email-subscription-preferences .systems-page form .email-prefs .checkbox-row span>span {
    pointer-events: none;
    user-select: none
}

.email-subscription-preferences .systems-page form .email-prefs .checkbox-row span>span,
.email-subscription-preferences .systems-page form .email-prefs .subscribe-options label {
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    padding-left: 45px;
    text-transform: uppercase
}

.email-subscription-preferences .systems-page form .email-prefs .subscribe-options {
    padding: 0 0 50px;
    text-align: left
}

.email-subscription-preferences .systems-page form .email-prefs p.header {
    text-align: left
}

.system-form input[type=checkbox],
.system-form input[type=radio] {
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.system-form input[type=radio]+span:after {
    background-color: #f6f8fa;
    border: 1px solid #dce4eb;
    border-radius: 100%;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 15px;
    z-index: 1
}

.system-form input[type=radio]:checked+span:before {
    background-color: #175ca4;
    border-radius: 100%;
    content: "";
    height: 9px;
    left: 4px;
    position: absolute;
    top: 8px;
    width: 9px
}

.system-form input[type=checkbox]+span:after {
    background-color: #fff;
    content: "";
    height: 30px;
    left: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.system-form input[type=checkbox]:checked+span:before {
    border-bottom: 4px solid #15339F;
    border-left: 4px solid #15339F;
    content: "";
    height: 8px;
    left: 5px;
    position: absolute;
    top: 6px;
    transform: rotate(-41deg);
    width: 17px;
    z-index: 1
}

.mail-subscription .systems-page form {
    margin: 0 auto;
    max-width: 600px
}

.mail-subscription .systems-page form h3 {
    color: #15339F;
    font-weight: 700!important;
    margin: 0 0 10px;
    text-align: left
}

.mail-subscription .systems-page form .hs-input {
    min-width: 100%;
    padding: 24px!important
}

.mail-subscription .systems-page form input[type=submit] {
    margin: 30px 0 0
}

.systems-page form .hs-button {
    background: linear-gradient(180deg, #1A3EC0, #15339F 100%, #15339F 0);
    border: none;
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font-family: Poppins;
    font-size: 23px;
    font-weight: 700;
    min-width: 300px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}

.systems-page form .hs-button:hover {
    color: #fff
}

.systems-page form .hs-button:before {
    background: linear-gradient(180deg, #1A3EC0, #15339F 100%, violet 0);
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: .4s;
    visibility: visible;
    width: 100%;
    z-index: -1
}

.systems-page form .hs-button:hover:before {
    opacity: 0;
    visibility: hidden
}

.systems-page form .hs-button:after {
    background: url(//20292423.fs1.hubspotusercontent-na1.net/hubfs/20292423/raw_assets/public/big-bolt/images/arrow-right.svg)no-repeat;
    content: "";
    height: 12px;
    margin-left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 15px
}

.password .inner {
    margin: 0 auto;
    max-width: 600px
}

.password .inner p {
    font-weight: 700;
    padding: 0 0 10px;
    text-align: left
}

.password .inner input[type=password] {
    height: 54px!important
}

.password .systems-page form .hs-button {
    margin: 20px 0 0
}

.confirm .inner {
    margin: 0 auto;
    max-width: 730px
}

.confirm .inner .page-header {
    color: #fff;
    padding: 0 0 80px
}

.confirm .inner .page-header h2 {
    color: #15339F;
    margin: 0
}

.confirm .inner .success {
    font-size: 26px
}

.error {
    background-color: #000;
    padding: 100px 0
}

.error h1 span {
    display: block;
    font-size: 90px;
    line-height: 100px
}

.error a:not(:hover) {
    color: #fff
}

.error-404 {
    border-bottom: 2px solid #b7b7b7;
    padding: 0 0 125px
}

.error-404 .container-full {
    padding-left: 15px;
    padding-right: 15px
}

.error-404 h1 {
    font-size: 14vw;
    line-height: 13vw;
    margin: -8vw 0 48px
}

.error-404 .content {
    font-size: 27px;
    line-height: 40px
}

.email-subscription-preferences .systems-page form .hs-button {
    min-width: 485px
}

@media (max-width:1430px) {
    .systems-page {
        background-size: 400px auto
    }
    .error-404 .error-page img {
        max-width: 430px
    }
}

@media (max-width:991px) {
    .systems-page {
        background: #000
    }
    .email-subscription-preferences .systems-page h1 {
        font-size: 40px;
        padding: 0
    }
    .email-subscription-preferences .systems-page form .email-prefs .checkbox-row span>span {
        font-size: 24px
    }
    .system-form input[type=checkbox]+span:after {
        height: 26px;
        width: 26px
    }
    .system-form input[type=checkbox]:checked+span:before {
        height: 6px;
        left: 4px;
        width: 15px
    }
    .email-subscription-preferences .systems-page form .email-prefs .subscribe-options label {
        font-size: 24px
    }
    .error-404 h1 {
        margin-bottom: 18px
    }
    .error-404 .content {
        font-size: 22px
    }
}

@media (max-width:767px) {
    .email-subscription-preferences .systems-page form .email-prefs .checkbox-row span>span {
        font-size: 20px;
        padding-left: 35px
    }
    .email-subscription-preferences .systems-page form .email-prefs .item-inner p {
        font-size: 14px;
        padding-left: 35px
    }
    .email-subscription-preferences .systems-page form .email-prefs .subscribe-options label {
        font-size: 20px;
        padding-left: 35px
    }
    .email-subscription-preferences .systems-page form .email-prefs .subscribe-options p.header {
        padding-left: 35px
    }
    .email-subscription-preferences .systems-page form {
        max-width: 100%
    }
    .email-subscription-preferences .systems-page,
    .mail-subscription .systems-page,
    .systems-page {
        padding: 80px 0
    }
    .email-subscription-preferences .systems-page form .email-prefs {
        padding: 30px 20px 0
    }
    .email-subscription-preferences .systems-page .page-header {
        padding: 0 0 30px
    }
    .email-subscription-preferences .systems-page h1 {
        font-size: 30px
    }
    .confirm .inner,
    .mail-subscription .systems-page form {
        max-width: 100%
    }
    .mail-subscription .systems-page form .hs-input {
        padding: 10px 15px!important;
        width: 100%!important
    }
    .mail-subscription .systems-page form input[type=submit] {
        margin: 20px 0 0;
        min-width: 100%
    }
    .confirm .inner .page-header {
        padding: 0 0 50px
    }
    .confirm .inner .success {
        font-size: 22px
    }
    .email-subscription-preferences .systems-page form .hs-button,
    .systems-page form .hs-button {
        font-size: 18px;
        min-width: 100%
    }
    .error-404 {
        padding: 0 0 45px
    }
    .error-404 .error-page img {
        max-width: 280px
    }
    .error-404 .content {
        font-size: 16px;
        line-height: normal
    }
}

@media (max-width:500px) {
    .email-subscription-preferences .systems-page,
    .mail-subscription .systems-page,
    .systems-page {
        padding: 50px 0
    }
    .email-subscription-preferences .systems-page h1 {
        line-height: 38px
    }
    .email-subscription-preferences .systems-page form .email-prefs {
        padding: 30px 0 0
    }
    .email-subscription-preferences .systems-page form .email-prefs .checkbox-row span>span {
        font-size: 18px
    }
    .system-form input[type=checkbox]+span:after {
        height: 22px;
        top: 5px;
        width: 22px
    }
    .system-form input[type=checkbox]:checked+span:before {
        height: 5px;
        left: 2px;
        top: 9px;
        width: 13px
    }
    .email-subscription-preferences .systems-page form .email-prefs .subscribe-options label {
        font-size: 18px
    }
    .email-subscription-preferences .systems-page form .email-prefs .item-inner {
        padding: 0 0 15px
    }
    .confirm .inner .page-header h2 {
        font-size: 22px
    }
    .confirm .inner .success {
        font-size: 18px
    }
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-touch-callout: none;
    color: #ccc;
    font-size: 13px;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid;
    border-color: #888 #888 #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }
    .fancybox-slide--image {
        padding: 6px 0
    }
    .fancybox-close-small {
        right: -6px
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100px
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus:before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1
}

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.title-part h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 10px;
    text-transform: uppercase
}

.banner .banner-wrap {
    position: relative
}

.banner .banner-wrap:after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.banner .slick-dots {
    bottom: 0;
    position: absolute;
    right: 10px;
    z-index: 1
}

.banner li.slick-active button {
    background-color: #15339F
}

.banner .banner-wrap .banner-listing {
    position: relative
}

.banner .banner-wrap .banner-listing .background-img img {
    height: 100%;
    max-width: none;
    object-fit: cover;
    width: 100%
}

.banner .banner-wrap .banner-listing .left {
    padding: 50px 15px 0
}

.banner .banner-wrap .banner-listing .left h1 {
    font-size: 57px;
    line-height: 60px;
    margin-bottom: 10px
}

.banner .banner-wrap .banner-listing .left h1 br {
    display: none
}

.banner .banner-wrap .banner-listing .left .icon {
    display: none;
    margin-bottom: 10px;
    width: 30px
}

.banner .banner-wrap .banner-listing .left .content h3 {
    color: #15339F;
    margin: 0 0 10px
}

.banner .banner-wrap .banner-listing .left .button-1 {
    margin-top: 20px
}

.banner .banner-wrap .banner-listing .left .content {
    font-size: 19px;
    line-height: 28px
}

.banner .banner-wrap .banner-listing .left .mobile-image {
    display: block;
    margin: 20px -15px 0
}

.banner .banner-wrap .banner-listing .left .mobile-image img {
    margin: 0 auto
}

.inventory-business {
    padding-top: 45px
}

.inventory-business .inventory-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 30px -5px 0
}

.inventory-business .inventory-wrap .list {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    margin: 0 5px 10px;
    overflow: hidden;
    position: relative;
    transition: .4s;
    width: calc(50% - 10px)
}

.inventory-business .inventory-wrap .list:hover {
    box-shadow: 0 7px 10px rgba(0, 0, 0, .42)
}

.inventory-business .inventory-wrap .list:after {
    background-color: #15339F;
    content: "";
    height: 45px;
    position: absolute;
    right: -5px;
    top: -21px;
    transform: skew(-12deg, 44deg);
    width: 50px
}

.inventory-business .inventory-wrap .list:before {
    background: url(//f.hubspotusercontent20.net/hubfs/20292423/raw_assets/public/big-bolt/images/arrow-right.svg)no-repeat;
    content: "";
    height: 20px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 21px;
    z-index: 1
}

.inventory-business .inventory-wrap .list a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.inventory-business .inventory-wrap .list .box-listing .box-img img {
    display: block
}

.inventory-business .inventory-wrap .list .box-listing .box-title {
    background-color: #525254;
    font-size: 12px;
    font-weight: 600;
    height: 100%;
    padding: 7px 13px
}

.brand-slider {
    padding: 30px 0 40px
}

.brand-slider .title h3 {
    font-weight: 400;
    letter-spacing: 7px;
    margin-bottom: 45px
}

.brand-slider .brand-slider-wrap img {
    margin: 0 auto;
    padding: 0 15px
}

.image-with-content .image-with-content-wrap {
    padding: 60px 0
}

.image-with-content .image-with-content-wrap .title-part .content ul {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 0;
    padding: 0
}

.image-with-content .image-with-content-wrap .title-part .content ul li {
    font-size: 23px;
    font-weight: 600;
    line-height: 24px;
    list-style: none;
    margin: 0 0 15px;
    padding: 0 25px 0 35px;
    position: relative;
    text-transform: uppercase;
    width: 100%
}

.image-with-content .image-with-content-wrap .button-1 {
    margin-top: 20px
}

.image-with-content .image-with-content-wrap .mobile-image {
    display: block;
    padding: 60px 0 0;
    text-align: center
}

.image-with-content .image-with-content-wrap .mobile-image img {
    display: block;
    margin: 0 auto
}

.icon-with-content {
    padding: 40px 0
}

.icon-with-content .icon-wrap {
    display: flex;
    flex-wrap: wrap
}

.icon-with-content .icon-wrap .list {
    margin: 30px 0 0;
    position: relative;
    width: 50%
}

.icon-with-content .icon-wrap .list a {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.icon-with-content .icon-wrap .list .main-img {
    height: 70px;
    position: relative
}

.icon-with-content .icon-wrap .list .main-img>* {
    left: 0;
    position: absolute;
    right: 0
}

.icon-with-content .icon-wrap .list img {
    max-height: 60px;
    transition: .4s
}

.icon-with-content .icon-wrap .list .img {
    transition: .4s
}

.icon-with-content .icon-wrap .list .hover-img {
    opacity: 1;
    transition: .4s;
    visibility: visible
}

.icon-with-content .icon-wrap .list .title h3 {
    color: #313133;
    font-size: 15px;
    line-height: 18px;
    margin-top: 5px;
    position: relative;
    transition: .4s
}

.icon-with-content .icon-wrap .list .title h3:after {
    background: url(//f.hubspotusercontent20.net/hubfs/20292423/raw_assets/public/big-bolt/images/green-arrow.svg)no-repeat;
    content: "";
    height: 15px;
    left: 50%;
    margin: 15px 0 0 10px;
    position: absolute;
    top: 100%;
    transform: translate(-100%, -50%);
    width: 24px
}

.icon-with-content .icon-wrap .list:hover .img {
    opacity: 0;
    transition: .8s;
    visibility: hidden
}

.icon-with-content .icon-wrap .list:hover .hover-img {
    display: block;
    opacity: 1;
    visibility: visible
}

.icon-with-content .icon-wrap .list:hover .title h3 {
    color: #15339F
}

.icon-with-content .icon-wrap .hide-extra {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.icon-with-content .icon-wrap .hide-extra:not(.active) .list {
    display: none
}

.banner-title {
    padding: 40px 0
}

.banner-title h2 {
    margin: 0
}

.banner-title h1 {
    font-size: 50px;
    line-height: 52px;
    margin-bottom: 0
}

.product-information {
    padding: 30px 15px 20px
}

.product-information .product-wrap .left {
    margin-bottom: 0
}

.product-information .product-wrap .left h2 {
    color: #313133;
    font-size: 40px;
    line-height: 42px
}

.product-information .product-wrap .left h2 span {
    color: #15339F
}

.title-content {
    padding: 30px 0 40px
}

.title-content .title-wrap .right .button-1 {
    margin-top: 22px
}

.title-content .title-wrap .left h2 {
    color: #313133;
    font-size: 40px;
    line-height: 42px
}

.quote_industry {
    background-color: #000;
    position: relative
}

.quote_industry h2 span {
    display: block
}

.quote_industry.gradient-color:before {
    background-color: rgba(0, 0, 0, .8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.quote_industry>div {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    position: relative
}

.quote_industry .inner .inner-wrap {
    padding: 0 15px
}

.quote_industry .button-1 {
    margin: 25px 0 0
}

.quote_industry h2 {
    font-size: 30px;
    line-height: 1.2;
    text-transform: uppercase;
    word-break: break-word
}

.quote_industry .left-img img {
    display: block
}

.product-overview .inventory-business {
    padding-top: 23px
}

.product-overview .inventory-business .title-part h2 {
    line-height: 40px;
    margin-bottom: 0;
    text-align: center
}

.product-overview .inventory-business .title-part h2 span {
    color: #15339F
}

.product .inventory-business {
    margin-bottom: 70px
}

.examples {
    padding: 15px 0 40px
}

.examples .title-part h2 {
    color: #312e2b;
    font-size: 47px;
    font-weight: 500;
    line-height: 49px;
    margin: 0;
    padding: 0 0 20px
}

.examples .title-part h2 span {
    color: #15339F;
    display: block;
    font-size: 47px;
    font-weight: 700;
    line-height: 49px
}

.examples .image-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.examples .image-content-wrapper .left {
    padding: 0 0 15px;
    position: relative;
    width: auto;
    z-index: 2
}

.examples .image-content-wrapper .left .image-wrapper .image {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    cursor: pointer;
    margin: 0 5px 10px;
    overflow: hidden;
    transition: .4s;
    width: calc(50% - 10px)
}

.examples .image-content-wrapper .left .image-wrapper .image img {
    display: block;
    height: 130px;
    object-fit: cover;
    object-position: top center;
    transition: .7s;
    width: 100%
}

.examples .image-content-wrapper .left .image-wrapper .image img:hover {
    transform: scale(1.1);
    transition: .7s
}

.examples .image-content-wrapper .left .image-wrapper .main-img {
    width: 100%
}

.examples .image-content-wrapper .left .image-wrapper .main-img img {
    height: 60vw;
    object-fit: cover;
    width: 100%
}

.examples .image-content-wrapper .right {
    margin: 0;
    position: relative;
    width: auto;
    z-index: 1
}

.examples .image-content-wrapper .right:after {
    background-color: #312e2b;
    border: none;
    box-shadow: 0 0 60px rgba(0, 0, 0, .44);
    content: "";
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.examples .image-content-wrapper .right .content-wrap .title {
    background-color: #15339F;
    padding: 15px;
    text-align: center
}

.examples .image-content-wrapper .right .content-wrap .title h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 40px;
    margin: 0
}

.examples .image-content-wrapper .right .content-wrap .content {
    line-height: 25px;
    padding: 17px 15px
}

.examples .image-content-wrapper .right .content-wrap .content ul {
    padding: 0
}

.examples .image-content-wrapper .right .content-wrap .content ul li {
    border-bottom: 1px solid #707070;
    padding: 18px 0 18px 20px
}

.examples .image-content-wrapper .right .content-wrap .content ul li:after {
    border-width: 0 10px 10px 0;
    top: 25px
}

.examples .image-content-wrapper .right .content-wrap .content ul li:last-child {
    border-bottom: none
}

.industry_hero .industryhero_main {
    background-color: #000;
    color: #fff;
    position: relative
}

.industry_hero .industryhero_main>div {
    position: relative
}

.industry_hero .left {
    padding: 50px 0;
    width: 100%
}

.industry_hero .left .text {
    max-width: 720px;
    width: 100%
}

.industry_hero .left .sub {
    color: #fff;
    font-size: 24px;
    line-height: 40px
}

.industry_hero .left h1 {
    color: #fff;
    line-height: 1
}

.industry_hero .left h1 span {
    color: #15339F
}

.industry_hero .fasteners {
    margin: 0;
    padding: 40px 0 60px;
    position: relative
}

.industry_hero .fasteners .main_title h3 {
    color: #15339F;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.industry_hero .fasteners .fasteners_main {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0 0
}

.industry_hero .fasteners .fasteners_main .box {
    padding: 10px 0 20px;
    width: 50%
}

.industry_hero .fasteners .fasteners_main .box .icon {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, .16);
    display: flex;
    height: 120px;
    justify-content: center;
    margin: 0 auto;
    width: 120px
}

.industry_hero .fasteners .fasteners_main .box .icon img {
    max-height: 50px
}

.industry_hero .fasteners .fasteners_main .box h4 {
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    margin: 20px 0 0
}

.industry_hero .fasteners .fasteners_main .box h4 br {
    display: none
}

.transportation_industry {
    font-size: 17px
}

.transportation_industry .transportation_top {
    background-color: #000;
    margin: 0;
    padding: 50px 0
}

.transportation_industry .transportation_top .icon {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    height: 120px;
    justify-content: center;
    margin: -100px auto 30px;
    position: relative;
    width: 120px
}

.transportation_industry .transportation_top .icon img {
    max-height: 50px
}

.transportation_industry .transportation_top .transportation_main {
    margin: 20px 0 0
}

.transportation_industry .transportation_top .transportation_main .logo {
    margin: 0 auto;
    width: 150px
}

.transportation_industry .case_conclusion {
    margin: 50px 0 0
}

.transportation_industry .case_conclusion h3 {
    color: #15339F
}

.transportation_industry .case_conclusion .case_conclusion_main .casecenter {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0;
    padding: 20px 0;
    width: 100%
}

.transportation_industry .case_conclusion_main {
    border-bottom: 1px solid rgba(0, 0, 0, .21);
    padding: 0 0 40px
}

.transportation_industry .case_conclusion_main .casecenter .iamge {
    width: 100%
}

.transportation_industry .case_conclusion_main .casecenter .iamge img {
    box-shadow: 0 0 30px rgba(0, 0, 0, .16)
}

.transportation_industry .case_conclusion_main .casecenter .text {
    margin: 20px 0 0;
    padding: 0 0 0 20px;
    width: 100%
}

.transportation_industry .case_conclusion_main .case_blockquote {
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    padding: 0 0 0 83px;
    position: relative
}

.transportation_industry .case_conclusion_main .case_blockquote:before {
    background: url(https://20292423.fs1.hubspotusercontent-na1.net/hubfs/20292423/Big%20Bolt/Image/quote.png) no-repeat;
    content: "";
    height: 45px;
    left: 0;
    position: absolute;
    top: 0;
    width: 67px
}

.transportation_industry .conclusion_cover {
    padding: 30px 0
}

.transportation_industry .counter_conclusion {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
    text-align: center
}

.transportation_industry .counter_conclusion .counter_box {
    margin: 0 auto 20px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.transportation_industry .counter_conclusion .counter_box .inner {
    background-image: linear-gradient(180deg, #1A3EC0, #15339F);
    height: 100%;
    padding: 30px 20px;
    position: relative
}

.transportation_industry .counter_conclusion .counter_box .inner:before {
    align-items: center;
    background: url(https://20292423.fs1.hubspotusercontent-na1.net/hubfs/20292423/Big%20Bolt/Image/arrow_down.png) no-repeat;
    bottom: 0;
    content: "";
    display: flex;
    height: 215px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    width: 158px
}

.transportation_industry .counter_conclusion .counter_box.up .inner:before {
    background: url(https://20292423.fs1.hubspotusercontent-na1.net/hubfs/20292423/Big%20Bolt/Image/arrow_up.png) no-repeat
}

.transportation_industry .counter_conclusion .counter_box .num {
    font-size: 35px;
    font-weight: 700;
    line-height: normal;
    position: relative
}

.transportation_industry .counter_box h3 {
    color: #fff;
    margin: 0;
    position: relative
}

.transportation_industry .counter_box h3 br {
    display: none
}

.transportation_industry .conclusion_hex {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.transportation_industry .counterhex_box {
    height: 100%;
    margin: 0 5px;
    padding-bottom: 10px;
    position: relative;
    width: calc(50% - 10px)
}

.transportation_industry .counterhex_box a {
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    display: inline-block;
    overflow: hidden;
    width: 100%
}

.transportation_industry .counterhex_box .image {
    height: 30vw;
    position: relative
}

.transportation_industry .counterhex_box .title {
    background: #525254;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    padding: 10px;
    text-transform: uppercase
}

.transportation_industry .counterhex_box .image .arrow {
    height: auto;
    padding: 0 7px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 999
}

.transportation_industry .counterhex_box .image .arrow:before {
    border: 35px solid transparent;
    border-right-color: #15339F;
    content: "";
    position: absolute;
    right: -35px;
    top: -35px;
    transform: rotate(135deg);
    z-index: -1
}

.image-with-content .image-with-content-wrap .content {
    font-size: 19px;
    line-height: 28px
}

.hide-mobile-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.inventory-business .inventory-wrap .hide-mobile-list .list {
    display: none
}

.inventory-business .inventory-wrap .hide-mobile-list.current .list {
    display: block
}

.show-toggle-text,
.show-toggle-text1 {
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 20px 0 0;
    width: 100%
}

.show-toggle-text a,
.show-toggle-text1 a {
    color: #15339F;
    position: relative
}

.show-toggle-text a:after,
.show-toggle-text1 a:after {
    content: ">";
    font-size: 25px;
    font-weight: 100;
    margin: 0 0 0 8px;
    position: absolute;
    transform: rotate(90deg)
}

.show-toggle-text.active a:after,
.show-toggle-text1.current a:after {
    transform: rotate(-90deg)
}

.show-toggle-text span.less,
.show-toggle-text1 span.less {
    display: none
}

.show-toggle-text.active span.less,
.show-toggle-text1.current span.less {
    display: inline-block
}

.show-toggle-text.active span.more,
.show-toggle-text1.current span.more {
    display: none
}

.icon-with-content .title-part h2 {
    text-align: left
}

.careers_hero .careershero_main {
    background-color: #000;
    color: #fff;
    position: relative
}

.careers_hero .careershero_main>div {
    position: relative
}

.careers_hero .left {
    padding: 50px 0;
    width: 100%
}

.careers_hero .left .sub {
    color: #fff;
    font-size: 24px;
    line-height: 40px
}

.careers_hero .left h1 {
    color: #fff;
    line-height: 1
}

.careers_hero .left h1 span {
    color: #15339F
}

.benefits-sec {
    padding: 30px 0 20px
}

.benefits-sec .benefits-wrap {
    display: flex;
    flex-flow: row wrap;
    padding: 52px 0 0
}

.benefits-sec .benefits-wrap .benefits {
    margin: 0 10px 30px;
    width: calc(50% - 20px)
}

.positions-accordion-sec .title {
    padding: 0 0 20px
}

.benefits-sec .benefits-wrap .benefits .icon img {
    max-height: 85px
}

.benefits-sec .benefits-wrap .benefits h4 {
    font-size: 18px;
    margin-left: -15px
}

.positions-accordion-sec .button-1 a {
    font-size: 14px;
    padding: 8px 10px 10px
}

.positions-accordion-sec .button-1 a:after {
    display: none
}

.positions-accordion-sec {
    background-color: #000;
    padding: 15px 0
}

.positions-accordion-sec .accordion-wrapper {
    padding: 0 0 15px
}

.positions-accordion-sec .accordion .accordion-title {
    border-bottom: 1px solid #676767;
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px;
    padding: 0 0 15px;
    position: relative
}

.positions-accordion-sec .accordion .accordion-title:after,
.positions-accordion-sec .accordion .accordion-title:before {
    background-color: #617d18;
    content: "";
    height: 3px;
    position: absolute;
    right: 0;
    top: 12px;
    transition: .4s;
    width: 22px
}

.positions-accordion-sec .accordion .accordion-title:after {
    transform: rotate(90deg)
}

.positions-accordion-sec .accordion .accordion-title.active:after {
    transform: rotate(180deg)
}

.positions-accordion-sec .accordion .accordion-content {
    background-color: #fff;
    display: none;
    margin: 0 0 15px;
    padding: 30px 15px
}

.positions-accordion-sec .accordion .accordion-content h2 {
    font-size: 22px;
    line-height: 26px;
    padding: 0
}

.positions-accordion-sec .accordion-content .detail {
    padding: 0 0 10px
}

.positions-accordion-sec .accordion-content .detail h4 {
    font-size: 18px;
    margin: 0 0 10px
}

.positions-accordion-sec .accordion-content .detail p {
    margin: 0 0 20px
}

.positions-accordion-sec .accordion-content .button-1 {
    padding: 0 0 30px
}

.positions-accordion-sec .accordion-content .bottom-mission {
    border-top: 1px solid #676767;
    padding: 30px 0 0
}

.positions-accordion-sec .accordion-content .mission {
    padding: 0 0 25px;
    width: auto
}

.positions-accordion-sec .accordion-content .mission h2 {
    padding: 0
}

.positions-accordion-sec .accordion-content .bottom-mission .image {
    padding: 0;
    text-align: center;
    width: auto
}

.positions-accordion-sec .accordion-content .bottom-mission .image img {
    max-width: 150px
}

.positions-accordion-sec .accordion-content .bottom-mission .mission .mission-content {
    font-size: 17px
}

.positions-accordion-sec .bottom-content {
    margin: 0 auto;
    max-width: 100%;
    padding: 10px 0 15px
}

.positions-accordion-sec .bottom-content .button-1 {
    padding: 30px 0 0
}

.resumator-job {
    color: #fff;
    font-size: 18px;
    line-height: 24px
}

.resumator-job,
.resumator-job>div {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.resumator-job>div {
    border: none;
    margin: 0;
    padding: 0
}

.resumator-job .resumator-job-title {
    color: #15339F;
    font-size: 24px;
    line-height: 28px
}

.resumator-job .resumator-job-info {
    color: #fff;
    margin: 10px 0 14px
}

.resumator-job .resumator-job-info * {
    color: #fff;
    font-size: 18px;
    line-height: 24px
}

.resumator-job {
    text-align: center
}

.resumator-job .resumator-job-link {
    background: linear-gradient(180deg, #1A3EC0, #15339F 100%, violet 0);
    border-radius: 7px;
    color: #fff;
    display: inline-block;
    font-family: Poppins;
    font-size: 23px;
    font-weight: 700;
    min-width: 300px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}

.resumator-job .resumator-job-link:hover {
    background: linear-gradient(180deg, #1A3EC0, #15339F 100%, #15339F 0)
}

#resumator-wrapper #resumator-logo {
    text-align: center!important
}

.confirmation {
    padding: 55px 0 20px
}

.confirmation .logo {
    padding: 0 0 55px
}

.confirmation .logo a {
    display: block
}

.confirmation .logo a img {
    max-width: 160px
}

.confirmation .confirm-wrapper .content {
    padding: 20px 0 0
}

.confirmation .confirm-wrapper .content h1 {
    font-size: 60px;
    line-height: 55px
}

.confirmation .confirm-wrapper .content h1 span {
    display: block;
    font-size: 34px;
    line-height: 37px;
    padding: 10px 0 0
}

.confirmation .confirm-wrapper .button-1 {
    padding: 25px 0 0
}

.confirmation .confirm-wrapper .button-1 a {
    padding: 8px 15px 10px
}

.confirmation .confirm-wrapper .button-1 a:after {
    display: none
}

.content-form {
    background-color: #fff
}

.content-form .content-form-wrapper .left {
    padding: 30px 0;
    position: relative;
    width: auto;
    z-index: 1
}

.content-form .content-form-wrapper .left:before {
    background-color: #fff;
    content: "";
    height: 100%;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 5000px;
    z-index: -1
}

.content-form .content-form-wrapper .left .logo a {
    display: block
}

.content-form .content-form-wrapper .left .logo a img {
    width: 130px
}

.content-form .content-form-wrapper .left .content-wrap {
    padding: 30px 0 0
}

.content-form .content-form-wrapper .left .tag {
    padding: 0 0 10px
}

.content-form .content-form-wrapper .left .tag span {
    font-size: 24px;
    font-weight: 500
}

.content-form .content-form-wrapper .left .content-wrap h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 37px;
    padding: 0;
    text-transform: uppercase
}

.content-form .content-form-wrapper .left .content-wrap h2 span {
    color: #15339F;
    display: block
}

.content-form .content-form-wrapper .left .content-wrap .content {
    font-size: 17px;
    width: auto
}

.content-form .content-form-wrapper .left .content-wrap .image {
    text-align: center;
    width: auto
}

.content-form .content-form-wrapper .left .content-wrap .image img {
    margin: 40px 0 0;
    max-width: 190px;
    width: 100%
}

.content-form .content-form-wrapper .left .content-wrap .content ul {
    padding: 5px 0 0
}

.content-form .content-form-wrapper .right {
    background-color: #000;
    padding: 40px 30px;
    position: relative;
    width: auto;
    z-index: 1
}

.content-form .content-form-wrapper .right .social h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin: 0
}

.content-form .content-form-wrapper .right .social {
    align-items: center;
    display: flex;
    justify-content: center
}

.content-form .content-form-wrapper .right .social ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.content-form .content-form-wrapper .right .social ul li {
    margin-left: 15px
}

.content-form .content-form-wrapper .right .social ul li a,
.content-form .content-form-wrapper .right .social ul li a img {
    display: block
}

.content-form .content-form-wrapper .right .social ul li a:hover img {
    filter: opacity(.8)
}

.content-form .content-form-wrapper .right .resource-form {
    padding: 50px 0 0
}

.content-form .content-form-wrapper .right .resource-form h3.form-title {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 10px;
    position: relative
}

.content-form .content-form-wrapper .right .resource-form h3.form-title:before {
    background-image: linear-gradient(270deg, #1A3EC0, #15339F);
    content: "";
    height: 7px;
    position: absolute;
    top: -15px;
    width: 100%
}

.content-form .content-form-wrapper .right .resource-form form .hs_submit .actions {
    min-width: 100%
}

.resource .banner-title {
    padding: 40px 0 140px
}

.resource .banner-title h1 {
    font-size: 38px
}

.resource-sec {
    padding: 100px 0 40px;
    position: relative;
    z-index: 1
}

.resource-sec .dropdown-wrapper {
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    margin: -200px 0 0;
    padding: 50px 15px 20px;
    position: relative
}

.resource-sec .dropdown-wrapper:before {
    background-image: linear-gradient(270deg, #1A3EC0, #15339F);
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.resource-sec .dropdown-wrapper h2 {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 15px
}

.resource-sec .dropdown-wrapper .dropdown-group {
    margin: 0 auto;
    padding: 20px 0 0
}

.resource-sec .dropdown-wrapper .dropdown-group .dropdown {
    margin: 0 auto 18px;
    position: relative;
    width: auto
}

.resource-sec .dropdown-wrapper .dropdown-group .dropdown:after {
    background: #afafaf;
    content: "";
    height: 100%;
    position: absolute;
    right: 60px;
    top: 0;
    width: 1px
}

.resource-sec .dropdown-wrapper .dropdown-group .dropdown h3 {
    border: 1px solid #afafaf;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 15px;
    position: relative
}

.resource-sec .dropdown-wrapper .dropdown-group .dropdown h3:after,
.resource-sec .dropdown-wrapper .dropdown-group .dropdown h3:before {
    background-color: #617d18;
    content: "";
    height: 3px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%)rotate(0deg);
    transition: .4s;
    width: 21px
}

.resource-sec .dropdown-wrapper .dropdown-group .dropdown h3:not(.active):after {
    transform: translateY(-50%)rotate(90deg)
}

.resource-sec .dropdown-wrapper .dropdown-group .dropdown h3.active:after {
    transform: translateY(-50%)rotate(0deg)
}

.resource-sec .dropdown-wrapper .dropdown-group .dropdown ul {
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 2
}

.resource-sec .dropdown-wrapper .dropdown-group .dropdown ul li {
    border-bottom: 1px solid #afafaf;
    cursor: pointer;
    padding: 13px 15px;
    transition: .4s
}

.resource-sec .dropdown-wrapper .dropdown-group .dropdown ul li:last-child {
    border-bottom: 0
}

.resource-sec .dropdown-wrapper .dropdown-group .dropdown ul li.active,
.resource-sec .dropdown-wrapper .dropdown-group .dropdown ul li:hover {
    background-color: #15339F;
    color: #fff
}

.resource-sec .resource-wrapper {
    margin: 0 auto;
    padding: 30px 0 10px
}

.resource-sec .resource-wrapper .resource {
    background-color: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    margin: 0 auto 15px;
    overflow: hidden;
    padding: 35px 15px 65px;
    position: relative;
    width: 100%;
    z-index: 1
}

.resource-sec .resource-wrapper .resource:before {
    background-color: #15339F;
    content: "";
    height: 130px;
    position: absolute;
    right: -76px;
    top: -17px;
    transform: skew(42deg, 0deg);
    width: 125px;
    z-index: -1
}

.resource-sec .resource-wrapper .resource:after {
    content: "";
    height: 27px;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 32px;
    z-index: 2
}

.resource-sec .resource-wrapper .resource span {
    color: #15339F;
    display: inline-block;
    font-weight: 500;
    padding: 0 0 5px
}

.resource-sec .resource-wrapper .resource h3 {
    color: #4d4d4d;
    line-height: 29px;
    margin: 0;
    max-width: 240px
}

.resource-sec .resource-wrapper .resource .content {
    font-size: 16px;
    line-height: 26px;
    padding: 15px 0 10px
}

.resource-sec .resource-wrapper .resource.video-resource .content {
    position: relative
}

.resource-sec .resource-wrapper .resource.video-resource .content img {
    display: block;
    margin: 0 auto
}

.resource-sec .resource-wrapper .resource.video-resource .content a {
    cursor: pointer;
    height: 68px;
    left: 50%;
    position: absolute;
    top: 45px;
    transform: translateX(-50%);
    width: 68px
}

.resource-sec .resource-wrapper .resource .darkbg-button {
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.resource-sec .button-1 {
    padding: 5px 0 20px
}

.resource-sec .button-1 a {
    border-radius: 0;
    box-shadow: 0 0 6px rgba(0, 0, 0, .16);
    padding: 15px 25px
}

.resource-sec .button-1 a:after {
    margin-left: 16px
}

.capabilities-scroll-section {
    margin: 35px 0 0
}

.capabilities-scroll-section .scroll-inner .scroll-nav.fixed .nav-inner {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1
}

.capabilities-scroll-section .scroll-inner .scroll-nav .nav-inner {
    margin-bottom: 0;
    position: relative;
    transition: .8s
}

.capabilities-scroll-section .scroll-inner .scroll-nav .nav-inner ul {
    background-color: #000;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

.capabilities-scroll-section .scroll-inner .scroll-nav h3 {
    background-color: #000;
    color: #fff;
    display: block;
    font-size: 14px;
    margin-bottom: 0;
    padding: 10px 11px;
    position: relative;
    text-align: left;
    text-transform: uppercase
}

.capabilities-scroll-section .scroll-inner .scroll-nav h3:after {
    content: ">";
    font-family: Poppins;
    font-size: 23px;
    font-weight: 100;
    position: absolute;
    right: 10px;
    top: 3px;
    transform: rotate(91deg)
}

.capabilities-scroll-section .scroll-inner .scroll-nav.ul-style li {
    display: block;
    line-height: normal;
    padding: 0;
    text-transform: uppercase
}

.capabilities-scroll-section .scroll-inner .scroll-nav ul,
.capabilities-scroll-section .scroll-inner .scroll-nav.ul-style li:after {
    display: none
}

.capabilities-scroll-section .scroll-inner .scroll-nav.ul-style ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 11px;
    text-align: left;
    text-transform: uppercase;
    transition: .4s
}

.capabilities-scroll-section .scroll-inner .scroll-nav.ul-style ul li a.active,
.capabilities-scroll-section .scroll-inner .scroll-nav.ul-style ul li a:hover {
    color: #15339F
}

.capabilities-scroll-section .scroll-inner .scroll-content {
    padding-top: 50px
}

.capabilities-scroll-section .scroll-inner .scroll-content .content-wrap {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    margin: 0 0 50px
}

.capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .left {
    margin-top: 10px;
    width: 100%
}

.capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .left img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .right {
    width: 100%
}

.capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .right h3 {
    margin-bottom: 6px
}

.capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .right .content,
.capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .right ul {
    color: #312e2b;
    font-size: 15px;
    font-weight: 400;
    line-height: 29px
}

.capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .right.ul-bullet li:after {
    background-color: #312e2b;
    height: 4px;
    width: 4px
}

.video-box.fancybox-content {
    background: transparent;
    padding: 0
}

.video-box.fancybox-content button.fancybox-button {
    background: #fff;
    border-radius: 100%;
    height: 30px;
    opacity: 1;
    padding: 2px;
    right: 0;
    top: -38px;
    width: 30px
}

.fancybox-slide .video-box.fancybox-content {
    overflow: visible!important
}

.contact-form {
    padding: 70px 0;
    position: relative
}

.contact-form-inner .left {
    padding: 0 0 40px;
    width: 100%
}

.contact-form-inner .left h3 {
    color: #15339F;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase
}

.contact-form-inner .left h1 {
    line-height: 46px;
    text-transform: uppercase
}

.contact-form-inner .left .link-text a {
    color: #15339F;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding: 55px 0 20px
}

.contact-form-inner .right h3 {
    color: #15339F;
    margin: 0;
    text-transform: uppercase
}

.contact-form-inner .right textarea {
    min-height: 100px
}

.contact-form-inner .right.default-form .hs-firstname {
    margin-top: 20px
}

.contact-form-inner .right.default-form .hs-form .hs_submit {
    padding: 10px 0 0
}

.contact-form-inner .default-form form .hs_submit .actions {
    min-width: 100%;
    text-align: center
}

.contact-form-inner .default-form form .hs_submit .actions:after {
    display: none
}

.contact-form .submitted-message {
    background-color: transparent;
    border: transparent;
    color: #fff;
    padding: 0;
    text-align: left
}

.contact-form .submitted-message h3 {
    margin-bottom: 10px
}

.contact-form .submitted-message h6 {
    color: #fff;
    font-size: 24px
}

.contact-form-inner .right .hs_reason_for_contact_ a {
    color: #fff
}

.quote {
    padding: 50px 0
}

.quote .quote-wrap {
    margin: 0 auto;
    max-width: 100%
}

.quote .title-part {
    padding: 0 0 10px
}

.quote .title-part h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 5px
}

.quote .title-part h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 10px
}

.quote .title-part .content {
    font-size: 17px;
    line-height: 29px;
    padding: 10px 0 0
}

.quote .title-part .content p {
    margin: 0
}

.quote .quote-wrap .quote-form {
    margin: 0 auto;
    max-width: 100%;
    padding: 10px 0 0
}

.quote .quote-wrap .default-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]),
.quote .quote-wrap .default-form select,
.quote .quote-wrap .default-form textarea {
    border-radius: 0;
    height: 44px;
    margin: 0 0 15px;
    padding: 8px 15px
}

.quote .quote-wrap .default-form .form-title {
    display: none
}

.quote .quote-wrap .default-form .hs-form label span {
    margin: 8px 0
}

.quote .quote-wrap .default-form .hs-richtext {
    color: #fff;
    font-size: 17px;
    line-height: 29px;
    padding: 15px 0 20px;
    text-align: center
}

.quote .quote-wrap .default-form .hs_other_information__plating__specification__etc__ input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]) {
    width: calc(50% - 14px)
}

.quote .quote-wrap .default-form .actions {
    min-width: 100%;
    text-align: center
}

.quote .quote-wrap .default-form .hs-form .hs_submit {
    padding: 30px 0 15px;
    text-align: center
}

.quote .quote-wrap .default-form .actions:after {
    background-position: 50%;
    background-size: 24px 18px;
    height: 18px;
    width: 24px
}

.quote .quote-wrap .default-form input[type="file"i]::-webkit-file-upload-button {
    background: linear-gradient(180deg, #1A3EC0, #15339F 100%, violet 0);
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    height: 100%;
    left: 0;
    margin: 0;
    min-width: 75px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: auto
}

.quote .quote-wrap .default-form #fastener__print__sketch__bill_of_material__parts_list__or_worksheet__if_available-6234d5eb-d7d1-4570-a2f2-a8d043bcd0b7_1070 {
    padding: 12px 15px 12px 210px
}

.default-form .hs-fieldtype-file .hs-input {
    padding: 8px 15px 8px 205px
}

.quote .quote-wrap .default-form .hs-fieldtype-file input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 44px;
    line-height: 26px;
    padding: 8px 15px 8px 90px
}

.quote .quote-wrap .default-form textarea {
    min-height: 120px
}

.general-content {
    padding: 80px 0
}

.general-content h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: normal
}

.general-content ul {
    list-style: none;
    margin: 35px 0;
    padding: 0 0 0 20px
}

.general-content ul li {
    padding: 0 0 0 12px;
    position: relative
}

.general-content ul li:after {
    background-color: #15339F;
    border-radius: 100%;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    top: 11px;
    width: 5px
}

.general-content ul li+li {
    margin-top: 10px
}

.history-content {
    position: relative
}

.history-content:after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 164px;
    width: 100%;
    z-index: -1
}

.history-content .box-content-history {
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .16);
    margin: 0 auto 60px;
    max-width: 100%;
    padding: 50px 20px
}

.history-content .box-content-history .inner-wrap .right .large-img img,
.history-content .box-content-history .inner-wrap .right .small-img img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%
}

.history-content .box-content-history .inner-wrap .left {
    padding: 0 0 50px
}

.history-content .box-content-history .inner-wrap .right {
    position: relative
}

.history-content .box-content-history .inner-wrap .right .small-img {
    border-radius: 100%;
    height: 120px;
    overflow: hidden;
    position: absolute;
    top: -11px;
    width: 120px;
    z-index: 2
}

.history-content .box-content-history .inner-wrap .right .large-img {
    border-radius: 100%;
    height: 280px;
    margin: 0 auto;
    overflow: hidden;
    width: 280px;
    z-index: 1
}

.history-content .how-its-wrap {
    border-bottom: 1px solid #4c4c4c;
    margin: 0 0 30px
}

.history-content .how-its-wrap .content ul {
    list-style: none;
    padding: 0
}

.history-content .how-its-wrap .content.link-btn a {
    color: #fff;
    min-width: 100%
}

.history-content .how-its .right img {
    display: block;
    height: 130px;
    margin: 25px auto 35px;
    width: auto
}

.history-content .left-right-content .left {
    margin-bottom: 30px
}

.history-bottom-img img {
    display: block
}

.history-content .how-its-wrap .content.link-btn a:hover {
    color: #15339F
}

.history-content .box-content-history .inner-wrap .right {
    margin: 0 auto;
    max-width: 300px
}

@media not all and (min-resolution:.001dpcm) {
    @media {
        .quote .quote-wrap .default-form .hs-fieldtype-file input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]) {
            padding: 8px 15px
        }
    }
}

.testimonial {
    font-size: 16px;
    line-height: 30px;
    padding: 95px 0 70px
}

.testimonial .container {
    max-width: 1000px
}

.testimonial .list-wrapper {
    padding: 56px 0 0
}

.testimonial .name {
    padding: 25px 0 0
}

.testimonial .slick-slider .slick-dots li button {
    background-color: #d5d5d5;
    height: 17px;
    opacity: 1;
    width: 17px
}

.testimonial .slick-slider .slick-dots li.slick-active button {
    background-color: #15339F
}

.industry_hero.case_study_intro_section .industryhero_main:before {
    display: none
}

.industry_hero.case_study_intro_section .industryhero_main {
    background-color: #f9f9f9
}

.additional_text {
    color: #15339F;
    margin-top: 22px
}

.industry_hero.case_study_intro_section .industryhero_main h1 {
    margin-bottom: 30px
}

.industry_hero.case_study_intro_section .industryhero_main .left .text {
    max-width: 680px
}

.industry_hero.case_study_intro_section .industryhero_main,
.industry_hero.case_study_intro_section .industryhero_main .left .sub,
.industry_hero.case_study_intro_section .industryhero_main .left .text h1 {
    color: #312e2b
}

.industry_hero.case_study_intro_section .industryhero_main .left {
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px
}

.industryhero_main_box {
    flex-wrap: wrap;
    padding-bottom: 60px
}

.transportation_industry.case_study_main_section .transportation_main .logo {
    margin-bottom: 20px
}

.transportation_industry.case_study_main_section .text h2 {
    font-size: 26px;
    margin-bottom: 5px
}

.transportation_industry.case_study_main_section .text {
    font-size: 14px
}

.transportation_industry.case_study_main_section .casecenter .iamge img {
    box-shadow: none
}

.transportation_industry.case_study_main_section .casecenter .text {
    padding-left: 0
}

.transportation_industry.case_study_main_section .casecenter .text h3 {
    margin-bottom: 0
}

.transportation_industry.case_study_main_section .casecenter .text .textin {
    margin-top: 30px
}

.how_work_form_box {
    background-color: #000;
    border: 3px solid #ececec;
    box-shadow: 5px 10px 15px rgba(0, 0, 0, .11);
    left: calc(100% + 20px);
    margin: 0 auto;
    padding: 70px 15px 50px;
    right: 0;
    transform: translateY(-50%);
    visibility: hidden;
    width: 95%;
    z-index: 11
}

.how_work_click_toggle,
.how_work_form_box {
    color: #fff;
    position: fixed;
    top: 50%;
    transition: all .5s ease-in-out
}

.how_work_click_toggle {
    align-items: center;
    background-color: #15339F;
    border-radius: 30px 30px 0 0;
    box-shadow: -3px 0 15px rgba(0, 0, 0, .16);
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: center;
    right: -145px;
    text-align: center;
    transform: translateY(-50%) rotate(-90deg);
    width: 350px;
    z-index: 1
}

.how_work_click_toggle span {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.how_work_form_box h2 {
    color: #fff;
    font-size: 20px;
    line-height: 1.3
}

.how_work_form_right form .hs-input {
    background: transparent!important;
    border: 0!important;
    border-bottom: 1px solid #fff!important;
    color: #fff!important;
    font-size: 14px!important;
    height: 30px;
    padding: 0!important
}

.how_work_form_right form .legal- consent-container,
.how_work_form_right form .legal- consent-container a {
    color: #fff
}

.legal-consent-container a {
    color: #15339F;
    font-size: 13px
}

.legal-consent-container {
    margin-bottom: 15px
}

.how_work_form_right .actions {
    background-image: linear-gradient(180deg, #1A3EC0, #15339F);
    border: 0;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 700;
    height: auto;
    margin-top: 0;
    padding: 10px 30px;
    position: relative;
    text-transform: uppercase;
    vertical-align: top;
    width: auto
}

.how_work_form_right .actions:after {
    background: url(https://20292423.fs1.hubspotusercontent-na1.net/hubfs/20292423/btn-right.png) no-repeat 50%/cover;
    background-size: 15px;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 15px;
    margin: auto;
    position: relative;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 15px
}

.how_work_form_right .actions input[type=submit] {
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase
}

a.form_close {
    background-color: #15339F;
    height: 40px;
    text-align: center;
    width: 40px
}

a.form_close,
a.form_close img {
    position: absolute;
    right: 0;
    top: 0
}

a.form_close img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 22px
}

.how_work_form_raw.active {
    visibility: visible
}

.how_work_form_raw.active.close {
    visibility: hidden
}

.how_work_form_raw.active .how_work_form_box {
    left: 0;
    visibility: visible
}

.how_work_form_raw.active.close .how_work_form_box {
    left: 200%!important;
    visibility: hidden
}

.how_work_form_raw.active .how_work_click_toggle {
    opacity: 0;
    visibility: hidden
}

.how_work_form_raw.active.close .how_work_click_toggle {
    opacity: 1!important;
    visibility: visible!important
}

.how_work_form_left .additional_text {
    font-weight: 600
}

body.form_close {
    overflow: auto!important
}

.how_work_form_box ul.no-list.hs-error-msgs.inputs-list {
    color: #fff;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0
}

.how_work_form_box .hs-error-msgs label {
    color: #fff;
    font-size: 10px;
    line-height: 1;
    transform: none
}

.how_work_form_box .hs-input {
    margin-bottom: 0!important
}

.how_work_form_box .input {
    padding-bottom: 0
}

.how_work_form_box .hs-form-field {
    padding-bottom: 22px
}

.how_work_form_box .hs_error_rollup {
    display: none!important
}

.how_work_form_box .hs_company.hs-company.hs-fieldtype-text.field.hs-form-field {
    padding-bottom: 8px
}

.capabilities-tab {
    padding: 45px 0
}

.capabilities-tab .nav-inner ul {
    background-color: #707070;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    display: none;
    left: 0;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    z-index: 1
}

.capabilities-tab .nav-inner ul li {
    padding: 0
}

.capabilities-tab .nav-inner ul li:after {
    display: none
}

.capabilities-tab .nav-inner ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    padding: 5px 14px;
    text-align: left;
    text-transform: uppercase;
    transition: .4s
}

.capabilities-tab .nav-inner ul li a.current,
.capabilities-tab .nav-inner ul li a:hover {
    color: #000
}

.capabilities-tab .content-main {
    padding: 35px 0 0;
    position: relative
}

.capabilities-tab .content-main .right-form>div {
    background-color: #000;
    margin: 0;
    padding: 22px 21px
}

.capabilities-tab .content-main .right-form h3.form-title {
    margin: 0
}

.capabilities-tab .content-main .right-form h3 {
    color: #15339F;
    margin: 0 0 5px;
    text-transform: uppercase
}

.capabilities-tab .content-main .right-form h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase
}

.capabilities-tab .content-main .right-form p {
    color: #fff;
    font-size: 17px;
    font-weight: 400;
    line-height: 29px;
    margin: 0 0 25px
}

.capabilities-tab .content-main .tabing-content .tabing-list .tabing-image {
    margin: 0 0 20px
}

.capabilities-tab .content-main .tabing-content .tabing-list .tabing-image img {
    display: block;
    height: 200px;
    object-fit: cover
}

.capabilities-tab .content-main .tabing-content .tabing-list .tabing-details .content {
    font-size: 17px;
    letter-spacing: normal
}

.capabilities-tab .content-main .tabing-content .tabing-list .tabing-details h4 {
    color: #15339F;
    margin: 0 0 15px
}

.capabilities-tab .content-main .tabing-content .tabing-list .tabing-details .content ul {
    list-style: none;
    margin: 0 0 40px;
    padding: 0
}

.capabilities-tab .content-main .tabing-content .tabing-list .tabing-details .content ul li {
    padding: 0 0 0 10px;
    position: relative
}

.capabilities-tab .content-main .tabing-content .tabing-list .tabing-details .content ul li:before {
    background-color: #000;
    border-radius: 50%;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 13px;
    width: 3px
}

.capabilities-tab .nav-inner {
    position: relative
}

.capabilities-tab .nav-inner h3.select-menu {
    border: 2px solid #707070;
    cursor: pointer;
    margin: 0;
    padding: 7px 10px;
    position: relative;
    transition: .4s
}

.capabilities-tab .nav-inner h3.select-menu:hover {
    background-color: #707070;
    color: #fff
}

.capabilities-tab .nav-inner h3.select-menu:after {
    border-color: #707070 transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 14px;
    top: 15px;
    transition: .4s;
    width: 0
}

.capabilities-tab .nav-inner h3.select-menu:hover:after {
    border-color: #707070 transparent transparent
}

.capabilities-tab .content-main .right-form.default-form form .hs_submit .actions {
    min-width: 100%
}

.capabilities-tab .content-main .bottom-logo {
    margin: 0 0 60px
}

.capabilities-tab .content-main .bottom-logo img {
    display: block;
    margin: 0 auto
}

body.form_open_again .how_work_form_raw.active.close .how_work_form_box {
    left: 0!important;
    visibility: visible
}

::-webkit-input-placeholder {
    color: #fff!important
}

::-moz-placeholder {
    color: #fff!important
}

:-ms-input-placeholder {
    color: #fff!important
}

:-moz-placeholder {
    color: #fff!important
}

@media (min-width:1350px) {
    .capabilities .container,
    .capabilities .row-fluid .container[class*=span] {
        width: 1320px
    }
}

@media(min-width:500px) {
    .examples .image-content-wrapper .left .image-wrapper .image img {
        height: 180px
    }
    .transportation_industry .case_conclusion .case_conclusion_main .casecenter {
        display: flex;
        flex-wrap: wrap
    }
    .benefits-sec .benefits-wrap {
        display: flex;
        flex-flow: row wrap
    }
    .benefits-sec {
        padding: 50px 0 20px
    }
    .benefits-sec .benefits-wrap .benefits .icon img {
        max-height: 100px
    }
    .positions-accordion-sec {
        padding: 45px 0
    }
    .benefits-sec .benefits-wrap .benefits h4 {
        margin-left: -25px
    }
    .content-form .content-form-wrapper .right .resource-form form .hs_submit .actions {
        min-width: 240px
    }
    .confirmation .confirm-wrapper .content {
        padding: 40px 0 0
    }
    .confirmation .logo a img {
        max-width: 211px
    }
    .confirmation {
        padding: 75px 0 20px
    }
    .confirmation .confirm-wrapper .content h1 {
        font-size: 70px;
        line-height: 75px
    }
    .confirmation .confirm-wrapper .button-1 {
        padding: 35px 0 0
    }
    .confirmation .confirm-wrapper .button-1 a {
        padding: 15px
    }
    .resource-sec .resource-wrapper .resource {
        padding: 35px 15px 55px
    }
    .resource-sec .button-1 {
        padding: 5px 0 35px
    }
    .resource-sec .resource-wrapper .resource.video-resource .content a {
        top: 65px
    }
    .quote .quote-wrap .default-form input[type="file"i]::-webkit-file-upload-button {
        font-size: 14px;
        min-width: 155px
    }
    .quote .quote-wrap .default-form .hs-fieldtype-file input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]) {
        padding: 8px 15px 8px 170px
    }
}

@media (min-width:768px) {
    .flex-reverse {
        flex-direction: row-reverse
    }
    .title-part h2 {
        font-size: 50px;
        line-height: 55px
    }
    .banner .slick-dots {
        bottom: 20px;
        left: auto;
        position: absolute;
        right: 30px;
        z-index: 1
    }
    .banner .slick-dots li button {
        height: 10px;
        opacity: 1;
        width: 10px
    }
    .banner .banner-wrap .banner-listing {
        flex-direction: unset;
        position: relative
    }
    .banner .banner-wrap .banner-listing .background-img {
        bottom: -58px;
        content: "";
        position: absolute;
        right: 0;
        width: 80%;
        z-index: -1
    }
    .banner .banner-wrap .banner-listing .left {
        padding: 70px 30px;
        width: 80%
    }
    .banner .banner-wrap .banner-listing .left h1 br {
        display: block
    }
    .banner .banner-wrap .banner-listing .left .content {
        font-size: 18px;
        padding-left: 27px;
        width: calc(100% - 60px)
    }
    .banner .banner-wrap .banner-listing .left .button-1 {
        margin-top: 20px
    }
    .banner .banner-wrap .banner-listing .left h1 {
        font-size: 75px;
        line-height: 77px
    }
    .banner .banner-wrap .banner-listing .left .icon {
        display: block;
        width: 60px
    }
    .industry_hero .left .sub {
        color: #313133
    }
    .industry_hero .left h1 {
        color: #312e2b
    }
    .inventory-business {
        padding-top: 60px
    }
    .inventory-business .inventory-wrap {
        margin: 30px -5px 0
    }
    .transportation_industry .case_conclusion .case_conclusion_main .casecenter {
        display: flex
    }
    .inventory-business .inventory-wrap .list {
        margin: 0 5px 10px;
        width: calc(33.33333% - 10px)
    }
    .inventory-business .inventory-wrap[data-col=four] .list,
    .inventory-business .inventory-wrap[data-col=three] .list {
        width: calc(33.33333% - 10px)
    }
    .inventory-business .inventory-wrap .list .box-listing .box-title {
        font-size: 17px;
        padding: 10px
    }
    .icon-with-content .title-part h2 {
        text-align: center
    }
    .image-with-content .image-with-content-wrap .title-part .content ul li {
        width: 50%
    }
    .brand-slider {
        padding: 42px 0 55px
    }
    .brand-slider .brand-slider-wrap img {
        padding: 0
    }
    .icon-with-content .icon-wrap {
        margin: 0 -10px
    }
    .icon-with-content .icon-wrap .list {
        margin: 30px 10px 0;
        width: calc(33.33333% - 20px)
    }
    .icon-with-content .icon-wrap .list .hover-img {
        opacity: 0;
        visibility: hidden
    }
    .icon-with-content .icon-wrap .list .title h3 {
        font-size: 17px;
        line-height: 20px
    }
    .icon-with-content .icon-wrap .list .title h3:after {
        left: auto;
        margin: 0 0 0 15px;
        top: 30%;
        transform: translate(-30%)
    }
    .icon-with-content .icon-wrap .list img {
        max-height: 75px
    }
    .icon-with-content .icon-wrap .list .main-img {
        height: 80px
    }
    .product-information .product-wrap .left,
    .product-information .product-wrap .right,
    .title-content .title-wrap .left,
    .title-content .title-wrap .right {
        width: 50%
    }
    .industry_hero .industryhero_main {
        background-color: none;
        color: #313133
    }
    .industry_hero .industryhero_main:before {
        background: hsla(0, 0%, 100%, .48);
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    .quote_industry.gradient-color:before {
        background: linear-gradient(90deg, transparent 0, #000 50%)
    }
    .quote_industry h2 {
        font-size: 45px;
        line-height: 50px
    }
    .quote_industry>div {
        align-items: center;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap
    }
    .quote_industry .left-img {
        max-width: 50%
    }
    .quote_industry .inner-wrap {
        margin: 0 auto 0 0;
        max-width: 753px;
        padding-right: 50px
    }
    .quote_industry .inner {
        width: 50%
    }
    .quote_industry.gradient-color .inner {
        margin: 0 0 0 auto;
        width: 60%
    }
    .quote_industry>div.flex-reverse {
        align-items: center;
        flex-direction: row-reverse
    }
    .quote_industry>div.flex-reverse .inner {
        margin-right: auto;
        padding-left: 40px
    }
    .quote_industry>div.flex-reverse .inner .inner-wrap {
        margin: 0 0 0 auto
    }
    .quote_industry .inner-wrap h2 {
        font-size: 45px
    }
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .right .content.two-col ul li {
        display: inline-block;
        margin: 0 -2px;
        vertical-align: text-bottom;
        width: 50%
    }
    .examples .title-part h2 {
        font-size: 50px;
        line-height: 54px
    }
    .examples .title-part h2 span {
        font-size: 46px;
        line-height: 48px
    }
    .examples .image-content-wrapper .left {
        width: calc(100% - 150px)
    }
    .examples .image-content-wrapper .right {
        margin: 0 0 0 -7px;
        width: calc(100% - 150px)
    }
    .examples .image-content-wrapper .left .image-wrapper .main-img img {
        height: 45vw
    }
    .examples .image-content-wrapper .left .image-wrapper .image {
        margin: 0 6px 12px;
        width: calc(50% - 12px)
    }
    .examples .image-content-wrapper .right:after {
        width: 726px
    }
    .examples .image-content-wrapper .right .content-wrap .title {
        padding: 15px 25px;
        text-align: left
    }
    .examples .image-content-wrapper .right .content-wrap .content {
        padding: 17px 25px
    }
    .industry_hero .industryhero_main:before {
        background: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0))
    }
    .industry_hero .left {
        padding: 60px 0 100px
    }
    .industry_hero .fasteners {
        margin: -125px 0 0;
        padding: 10px 0 80px;
        text-align: left
    }
    .industry_hero .fasteners .fasteners_main .box {
        padding: 10px;
        width: 25%
    }
    .industry_hero .fasteners .fasteners_main .box h4 br {
        display: block
    }
    .industry_hero .fasteners .main_title h3 {
        font-size: 27px;
        line-height: 36px;
        margin-top: 20px
    }
    .industry_hero .fasteners .fasteners_main .box .icon {
        height: 140px;
        width: 140px
    }
    .industry_hero .fasteners .fasteners_main .box .icon img {
        max-height: 100%
    }
    .transportation_industry .case_conclusion_main .casecenter .iamge,
    .transportation_industry .case_conclusion_main .casecenter .text {
        display: inline-block;
        width: 50%
    }
    .product-overview .inventory-business .title-part h2 {
        line-height: 55px
    }
    .industry_hero.single-listing .fasteners {
        margin: 0;
        padding: 80px 0
    }
    .industry_hero.single-listing .fasteners .fasteners_main {
        width: auto
    }
    .transportation_industry .transportation_top {
        padding: 50px 0 180px
    }
    .transportation_industry .transportation_top .transportation_main .logo {
        width: 150px
    }
    .transportation_industry .transportation_top .transportation_main .text {
        padding: 0 0 0 40px;
        width: calc(100% - 150px)
    }
    .transportation_industry .case_conclusion {
        margin: -140px 0 90px
    }
    .transportation_industry .case_conclusion .container {
        background: #fff;
        box-shadow: 0 0 30px rgba(0, 0, 0, .16);
        padding: 30px 50px
    }
    .transportation_industry .case_conclusion_main {
        padding: 40px 0
    }
    .transportation_industry .case_conclusion_main .casecenter .iamge {
        max-width: 500px
    }
    .transportation_industry .case_conclusion_main .case_blockquote {
        font-size: 20px;
        line-height: 35px;
        padding: 0 0 0 100px
    }
    .transportation_industry .case_conclusion_main .case_blockquote:before {
        height: 56px;
        width: 70px
    }
    .transportation_industry .counter_conclusion .counter_box {
        margin: 0;
        padding: 10px;
        width: 50%
    }
    .transportation_industry .counter_box h3 br {
        display: block
    }
    .transportation_industry .counter_conclusion {
        margin: 30px -10px
    }
    .transportation_industry .counter_conclusion .counter_box:last-child .num {
        font-size: 50px
    }
    .transportation_industry .counter_conclusion .counter_box .num {
        font-size: 56px;
        line-height: normal
    }
    .transportation_industry .conclusion_hex {
        margin: 0 -8px
    }
    .transportation_industry .counterhex_box {
        padding: 8px 0;
        width: calc(50% - 10px)
    }
    .transportation_industry .counterhex_box .image {
        height: 200px
    }
    .transportation_industry .counterhex_box .title {
        font-size: 17px
    }
    .transportation_industry .transportation_top .transportation_main.no-image .text {
        margin: 0 auto;
        max-width: 840px;
        padding: 0;
        width: auto
    }
    .show-toggle-text span,
    .show-toggle-text1 span {
        display: none
    }
    .careers_hero .careershero_main {
        background-color: transparent;
        color: #313133
    }
    .careers_hero .left .sub,
    .careers_hero .left h1 {
        color: #313133
    }
    .careers_hero .left {
        padding: 60px 0 100px
    }
    .careers_hero .careershero_main:before {
        background: hsla(0, 0%, 100%, .48);
        background: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0));
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }
    .benefits-sec .benefits-wrap .benefits {
        width: calc(25% - 20px)
    }
    .positions-accordion-sec {
        padding: 70px 0
    }
    .positions-accordion-sec .button-1 a {
        font-size: 16px
    }
    .positions-accordion-sec .title {
        font-size: 18px
    }
    .positions-accordion-sec .accordion .accordion-content {
        margin: 0 0 20px;
        padding: 35px
    }
    .positions-accordion-sec .accordion .accordion-title {
        font-size: 23px;
        padding: 0 0 25px
    }
    .positions-accordion-sec .accordion-content .mission {
        padding: 0;
        width: 445px
    }
    .positions-accordion-sec .accordion-content .bottom-mission .image {
        padding-left: 15px;
        width: calc(100% - 445px)
    }
    .positions-accordion-sec .accordion-content .bottom-mission .image img {
        max-width: 100%
    }
    .positions-accordion-sec .accordion .accordion-content h2 {
        font-size: 26px
    }
    .confirmation {
        padding: 55px 0 50px
    }
    .confirmation .confirm-wrapper .content h1 {
        font-size: 90px;
        line-height: 70px
    }
    .content-form {
        background-color: #000;
        position: relative;
        z-index: 1
    }
    .content-form .content-form-wrapper .left {
        padding: 30px 15px 100px 0;
        width: calc(100% - 345px)
    }
    .content-form .content-form-wrapper .right {
        width: 345px
    }
    .content-form .content-form-wrapper .left .content-wrap {
        padding: 50px 0 0
    }
    .content-form .content-form-wrapper .left .content-wrap h2 {
        font-size: 40px;
        line-height: 47px;
        padding: 10px 0 0
    }
    .content-form .content-form-wrapper .left .content-wrap .flex {
        display: block
    }
    .content-form .content-form-wrapper .left .content-wrap .image img {
        margin: 0 auto;
        max-width: 270px;
        width: 100%
    }
    .content-form .content-form-wrapper .left .content-wrap .image {
        margin: 40px 0 0;
        text-align: center;
        width: auto
    }
    .content-form .content-form-wrapper .right {
        padding: 30px
    }
    .content-form .content-form-wrapper .right .resource-form h3.form-title {
        font-size: 34px;
        padding: 15px 0
    }
    .content-form .content-form-wrapper .right .social {
        justify-content: right
    }
    .resource-sec .dropdown-wrapper .dropdown-group {
        margin: 0 -18px
    }
    .resource-sec .dropdown-wrapper .dropdown-group .dropdown {
        margin: 0 18px;
        width: calc(50% - 36px)
    }
    .resource-sec .dropdown-wrapper {
        padding: 50px 25px 40px
    }
    .resource-sec .resource-wrapper {
        margin: 0 -8px
    }
    .resource-sec .resource-wrapper .resource {
        margin: 0 8px 15px;
        width: calc(50% - 16px)
    }
    .resource-sec .dropdown-wrapper h2 {
        font-size: 34px
    }
    .resource-sec .resource-wrapper .resource.video-resource .content a {
        top: 55px
    }
    .resource-sec .resource-wrapper .resource h3 {
        max-width: 250px
    }
    .resource-sec .button-1 a {
        padding: 18px 55px
    }
    .resource .banner-title h1 {
        font-size: 50px
    }
    .capabilities-scroll-section {
        margin: 0
    }
    .capabilities-scroll-section .scroll-inner .scroll-nav .nav-inner {
        margin-bottom: 0
    }
    .capabilities-scroll-section .scroll-inner .scroll-nav .nav-inner ul {
        text-align: center
    }
    .capabilities-scroll-section .scroll-inner .scroll-content {
        padding-top: 120px
    }
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap {
        flex-direction: row;
        margin: 0 0 100px;
        padding-top: 0
    }
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap.flex-reverse {
        flex-direction: row-reverse
    }
    .capabilities-scroll-section .scroll-inner .scroll-nav h3 {
        display: none
    }
    .capabilities-scroll-section .scroll-inner .scroll-nav ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .left {
        height: 30vw;
        margin-top: 0;
        width: 40%
    }
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .right {
        padding: 0 30px;
        width: 60%
    }
    .capabilities-scroll-section .scroll-inner .scroll-nav.ul-style li {
        display: inline-block
    }
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap.flex-reverse .right {
        padding: 0 30px 0 0
    }
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .right .content,
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .right ul {
        font-size: 17px
    }
    .capabilities-scroll-section .scroll-inner .scroll-nav.ul-style ul li a {
        font-size: 15px;
        padding: 5px
    }
    .contact-form {
        padding: 100px 0
    }
    .contact-form-inner .left {
        padding: 0 40px 0 0;
        width: 60%
    }
    .contact-form-inner .left h1 {
        font-size: 40px;
        line-height: 55px
    }
    .contact-form-inner .left .button-1 a {
        padding: 8px 20px;
        text-align: left
    }
    .contact-form-inner .right {
        padding: 0 0 0 30px;
        position: relative;
        width: 40%
    }
    .contact-form-inner .right:after {
        background: #707070;
        content: "";
        height: calc(100% - 116px);
        left: 0;
        position: absolute;
        top: 8px;
        width: 1px
    }
    .contact-form-inner .left .button-1 a:after {
        position: absolute;
        right: 25px;
        transform: scale(1.5)
    }
    .quote .quote-wrap .default-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]),
    .quote .quote-wrap .default-form select,
    .quote .quote-wrap .default-form textarea {
        height: 52px;
        margin: 0 0 20px;
        padding: 12px 15px
    }
    .quote .title-part h3 {
        font-size: 27px;
        margin: 0 0 10px
    }
    .quote .title-part h1 {
        font-size: 50px;
        line-height: 55px;
        margin: 0 0 20px
    }
    .quote .title-part {
        padding: 0 0 25px
    }
    .quote .quote-wrap .default-form .hs-richtext {
        padding: 35px 50px 30px
    }
    .quote .quote-wrap .default-form .actions {
        min-width: 360px
    }
    .quote .quote-wrap .quote-form {
        max-width: 765px;
        padding: 25px 0 0
    }
    .quote .quote-wrap {
        max-width: 1035px
    }
    .quote .quote-wrap .default-form input[type=submit] {
        padding: 15px 20px
    }
    .quote .quote-wrap .default-form .hs-fieldtype-file input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]) {
        height: 52px;
        padding: 12px 15px 12px 170px
    }
    .testimonial {
        font-size: 22px;
        line-height: 40px
    }
    .general-content h4 {
        font-size: 27px;
        line-height: 40px
    }
    .banner .banner-wrap .banner-listing .left .mobile-image,
    .image-with-content .image-with-content-wrap .mobile-image {
        display: none
    }
    .history-content .box-content-history {
        max-width: 700px
    }
    .history-content .box-content-history .inner-wrap .right {
        margin: 0 auto
    }
    .history-content .how-its .how-its-wrap .left {
        padding: 0 30px 0 45px;
        width: 70%
    }
    .history-content .how-its .how-its-wrap .right {
        text-align: right;
        width: 30%
    }
    .history-content .how-its-wrap .content ul {
        display: flex;
        flex-wrap: wrap
    }
    .history-content .how-its-wrap .content li {
        display: inline-block;
        padding: 0;
        width: 48%
    }
    .history-content .how-its-wrap .content.link-btn a {
        font-size: 15px;
        min-width: 155px
    }
    .history-content .how-its-wrap .content li:nth-child(2n) {
        padding: 0
    }
    .history-content .how-its-wrap .content li:nth-child(2n) a {
        min-width: 224px
    }
    .history-content .how-its-wrap .content.link-btn a:after {
        font-size: 16px;
        right: 0
    }
    .history-content .how-its .right img {
        height: 220px
    }
    .history-content .left-right-content .left {
        padding: 30px 30px 0;
        width: 50%
    }
    .history-content .left-right-content .right {
        width: 50%
    }
    .history-bottom-img {
        margin: -70px 0 0;
        position: relative;
        z-index: -1
    }
    .examples .image-content-wrapper .right .content-wrap .content ul li {
        padding: 18px 0 18px 40px
    }
    .examples .image-content-wrapper .right .content-wrap .content ul li:after {
        border-width: 0 20px 20px 0;
        top: 24px
    }
    .transportation_industry.case_study_main_section .transportation_main {
        align-items: center;
        display: flex;
        text-align: left;
        width: 100%
    }
    .transportation_industry.case_study_main_section .text h2 {
        font-size: 32px
    }
    .transportation_industry.case_study_main_section .case_conclusion_main {
        padding: 0
    }
    .transportation_industry.case_study_main_section .case_conclusion .container {
        padding: 60px 30px
    }
    .transportation_industry.case_study_main_section .casecenter .text .textin {
        margin: 0 0 30px
    }
    .transportation_industry.case_study_main_section .casecenter .text {
        padding-left: 30px
    }
    .transportation_industry.case_study_main_section .counter_conclusion .counter_box .inner:before {
        max-height: 100%
    }
    .transportation_industry.case_study_main_section .case_conclusion_main .case_blockquote {
        padding-bottom: 20px
    }
    .transportation_industry.case_study_main_section .case_conclusion .case_conclusion_main .casecenter {
        margin: 0
    }
    .transportation_industry.case_study_main_section .counter_conclusion {
        margin-bottom: 0
    }
    .transportation_industry.case_study_main_section .conclusion_cover {
        padding-bottom: 0
    }
    .how_work_click_toggle {
        font-size: 16px;
        right: -170px;
        width: 400px
    }
    .capabilities-tab .inner {
        margin: -90px 0 0
    }
    .capabilities-tab .nav-inner h3.select-menu {
        display: none
    }
    .capabilities-tab .nav-inner ul {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
        position: static
    }
    .capabilities-tab .nav-inner ul li a {
        padding: 12px 10px
    }
    .capabilities-tab .content-main {
        padding: 0
    }
    .capabilities-tab .content-main .right-form {
        padding: 0 0 0 25px;
        width: 50%
    }
    .capabilities-tab .content-main .tabing-content {
        padding: 25px 0 0;
        width: 50%
    }
    .capabilities-tab .content-main .bottom-logo img {
        margin: 0;
        max-width: 340px;
        width: 100%
    }
    .capabilities-tab .content-main .tabing-content .tabing-list .tabing-image img {
        height: 391px
    }
    .capabilities-tab .content-main .tabing-content .tabing-list .tabing-details {
        max-height: 500px;
        overflow: auto
    }
    .capabilities-tab .content-main .bottom-logo {
        bottom: 0;
        left: 0;
        margin: 0;
        position: absolute
    }
}

@media (min-width:992px) {
    .title-part h2 {
        font-size: 57px;
        line-height: 59px
    }
    .banner .banner-wrap {
        height: 600px
    }
    .banner .banner-wrap .banner-listing .left {
        padding: 60px 45px 50px;
        width: 65%
    }
    .banner .banner-wrap .banner-listing .left .button-1 {
        margin-bottom: 80px;
        margin-top: 10px
    }
    .banner .banner-wrap .banner-listing .left h1 {
        font-size: 75px;
        line-height: 80px;
        margin-bottom: 15px
    }
    .banner .banner-wrap .banner-listing .left .button-1 {
        margin-top: 20px
    }
    .banner .banner-wrap .banner-listing .left .icon {
        margin-bottom: 10px;
        width: 70px
    }
    .banner .banner-wrap .banner-listing .left .content {
        font-size: 18px
    }
    .inventory-business .inventory-wrap .list {
        width: calc(25% - 10px)
    }
    .inventory-business .inventory-wrap[data-col=three] .list {
        width: calc(33.33333% - 10px)
    }
    .inventory-business .inventory-wrap[data-col=four] .list {
        width: calc(25% - 10px)
    }
    .brand-slider .title h3 {
        letter-spacing: 19.8px
    }
    .icon-with-content .icon-wrap .list {
        width: calc(33.33333% - 20px)
    }
    .icon-with-content .icon-wrap .list .title {
        margin-top: 20px
    }
    .icon-with-content .icon-wrap .list img {
        max-height: 90px
    }
    .icon-with-content .icon-wrap .list .title h3 {
        font-size: 19px;
        line-height: 22px
    }
    .image-with-content .image-with-content-wrap {
        max-width: 765px;
        padding: 121px 0 110px
    }
    .image-with-content .image-with-content-wrap .title-part h1 {
        line-height: 63px
    }
    .image-with-content .image-with-content-wrap .title-part .content ul {
        margin: 30px 0 0
    }
    .image-with-content .image-with-content-wrap .title-part .content ul li {
        font-size: 23px;
        margin: 0 0 30px;
        width: 33.33333%
    }
    .image-with-content .image-with-content-wrap .button-1 {
        margin-top: 32px
    }
    .banner-title {
        padding: 71px 0 51px
    }
    .banner-title h1 {
        font-size: 65px;
        line-height: 70px;
        margin-bottom: 15px;
        margin-top: 0
    }
    .product-information {
        padding: 82px 0 70px
    }
    .product-information .product-wrap .left {
        padding-left: 15px;
        padding-right: 0;
        width: 50%!important
    }
    .product-information .product-wrap .left h2 {
        font-size: 45px;
        line-height: 63px
    }
    .product-information .product-wrap .right {
        margin-left: auto;
        padding-left: 40px;
        width: 50%
    }
    .title-content {
        padding: 69px 0 77px
    }
    .title-content .title-wrap .left {
        width: calc(100% - 500px)
    }
    .title-content .title-wrap .right {
        width: 500px
    }
    .product-overview .inventory-business .title-part h1 {
        color: #15339F;
        font-size: 44px
    }
    .examples .title-part h2 {
        font-size: 34px;
        line-height: 42px;
        padding: 0 0 50px
    }
    .examples .title-part h2 span {
        font-size: 53px;
        line-height: 55px
    }
    .examples .image-content-wrapper .left .image-wrapper .main-img img {
        height: 26vw
    }
    .examples .image-content-wrapper .right:after {
        width: 939px
    }
    .industry_hero .left {
        padding: 130px 0 180px
    }
    .industry_hero .fasteners .fasteners_main {
        width: 80%
    }
    .industry_hero .fasteners .fasteners_main .box h4 {
        font-size: 18px
    }
    .transportation_industry .case_conclusion .container {
        padding: 30px 100px
    }
    .transportation_industry .counter_conclusion .counter_box {
        width: 33.33333%
    }
    .transportation_industry .transportation_top .transportation_main .logo {
        width: 185px
    }
    .transportation_industry .counter_conclusion .counter_box .num {
        font-size: 56px
    }
    .transportation_industry .counter_conclusion .counter_box:last-child .num {
        font-size: 50px
    }
    .transportation_industry .transportation_top .transportation_main .text {
        padding: 0 0 0 60px;
        width: calc(100% - 185px)
    }
    .transportation_industry .counterhex_box {
        width: calc(33.33333% - 10px)
    }
    .quote_industry .inner-wrap h2 {
        font-size: 50px
    }
    .careers_hero.fastenal-capabilities .left {
        padding: 90px 0 100px
    }
    .careers_hero .left {
        padding: 150px 0 100px
    }
    .benefits-sec .benefits-wrap .benefits .icon img {
        max-height: 128px
    }
    .benefits-sec .benefits-wrap .benefits h4 {
        font-size: 23px
    }
    .positions-accordion-sec .accordion .accordion-title {
        font-size: 23px;
        padding: 0 0 15px
    }
    .positions-accordion-sec .accordion .accordion-content {
        padding: 45px
    }
    .positions-accordion-sec .accordion .accordion-content h2 {
        font-size: 34px;
        padding: 0 0 15px
    }
    .positions-accordion-sec .accordion-content .detail h4 {
        font-size: 23px
    }
    .positions-accordion-sec .accordion-content .detail p {
        margin: 0 0 30px
    }
    .positions-accordion-sec .accordion-content .button-1 {
        padding: 0 0 40px
    }
    .positions-accordion-sec .accordion-content .bottom-mission {
        padding: 40px 0 0
    }
    .positions-accordion-sec .bottom-content {
        max-width: 845px;
        padding: 40px 0 15px
    }
    .positions-accordion-sec .bottom-content .button-1 {
        padding: 50px 0 0
    }
    .positions-accordion-sec .button-1 a {
        font-size: 23px;
        padding: 16px 35px 20px
    }
    .positions-accordion-sec .accordion-content .mission {
        width: 580px
    }
    .positions-accordion-sec .accordion-content .bottom-mission .image {
        width: calc(100% - 580px)
    }
    .content-form .content-form-wrapper .left {
        width: calc(100% - 430px)
    }
    .content-form .content-form-wrapper .right {
        width: 430px
    }
    .content-form .content-form-wrapper .left .content-wrap .flex {
        display: flex
    }
    .content-form .content-form-wrapper .left .content-wrap .content {
        width: 280px
    }
    .content-form .content-form-wrapper .left .content-wrap .image {
        width: calc(100% - 280px)
    }
    .content-form .content-form-wrapper .right {
        padding: 50px 0 50px 30px
    }
    .content-form .content-form-wrapper .right .resource-form {
        padding: 50px 40px 0 0
    }
    .content-form .content-form-wrapper .left .logo a img {
        width: 211px
    }
    .content-form .content-form-wrapper .right .resource-form form .hs_submit .actions {
        min-width: 301px
    }
    .resource-sec .resource-wrapper .resource {
        padding: 35px 15px 65px;
        width: calc(33.33% - 16px)
    }
    .resource-sec .dropdown-wrapper:before {
        height: 21px
    }
    .resource .banner-title {
        padding: 60px 0 140px
    }
    .resource-sec .dropdown-wrapper .dropdown-group .dropdown h3 {
        padding: 20px 22px
    }
    .capabilities-scroll-section .scroll-inner .scroll-content {
        padding-top: 145px
    }
    .capabilities-scroll-section .scroll-inner .scroll-nav.ul-style ul li a {
        padding: 10px 5px
    }
    .contact-form-inner .left h1 {
        font-size: 50px;
        line-height: 60px
    }
    .contact-form-inner .left h3 {
        font-size: 27px
    }
    .contact-form-inner .left .content {
        font-size: 17px;
        line-height: 29px
    }
    .contact-form-inner .left .link-text a {
        font-size: 23px
    }
    .contact-form-inner .left .button-1 a {
        min-width: 360px;
        padding: 18px 25px;
        text-align: left
    }
    .contact-form-inner .right {
        min-height: 800px
    }
    .quote .quote-wrap .default-form .hs-form .hs_submit {
        padding: 50px 0 15px
    }
    .quote {
        padding: 105px 0 350px
    }
    .quote .quote-wrap .default-form input[type="file"i]::-webkit-file-upload-button {
        font-size: 17px;
        min-width: 191px
    }
    .quote .quote-wrap .default-form .hs-fieldtype-file input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]) {
        padding: 12px 15px 12px 210px
    }
    .history-content .box-content-history {
        max-width: 900px
    }
    .history-content .box-content-history .inner-wrap .right .small-img {
        height: 220px;
        width: 220px
    }
    .history-content .box-content-history .inner-wrap .right .large-img {
        height: 430px;
        width: 430px
    }
    .history-content .box-content-history .inner-wrap .right {
        max-width: 100%
    }
    .history-content .how-its-wrap .content li:nth-child(2n) {
        padding: 0
    }
    .history-content .how-its-wrap .content li:nth-child(2n) a {
        min-width: 252px
    }
    .examples .image-content-wrapper .right .content-wrap .content ul li {
        padding: 18px 0 18px 40px
    }
    .examples .image-content-wrapper .right .content-wrap .content ul li:after {
        top: 22px
    }
    .industry_hero.case_study_intro_section .industryhero_main .left {
        padding-bottom: 130px
    }
    .transportation_industry.case_study_main_section .case_conclusion .container {
        padding: 60px
    }
    .how_work_form_boxin {
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }
    .how_work_form_left {
        width: 50%
    }
    .how_work_form_right {
        padding-left: 65px;
        width: 50%
    }
    .how_work_form_box {
        padding-left: 30px;
        padding-right: 30px
    }
    .how_work_form_right h3.form-title {
        display: none
    }
    .how_work_form_box h2 {
        font-size: 32px
    }
    .how_work_form_box {
        left: 200%
    }
    .industry_hero.case_study_intro_section .left {
        padding-left: 15px;
        padding-right: 0;
        width: 50%
    }
    .industry_hero.case_study_intro_section .left .text {
        margin: 0 0 0 auto
    }
    .industry_hero.case_study_intro_section .image {
        padding-left: 40px;
        width: 50%
    }
    .industryhero_main_box {
        padding-bottom: 0
    }
}

@media (min-width:1200px) {
    .title-part h2 {
        font-size: 60px;
        line-height: 63px
    }
    .banner .banner-wrap .banner-listing .left h1 {
        font-size: 85px;
        line-height: 86px
    }
    .banner .banner-wrap .banner-listing .left .content h3 {
        font-size: 27px
    }
    .banner .banner-wrap .banner-listing .left .button-1 {
        margin-bottom: 85px;
        margin-top: 20px
    }
    .banner-title h1 {
        font-size: 87px;
        line-height: 120px
    }
    .inventory-business .inventory-wrap {
        margin: 50px 0 0
    }
    .inventory-business .inventory-wrap .list {
        margin: 0 5px 10px;
        width: calc(20% - 10px)
    }
    .brand-slider {
        padding: 42px 0 85px
    }
    .icon-with-content {
        padding: 106px 0 65px
    }
    .icon-with-content .title-part {
        margin-bottom: 65px
    }
    .icon-with-content .title-part h1 {
        line-height: 63px
    }
    .icon-with-content .icon-wrap {
        margin: 0
    }
    .icon-with-content .icon-wrap .list {
        margin: 0 0 50px;
        width: 25%
    }
    .icon-with-content .icon-wrap .list .main-img {
        height: 130px
    }
    .icon-with-content .icon-wrap .list img {
        max-height: 100%
    }
    .icon-with-content .icon-wrap .list .title h3 {
        font-size: 20px;
        line-height: 22px
    }
    .title-content .title-wrap .left {
        width: calc(100% - 730px)
    }
    .title-content .title-wrap .right {
        width: 715px
    }
    .title-content .title-wrap .left h2 {
        font-size: 57px;
        line-height: 58px
    }
    .product-information .product-wrap .left {
        padding-right: 0;
        width: 50%!important
    }
    .product-information .product-wrap .left .left-wrap {
        margin: 0 0 0 auto;
        max-width: 600px
    }
    .product-information .product-wrap .left h2 {
        font-size: 57px;
        line-height: 58px
    }
    .product-information .product-wrap .right {
        margin-left: auto;
        padding-left: 40px;
        width: 50%
    }
    .quote_industry .inner-wrap h2 {
        font-size: 60px;
        line-height: 63px
    }
    .quote_industry.gradient-color .inner {
        margin: 0 0 0 auto;
        width: 960px
    }
    .examples {
        padding: 15px 0 70px
    }
    .examples .title-part h2 {
        font-size: 44px;
        font-weight: 500;
        line-height: 54px;
        padding: 0 0 50px
    }
    .examples .title-part h2 span {
        font-size: 65px;
        font-weight: 700;
        line-height: 63px
    }
    .examples .image-wrapper {
        margin: 0 -12px
    }
    .examples .image-content-wrapper .left {
        width: 530px
    }
    .examples .image-content-wrapper .left .image-wrapper .image {
        margin: 0 6px 12px;
        width: calc(33.33333% - 12px)
    }
    .examples .image-content-wrapper .left .image-wrapper .image img {
        height: 180px
    }
    .examples .image-content-wrapper .left .image-wrapper .main-img {
        width: 100%
    }
    .examples .image-content-wrapper .left .image-wrapper .main-img .images {
        margin: 0 6px
    }
    .examples .image-content-wrapper .left .image-wrapper .main-img img {
        height: 475px
    }
    .examples .image-content-wrapper .right {
        margin: 0 0 0 -7px;
        width: calc(100% - 530px)
    }
    .examples .image-content-wrapper .right:after {
        width: 1139px
    }
    .examples .image-content-wrapper .right .content-wrap .title {
        padding: 20px 60px 18px
    }
    .examples .image-content-wrapper .right .content-wrap .title h3 {
        font-size: 27px;
        font-weight: 400;
        line-height: 40px;
        margin: 0
    }
    .examples .image-content-wrapper .right .content-wrap .content {
        line-height: 25px;
        padding: 17px 30px 0 60px
    }
    .examples .image-content-wrapper .right .content-wrap .content ul {
        padding: 0 0 20px
    }
    .examples .image-content-wrapper .right .content-wrap .content ul li {
        padding: 20px 0 25px 28px
    }
    .examples .image-content-wrapper .right .content-wrap .content ul li:after {
        top: 26px
    }
    .transportation_industry .transportation_top {
        margin: 60px 0 0;
        padding: 20px 0 220px
    }
    .transportation_industry .transportation_top .transportation_main {
        margin: 50px 0 0
    }
    .transportation_industry .transportation_top .icon {
        height: 150px;
        width: 150px
    }
    .transportation_industry .transportation_top .icon img {
        max-height: 100%;
        padding-top: 10px
    }
    .industry_hero .fasteners .fasteners_main .box .icon {
        height: 187px;
        width: 187px
    }
    .transportation_industry .case_conclusion .case_conclusion_main .casecenter .iamge {
        margin-left: -10%;
        max-width: 100%;
        padding: 10px 0 0 40px;
        width: 400px
    }
    .transportation_industry .case_conclusion .case_conclusion_main .casecenter .text {
        margin: 0;
        padding: 0 0 0 20px;
        width: calc(110% - 400px)
    }
    .transportation_industry .counter_conclusion .counter_box .num {
        font-size: 100px;
        line-height: 110px
    }
    .transportation_industry .counterhex_box {
        width: calc(25% - 10px)
    }
    .transportation_industry .counter_conclusion .counter_box .inner {
        padding: 50px 20px
    }
    .transportation_industry .case_conclusion .case_conclusion_main .casecenter {
        align-items: start
    }
    .title-part h2 {
        font-size: 50px
    }
    .careers_hero .left .text {
        max-width: 38vw
    }
    .careers_hero .careershero_main:before {
        display: none
    }
    .benefits-sec {
        padding: 80px 0 50px
    }
    .benefits-sec .title h2 {
        font-size: 60px;
        padding: 0 0 15px
    }
    .benefits-sec .benefits-wrap {
        padding: 52px 0 0
    }
    .benefits-sec .benefits-wrap .benefits {
        margin: 0 10px
    }
    .positions-accordion-sec {
        padding: 85px 0
    }
    .positions-accordion-sec .title {
        padding: 0 0 70px
    }
    .positions-accordion-sec .accordion-wrapper {
        padding: 0 0 15px
    }
    .positions-accordion-sec .accordion .accordion-title {
        font-size: 23px;
        margin: 0 0 12px;
        padding: 0 0 15px
    }
    .positions-accordion-sec .accordion .accordion-content {
        display: none;
        margin: 0 0 30px;
        padding: 50px 115px 70px
    }
    .positions-accordion-sec .accordion .accordion-content h2,
    .positions-accordion-sec .accordion-content .detail {
        padding: 0 0 10px
    }
    .positions-accordion-sec .accordion-content .detail h4 {
        font-size: 23px;
        margin: 0 0 12px
    }
    .positions-accordion-sec .accordion-content .detail p {
        margin: 0 0 30px
    }
    .positions-accordion-sec .accordion-content .button-1 {
        padding: 0 0 40px
    }
    .positions-accordion-sec .accordion-content .bottom-mission {
        padding: 40px 0 0
    }
    .positions-accordion-sec .accordion-content .mission {
        width: 675px
    }
    .positions-accordion-sec .accordion-content .mission h2 {
        padding: 0
    }
    .positions-accordion-sec .accordion-content .bottom-mission .image {
        padding-left: 15px;
        width: calc(100% - 675px)
    }
    .positions-accordion-sec .accordion-content .bottom-mission .mission .mission-content {
        font-size: 17px
    }
    .positions-accordion-sec .bottom-content {
        margin: 0 auto;
        max-width: 995px;
        padding: 70px 0 15px
    }
    .positions-accordion-sec .bottom-content .button-1 {
        padding: 30px 0 0
    }
    .confirmation {
        padding: 65px 0 80px
    }
    .confirmation .logo {
        padding: 0 0 95px
    }
    .confirmation .logo a img {
        max-width: 211px
    }
    .confirmation .confirm-wrapper .content h1 {
        font-size: 120px;
        line-height: 100px
    }
    .confirmation .confirm-wrapper .content h1 span {
        font-size: 45px;
        line-height: 40px
    }
    .confirmation .confirm-wrapper .button-1 a {
        padding: 15px
    }
    .content-form .content-form-wrapper .left {
        width: calc(100% - 465px)
    }
    .content-form .content-form-wrapper .left .content-wrap {
        padding: 100px 0 0 45px
    }
    .content-form .content-form-wrapper .left .tag {
        padding: 0 0 10px
    }
    .content-form .content-form-wrapper .left .tag span {
        font-size: 24px;
        font-weight: 500
    }
    .content-form .content-form-wrapper .left .content-wrap h2 {
        font-size: 60px;
        font-weight: 700;
        line-height: 63px;
        padding: 15px 0 0;
        text-transform: uppercase
    }
    .content-form .content-form-wrapper .left .content-wrap .content {
        width: 350px
    }
    .content-form .content-form-wrapper .left .content-wrap .image {
        width: calc(100% - 350px)
    }
    .content-form .content-form-wrapper .left .content-wrap .image img {
        margin: 0;
        width: 230px
    }
    .content-form .content-form-wrapper .left .content-wrap .content ul {
        padding: 15px 0 0
    }
    .content-form .content-form-wrapper .right {
        padding: 50px 50px 140px;
        width: 465px
    }
    .content-form .content-form-wrapper .right .social h3 {
        color: #fff;
        font-size: 24px;
        margin: 0
    }
    .content-form .content-form-wrapper .right .social ul li {
        margin-left: 15px
    }
    .content-form .content-form-wrapper .right .resource-form {
        padding: 160px 0 0
    }
    .content-form .content-form-wrapper .right .resource-form h3.form-title {
        font-size: 43px;
        line-height: 44px
    }
    .resource-sec .resource-wrapper .resource h3 {
        max-width: 280px
    }
    .resource-sec .dropdown-wrapper {
        padding: 70px 32px 40px
    }
    .resource-sec .dropdown-wrapper h2 {
        font-size: 40px
    }
    .resource-sec .dropdown-wrapper .dropdown-group {
        padding: 30px 0 0
    }
    .resource-sec .button-1 a {
        min-width: 392px;
        padding: 21px 45px
    }
    .resource .banner-title h1 {
        font-size: 70px
    }
    .resource .banner-title {
        padding: 71px 0 155px
    }
    .resource-sec .resource-wrapper .resource.video-resource .content a {
        top: 65px
    }
    .capabilities-scroll-section .scroll-inner .scroll-nav.ul-style ul li a {
        font-size: 18px;
        padding: 20px 8px
    }
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .left {
        height: 353px;
        width: 681px
    }
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap .right {
        padding: 0 30px 0 50px;
        width: calc(100% - 681px)
    }
    .capabilities-scroll-section .scroll-inner .scroll-content .content-wrap.flex-reverse .right {
        padding: 0 30px 0 0
    }
    .contact-form {
        padding: 80px 0 60px
    }
    .contact-form .contact-form-inner {
        padding: 60px 0
    }
    .contact-form-inner .left {
        padding: 0 60px 0 0;
        width: 700px
    }
    .contact-form-inner .left h1 {
        font-size: 60px;
        line-height: 63px
    }
    .contact-form-inner .right {
        padding: 0 0 0 45px;
        width: calc(100% - 700px)
    }
    .contact-form-inner .right textarea {
        min-height: 132px
    }
    .quote .title-part {
        padding: 0 0 10px
    }
    .quote .title-part h1 {
        font-size: 60px;
        line-height: 63px
    }
    .quote .quote-wrap .quote-form {
        padding: 10px 0 0
    }
    .quote .quote-wrap .default-form .hs-form label span {
        margin: 18px 0 8px
    }
    .quote .quote-wrap .default-form .hs-richtext {
        padding: 35px 35px 10px
    }
    .quote .quote-wrap .default-form input#other_information__plating__specification__etc__-6234d5eb-d7d1-4570-a2f2-a8d043bcd0b7_1667 {
        width: calc(50% - 14px)
    }
    .quote .quote-wrap .default-form .hs-form .hs_submit {
        padding: 50px 0 15px
    }
    .history-content .box-content-history {
        margin: 0 auto 120px;
        max-width: 1100px;
        padding: 60px 85px 15px
    }
    .history-content .box-content-history .inner-wrap .left {
        padding: 0 15px 0 0;
        width: 530px
    }
    .history-content .box-content-history .inner-wrap .right {
        width: calc(100% - 530px)
    }
    .history-content .box-content-history .inner-wrap .right .large-img {
        bottom: -100px;
        content: "";
        height: 470px;
        position: absolute;
        right: -100px;
        width: 470px
    }
    .history-content .box-content-history .inner-wrap .right .small-img {
        height: 277px;
        top: 0;
        width: 275px
    }
    .history-content .how-its .how-its-wrap .left {
        padding: 0;
        width: 665px
    }
    .history-content .how-its .how-its-wrap .right {
        width: calc(100% - 665px)
    }
    .history-content .how-its-wrap .content.link-btn a {
        font-size: 17px;
        min-width: 190px
    }
    .history-content .left-right-content .left {
        padding: 30px 55px 0 0;
        width: calc(100% - 585px)
    }
    .history-content .left-right-content .right {
        width: 585px
    }
    .history-content .how-its .right img {
        height: 319px;
        margin: 0 0 0 auto
    }
    .history-content .how-its-wrap .content {
        max-width: 600px
    }
    .history-content .how-its-wrap .content li,
    .history-content .how-its-wrap .content li:nth-child(2n) {
        padding: 0
    }
    .history-content .how-its-wrap .content li:nth-child(2n) a {
        display: block;
        min-width: 151px
    }
    .case_study_main_section.transportation_industry .counter_conclusion .counter_box .num {
        font-size: 70px;
        line-height: 1.2
    }
    .case_study_main_section.transportation_industry .counter_box h3 {
        line-height: 27px
    }
    .case_study_main_section.transportation_industry .counter_conclusion .counter_box:last-child .num {
        font-size: 70px
    }
    .how_work_form_box {
        padding-left: 70px;
        padding-right: 100px
    }
    .how_work_form_right {
        padding-left: 130px
    }
    .how_work_form_box h2 {
        font-size: 40px
    }
    .transportation_industry.case_study_main_section .transportation_top {
        margin: 0
    }
    .transportation_industry.case_study_main_section .counter_conclusion .counter_box .inner {
        padding: 65px 20px
    }
    .transportation_industry.case_study_main_section .case_conclusion .container {
        padding: 60px 100px
    }
    .capabilities-tab .content-main .right-form {
        padding: 0;
        width: calc(100% - 681px)
    }
    .capabilities-tab .content-main .tabing-content {
        padding: 45px 0 0;
        width: 681px
    }
    .capabilities-tab .content-main .tabing-content .tabing-list .tabing-details {
        max-height: 500px
    }
    .capabilities-tab .content-main .tabing-content .tabing-list .tabing-details .content ul {
        margin: 20px
    }
    .capabilities-tab .content-main .right-form>div {
        margin: 0 0 0 45px;
        min-height: 1092px;
        padding: 42px 41px
    }
    .capabilities-tab .content-main .right-form h2 {
        font-size: 44px;
        line-height: 52px
    }
    .capabilities-tab .content-main .right-form.default-form form .hs_submit .actions {
        min-width: 300px
    }
    .capabilities-tab .content-main .bottom-logo img {
        max-width: 100%
    }
    .capabilities-tab .nav-inner ul li a {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px
    }
}

@media (min-width:1300px) {
    .transportation_industry .case_conclusion .case_conclusion_main .casecenter .iamge {
        margin-left: -16%;
        padding: 0
    }
    .transportation_industry .case_conclusion .case_conclusion_main .casecenter .text {
        width: calc(116% - 400px)
    }
    .transportation_industry.case_study_main_section .case_conclusion .case_conclusion_main .casecenter {
        align-items: center;
        padding: 30px 0
    }
}

@media (min-width:1429px) {
    .capabilities-tab .nav-inner ul li a {
        padding: 20px 14px
    }
    .capabilities-tab .content-main .right-form h2 {
        font-size: 60px;
        line-height: 58px
    }
}

@media (min-width:1470px) {
    .banner .slick-dots {
        bottom: 46px;
        left: auto;
        right: 48px
    }
    .banner .slick-dots li button {
        height: 16px;
        width: 16px
    }
    .banner .banner-wrap {
        height: 662px
    }
    .banner .banner-wrap .banner-listing .left {
        padding: 95px 0 100px 272px;
        width: auto
    }
    .banner .banner-wrap .banner-listing .left h1 {
        font-size: 120px;
        font-weight: 600;
        line-height: 106px
    }
    .banner .banner-wrap .banner-listing .left .icon {
        width: 96px
    }
    .banner .banner-wrap .banner-listing .left>div {
        max-width: 900px
    }
    .banner .banner-wrap .banner-listing .left .content {
        font-size: 19px;
        margin-bottom: 26px;
        width: calc(100% - 172px)
    }
    .banner .banner-wrap .banner-listing .left .button-1 {
        margin-bottom: 0
    }
    .icon-with-content .container {
        width: 1280px
    }
    .quote_industry .button-1 {
        margin: 25px 15px 0
    }
    .examples .title-part h2 span {
        font-size: 65px
    }
    .product-information .product-wrap .left h2 {
        font-size: 60px;
        line-height: 63px
    }
    .title-part h2 {
        font-size: 60px
    }
    .product-overview .inventory-business .title-part h2 span {
        font-size: 53px
    }
    .confirmation .confirm-wrapper .content {
        padding: 10px 0 0
    }
    .confirmation .confirm-wrapper .content h1 {
        font-size: 160px;
        line-height: 130px
    }
    .confirmation .confirm-wrapper .content h1 span {
        font-size: 60px;
        line-height: 63px
    }
    .content-form .container {
        width: 1500px
    }
    .content-form .content-form-wrapper .left {
        width: calc(100% - 565px)
    }
    .content-form .content-form-wrapper .left .content-wrap {
        padding: 140px 0 0 75px
    }
    .content-form .content-form-wrapper .left .content-wrap .content {
        width: 530px
    }
    .content-form .content-form-wrapper .left .content-wrap .image {
        width: calc(100% - 530px)
    }
    .content-form .content-form-wrapper .left .content-wrap .image img {
        margin: -40px 0 0;
        width: 290px
    }
    .content-form .content-form-wrapper .right {
        padding: 50px 0 220px 65px;
        width: 565px
    }
    .content-form .content-form-wrapper .right .resource-form {
        padding: 210px 55px 0 0
    }
    .resource-sec .container {
        width: 1230px
    }
    .resource .banner-title h1 {
        font-size: 87px
    }
    .capabilities-scroll-section .scroll-inner .scroll-nav.ul-style ul li a {
        font-size: 18px;
        padding: 20px 14px
    }
    .contact-form-inner .left {
        padding: 0 75px 0 0;
        width: 730px
    }
    .contact-form-inner .right {
        padding: 0 0 0 55px;
        width: calc(100% - 730px)
    }
    .history-content .box-content-history {
        max-width: 1200px
    }
    .history-content .box-content-history .inner-wrap .left {
        padding: 0 30px 0 0;
        width: 625px
    }
    .history-content .box-content-history .inner-wrap .right {
        width: calc(100% - 625px)
    }
    .history-content .box-content-history .inner-wrap .right .large-img {
        right: -147px
    }
    .history-content .box-content-history .inner-wrap .right .small-img {
        top: -11px
    }
    .history-bottom-img {
        margin: -137px 0 0
    }
    .history-content .how-its-wrap .content.link-btn a {
        font-size: 18px
    }
    .history-content .how-its-wrap {
        margin: 0 25px 30px 45px
    }
    .left-right-content .content-wrap {
        margin: 0 25px 0 45px
    }
    .how_work_form_box h2 {
        font-size: 60px;
        line-height: 1.1
    }
    .how_work_form_left {
        padding-right: 80px;
        width: 60%
    }
    .how_work_form_right {
        width: 40%
    }
    .how_work_form_box {
        max-width: 100%;
        padding-bottom: 80px;
        padding-left: 100px;
        padding-top: 90px;
        width: 1400px
    }
    .transportation_industry.case_study_main_section .text h2 {
        font-size: 40px
    }
}

@media(max-width:991px) {
    .contact-form,
    .quote {
        background: #000!important
    }
}

@media(max-width:767px) {
    .mobile-img-none {
        background-image: none!important
    }
}

@media (max-height:500px) {
    .how_work_form_box {
        height: calc(100vh - 50px);
        overflow: auto
    }
}