/* START of MAPS */

.loc-maps {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    margin-top: 35px;
}

.loc-maps-inner {
    position: relative;
    height: 0;
    padding-bottom: 71.48846960167715%
}

.loc-maps img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.loc-maps div[class^="mp-"] {
    position: absolute;
    z-index: 3;
    background-color: #e8e6e9;
    padding: 0px 6px;
    height: 19px;
}

.mp-text-left {
    transform: translateX(-100%);
}

.mp-perth { top: 55%; left: 15.5%; }
.mp-adelaide { top: 65%; left: 51.5%; }
.mp-melbourne { top: 73%; left: 67%; }
.mp-wollongong {  top: 67%; left: 73%; }
.mp-sydney { top: 61.5%; left: 80%; }
.mp-newcastle { top: 56.5%; left: 77%; }
.mp-brisbane { top: 47%; left: 78%; }
.mp-toowoomba-qld { top: 47%; left: 76%; }
.mp-clontarf-qld { top: 41%; left: 80%; }
.mp-bundaberg { top: 35%; left: 78.5%; }
.mp-mackay { top: 24%; left: 73.5%; }

.loc-maps a {
    font-size: 13px;
    line-height: 1.6em;
    font-style: normal;
    font-weight: normal;
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    color: #00428c;
    display: block;
    margin-top: -1px;
    white-space: nowrap;
}

.loc-maps a i {
    color: #e21734;
}

