/**************************************
*
*  PRODUCT MAP STYLES
*
**************************************/
/******************************************************************
SCSS Variables
******************************************************************/
/* Midland BG Images */
/* Small versions with dots */
/* Civacon BG Images */
/* Small versions with dots */
@media only screen and (min-width: 0px) and (max-width: 767px) {
  .content.sf_cols a {
    color: #006499;
    font-weight: bold;
    border-bottom: 0px;
  }
  .tab-content {
    margin-bottom: 30px !important;
  }
  ol.map-list {
    position: absolute;
    counter-reset: opw-counter;
    list-style: none;
    padding: 41vw 15px 15px 55px !important;
    margin: 0 !important;
  }
  ol.map-list li {
    counter-increment: opw-counter;
    position: relative;
    margin: 15px 0 !important;
  }
  ol.map-list li:before {
    content: counter(opw-counter);
    position: absolute;
    top: 0;
    --size: 24px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    background-color: #006499;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    transition: background-color .24s ease-in-out, color .24s ease-in-out;
  }
  ol.map-list li.active:before {
    background-color: #64c2e3;
  }
  ol.map-list li a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    border: none;
  }
  .map-indicator {
    display: none !important;
    position: absolute;
    top: 0;
    --size: 24px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    background-color: rgba(37, 99, 149, 0.9);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff !important;
    border-radius: 50%;
    border: none !important;
    transition: background-color .24s ease-in-out, color .24s ease-in-out;
  }
  .map-indicator:hover, .map-indicator:active, .map-indicator:focus, .map-indicator:active:hover, .map-indicator:active:focus {
    background-color: #004366;
    color: #fff;
  }
  .map-indicator.active {
    background-color: #64c2e3;
  }
  .map-product {
    display: none !important;
  }
  #general-railcar {
    height: 400px;
    background: url("https://www.opwglobal.com/images/libraries/applications/midland/general-purpose-car-small.png") no-repeat top center;
    background-size: 100%;
  }
  #pressure-railcar {
    height: 340px;
    background: url("https://www.opwglobal.com/images/libraries/applications/midland/pressure-car-small.png") no-repeat top center;
    background-size: 100%;
  }
  #pressure-differ {
    height: 340px;
    background: url("https://www.opwglobal.com/images/libraries/applications/midland/pressure-differential-car-small.png") no-repeat top center;
    background-size: 100%;
  }
  #crude-oil-truck {
    height: 425px;
    background: url("https://www.opwglobal.com/images/libraries/applications/civacon/crude-oil-small.png") no-repeat top center;
    background-size: 100%;
  }
  #dry-bulk-trailer {
    height: 450px;
    background: url("https://www.opwglobal.com/images/libraries/applications/civacon/dry-bulk-small.png") no-repeat top center;
    background-size: 100%;
  }
  #petroleum-trailer {
    height: 600px;
    background: url("https://www.opwglobal.com/images/libraries/applications/civacon/petroleum-trailer-small.png") no-repeat top center;
    background-size: 100%;
  }
  #petroleum-tank-truck {
    height: 650px;
    background: url("https://www.opwglobal.com/images/libraries/applications/civacon/petroleum-truck-small.png") no-repeat top center;
    background-size: 100%;
  }
}

@media only screen and (min-width: 576px) {
  ol.map-list {
    padding: 200px 15px 15px 55px !important;
  }
  #crude-oil-truck {
    height: 425px;
  }
  #petroleum-tank-truck {
    height: 650px;
  }
}

