/* background */
section.background-white {
    background: #fff;
    color: #0b2127;
}

section.background-roarange {
    background: #f65335;
    color: #fff;
}

section.background-midnight {
    background: #0b2127;
    color: #fff;
}

section.background-grey-900 {
    background: #304850;
    color: #fff;
}

section.background-grey-400 {
    background: #cdd8df;
    color: #0b2127;
}

section.background-grey-200 {
    background: #edf2f6;
    color: #0b2127;
}


/* flex-direction */
@media only screen and (max-width:600px) {
    section .left-position {
        flex-direction: column;
    }
    section .right-position {
        flex-direction: column-reverse;
    }
}

@media only screen and (min-width:768px) {
    section .left-position {
        flex-direction: row;
    }
    section .right-position {
        flex-direction: row-reverse;
    }
}


/* text-alignment */
section .left-alignment h1,
section .left-alignment h2,
section .left-alignment h3,
section .left-alignment h4,
section .left-alignment h5,
section .left-alignment h6,
section .left-alignment p,
section .left-alignment div {
    text-align: left !important;
}

section .center-alignment h1,
section .center-alignment h2,
section .center-alignment h3,
section .center-alignment h4,
section .center-alignment h5,
section .center-alignment h6,
section .center-alignment p,
section .center-alignment div {
    text-align: center !important;
}

section .right-alignment h1,
section .right-alignment h2,
section .right-alignment h3,
section .right-alignment h4,
section .right-alignment h5,
section .right-alignment h6,
section .right-alignment p,
section .right-alignment div {
	text-align: right !important;
}


/* padding */
section .initial {
    padding: 0 1rem;
}

section .none {
    padding: 0;
}


/* top spacing */
section div[class*=' mt'],
section div[class^='mt'] {
    display: block;
}

section .mti {
    margin-top: inherit;
}

section .mt0 {
    margin-top: 0px;
}

section .mt8 {
    margin-top: 8px;
}

section .mt12 {
    margin-top: 12px;
}

section .mt16 {
    margin-top: 16px;
}

section .mt24 {
    margin-top: 24px;
}

section .mt32 {
    margin-top: 32px;
}

section .mt60 {
    margin-top: 60px;
}

section .mt80 {
    margin-top: 80px;
}

section .mt120 {
    margin-top: 120px;
}


/* bottom spacing */
section div[class*=' mb'],
section div[class^='mb'] {
    display: block;
}

section .mbi {
    margin-bottom: inherit;
}

section .mb0 {
    margin-bottom: 0px;
}

section .mb8 {
    margin-bottom: 8px;
}

section .mb12 {
    margin-bottom: 12px;
}

section .mb16 {
    margin-bottom: 16px;
}

section .mb24 {
    margin-bottom: 24px;
}

section .mb32 {
    margin-bottom: 32px;
}

section .mb60 {
    margin-bottom: 60px;
}

section .mb80 {
    margin-bottom: 80px;
}

section .mb120 {
    margin-bottom: 120px;
}


/* display */
section .show {
    display: contents;
}

section .hide {
    display: none;
}


/* text-color */
section .white {
    color: #fff;
}

section .roarange {
    color: #f65335;
}

section .midnight {
    color: #0b2127;
}

section .grey-900 {
    color: #304850;
}

section .grey-400 {
    color: #cdd8df;
}

section .grey-200 {
    color: #edf2f6;
}


/* text-transform */
section .uppercase {
    text-transform: uppercase;
}

section .capitalize {
    text-transform: capitalize;
}

section .none {
    text-transform: none;
}


/* section-header */
@media only screen and (max-width:600px) {
    section.section-header h2.vc_custom_heading {
        font-size: 30px;
    }
}

@media only screen and (min-width:768px) {
    section.section-header.height1 {
        height: 400px;
    }

    section.section-header.height2 {
        height: 650px;
    }

    section.section-header.height3 {
        height: 900px;
    }

    section.section-header .large-paragraph p {
        width: 695px;
        margin: 0 auto;
    }
}

section.section-header .row-flex {
    height: inherit;
    align-content: center;
}


/* section-icon-block */
@media only screen and (max-width:600px) {
    section.section-icon-block .wpb_column:not(:last-child) .vc_column-inner {
        border-bottom: 1px solid #edf2f6;
    }
    section.section-icon-block.background-beige .wpb_column:not(:last-child) .vc_column-inner {
        border-bottom: 1px solid #CDD8DF;
    }
}