@media (max-width: 1024px) {
    .loc-maps {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 570px) {
    .loc-maps {
        max-width: 90%;
    }

    .loc-maps div[class^="mp-"] {
        padding: 0px 5px;
    }

    .loc-maps a {
        font-size: 12px;
    }

    .loc-maps a i {
        font-size: 10px;
    }
}

/* End of MAP section */

body {
    font-family: 'Roboto', sans-serif;
}


.system2 {
    padding-top: 100px;
}


.container {
    width: 75em !important;
    max-width: 1920px !important;
    padding: 0px !important;
    margin: auto !important;
}

.button_slide {
  color: #FFF;
  border-radius: 0px;
  padding: 14px 50px;
  display: inline-block;
  font-size: 15px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #05428C;
  -webkit-transition: ease-out 0.6s;
  -moz-transition: ease-out 0.6s;
  transition: ease-out 0.6s;
}
    .row {
        display: flex; /* equal height of the children */
    }

    .slide_right:hover {
      box-shadow: inset 400px 0 0 0 #05428C;
      color: #fff;
    }

   .logo {
       margin-right: 20px;
       width: 35%;
   }

   .logo img {
       object-fit: contain !important;
       object-position: right;
   }

.phone a {
    text-decoration: none;
    color: #fff;
}
.phone:hover{
    background: #05428C;
}
.icons i:hover {
    color: #05428c;
}

.button_slidet {
  background: #E31837;
       color: #fff !important;
       padding: 8px 20px;
       height: 40px !important;
       color: #fff;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: ease-out 0.6s;
  -moz-transition: ease-out 0.6s;
  transition: ease-out 0.6s;
}

    .slide_rightt:hover {
      box-shadow: inset 400px 0 0 0 #05428C;
      color: #fff;
    }

   .cell-no {
       font-weight: bold;
       font-size: 125%;
       color: #fff;
   }

   .top-menu {
       display: flex;
       flex-direction: row;
       padding: 10px 100px;
   }

   p {
       font-family: 'Roboto', sans-serif;
       font-size: 15px;
   }

   h2,
   h3,
   h4,
   h5 {
       font-family: 'Roboto', sans-serif;
       font-weight: 600 !important;
   }
   h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 900 !important;
    }
   
   .cover img {
        width: 100%;
        height: auto;
        /* margin-bottom: 100px; */
    }
   
   .inner_cover img{
        margin-left: auto;
        display: block;
        transition-duration: 1s;
    }

   .hero2 {
        z-index: 1;
        position: relative;
       background: transparent linear-gradient(180deg, #05428C00 0%, #05428c79 5%, #05428c 15%, #05428C 30%, #05428C 100%);
       opacity: 1;
       margin-top: -150px;
       padding: 10px;
       padding-bottom: 120px;
       overflow: hidden;
   }

   .hero2 .container {
       display: flex;
       width: 90vh;
       overflow: hidden;
   }

   .image-box {
       margin: auto;
       text-align: center;
       color: #fff;
       padding: 2em;
       width: 100%;
       
   }

   .image-box h2 {
       font-size: 20px !important;
       padding-top: 50px;
       word-wrap: normal;
   }

   .hero2 hr {
       width: 10%;
       text-align: center;
       margin-left: auto;
       margin-right: auto;
       margin-top: 25px;
       border: 4px solid #E31837;
   }

   .hero2 p {
       color: #fff;
       text-align: center;
       padding: 45px 0 50px 0 !important;
       line-height: 30px;
       width: 100%;
       word-wrap:normal;
   }

   .inner_services img {
       margin: auto;
       margin-top: -150px;
       text-align: center;
       margin-left: -90px;
       object-fit: cover;
       object-position: left;
       width: 400px;
   }

   .our_Services {
    z-index: 2;
    position: relative;
       width: 100%;
       text-align: center;
       background: #D80028;
       padding-bottom: 20px;
   }

   .our_Services h1 {
       color: #fff;
       margin-top: 50px !important;
   }

   .our_Services p {
       color: #fff;
       margin-top: 30px;
   }

   .our_Services .inner_services h4 {
       margin-bottom: 10px;
   }

   .transporat_card {
       width: 100%;
       background: #D80028;
   }

   .transporat_card .inner_card {
       width: 100%;
       height: 100%;
       margin: auto;
       background: #D80028;
       padding: 50px;
       display: flex;
   }

   .my-box {
       background: #05428C;
       padding: 90px 25px;
       margin: -150px 5px 0px 5px;
       height: 415px;
   }

   .box1 {
       width: 33%;
   }

   .box1 img {
       margin: 20px;
       width: 90%;
       object-fit: contain;
       object-position: center;
   }

   .transporat_card .inner_card .box1 h1 {
       margin: 60px 0px 20px;
       color: #fff;
       font-size: 20px;
       text-align: center;
   }

   .transporat_card .inner_card .box1 p {
       color: #fff;
       text-align: center;
       line-height: 25px;
   }

   .our-services2 {
       background: #D80028;
       padding: 10px 10px 400px 10px;
   }

   .our-services2 .container {
       display: flex;
       justify-content: center;
       align-content: center;
       align-items: center;
       align-self: center;
       margin: auto;
   }

   .our-services2 .image-box-line {
       display: flex;
       margin: 40px 30px 0px 30px;
   }

   .image-box-line p {
       margin: auto;
       color: #fff;
       font-weight: bold;
       line-height: 30px;
       font-size: 18px;
       margin-left: 20px;

   }

   .products {
       background-image: url(img/products-bg.png);
       background-position: center center;
       background-size: cover;
       background-repeat: no-repeat;
       padding: 50px 10px 170px;
   }
   .products iframe{
    width: 100%;
    height: 35em;
    padding: 0 10px;
       margin-top: -400px !important;
}
   .products h1 {
       color: #fff;
       text-align: center;
       margin: 100px 10px 50px;
   }

   .products p {
       color: #fff;
       font-size: 16px;
       font-weight: 300;
       line-height: 25px;
       text-align: center;
       margin-bottom: 50px;
   }

   .product-boxes {
       display: flex;
       margin: auto;
       text-align: center;
       overflow: hidden;
   }

   .product-boxes .product1 {
       margin: 10px;
   }

   .product1 h2 {
       font-size: 20px;
       color: #fff;
       margin: 20px
   }

   .product1 img {
       width: 100%;
       height: auto;
       object-fit: cover;
       object-position: center;
   }
.products a {
    text-decoration: none;
    background: #D80028;
    font-weight: bold;
    margin-top: -3em;
}

   /* .system {
       display: flex;
       overflow: hidden;
   } */

   .system-right {
    float: right;
    padding: 7%;
       width: 50% !important;
       background: #DDE0EF;
   }

   .image-left {
       display: flex;
       float: left;
       background-color: #DDE0EF;
       width: 50%;
       align-items: center;
   }
   .image-left img {
        width: 100%;
        height: auto;
   }

   .system-right h1 {
       color: #05428C;
       font-family: Roboto ;
       font-size: 2.3em;
       font-weight: 900 !important;
       margin-bottom: 30px;
   }
   
.system-right a {
    background: #D80028 !important;
    border: 2px solid #d80028;
    text-decoration: none;
    font-weight: bold;
    margin-top: 30px;
}
   .system-right h2 {
       color: #D80028;
       font-weight: 900;
       font-size: 1.3em;
   }

   .system p {
       font-size: 16px;
       margin-top: 3em;
       line-height: 25px;
       color: black;
   }

   .system button {
       background: #D80028;
       padding: 15px 40px;
       color: #fff;
       font-weight: bold;
       margin-top: 30px;
   }


   .system2 .container {
       display: flex;
   }

   .system-left {
       margin: auto;
       padding-right: 50px;
       width: 50% !important;
   }

   .image-right {
       padding: 30px;
       object-fit: cover;
       object-position: center;
       width: 50%;
   }

   .system2 h1 {
       color: #05428C;
       margin-bottom: 30px;
   }

   .system2 p {
       font-size: 16px;
       margin-top: 40px;
       line-height: 25px;
       color: black;
   }
   

   .system3 {
       padding: 50px 0px;
       margin: auto;
   }

   .system3 .container {
       display: flex;
       flex-direction: row;
       margin: auto;
   }

   .system3 .image-box3 {
       width: 33.33%;
       margin: 10px
   }

   .system3 img {
       width: 90%;
       object-fit: cover;
       object-position: center;
   }

   .system3 h1 {
       font-size: 18px;
       color: #05428C;
       border-left: 12px solid #D80028;
       padding-left: 10px;
       margin-bottom: 20px;
   }

   .promise {
       background-image: url(img/Side.png);
       background-repeat: no-repeat;
       background-size: auto;
       background-position: top center;
       padding: 250px 10px 100px;
       text-align: center;
   }

   .promise h2 {
       color: #fff;
       font-size: 25px;
       margin-top: 50px;
       margin-bottom: 30px
   }

   .promise p {
       color: #fff;
       line-height: 25px;
       font-size: 16px;
       width: 50%;
       margin: auto;
   }

   .promise img {
       object-fit: contain;
       object-position: center;
       width: 50%;
       
   }

   .cta {
       background: #05428C;
       padding: 50px;
       overflow: hidden;
       width: 100%;
   }

   .cta .container {
       display: flex;
       justify-content: center;
   }

   .cta h1 {
       color: #fff;
       font-size: 25px;
       margin-right: 50px;
       margin-top: auto;
       margin-bottom: auto;
   }
.cta a{
    background: #D80028 !important;
    border: 2px solid #d80028;
    text-decoration: none;
    font-weight: bold;
    padding: 15px 50px;
}


   .image-box4 p {
       padding: 20px
   }

   .image-box4 a {
       padding-top: 20px;
       text-decoration: none;
       color: #000;
       display: inline-block;
   }

   /* ===================media-quree======================================================== */
   @media (min-width: 1200px) and (max-width: 1600px) {
       /* .cover{
           height: 100vh;
           overflow: hidden !important;
       } */
       .hero2 {
           padding: 50px;
           padding-bottom: 150px;
       }

       /* .image-left {
           padding: 300px;
       } */
   }

   @media (min-width: 993px) and (max-width: 1199px) {
       
       .container {
           width: 90vw !important;
           margin: auto;
       }

       .logo img {
           object-fit: cover !important;
           object-position: center;
           width: 80%;
       }
       /* .cover {
           height: 90vh;
       } */
       .hero2 {
           padding: 10px;
           padding-bottom: 150px;
       }

       .transporat_card {
           height: 600px !important;
           padding-top: 50px;
       }

       .transporat_card .inner_card {
           width: 1200px;
           height: 500px !important;
           margin: 0px 10px;
           background: #D80028;
           padding: 50px 0px;
           display: flex;
       }
 
       .my-box {
           width: 95%;
       }

       .box1 {
           padding: 0;
           margin: 10px !important;
           height: 400px !important;
       }

       .box1 img {
        margin: 20px;
        width: 85%;
           text-align: center !important;
           object-fit: cover;
           object-position: center;
       }

       .product-boxes {
           margin: auto;
       }

       .product-boxes img {
           object-fit: cover;
           object-position: center;
           width: 90%;
       }

       .transporat_card .inner_card .box1 h1 {
           margin: 60px 0px 20px;
           color: #fff;
           font-size: 20px;
           text-align: center;
       }

       /*.image-left {
           padding: 300px;
       }*/
       /* .image-left {
            width: 100% !important;
        } */
 
       .product1 {
           float: left !important;
       }

       .product1 img {
           object-fit: cover;
           object-position: center;
           width: 100%;
       }

       .system3 .container {
           margin: 10px !important;
       }

       .system3 img {
           object-fit: cover;
           object-position: center;
           width: 100%;
       }

       .image-right img {
           object-fit: cover;
           object-position: center;
           width: 100%;
       }
   }

   @media (min-width: 768px) and (max-width: 992px) {

       .logo img {
           margin: auto;
           padding-top: 10px;
       }


       .inner_cover {
           padding-top: 0 !important;
           margin: 0;
       }

       .container {
           width: 90vw !important;
           margin: auto;
       }

       .logo img {
           object-fit: cover !important;
           object-position: center;
           width: 80%;
       }

       .hero2 {
           padding: 10px;
           padding-bottom: 150px;
           padding-top: 50px;
       }

       .image-box {
           margin: auto;
           text-align: center;
           color: #fff;
           padding: 10px;
       }

       .hero2 img {
           object-fit: cover;
           object-position: center;
       }

       .box1 img {
           padding-left: 30px;
       }

       .transporat_card {
           height: 1500px !important;
       }

       .transporat_card .inner_card {
           margin: auto;
           background: #D80028;
           padding: 50px 0px;
           display: flex;
           flex-direction: column;
           width: 350px !important;
           justify-content: space-between;
       }

       .my-box {
           width: 300px;
       }

       .box1 {
           padding: 0;
           margin: 10px !important;
           height: 400px !important;
       }

       .box1 img {
           margin-top: 50px;
           width: 250px;
       }

       .product-boxes {
           margin: auto;
       }

       .product-boxes img {
           object-fit: cover;
           object-position: center;
           width: 100%;
       }

       .transporat_card .inner_card .box1 h1 {
           margin: 60px 0px 20px;
           color: #fff;
           font-size: 16px;
           text-align: center;
       }

       .product1 img {
           object-fit: cover;
           object-position: center;
       }

       .system3 .container {
           margin: 10px !important;
       }

       .system3 img {
           object-fit: cover;
           object-position: center;
           width: 100%;
       }

       .system-right {
            padding: 50px 10px;
            width: 100% !important;
        
        }

    .image-left {
            width: 100% !important;
        }
        
       .image-right img {
           object-fit: cover;
           object-position: center;
           width: 300px;
       }

       .our-services2 {
           padding-top: 100px;
       }

       .product1 h2 {
           margin: 0;
           padding-bottom: 20px;
           font-size: 16px
       }
       iframe{
           height: 400px !important;
       }
   }

   @media (min-width: 200px) and (max-width: 767px) {

       .logo img {
           margin: auto;
           padding-top: 20px;
           width: 150px !important;
       }


       .inner_cover {
           padding-top: 0 !important;
           padding-right: 0px !important;
           margin: 0 !important;
           display: flex;
           flex-direction: row;
           justify-content: flex-end;  
           margin-left: auto !important;
       }
       .inner_cover img{
           text-align: right;
           width: 70%;
           padding: 1em;
       }
       .container {
           width: 90vw !important;
           margin: auto;
       }

       .hero2 {
           height: 1000px;
           padding-top: 100px !important;
       }

       .hero2 .container {
           display: flex;
           flex-direction: column;
       }

       /* .image-box {
           margin-top: 20px;
       } */

       .logo img {
           object-fit: cover !important;
           object-position: center;
           width: 80%;
       }

       .hero2 {
           padding: 10px;
           /* padding-bottom: 100px 150px 150px 150px !important; */
       }

       .image-box {
           margin: auto;
           text-align: center;
           color: #fff;
           padding: 0;
       }

       .hero2 img {
           object-fit: cover;
           object-position: center;
           width: 20%;
           height: auto;
       }
       .hero2 p{
           padding-top: 20px !important;
           padding-bottom: 300px !important;
       }

       .text-overlay h2 {
           padding: 10px;
           font-size: 16px !important;
           width: 70%;
           text-align: center;
           margin: auto;
       }

       .inner_services p {
           padding: 0 5%;
       }

       .our-services2 .container {
           display: flex;
           flex-direction: column;
           margin: auto;
       }

       .our-services2 {
           padding-bottom: 250px;
       }
       .inner_services h1{
           font-size: 1.5em;
       }

       .image-box-line {
           margin: 0 !important;
           text-align: left;
           align-self: flex-start;
           margin-bottom: 20px !important;
       }

       .box1 img {
           padding-left: 30px;
       }

       .transporat_card {
           height: 1500px !important;
           margin: auto;
       }

       .transporat_card .inner_card {
           margin: auto;
           background: #D80028;
           padding: 50px 0px;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
       }

       .my-box {
           width: 100%;
       }

       .box1 {
           padding: 0 5% !important;
           margin: auto !important;
           height: 350px !important;
           width: 100%;
           text-align: center;
       }

       .box1 img {
           margin-top: -20px;
           padding: 0;
           width: 80%;
           text-align: center;
       }

       .product-boxes {
           margin: auto;
       }

       .product-boxes img {
           object-fit: cover;
           object-position: center;
           width: 100%;
       }

       .transporat_card .inner_card .box1 h1 {
           margin: 60px 0px 20px;
           color: #fff;
           font-size: 16px;
           text-align: center;
       }

       .product-boxes {
           display: flex;
           flex-direction: column;
           padding: 30px 0%;
       }

       .product1 {
           margin-bottom: 50px !important;
       }

       .product1 img {
           width: 80%;
           text-align: center;
           object-fit: cover;
           object-position: center;
       }

       .system,
       .system2 .container,
       .system3 .container {
           display: flex;
           flex-direction: column;
           background-color: #DDE0EF;
       }
       .system-left{
           margin: 0 !important;
           width: 100% !important;
       }
       .system3 .container {
           margin: auto;
           width: 100%;
       }
       .image-right{
           width: 100%;
           margin-top: 50px;
       }

       .image-box3 {
           width: 90vw !important;
           margin-bottom: 30px !important;
       }
       .system3{
           padding: 10px;
       }
       .image-box3{
           padding: 0;
           width: 80%;
       }

       .system3 img {
           object-fit: cover;
           object-position: center;
           width: 80%;
       }

       .image-left {
            width: 100%;
            margin-top: -180px;
            /* padding: 400px;  */
       }

       .image-right img {
           object-fit: cover;
           object-position: center;
           width: 100%;
       }

       .our-services2 {
           padding-top: 50px;
       }

       .product1 h2 {
           margin: 0;
           padding-bottom: 20px;
           font-size: 16px
       }

       .promise {
           background-image: url(img/Side.png);
           background-repeat: no-repeat;
           background-size: auto;
           background-position: top center;
           padding: 100px 10px 50px;
           text-align: center;
       }
       .promise h2 {
        margin-top: 90px;
        margin-bottom: 60px;
        }
       .promise p {
           padding: 0 !important;
           margin: 0;
           width: 100%;
       }
       .promise img{
           width: 90%;
       }

       .cta {
           padding: 10px;
       }

       .cta .container {
           display: flex;
           flex-direction: column;
           width: 90vw;
       }

       .cta h1 {
           font-size: 100%;
       }

       .cta button {
           margin: 0;
           width: 50%;
           margin-top: 30px;
       }

       .inner_services {
           width: 100%;
           margin: 0;
           padding: 0;
           margin: auto;
       }

       .inner_services img {
           margin: auto;
           margin-top: -100px;
           text-align: center;
           object-fit: cover;
           object-position: center;
           width: 80%;
       }
       iframe{
           height: 300px !important;
           width: 85vw !important;
           padding: 0 !important;
           margin-right: 20px !important;
       }
       .system2 .container, .system3 .container {
            background-color: white;
            width: 100% !important;
            margin: 0;
        }
        .system2 .loc-maps {
            margin-top: -30px;
        }

       .system-right {
           padding: 50px 10px;
           width: 100% !important;
           
       }
       .system2 {
            padding: 50px 10px;
            width: 100% !important;
     
       }
       .system-right p {
           width: 100%;
       }

       .system-left {
           margin: auto;
           padding-right: 0px;
       }
       .image-box4{
           width: 100% !important;
           margin: auto;
           text-align: center;
       }
       .cta{
           text-align: center;
           padding: 50px 0;
           margin: auto;
           
       }
       .cta h1{
           margin: 0;
           padding-bottom: 50px
       }
       .cta a{
           text-align: center;
           margin: auto;
       }
       .image-box4 img{
           width: 50%;
           text-align: center;
       }

   }

@media (min-width: 501px) and (max-width: 767px) {
          .transporat_card {
           height: 1500px !important;
           margin: auto;
       }

       .transporat_card .inner_card {
           margin: auto;
           background: #D80028;
           padding: 50px 0px;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
       }

       .my-box {
           width: 100%;
       }

       .box1 {
           padding: 0 20% !important;
           margin: auto !important;
           height: 340px !important;
           width: 100%;
           text-align: center;
       }

       .box1 img {
           margin-top: -20px;
           padding: 0;
           width: 80%;
           text-align: center;
       }   
}
@media (min-width: 380px) and (max-width: 500px) {
          .transporat_card {
           height: 1500px !important;
           margin: auto;
       }

       .transporat_card .inner_card {
           margin: auto;
           background: #D80028;
           padding: 50px 0px;
           display: flex;
           flex-direction: column;
           justify-content: space-between;
       }

       .my-box {
           width: 100%;
       }

       .box1 {
           padding: 0 15% !important;
           margin: auto !important;
           height: 350px !important;
           width: 100%;
           text-align: center;
       }

       .box1 img {
           margin-top: -20px;
           padding: 0;
           width: 80%;
           text-align: center;
       }   
}