@media only screen and (min-width: 768px) {
  .sf_cols #railcarTabsContent {
    margin-bottom: 30px;
  }
  .sf_cols #railcarTabsContent .tab-pane {
    height: 400px;
    background: #eae8e8;
    background: linear-gradient(to bottom, #f6f5f5 0%, #dcdcdc 100%);
  }
  .sf_cols .product-map {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
  }
  .sf_cols ol.map-list {
    counter-reset: opw-counter;
    list-style: none;
    padding: 15px 15px 15px 55px !important;
  }
  .sf_cols ol.map-list li {
    counter-increment: opw-counter;
    position: relative;
    margin: 15px 0;
  }
  .sf_cols ol.map-list li:before {
    content: counter(opw-counter);
    position: absolute;
    top: 0;
    --size: 24px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    background-color: #006499;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    transition: background-color .24s ease-in-out, color .24s ease-in-out;
  }
  .sf_cols ol.map-list li.active:before {
    background-color: #64c2e3;
  }
  .sf_cols ol.map-list li a {
    display: block;
    font-size: 14px;
    font-weight: 700;
    border: none;
  }
  .sf_cols .map-indicator {
    position: absolute;
    top: 0;
    --size: 24px;
    left: calc(-1 * var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    background-color: rgba(37, 99, 149, 0.9);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #fff !important;
    border-radius: 50%;
    border: none !important;
    transition: background-color .24s ease-in-out, color .24s ease-in-out;
  }
  .sf_cols .map-indicator:hover, .sf_cols .map-indicator:active, .sf_cols .map-indicator:focus, .sf_cols .map-indicator:active:hover, .sf_cols .map-indicator:active:focus {
    background-color: #004366;
    color: #fff;
  }
  .sf_cols .map-indicator.active {
    background-color: #64c2e3;
  }
  .sf_cols .map-product {
    display: none;
    position: relative;
    width: 50%;
    background: #006499;
    /* The Fallback */
    background: rgba(0, 100, 153, 0.9);
    text-align: center;
    padding: 0;
  }
  .sf_cols .map-product .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    font-weight: 900;
    line-height: 24px;
    color: #fff;
    opacity: 1;
    cursor: pointer;
  }
  .sf_cols .map-product .indicator {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 36px;
    height: 36px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    text-align: center;
    color: #006499;
    border-radius: 100%;
  }
  .sf_cols .map-product .img-wrap {
    height: 50%;
    padding: 20px;
  }
  .sf_cols .map-product .img-wrap img {
    width: auto;
    /* max-width: 100%; */
    max-width: 36%;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
  }
  .sf_cols .map-product .text-wrap {
    height: 50%;
    padding: 20px;
  }
  .sf_cols .map-product h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    text-align: left;
  }
  .sf_cols .map-product h4 a {
    color: #fff;
    border: none;
  }
  .sf_cols .map-product h4 a:hover, .sf_cols .map-product h4 a:active, .sf_cols .map-product h4 a:focus, .sf_cols .map-product h4 a:active:hover, .sf_cols .map-product h4 a:active:focus {
    color: #64c2e3;
  }
  .sf_cols .map-product p {
    font-size: 14px;
    text-align: left;
    color: #fff;
    margin-bottom: 15px;
  }
  .sf_cols .map-product p a {
    color: #fff;
    border-color: #fff;
  }
  .sf_cols .map-product p a:hover, .sf_cols .map-product p a:active, .sf_cols .map-product p a:focus, .sf_cols .map-product p a:active:hover, .sf_cols .map-product p a:active:focus {
    color: #64c2e3;
    border-color: #64c2e3;
  }
  .sf_cols .map-product p:last-of-type {
    margin: 0;
  }
  .sf_cols #general-railcar {
    height: 400px;
    background: url("https://www.opwglobal.com/images/libraries/applications/midland/general-car_3d.png") no-repeat center right;
    background-size: contain;
  }
  .sf_cols #general-railcar #railcar-i1 {
    top: 114px;
    left: 410px;
  }
  .sf_cols #general-railcar #railcar-i2 {
    top: 114px;
    left: 450px;
  }
  .sf_cols #general-railcar #railcar-i3 {
    top: 138px;
    left: 460px;
  }
  .sf_cols #general-railcar #railcar-i4 {
    top: 164px;
    left: 450px;
  }
  .sf_cols #general-railcar #railcar-i5 {
    top: 164px;
    left: 410px;
  }
  .sf_cols #general-railcar #railcar-i6 {
    top: 232px;
    left: 410px;
  }
  .sf_cols #general-railcar #railcar-i7 {
    top: 138px;
    left: 396px;
  }
  .sf_cols #general-railcar #railcar-i8 {
    top: 232px;
    left: 450px;
  }
  .sf_cols #pressure-railcar {
    height: 400px;
    background: url("https://www.opwglobal.com/images/libraries/applications/midland/pressure-car_3d.png") no-repeat center right;
    background-size: contain;
  }
  .sf_cols #pressure-railcar #pressure-i1 {
    top: 130px;
    left: 395px;
  }
  .sf_cols #pressure-railcar #pressure-i2 {
    top: 120px;
    left: 418px;
  }
  .sf_cols #pressure-railcar #pressure-i3 {
    top: 120px;
    left: 443px;
  }
  .sf_cols #pressure-railcar #pressure-i4 {
    top: 130px;
    left: 466px;
  }
  .sf_cols #pressure-railcar #pressure-i5 {
    top: 250px;
    left: 590px;
  }
  .sf_cols #pressure-differ {
    height: 400px;
    background: url("https://www.opwglobal.com/images/libraries/applications/midland/pressure-differ-car_3d.png") no-repeat center right;
    background-size: contain;
  }
  .sf_cols #pressure-differ #differ-i1 {
    top: 142px;
    left: 291px;
  }
  .sf_cols #pressure-differ #differ-i2 {
    top: 146px;
    left: 367px;
  }
  .sf_cols #pressure-differ #differ-i3 {
    top: 146px;
    left: 511px;
  }
  .sf_cols #pressure-differ #differ-i4 {
    top: 199px;
    left: 598px;
  }
  .sf_cols #pressure-differ #differ-i5 {
    top: 250px;
    left: 556px;
  }
  .sf_cols #crude-oil-truck {
    height: 400px;
    background: #dedada url("https://www.opwglobal.com/images/libraries/applications/civacon/crude-oil-truck.png") no-repeat center right;
    background-size: 65%;
    margin-bottom: 40px;
  }
  .sf_cols #crude-oil-truck #i1 {
    top: 146px;
    left: 383px;
  }
  .sf_cols #crude-oil-truck #i2 {
    top: 146px;
    left: 410px;
  }
  .sf_cols #crude-oil-truck #i3 {
    top: 225px;
    left: 345px;
  }
  .sf_cols #crude-oil-truck #i4 {
    top: 215px;
    left: 373px;
  }
  .sf_cols #crude-oil-truck #i5 {
    top: 215px;
    left: 397px;
  }
  .sf_cols #crude-oil-truck #i6 {
    top: 215px;
    left: 421px;
  }
  .sf_cols #dry-bulk-trailer {
    height: 400px;
    background: #dedada url("https://www.opwglobal.com/images/libraries/applications/civacon/dry-bulk-truck.png") no-repeat 164px center;
    background-size: 85%;
    margin-bottom: 40px;
  }
  .sf_cols #dry-bulk-trailer #i1 {
    top: 141px;
    left: 301px;
  }
  .sf_cols #dry-bulk-trailer #i2 {
    top: 146px;
    left: 528px;
  }
  .sf_cols #dry-bulk-trailer #i3 {
    top: 177px;
    left: 462px;
  }
  .sf_cols #dry-bulk-trailer #i4 {
    top: 217px;
    left: 472px;
  }
  .sf_cols #dry-bulk-trailer #i5 {
    top: 217px;
    left: 446px;
  }
  .sf_cols #dry-bulk-trailer #i6 {
    top: 217px;
    left: 376px;
  }
  .sf_cols #dry-bulk-trailer #i7 {
    top: 217px;
    left: 307px;
  }
  .sf_cols #petroleum-trailer {
    height: 510px;
    background: #dedada url("https://www.opwglobal.com/images/libraries/applications/civacon/fuel_tanker_profile.png") no-repeat 205px center;
    background-size: 72%;
    margin-bottom: 40px;
  }
  .sf_cols #petroleum-trailer #i1 {
    top: 210px;
    left: 332px;
  }
  .sf_cols #petroleum-trailer #i2 {
    top: 210px;
    left: 411px;
  }
  .sf_cols #petroleum-trailer #i3 {
    top: 210px;
    left: 489px;
  }
  .sf_cols #petroleum-trailer #i4 {
    top: 233px;
    left: 555px;
  }
  .sf_cols #petroleum-trailer #i5 {
    top: 266px;
    left: 456px;
  }
  .sf_cols #petroleum-trailer #i6 {
    top: 270px;
    left: 431px;
  }
  .sf_cols #petroleum-trailer #i7 {
    top: 294px;
    left: 439px;
  }
  .sf_cols #petroleum-trailer #i8 {
    top: 294px;
    left: 415px;
  }
  .sf_cols #petroleum-trailer #i9 {
    top: 270px;
    left: 405px;
  }
  .sf_cols #petroleum-trailer #i10 {
    top: 294px;
    left: 390px;
  }
  .sf_cols #petroleum-trailer #i11 {
    top: 284px;
    left: 348px;
  }
  .sf_cols #petroleum-trailer #i12 {
    top: 257px;
    left: 237px;
  }
  .sf_cols #petroleum-tank-truck {
    height: 550px;
    background: #dedada url("https://www.opwglobal.com/images/libraries/applications/civacon/bobtail-truck-3d.png") no-repeat 140px center;
    background-size: 94%;
    margin-bottom: 40px;
  }
  .sf_cols #petroleum-tank-truck #i1 {
    top: 200px;
    left: 326px;
  }
  .sf_cols #petroleum-tank-truck #i2 {
    top: 200px;
    left: 405px;
  }
  .sf_cols #petroleum-tank-truck #i3 {
    top: 200px;
    left: 486px;
  }
  .sf_cols #petroleum-tank-truck #i4 {
    top: 279px;
    left: 500px;
  }
  .sf_cols #petroleum-tank-truck #i5 {
    top: 317px;
    left: 485px;
  }
  .sf_cols #petroleum-tank-truck #i6 {
    top: 293px;
    left: 469px;
  }
  .sf_cols #petroleum-tank-truck #i7 {
    top: 321px;
    left: 452px;
  }
  .sf_cols #petroleum-tank-truck #i8 {
    top: 298px;
    left: 437px;
  }
  .sf_cols #petroleum-tank-truck #i9 {
    top: 321px;
    left: 426px;
  }
  .sf_cols #petroleum-tank-truck #i10 {
    top: 298px;
    left: 411px;
  }
  .sf_cols #petroleum-tank-truck #i11 {
    top: 282px;
    left: 281px;
  }
  .sf_cols #petroleum-tank-truck #i12 {
    top: 260px;
    left: 270px;
  }
  .sf_cols #petroleum-tank-truck #i13 {
    top: 283px;
    left: 253px;
  }
}