@media only screen and (min-width:992px) {
    section.section-icon-block .wpb_column:not(:last-child) {
        border-right: 1px solid #edf2f6;
    }
    section.section-icon-block.background-beige .wpb_column:not(:last-child) {
        border-right: 1px solid #CDD8DF;
    }
}


/* section-table-callout */
section.section-table-callout h3.vc_custom_heading {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
}

/* Code Deleted by Brad */
/* section.section-table-callout .wpb_row .vc_column-inner button {
    margin-bottom: 0;
    width: 238px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
}
 */

@media only screen and (max-width:990px) {
    section.section-table-callout .row.border-bottom .wpb_column .vc_column-inner,
    section.section-table-callout .row:not(:last-child) .wpb_column:not(:last-child) .vc_column-inner {
        border-bottom: 1px solid #cccccc;
        padding: 1rem 0 1.5rem 0;
    }

    section.section-table-callout .row:not(:last-child) .wpb_column:last-child .vc_column-inner {
        padding: 1rem 0 1.5rem 0;
    }
}

@media only screen and (min-width:990px) {
    section.section-table-callout .wpb_column:not(:last-child) {
        border-right: 1px solid #cccccc;

    }

    section.section-table-callout .row.border-bottom {
        border-bottom: 1px solid #cccccc;
    }

    section.section-table-callout .row .columns {
        margin: 1rem 0;
    }

    section.section-table-callout .wpb_text_column {
        margin: 50px 0;
    }
}


/* section-icon-list */
section.section-icon-list .row {
    padding-right: 0;
}

section.section-icon-list .row .vc_inner {
    padding-left: 0;
}

section.section-icon-list .row .vc_inner .columns {
    padding-right: 8px;
    padding-left: 8px;
}

@media only screen and (max-width:600px) {
    section.section-icon-list .initial {
        padding-bottom: 0;
    }

    section.section-icon-list .row .vc_inner .columns {
        padding-right: 0px;
        padding-left: 0px;
    }
}


/* section-q-a */
/* section.section-q-a {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
} */

section.section-q-a .vc_toggle_size_lg {
    border-top: 1px solid #0b2127;
    padding-top: 12px;
}

section.section-q-a h2.vc_custom_heading {
    display: block;
    text-align: center !important;
    font-style: normal;
    font-weight: 900;
    font-size: 54px;
    line-height: 100%;
    letter-spacing: 0.01em;
    font-family: "GT-America-Compressed-Black", sans-serif;
}

section.section-q-a h3.vc_custom_heading {
    display: contents;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: #0b2127;
    font-family: "GT-America-Standard-Bold", sans-serif;
}

section.section-q-a .vc_toggle_active h3.vc_custom_heading {
    color: #F65335;
}

section.section-q-a .row .vc_toggle {
    padding-bottom: 0;
    /*padding-right: 29px;*/
}

section.section-q-a .row .vc_toggle .vc_toggle_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.section-q-a .row .vc_toggle.vc_toggle_active {
    padding-bottom: 0;
    margin-bottom: 5px;
}

section.section-q-a .row .vc_toggle_active {
    border-top: 1px solid #F65335;
}

section.section-q-a .vc_toggle_active .vc_toggle_icon::after {
    border-color: #0B2127;
}

section.section-q-a .vc_toggle.vc_toggle_arrow .vc_toggle_icon::after, section.section-q-a .vc_toggle.vc_toggle_arrow .vc_toggle_icon::before {
    border-color: #0B2127;
}

section.section-q-a .vc_toggle.vc_toggle_arrow.vc_toggle_active .vc_toggle_icon::after, section.section-q-a .vc_toggle.vc_toggle_arrow.vc_toggle_active .vc_toggle_icon::before {
    border-color: #F65335;
}

section.section-q-a .vc_toggle_icon {
    /*float: right;*/
    /*vertical-align: middle;
    position: absolute;
    right: -28px;
    top: 0;
    top: 2px;*/
}

section.section-q-a .vc_toggle_content {
    width: 95%;
    margin-bottom: 0;
}

section.section-q-a .vc_toggle_content p {
    margin-bottom: 20px;
    color: #304850;
    font-size: 16px;
    line-height: 21px;
}

section.section-q-a .vc_toggle_content p:last-child {
    /*margin-bottom: 5px;*/
}


/* section-headline */
@media only screen and (max-width:600px) {
    section.section-headline .row:first-child {
        margin: 0;
    }
}

@media only screen and (min-width:768px) {
    section.section-headline .row:first-child {
        margin: 0% 25%;
        font-size: 20px;
        line-height: 27px;
    }
}


