/*====================================================================================*/
/*========================================= myAssets/cssAmarLimo/_variables.scss =====*/
/*====================================================================================*/
/*====================================================================================*/
/*====================================+++++===== myAssets/cssAmarLimo/_html.scss =====*/
/*====================================================================================*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
}

body {
  font-family: "Titillium Web", sans-serif;
  color: #333;
  font-size: 15px;
  line-height: 175%;
  font-weight: 500;
  overflow-x: hidden !important;
}

h1, h2, h3, h4, h5, h6 {
  text-align: center;
  margin: 10px auto 5px;
  padding: 0;
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 26px;
  color: #0c63e4 !important;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
  line-height: 1.6;
}

h5 {
  font-size: 14px;
}

a {
  color: inherit !important;
  text-decoration: none;
  border: none !important;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  border-bottom: 0.01em dashed #CCC;
}

h4 a {
  color: inherit !important;
  text-decoration: none;
  border: none !important;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  border-bottom: 0.01em dashed #CCC;
}

img {
  vertical-align: middle;
}

figure {
  margin: 5px 0 10px;
}

figcaption {
  text-align: center;
  font-size: 10px;
  font-style: italic;
  margin: 0 auto;
}

hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

li {
  margin-left: 30px;
}

p {
  text-align: justify;
  margin-bottom: 20px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.borderBlack {
  border: 0.1em solid black;
}

.borderLeftRed {
  border-left: 3px solid red;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.img50 {
  max-width: 50px;
}

.img75 {
  max-width: 75px;
}

.img100 {
  max-width: 100px;
}

.img150 {
  max-width: 150px;
}

.img200 {
  max-width: 200px;
}

.img250 {
  max-width: 250px;
}

.img300 {
  max-width: 300px;
}

.img350 {
  max-width: 350px;
}

.img400 {
  max-width: 400px;
}

.img450 {
  max-width: 450px;
}

.img500 {
  max-width: 500px;
}

.img550 {
  max-width: 550px;
}

.brake {
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.ruler {
  width: 100%;
  height: 1px;
  border-top: 0.1em solid #999;
  clear: both;
  margin: 10px 0;
}

.image {
  /*background: url(images/bg.jpg) no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.border-top-bottom {
  background-color: rgba(140, 145, 160, 0.1);
  border-radius: 20px;
  border-top: 1px dashed rgb(140, 145, 160);
  border-bottom: 1px dashed rgb(140, 145, 160);
  padding: 20px 5px;
  margin: 20px auto;
}

.border-left-3-blue {
  border-left: 3px solid rgba(0, 85, 180, 0.2);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afe0ff+0,7db9e8+75&1+0,0+75 */
  background: -moz-linear-gradient(left, rgba(175, 224, 255, 0.2) 0%, rgba(125, 185, 232, 0) 75%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(175, 224, 255, 0.2) 0%, rgba(125, 185, 232, 0) 75%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(175, 224, 255, 0.2) 0%, rgba(125, 185, 232, 0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afe0ff', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}

.border-dashed-999 {
  border: 0.01em dashed #999;
}

.border-top-dashed-999 {
  border-top: 0.01em dashed #999;
}

.border-left-dashed-999 {
  border-left: 0.01em dashed #999;
}

.border-bottom-dashed-999 {
  border-bottom: 0.01em dashed #999;
}

.border-right-dashed-999 {
  border-right: 0.01em dashed #999;
}

.border-tb-bg {
  background-color: #FFF;
  padding: 10px 20px;
  border-top: 0.01em dashed #CCC;
  border-bottom: 0.01em dashed #CCC;
  margin-top: 40px;
  margin-bottom: 40px;
}

.myDl dt {
  margin-top: 5px;
}

.myDl dd {
  border-left: 3px solid #ebebeb;
  border-right: 3px solid #ebebeb;
  border-radius: 25px;
  padding: 10px 10px 10px 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* ----------------------------------------------------- */
.columnLeft {
  background-color: rgba(29, 164, 226, 0.2);
  height: 100%;
}

.columnLeft div {
  -webkit-transition: all 0.5s; /* Safari */
  transition: all 0.5s;
}

.columnLeft div:hover {
  background-color: rgb(204, 204, 204);
}

/* ----------------------------------------------------- */
.myDl-Border-Left dt, .myDl-Border-Left dd {
  margin-top: 20px;
}

.myDl-Border-Left dt {
  text-align: right;
}

.myDl-Border-Left dd {
  border-left: 1px dashed #CCC;
}

/* ***************************************************************************************************************** */
/*
write like this
	<span class="text-primary divider"></span>
	<span class="text-default divider"></span>
*/
.divider {
  display: block;
  padding: 0;
  width: 275px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  color: transparent;
  background-color: transparent;
  border-top: none;
  margin: 10px auto;
}

.divider:before {
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  width: 95px;
  border-bottom: 3px solid;
  color: #fff;
  z-index: 5;
}

.divider.text-primary:before {
  color: #ff2934;
}

.divider.text-default:before {
  color: #212526;
}

.divider + h2 {
  margin-top: 39px;
}

/* ***************************************************************************************************************** */
.box-shadow-left-right-outside {
  box-shadow: inset 7px 0 7px -7px rgba(0, 0, 0, 0.5), inset -7px 0 7px -7px rgba(0, 0, 0, 0.5);
  padding-top: 20px;
  padding-bottom: 40px;
}

.box-shadow-left-right-inset {
  box-shadow: 6px 0 6px -4px rgba(34, 34, 34, 0.3), -6px 0 6px -4px rgba(34, 34, 34, 0.3);
  -moz-box-shadow: 6px 0 6px -4px rgba(34, 34, 34, 0.3), -6px 0 6px -4px rgba(34, 34, 34, 0.3);
  -webkit-box-shadow: 6px 0 6px -4px rgba(34, 34, 34, 0.3), -6px 0 6px -4px rgba(34, 34, 34, 0.3);
  padding-top: 20px;
  padding-bottom: 40px;
}

footer {
  /*background: url(../../images/footer.jpg) no-repeat top center fixed;*/
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  border-top: 0.01em solid rgba(0, 0, 0, 0.2);
}

.rightsReserved {
  background: rgba(27, 30, 33, 0.85);
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 10px;
}

.rightsReserved a {
  color: rgba(255, 255, 255, 0.6);
}

.i24 {
  font-size: 24px !important;
  margin-left: 10px;
}

.ptb75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.shadowtb {
  box-shadow: inset 0 11px 8px -10px #CCC, inset 0 -11px 8px -10px #CCC;
}

/* Border Inside */
.inner-outline {
  outline: 1px solid orange;
  outline-offset: -10px;
}

/* CSS Transition */
.trans {
  border-radius: 50%;
  transition: all 1s ease;
  border: 0.01em solid rgba(0, 75, 135, 0.5);
  margin: 0 auto !important;
  padding: 10px;
}

.trans:hover {
  border-radius: 0 25% 0 25%;
  border: 0.01em solid #083154;
  margin: 0 auto !important;
  padding: 20px;
}

/* -------------------------------------------------------------------------------------- */
span.redRequired {
  color: red;
  font-size: 18px;
  font-weight: bolder;
  position: relative;
  top: 4px;
}

.bg1 {
  background: url(../../images/bg4.jpg) no-repeat center bottom fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bgMaroon {
  position: relative;
  /*background-color: $colMaroon;*/
}

.bg-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 400px;
  width: auto;
  height: auto;
  z-index: -1000;
  object-fit: cover;
}

.bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* adjust opacity to taste */
  z-index: 1;
}

.bg1__ {
  /*background: url(../../myAssets/myImages/bg1.jpg) no-repeat center bottom fixed!important;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.bg1__ * {
  /*text-shadow: 0 0 5px #000, 0 0 5px #000!important;*/
  font-weight: 600 !important;
  color: white !important;
  text-shadow: 0 0 3px #000, 0 0 3px #000;
}

.bgDark1 {
  /*background-color: rgba(4, 67, 141, 0.8);*/
  background-color: rgba(99, 0, 0, 0.7) !important;
  box-shadow: -3px 3px 4px rgba(0, 0, 0, 0.4);
  border-top: 0.01em solid rgba(204, 204, 204, 0.7);
  border-bottom: 0.01em solid rgba(204, 204, 204, 0.7);
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

.section1 {
  background-color: rgba(255, 255, 255, 0.7) !important;
  background: url(../../images/bg1.jpg) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
}
.section1 p {
  color: rgba(0, 0, 0, 0.75) !important;
  text-align: left !important;
  line-height: 1.75;
}

.section2 {
  /*padding-top:50px;*/
  padding-top: 100px;
  padding-bottom: 50px;
}
.section2 img {
  border: 0.01em solid rgba(0, 0, 0, 0.3);
}
.section2 h2 {
  color: #265892 !important;
}
.section2 h3 {
  font-size: 20px !important;
}
.section2 {
  /* *{
     color: rgba(255, 255, 255, 1) !important;
   }*/
}

.mtb50 {
  margin-top: 100px !important;
  margin-bottom: 50px;
  line-height: 1.4 !important;
}

.footer1 {
  /*background: url("../../images/footer-img.jpg") no-repeat left bottom fixed;*/
  background-color: rgb(87, 13, 0);
  border-top: 0.01em solid rgba(204, 204, 204, 0.7);
  border-bottom: 0.01em solid rgba(204, 204, 204, 0.7);
}
.footer1 h3 {
  margin-bottom: 20px !important;
}
.footer1 i {
  font-size: 30px !important;
}
.footer1 p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.footer1 * {
  text-align: left !important;
  color: white !important;
}

.rightsReservedBlack {
  background-color: #000;
  color: white;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.topHeader {
  background: url(../../images/header.jpg) no-repeat center;
  padding-top: 75px;
  padding-bottom: 75px;
  border-top: 0.01em solid rgba(255, 255, 0, 0.4);
}

.topHeader h1 {
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 300;
  font-size: 48px;
}

.bodyText {
  background: url(../../images/bodyText.jpg) no-repeat center top fixed !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  border-right: 0.01em solid rgba(0, 0, 0, 0.1) !important;
}
.bodyText .bodyTextInner {
  background-color: rgba(255, 255, 255, 0.6);
}

.columnRight {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.bodyText h1, .bodyText h2, .bodyText h3, .bodyText h4, .bodyText h5, .bodyText h6 {
  text-align: left;
}

.redLine {
  background: url(../../images/zigzag.png) no-repeat center;
  width: 300px;
  height: 5px;
}

.tes {
  background: url(../../images/tes.jpg) no-repeat center;
}

.borderLeft {
  border-left: 1px solid rgba(38, 88, 146, 0.6);
}

.about {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.text-Blue {
  color: #265892 !important;
}

.headerRow {
  background-color: rgba(255, 255, 255, 0.4);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border: 0.01em solid rgba(0, 0, 0, 0.2);
  margin-top: 30px;
}

.products {
  -moz-box-shadow: inset 0 -10px 100px -10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.6);
}
.products .myTable table, .products .myTable td {
  border-collapse: collapse;
}
.products .myTable td {
  border: 0.01em solid rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.products .myTable * {
  font-size: 12px;
  text-align: center;
}

.bgAll {
  background: url(../../images/bgAll.webp) no-repeat top center fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 200px;
  min-height: 600px;
}

.aboutUs {
  /*background: url(../../images/Dotsbg.png) no-repeat center;*/
  padding: 75px 50px;
}
.aboutUs h2, .aboutUs h3, .aboutUs h4, .aboutUs h5 {
  text-align: left !important;
  margin-top: 30px;
}

.worldMap {
  background: url(../../images/World-Map.jpg) repeat left top fixed;
  padding-top: 100px;
  padding-bottom: 100px;
  border-top: 0.01em solid #CCC;
  border-bottom: 0.01em solid #CCC;
}
.worldMap h3 {
  line-height: 1.75;
}

.myUl li {
  text-align: justify;
  margin-bottom: 15px;
}

/*
write like this
	<span class="text-primary divider"></span>
	<span class="text-default divider"></span>
*/
.divider {
  display: block;
  padding: 0;
  width: 275px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  color: transparent;
  background-color: transparent;
  border-top: none;
  margin: 10px auto;
}

.divider:before {
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  width: 95px;
  border-bottom: 3px solid;
  color: #fff;
  z-index: 5;
}

.divider.text-primary:before {
  color: #ff2934;
}

.divider.text-default:before {
  color: #212526;
}

.divider + h2 {
  margin-top: 39px;
}

.mainT {
  width: 90%;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 30px;
  border-left: 1px solid red;
  border-right: 1px solid red;
  border-radius: 10px;
}

.video {
  height: 500px !important;
  overflow: hidden !important;
  clear: both !important;
}

/* ========================================= video =================================================*/
/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  /*min-height: 100%;*/
  overflow: hidden !important;
  z-index: -10000 !important;
}

/* Add some content at the bottom of the video/page */
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

/* Style the button used to pause/play the video */
#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}

/*//Copy this css*/
.navbar-light .navbar-nav .nav-link {
  color: rgb(64, 64, 64);
}

.btco-menu li > a {
  padding: 10px 15px;
  color: #000;
}

.btco-menu .active a:focus,
.btco-menu li a:focus,
.navbar > .show > a:focus {
  background: transparent;
  outline: 0;
}

.dropdown-menu .show > .dropdown-toggle::after {
  transform: rotate(-90deg);
}

/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .image {
    background: url("") no-repeat center center fixed;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-background-size: 700px 1333px;
    overflow-x: hidden !important;
  }
}
/* Portrait */
/* Landscape */
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- iPhone 6, 6S, 7 and 8 ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- iPhone 6+, 7+ and 8+ ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
/* ----------- iPhone X ----------- */
/* Portrait and Landscape */
/* Portrait */
/* Landscape */
.display-5 {
  font-size: 3rem;
  font-weight: 300;
}

.display-6 {
  font-size: 2.5rem;
  font-weight: 300;
}

.display-7 {
  font-size: 2rem;
  font-weight: 300;
}

.nav-link, .dropdown-item {
  font-size: 14px;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .tes {
    background: url(../../images/tes-m.jpg) no-repeat center;
  }
  .bgAll {
    background: url(../../images/bgAllM.jpg) repeat left bottom fixed;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
/* Medium devices (landscape tablets, 768px and up) */
/* Large devices (laptops/desktops, 992px and up) */
/* Extra large devices (large laptops and desktops, 1200px and up) */
.bgAll {
  background: url(../../images/bgAll.jpg) repeat left bottom fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.fleets {
  background-color: rgba(255, 255, 255, 0.75);
}

.gra1 {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+46,ffffff+100&1+32,0+100 */
  background: linear-gradient(to bottom, rgb(255, 255, 255) 32%, rgba(255, 255, 255, 0.79) 46%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bgWhite {
  background-color: rgba(255, 255, 255, 0.65);
}

/*# sourceMappingURL=master.css.map */