@media only screen and (min-width: 992px) {
  .sf_cols .map-product {
    width: 40%;
  }
  .sf_cols #general-railcar #railcar-i1 {
    top: 95px;
    left: 560px;
  }
  .sf_cols #general-railcar #railcar-i2 {
    top: 95px;
    left: 602px;
  }
  .sf_cols #general-railcar #railcar-i3 {
    top: 118px;
    left: 616px;
  }
  .sf_cols #general-railcar #railcar-i4 {
    top: 145px;
    left: 602px;
  }
  .sf_cols #general-railcar #railcar-i5 {
    top: 145px;
    left: 560px;
  }
  .sf_cols #general-railcar #railcar-i6 {
    top: 244px;
    left: 560px;
  }
  .sf_cols #general-railcar #railcar-i7 {
    top: 118px;
    left: 546px;
  }
  .sf_cols #general-railcar #railcar-i8 {
    top: 244px;
    left: 604px;
  }
  .sf_cols #pressure-railcar #pressure-i1 {
    top: 115px;
    left: 545px;
  }
  .sf_cols #pressure-railcar #pressure-i2 {
    top: 103px;
    left: 570px;
  }
  .sf_cols #pressure-railcar #pressure-i3 {
    top: 103px;
    left: 596px;
  }
  .sf_cols #pressure-railcar #pressure-i4 {
    top: 115px;
    left: 620px;
  }
  .sf_cols #pressure-railcar #pressure-i5 {
    top: 266px;
    left: 800px;
  }
  .sf_cols #pressure-differ #differ-i1 {
    top: 121px;
    left: 397px;
  }
  .sf_cols #pressure-differ #differ-i2 {
    top: 128px;
    left: 502px;
  }
  .sf_cols #pressure-differ #differ-i3 {
    top: 128px;
    left: 691px;
  }
  .sf_cols #pressure-differ #differ-i4 {
    top: 205px;
    left: 812px;
  }
  .sf_cols #pressure-differ #differ-i5 {
    top: 270px;
    left: 753px;
  }
  .sf_cols #crude-oil-truck {
    background-size: 75%;
  }
  .sf_cols #crude-oil-truck #i1 {
    top: 126px;
    left: 454px;
  }
  .sf_cols #crude-oil-truck #i2 {
    top: 126px;
    left: 492px;
  }
  .sf_cols #crude-oil-truck #i3 {
    top: 227px;
    left: 403px;
  }
  .sf_cols #crude-oil-truck #i4 {
    top: 218px;
    left: 441px;
  }
  .sf_cols #crude-oil-truck #i5 {
    top: 218px;
    left: 466px;
  }
  .sf_cols #crude-oil-truck #i6 {
    top: 218px;
    left: 491px;
  }
  .sf_cols #dry-bulk-trailer {
    background-position: center right;
    background-size: 80%;
  }
  .sf_cols #dry-bulk-trailer #i1 {
    top: 123px;
    left: 362px;
  }
  .sf_cols #dry-bulk-trailer #i2 {
    top: 132px;
    left: 652px;
  }
  .sf_cols #dry-bulk-trailer #i3 {
    top: 176px;
    left: 571px;
  }
  .sf_cols #dry-bulk-trailer #i4 {
    top: 233px;
    left: 576px;
  }
  .sf_cols #dry-bulk-trailer #i5 {
    top: 233px;
    left: 550px;
  }
  .sf_cols #dry-bulk-trailer #i6 {
    top: 233px;
    left: 463px;
  }
  .sf_cols #dry-bulk-trailer #i7 {
    top: 233px;
    left: 372px;
  }
  .sf_cols #petroleum-trailer {
    height: 500px;
    background-position: 230px center;
    background-size: 77%;
  }
  .sf_cols #petroleum-trailer #i1 {
    top: 190px;
    left: 423px;
  }
  .sf_cols #petroleum-trailer #i2 {
    top: 190px;
    left: 535px;
  }
  .sf_cols #petroleum-trailer #i3 {
    top: 190px;
    left: 652px;
  }
  .sf_cols #petroleum-trailer #i4 {
    top: 230px;
    left: 750px;
  }
  .sf_cols #petroleum-trailer #i5 {
    top: 280px;
    left: 593px;
  }
  .sf_cols #petroleum-trailer #i6 {
    top: 288px;
    left: 566px;
  }
  .sf_cols #petroleum-trailer #i7 {
    top: 310px;
    left: 553px;
  }
  .sf_cols #petroleum-trailer #i8 {
    top: 288px;
    left: 537px;
  }
  .sf_cols #petroleum-trailer #i9 {
    top: 310px;
    left: 520px;
  }
  .sf_cols #petroleum-trailer #i10 {
    top: 288px;
    left: 505px;
  }
  .sf_cols #petroleum-trailer #i11 {
    top: 300px;
    left: 441px;
  }
  .sf_cols #petroleum-trailer #i12 {
    top: 260px;
    left: 279px;
  }
  .sf_cols #petroleum-tank-truck {
    height: 550px;
    background-position: 145px center;
    background-size: 100%;
  }
  .sf_cols #petroleum-tank-truck #i1 {
    top: 175px;
    left: 423px;
  }
  .sf_cols #petroleum-tank-truck #i2 {
    top: 175px;
    left: 532px;
  }
  .sf_cols #petroleum-tank-truck #i3 {
    top: 175px;
    left: 645px;
  }
  .sf_cols #petroleum-tank-truck #i4 {
    top: 279px;
    left: 659px;
  }
  .sf_cols #petroleum-tank-truck #i5 {
    top: 324px;
    left: 638px;
  }
  .sf_cols #petroleum-tank-truck #i6 {
    top: 305px;
    left: 619px;
  }
  .sf_cols #petroleum-tank-truck #i7 {
    top: 325px;
    left: 592px;
  }
  .sf_cols #petroleum-tank-truck #i8 {
    top: 342px;
    left: 572px;
  }
  .sf_cols #petroleum-tank-truck #i9 {
    top: 325px;
    left: 554px;
  }
  .sf_cols #petroleum-tank-truck #i10 {
    top: 342px;
    left: 534px;
  }
  .sf_cols #petroleum-tank-truck #i11 {
    top: 285px;
    left: 342px;
  }
  .sf_cols #petroleum-tank-truck #i12 {
    top: 260px;
    left: 338px;
  }
  .sf_cols #petroleum-tank-truck #i13 {
    top: 285px;
    left: 315px;
  }
}