/* section-closing-cta */
@media only screen and (max-width:600px) {
    section.section-closing-cta .row:first-child {
        display: none;
    }
}

section.section-closing-cta .row:first-child {
    padding: 100px 0;
    width: 700px;
}

section.section-closing-cta .wpb_text_column {
    font-size: 24px;
    padding-top: 12px;
}


/* section-testimonials */
@media only screen and (min-width:768px) {
    section.section-testimonials .thb-testimonial {
        margin: 0 20%;
    }

    section.section-testimonials .thb-testimonial .author_image_box {
        display: inline-block;
        position: relative;
        left: -8rem;
        top: 8rem;
    }
}

section.section-testimonials .thb-testimonial .smaller-heading {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #f65335;
    padding-bottom: 20px;
}

section.section-testimonials .thb-testimonial blockquote p {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 100%;
    color: #0B2127;
    display: inline;
}

section.section-testimonials .thb-testimonial blockquote:before {
    content: open-quote;
    font-size: 1em;
}

section.section-testimonials .thb-testimonial blockquote:after {
    content: close-quote;
    font-size: 1em;
}

section.section-testimonials .thb-testimonials ul.slick-dots,
section.section-testimonials button {
    display: none !important;
}


/* section-card-cta */
section.section-card-cta .wpb_column {
    padding-bottom: 2em;
}

section.section-card-cta .wpb_column .vc_column-inner {
    background-position: center;
    background-size: 105%;
}

section.section-card-cta .vc_column-inner .thb_image_link {
    margin: 0 0 35px 0;
}

section.section-card-cta .vc_column-inner .thb-image-inner img {
    border-radius: 5px 5px 0 0;
}

section.section-card-cta div.wpb_content_element {
    height: 25vw;
    overflow: hidden;
}

section.section-card-cta div.wpb_content_element,
section.section-card-cta button {
    margin: 40px 50px 5px 50px;
}

@media only screen and (max-width: 768px) {
    section.section-card-cta .upper-height p {
        height: 50vw;
        overflow: hidden;
    }
    section.section-card-cta .lower-height p {
        height: 25vh;
        overflow: hidden;
    }
    section.section-card-cta .vc_icon_element {
        margin: 10px 40px;
    }
    section.section-card-cta h2.vc_custom_heading {
        font-size: 24px;
        margin: 0 50px 5px 50px;
        padding-top: 40px;
    }
    section.section-card-cta img {
        display: none;
    }
    section.section-card-cta .vc_column-inner {
        background-image: none !important;
    }
    section.section-card-cta div.wpb_content_element,
    section.section-card-cta button {
        margin: 0px 50px 20px 50px;
    }
}

@media only screen and (min-width:768px) {
    section.section-card-cta .upper-height p {
        height: 20vw;
        overflow: hidden;
    }
    section.section-card-cta .lower-height p {
        height: 20vh;
        overflow: hidden;
    }
    section.section-card-cta .vc_icon_element {
        margin: 10px 40px;
    }
    section.section-card-cta h2.vc_custom_heading {
        font-size: 32px;
        margin: 0 50px 5px 50px;
        padding-top: 40px;
    }
}


/* section-carousel */
section.section-carousel .slick-slide {
    padding: 0 10px 0 10px !important;
    height: 420px;
}

section.section-carousel .mega-post-title {
    font-family: "GT-America-Condensed-Bold", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 130%;
    letter-spacing: 0.005em;
    color: #0B2127;
    height: 180px;
}

section.section-carousel .mega-post-title {
    margin: 20px 15px 0 20px;
}

section.section-carousel .mega-post-meta,
section.section-carousel .mega-post-date,
section.section-carousel .mega-post-para {
    display: none;
}

section.section-carousel .mega-post-carousel1 {
    margin-bottom: 0 !important;
}

section.section-carousel .mega-post-image {
    background-color: #CDD8DF !important;
}

section.section-carousel .mason-item {
    border: 1px solid #CDD8DF;
}

section.section-carousel .slick-prev.slick-arrow {
    top: 60vh;
    left: 1vh !important;
}

section.section-carousel .slick-next.slick-arrow {
    top: 60vh;
    left: 5vh !important;
}

section.section-carousel .slick-prev:before,
section.section-carousel .slick-next:before {
    color: #0B2127 !important;
    background: transparent !important;
    font-size: 15px;
    width: 7.5px;
    height: 15px;
    padding: 0 !important;
}