@media only screen and (min-width: 1200px) {
  .sf_cols ol.map-list {
    margin-left: 15px;
  }
  .sf_cols ol.map-list li:before {
    --size: 26px;
  }
  .sf_cols ol.map-list li a {
    font-size: 18px;
  }
  .sf_cols .map-product h4 {
    font-size: 20px;
  }
  .sf_cols .map-product p {
    font-size: 16px;
  }
  .sf_cols .map-indicator {
    --size: 30px;
    font-size: 16px;
  }
  .sf_cols #general-railcar #railcar-i1 {
    top: 75px;
    left: 656px;
  }
  .sf_cols #general-railcar #railcar-i2 {
    top: 75px;
    left: 726px;
  }
  .sf_cols #general-railcar #railcar-i3 {
    top: 104px;
    left: 742px;
  }
  .sf_cols #general-railcar #railcar-i4 {
    top: 135px;
    left: 726px;
  }
  .sf_cols #general-railcar #railcar-i5 {
    top: 135px;
    left: 656px;
  }
  .sf_cols #general-railcar #railcar-i6 {
    top: 254px;
    left: 656px;
  }
  .sf_cols #general-railcar #railcar-i7 {
    top: 104px;
    left: 636px;
  }
  .sf_cols #general-railcar #railcar-i8 {
    top: 254px;
    left: 726px;
  }
  .sf_cols #pressure-railcar #pressure-i1 {
    top: 90px;
    left: 645px;
  }
  .sf_cols #pressure-railcar #pressure-i2 {
    top: 80px;
    left: 676px;
  }
  .sf_cols #pressure-railcar #pressure-i3 {
    top: 80px;
    left: 709px;
  }
  .sf_cols #pressure-railcar #pressure-i4 {
    top: 90px;
    left: 740px;
  }
  .sf_cols #pressure-railcar #pressure-i5 {
    top: 277px;
    left: 952px;
  }
  .sf_cols #pressure-differ #differ-i1 {
    top: 105px;
    left: 472px;
  }
  .sf_cols #pressure-differ #differ-i2 {
    top: 115px;
    left: 595px;
  }
  .sf_cols #pressure-differ #differ-i3 {
    top: 115px;
    left: 823px;
  }
  .sf_cols #pressure-differ #differ-i4 {
    top: 207px;
    left: 966px;
  }
  .sf_cols #pressure-differ #differ-i5 {
    top: 284px;
    left: 898px;
  }
  .sf_cols #crude-oil-truck {
    background-size: 75%;
  }
  .sf_cols #crude-oil-truck #i1 {
    top: 110px;
    left: 556px;
  }
  .sf_cols #crude-oil-truck #i2 {
    top: 110px;
    left: 588px;
  }
  .sf_cols #crude-oil-truck #i3 {
    top: 245px;
    left: 485px;
  }
  .sf_cols #crude-oil-truck #i4 {
    top: 239px;
    left: 534px;
  }
  .sf_cols #crude-oil-truck #i5 {
    top: 239px;
    left: 560px;
  }
  .sf_cols #crude-oil-truck #i6 {
    top: 239px;
    left: 586px;
  }
  .sf_cols #dry-bulk-trailer {
    background-size: 80%;
  }
  .sf_cols #dry-bulk-trailer #i1 {
    top: 102px;
    left: 431px;
  }
  .sf_cols #dry-bulk-trailer #i2 {
    top: 112px;
    left: 777px;
  }
  .sf_cols #dry-bulk-trailer #i3 {
    top: 164px;
    left: 674px;
  }
  .sf_cols #dry-bulk-trailer #i4 {
    top: 233px;
    left: 695px;
  }
  .sf_cols #dry-bulk-trailer #i5 {
    top: 233px;
    left: 658px;
  }
  .sf_cols #dry-bulk-trailer #i6 {
    top: 233px;
    left: 547px;
  }
  .sf_cols #dry-bulk-trailer #i7 {
    top: 233px;
    left: 441px;
  }
  .sf_cols #petroleum-trailer {
    height: 585px;
    background-position: 285px center;
    background-size: 75%;
  }
  .sf_cols #petroleum-trailer #i1 {
    top: 222px;
    left: 506px;
  }
  .sf_cols #petroleum-trailer #i2 {
    top: 222px;
    left: 637px;
  }
  .sf_cols #petroleum-trailer #i3 {
    top: 222px;
    left: 775px;
  }
  .sf_cols #petroleum-trailer #i4 {
    top: 267px;
    left: 885px;
  }
  .sf_cols #petroleum-trailer #i5 {
    top: 326px;
    left: 705px;
  }
  .sf_cols #petroleum-trailer #i6 {
    top: 343px;
    left: 678px;
  }
  .sf_cols #petroleum-trailer #i7 {
    top: 370px;
    left: 661px;
  }
  .sf_cols #petroleum-trailer #i8 {
    top: 343px;
    left: 642px;
  }
  .sf_cols #petroleum-trailer #i9 {
    top: 370px;
    left: 621px;
  }
  .sf_cols #petroleum-trailer #i10 {
    top: 343px;
    left: 603px;
  }
  .sf_cols #petroleum-trailer #i11 {
    top: 347px;
    left: 527px;
  }
  .sf_cols #petroleum-trailer #i12 {
    top: 305px;
    left: 341px;
  }
  .sf_cols #petroleum-tank-truck {
    height: 625px;
    background-position: 170px center;
    background-size: 100%;
  }
  .sf_cols #petroleum-tank-truck #i1 {
    top: 190px;
    left: 505px;
  }
  .sf_cols #petroleum-tank-truck #i2 {
    top: 190px;
    left: 631px;
  }
  .sf_cols #petroleum-tank-truck #i3 {
    top: 190px;
    left: 767px;
  }
  .sf_cols #petroleum-tank-truck #i4 {
    top: 320px;
    left: 785px;
  }
  .sf_cols #petroleum-tank-truck #i5 {
    top: 380px;
    left: 762px;
  }
  .sf_cols #petroleum-tank-truck #i6 {
    top: 347px;
    left: 736px;
  }
  .sf_cols #petroleum-tank-truck #i7 {
    top: 368px;
    left: 701px;
  }
  .sf_cols #petroleum-tank-truck #i8 {
    top: 390px;
    left: 679px;
  }
  .sf_cols #petroleum-tank-truck #i9 {
    top: 368px;
    left: 657px;
  }
  .sf_cols #petroleum-tank-truck #i10 {
    top: 390px;
    left: 635px;
  }
  .sf_cols #petroleum-tank-truck #i11 {
    top: 323px;
    left: 408px;
  }
  .sf_cols #petroleum-tank-truck #i12 {
    top: 293px;
    left: 400px;
  }
  .sf_cols #petroleum-tank-truck #i13 {
    top: 327px;
    left: 374px;
  }
}

@media only screen and (min-width: 1440px) {
  .sf_cols .map-product {
    width: 33%;
  }
  .sf_cols #general-railcar #railcar-i1 {
    top: 55px;
    left: 806px;
  }
  .sf_cols #general-railcar #railcar-i2 {
    top: 55px;
    left: 886px;
  }
  .sf_cols #general-railcar #railcar-i3 {
    top: 84px;
    left: 914px;
  }
  .sf_cols #general-railcar #railcar-i4 {
    top: 115px;
    left: 886px;
  }
  .sf_cols #general-railcar #railcar-i5 {
    top: 115px;
    left: 806px;
  }
  .sf_cols #general-railcar #railcar-i6 {
    top: 262px;
    left: 806px;
  }
  .sf_cols #general-railcar #railcar-i7 {
    top: 84px;
    left: 780px;
  }
  .sf_cols #general-railcar #railcar-i8 {
    top: 262px;
    left: 886px;
  }
  .sf_cols #pressure-railcar #pressure-i1 {
    top: 80px;
    left: 794px;
  }
  .sf_cols #pressure-railcar #pressure-i2 {
    top: 60px;
    left: 827px;
  }
  .sf_cols #pressure-railcar #pressure-i3 {
    top: 60px;
    left: 867px;
  }
  .sf_cols #pressure-railcar #pressure-i4 {
    top: 80px;
    left: 900px;
  }
  .sf_cols #pressure-railcar #pressure-i5 {
    top: 295px;
    left: 1160px;
  }
  .sf_cols #pressure-differ #differ-i1 {
    top: 90px;
    left: 579px;
  }
  .sf_cols #pressure-differ #differ-i2 {
    top: 95px;
    left: 730px;
  }
  .sf_cols #pressure-differ #differ-i3 {
    top: 95px;
    left: 1000px;
  }
  .sf_cols #pressure-differ #differ-i4 {
    top: 205px;
    left: 1180px;
  }
  .sf_cols #pressure-differ #differ-i5 {
    top: 305px;
    left: 1092px;
  }
  .sf_cols #crude-oil-truck {
    background-size: 75%;
  }
  .sf_cols #crude-oil-truck #i1 {
    top: 91px;
    left: 677px;
  }
  .sf_cols #crude-oil-truck #i2 {
    top: 91px;
    left: 715px;
  }
  .sf_cols #crude-oil-truck #i3 {
    top: 245px;
    left: 590px;
  }
  .sf_cols #crude-oil-truck #i4 {
    top: 238px;
    left: 645px;
  }
  .sf_cols #crude-oil-truck #i5 {
    top: 238px;
    left: 674px;
  }
  .sf_cols #crude-oil-truck #i6 {
    top: 238px;
    left: 704px;
  }
  .sf_cols #dry-bulk-trailer {
    background-size: 85%;
  }
  .sf_cols #dry-bulk-trailer #i1 {
    top: 80px;
    left: 480px;
  }
  .sf_cols #dry-bulk-trailer #i2 {
    top: 97px;
    left: 920px;
  }
  .sf_cols #dry-bulk-trailer #i3 {
    top: 164px;
    left: 794px;
  }
  .sf_cols #dry-bulk-trailer #i4 {
    top: 245px;
    left: 793px;
  }
  .sf_cols #dry-bulk-trailer #i5 {
    top: 245px;
    left: 754px;
  }
  .sf_cols #dry-bulk-trailer #i6 {
    top: 245px;
    left: 628px;
  }
  .sf_cols #dry-bulk-trailer #i7 {
    top: 245px;
    left: 508px;
  }
  .sf_cols #petroleum-trailer {
    background-size: 80%;
  }
  .sf_cols #petroleum-trailer #i1 {
    top: 210px;
    left: 578px;
  }
  .sf_cols #petroleum-trailer #i2 {
    top: 210px;
    left: 752px;
  }
  .sf_cols #petroleum-trailer #i3 {
    top: 210px;
    left: 923px;
  }
  .sf_cols #petroleum-trailer #i4 {
    top: 265px;
    left: 1075px;
  }
  .sf_cols #petroleum-trailer #i5 {
    top: 341px;
    left: 833px;
  }
  .sf_cols #petroleum-trailer #i6 {
    top: 360px;
    left: 795px;
  }
  .sf_cols #petroleum-trailer #i7 {
    top: 386px;
    left: 776px;
  }
  .sf_cols #petroleum-trailer #i8 {
    top: 360px;
    left: 751px;
  }
  .sf_cols #petroleum-trailer #i9 {
    top: 386px;
    left: 726px;
  }
  .sf_cols #petroleum-trailer #i10 {
    top: 360px;
    left: 700px;
  }
  .sf_cols #petroleum-trailer #i11 {
    top: 375px;
    left: 600px;
  }
  .sf_cols #petroleum-trailer #i12 {
    top: 315px;
    left: 360px;
  }
  .sf_cols #petroleum-tank-truck {
    background-position: 200px center;
    background-size: 100%;
  }
  .sf_cols #petroleum-tank-truck #i1 {
    top: 175px;
    left: 610px;
  }
  .sf_cols #petroleum-tank-truck #i2 {
    top: 175px;
    left: 759px;
  }
  .sf_cols #petroleum-tank-truck #i3 {
    top: 175px;
    left: 925px;
  }
  .sf_cols #petroleum-tank-truck #i4 {
    top: 320px;
    left: 950px;
  }
  .sf_cols #petroleum-tank-truck #i5 {
    top: 390px;
    left: 920px;
  }
  .sf_cols #petroleum-tank-truck #i6 {
    top: 356px;
    left: 891px;
  }
  .sf_cols #petroleum-tank-truck #i7 {
    top: 395px;
    left: 848px;
  }
  .sf_cols #petroleum-tank-truck #i8 {
    top: 410px;
    left: 821px;
  }
  .sf_cols #petroleum-tank-truck #i9 {
    top: 395px;
    left: 795px;
  }
  .sf_cols #petroleum-tank-truck #i10 {
    top: 410px;
    left: 768px;
  }
  .sf_cols #petroleum-tank-truck #i11 {
    top: 329px;
    left: 492px;
  }
  .sf_cols #petroleum-tank-truck #i12 {
    top: 297px;
    left: 478px;
  }
  .sf_cols #petroleum-tank-truck #i13 {
    top: 321px;
    left: 455px;
  }
}
/*# sourceMappingURL=product-map-styles.css.map */