/* section-quote-tool */
section.vc_section.section-quote-tool {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}

section.section-quote-tool .row-flex {
    margin: 0 auto;
    width: 800px;
    box-shadow: 0px 0px 1px rgba(48, 72, 80, 0.3), 0px 8px 16px rgba(48, 72, 80, 0.25);
    border-radius: 8px;
    padding: 24px;
}

section.section-quote-tool .row-flex .initial {
    padding: 0 0 0 0.5em;
}

section.section-quote-tool .wpb_raw_html {
    margin-bottom: 0;
}


section.section-quote-tool h2 {
    /* MG removing these styles
	font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 115%;
    letter-spacing: 0.001em; */
    margin: 0 0 40px 0;
}


section.section-quote-tool h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0.01em;
    margin: 0 0 0.5em;
    font-family: "GT-America-Condensed-Bold", sans-serif;
}

section.section-quote-tool input {
    height: 30px;
    border: none;
    color: #0b2127;
    border-bottom: 1px solid #cdd8df;
    padding: 0;
    margin-bottom: 0;
    background: transparent;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0.005em;
}

section.section-quote-tool input:focus {
    border-color: #304850;
}

section.section-quote-tool input::placeholder {
    color: #556D77;
}

section.section-quote-tool input:focus::placeholder {
    color: #304850;
}

section.section-quote-tool .vc_btn3-container.rounded-button {
    display: contents;
}

section.section-quote-tool .vc_btn3-container.rounded-button button {
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0.005em;
    border-color: #F65335 !important;
}

section.section-quote-tool .vc_btn3-container.rounded-button.dry button {
    border-radius: 4px 0px 0px 4px;
}

section.section-quote-tool .vc_btn3-container.rounded-button.reefer button {
    border-radius: 0px 4px 4px 0px;
}

section.section-quote-tool .vc_btn3-container.rounded-button.dry button,
section.section-quote-tool .vc_btn3-container.rounded-button.reefer button {
    background: #FFFFFF;
    color: #F65335;
}

section.section-quote-tool .vc_btn3-container.rounded-button.dry.active button,
section.section-quote-tool .vc_btn3-container.rounded-button.reefer.active button {
    background: #F65335;
    color: #FFFFFF;
}

section.section-quote-tool .vc_btn3-container.rounded-button button:hover {
  background-color: #ffffff !important;
color: #f65335 !important;
}

section.section-quote-tool .vc_btn3-container.rounded-button.quote button {
    width: 149px;
    height: 42px;
    font-size: 18px !important;
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
}

@media only screen and (max-width: 990px) {
    section.section-quote-tool {
        padding: 100px 0 !important;
    }

    section.section-quote-tool .row-flex {
        margin: 0 10%;
        width: auto;
        box-shadow: 0px 0px 1px rgba(48, 72, 80, 0.3), 0px 8px 16px rgba(48, 72, 80, 0.25);
        border-radius: 4px;
        padding: 0;
    }

    section.section-quote-tool .row-flex .initial:not(:last-child) {
        padding: 24px 24px 0 24px;
    }

	/* Removed by MG - 9/24/20	
    section.section-quote-tool .row-flex .initial:last-child {
        padding: 24px 0 0 0;
    } */

    section.section-quote-tool .wpb_raw_html {
        margin-bottom: 0;
    }

    /* Removed by MG - 9/24/20
    section.section-quote-tool h2 {
        display: none;
    } */

    section.section-quote-tool h5 {
        margin: 0 0 10px;
    }

    section.section-quote-tool input {
        width: 100%;
    }

    section.section-quote-tool .vc_btn3-container.dry button,
    section.section-quote-tool .vc_btn3-container.reefer button {
        width: 50%;
        height: 45px;
    }

    section.section-quote-tool .vc_btn3-container.quote button {
        width: 100% !important;
        height: 60px;
        border-radius: 0px 0px 4px 4px !important;
    }
}


/* others */
section .thb-label {
    /* No padding on labels */
    padding: 0;
}

@media only screen and (max-width: 600px) {
    /* Relative to 1% of the height of the viewport */
    .row.row-o-full-height {
        min-height: 80vh;
    }
}

@media only screen and (min-width:768px) {
    /* Relative to DOM parents */
    .row.row-o-full-height {
        min-height: auto;
    }
}


.quote-carousel .background-white button.slick-arrow.slick-next, .quote-carousel .background-white button.slick-arrow.slick-next:not(.vc_btn3-shape-square), .quote-carousel button.slick-arrow.slick-next{

}
