@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');
@font-face {
font-family: "Google Sans", sans-serif;
src: url(../fonts/Oswald-Medium.woff) format("woff"), url(../fonts/Oswald-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'FuturaStd';
src: url(../fonts/Futura-Std-Book_19044.woff) format("woff"), url(../fonts/Futura-Std-Book_19044.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'FuturaStd';
src: url(../fonts/FuturaStd-Heavy.woff) format("woff"), url(../fonts/FuturaStd-Heavy.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}

body {
  font-family: "Google Sans", sans-serif;
  font-size: 1.000em;
  color: #2c2c2c;
  font-weight: 300;
}
p { font-family:"Google Sans", sans-serif;}
body, html {
  height: 100%;
	overflow-x: hidden;
}
.w-100{
	width:100%;
}
select{
	font-size: 1em;
}
h1, .h1 {
  font-size: 4.2rem;
}
h2, .h2 {
  font-size: 3.56rem;
}
h3, .h3 {
  font-size: 2.52rem;
}
h4, .h4 {
  font-size: 2.28rem;
}
h5, .h5 {
  font-size: 1.64rem;
}
h6, .h6 {
  font-size: 1.15rem;
}
.sectionMarTop {
  margin-top: 1em;
}
.sectionMarTop2 {
  margin-top: 2em;
  margin-bottom: 2em;
}
/*fontweight*/
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw500 {
  font-weight: 500 !important;
}
.fw700 {
  font-weight: 700 !important;
}
.fw900 {
  font-weight: 900 !important;
}
/*fontsize*/
.f14 {
  font-size: 0.875em !important;
}
.f17 {
  font-size: 1.063em !important;
}
.f18 {
  font-size: 1.125em;
}
.f20 {
  font-size: 1.250em !important;
}
.f21 {
  font-size: 1.313em !important;
}
.f30 {
  font-size: 1.875em !important;
}
.f38 {
  font-size: 1.775em !important;
}
.f60 {
  font-size: 3.750em !important;
}
.f77 {
  font-size: 4.813em !important;
}
/*color*/
.text-red {
  color: #fff !important;
}
.text-black {
  color: #88a203 !important;
}
.text-center {
  text-align: center;
}
/*background*/
.bg-red {
  background: #88a203 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important;
}
.px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important;
}
.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important;
}
.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important;
}
.py-3 {
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pl-2 {
  padding-left: .5rem !important;
}
.pl-3 {
  padding-left: 1rem !important;
}
.pl-4 {
  padding-left: 1.5rem !important;
}
.pl-5 {
  padding-left: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: .25rem !important;
}
.pt-2 {
  padding-top: .5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 0rem !important;
}
.p-1 {
  padding: .25rem !important;
}
.p-2 {
  padding: .5rem !important;
}
.p-3 {
  padding: 0 !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mx-1 {
  margin-left: .25rem !important;
  margin-right: .25rem !important;
}
.mx-2 {
  margin-left: .5rem !important;
  margin-right: .5rem !important;
}
.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important;
}
.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: .25rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: .25rem !important;
}
.mb-2 {
  margin-bottom: .5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 2.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-4 {
  margin-right: 1.5rem !important;
}
.ml-75 {
  margin-left: 5rem !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-bottom {
  border-bottom: 1px solid #525252;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-0 {
  border: 0 !important;
}
.border {
  border: 1px solid #d7d7d7;
}
.shadow-none {
  box-shadow: none !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.d-flex {
  display: flex !important;
}
.h100 {
  height: 100%;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.bottom-0 {
  bottom: 0;
}
.d-none {
  display: none !important;
}
.line-height20 {
  line-height: 1.250em !important;
}
.line-height36 {
  line-height: 2.250em;
}
nav .brand-logo.right, nav .routierLogo{
	line-height: 0;
}

.ourServices .card-action {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.ourServices .card:hover {
  background: #cbf204;
  color: #fff;
  cursor: pointer;
}
.ourServices .card:hover .card-title, .ourServices .card:hover .card-action a, .ourServices a:hover, .ourServices .card:hover .card-detail {
  color: #fff !important;
}
.ourServices .card:hover img {
  
}
.ourServices .card:hover .iconBg {
  background: #cbf204;
  box-shadow: 0 24px 38px 3px rgba(231, 35, 51, .1);
}
.bgImage {

}
/*.list > li:before {
  content: "\f111";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  color: #2c2c2c;
  font-size: .4em;
  display: inline-block;
  vertical-align: middle;
  margin-left: -0.625em;
  margin-right: 2em;
}
.list ul li:before {
  content: "\f111";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  color: #88a203;
  display: inline-block;
  font-size: .4em;
  margin-left: 5em;
  margin-right: 2em;
  vertical-align: middle;
}*/
/*.asterix:after {
  content: "\f069";
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  color: #88a203;
  font-size: 0.500em;
  position: absolute;
  top: -.5em;
}*/
/*.clientLogo .owl-item, .clientLogo .owl-item.active {
	width:220px !important;
}*/
.iconBg {
  background: #fde9ea;
  width: 100%;
  height: inherit;
  border-radius: 100%;
  text-align: center;
  margin: 0 auto;
}
.clientLogo .owl-carousel h4 {
  margin: .912rem 0 .912rem 0;
}
.slider, .slider .slides {
  height: 100% !important;
}
.slider .prev, .slider .next{
	position: absolute;
top: 50%;
z-index: 9;
	background:rgba(21,21,20,0.5);
width: 70px;
height: 70px;
border-radius: 5;
text-align: center;
line-height: 77px;
cursor: pointer;
}
.slider .prev{
	left:-1rem;
}
.slider .next{
	right:-1rem;
}
.fixedTop {
  position: inherit;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999; padding-bottom:10px;padding-top:5px;
}
header nav {
  height: 5em;
  line-height: 5em;
}
.banner .slider .indicators {
  z-index: 9;
}
.services {
  background: url("../images/bg-truck.png") no-repeat left bottom;
}
.parallax-container .parallax img {
  opacity: 1;
}
.formDetails label, .formDetails .select-wrapper input {
  font-size: 1em;
}
.formDetails input, .formDetails textarea{
	width:100% !important;
	box-sizing: border-box !important;
}
.contact-form .input-field > label {
  font-size: 1.313rem;
  font-weight: 300;
}
.contact-form .input-field.col label {
  left: 1.3rem;
  top: -0.313em;
}
.service .caption {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.fixed_mobile_menu {
  display: none;
}
nav .dropdown-content {
  background: #c31523;
  left: 0 !important;
}
nav ul li a {
  color: #2c2c2c;
}
nav ul a:hover, nav ul a:focus {
  background-color: rgba(136, 162, 3, 1) !important;
  color: #fff;
}
nav .dropdown-content li > a, nav .dropdown-content li > span {
  color: #fff;
}
.service .parallax-container {
  height: 310px;
  background: rgba(0, 0, 0, .4);
}
ul.list:not(.browser-default) > li {
  list-style-type: disc;
}
.list li {
  margin-bottom: 1rem;
}
.owl-nav {
  position: absolute;
  top: -20px;
  right: 20px;
}
.owl-nav .owl-prev{
	position: relative;
	left: -21px;
	top:-15px;
}
.owl-nav .owl-next{
	position: relative;
	top:-15px;
}
.cancel-btn{
    background-color: transparent !important;
    color: #88a203;
    border: 1px solid #88a203;
}
.cancel-btn:hover {
    background-color: #88a203 !important;
    color: #fff;
    border: 1px solid #88a203;
}
.hoverMenu:hover .dropdown-content{
	display:block;
	opacity: 1;
}
.subMenu:not(.browser-default) > li {
    list-style-type: circle;
}

.formDetails input, .formDetails textarea{
    border: 1px solid #e1e1e1 !important;
    -webkit-box-shadow: 0 1px 0 0 #e1e1e1 !important;
    box-shadow: 0 1px 0 0 #e1e1e1 !important;
}
.formDetails label.active{
	color:#222 !important;
}
.sidenav li {
    float: none;
    line-height: normal;
}
  .sidenav li > a, .sidenav li.serviceHead {
    height: auto;
	line-height: 24px;
    padding: 13px 32px;
  }
.inner-banner{
	width:100%;
	height: 310px;
	background-size: cover;
	background-position: center center;
	position: relative;
}
.contact-banner{
	background-image: url("../images/contact-banner.jpg");
	background-repeat: no-repeat; 
}
.about-banner{
	background-image: url("../images/About-Mpapnai-Accountix.png");
	background-repeat: no-repeat; 
}
.trucking-banner{
	background-image: url("../images/service-banner.jpg");
	background-repeat: no-repeat; 
}
.warehouse-banner{
	background-image: url("../images/warehousing.jpg");
	background-repeat: no-repeat; 
}
.moverspackers-banner{
	background-image: url("../images/movers-packers.jpg");
	background-repeat: no-repeat; 
}
.endtoend-banner{
	background-image: url("../images/service-end.jpg");
	background-repeat: no-repeat; 
}
.middlemile-banner{
	background-image: url("../images/mile-delivery.jpg");
	background-repeat: no-repeat; 
}
.aircargo-banner{
	background-image: url("../images/air-cargo.jpg");
	background-repeat: no-repeat; 
}
.customCheckbox{
     background-color: transparent;
     border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
	border-radius: 0;
	outline: none;
	height: 3rem;
	width: 100%;
	font-size: 16px;
	margin: 0 0 8px 0;
	padding: 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: border .3s, -webkit-box-shadow .3s;
	transition: border .3s, -webkit-box-shadow .3s;
	transition: box-shadow .3s, border .3s;
	transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}
.bgOverlay{
    background: rgba(0, 0, 0, 0.3);
height: 100%;
width: 100%;
position: absolute;
z-index: 0;	
}
.slider .slides li .captionRight {
    color: #fff;
    position: absolute;
    top: auto;
	bottom:3%;
	left:auto;
    right: 5%;
    width: 70%;
    opacity: 0;
}
.slider .slides li .captionLeft{
    color: #fff;
    position: absolute;
    top: auto;
	bottom:15%;
	left:15%;
    right: auto;
    width: 70%;
    opacity: 0;
}
.slider .slides li .captionBottom {
    color: #fff;
    position: absolute;
    top: auto;
	bottom:15%;
    width: 70%;
    opacity: 0;
}
/*.slider .slides li .caption {
    left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) !important;
    width: 100%;
}*/
.flinks li{line-height:normal; padding:.5em 0;}





/*materialize css*/
.dropdown-content {
  top: 100% !important;
  width: 100% !important;
}
.dropdown-content li:hover, .dropdown-content li.active {
  background: #88a203;
}
.slider .indicators .indicator-item.active {
  background-color: #88a203;
  width: 1em;
  height: 1em;
}
.slider .indicators .indicator-item {
  width: 0.675em;
  height: 0.675em;
  margin: 0 0.375em;
  vertical-align: middle;
  bottom: 1.563em;
}
.input-field > label {
  color: #2c2c2c;
}
.select-wrapper input.select-dropdown {
  font-weight: 300;
}
.btn, .btn-large, .btn-small {
  border: 1px solid #88a203;
}
.btn:hover, .btn-large:hover, .btn-small:hover {
  background-color: transparent !important;
  color: #88a203;
  border: 1px solid #88a203;
}
.input-field .prefix {
  width: 1.5rem;
  font-size: 1.6rem;
}
.input-field .prefix ~ input, .input-field .prefix ~ textarea, .input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ .helper-text, .input-field .prefix ~ .autocomplete-content {
  margin-left: 0;
  padding-left: 2.5rem;
}
.datepicker-date-display, .datepicker-table td.is-selected {
    background-color: #88a203;
	color: #fff !important;
}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
    color: #88a203;

}
.datepicker-table td.is-today {

    color: #88a203;

}
.dropdown-content li > a, .dropdown-content li > span {
    color: #222;
}
.select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup{
	color:#88a203;
}
/*materialize css*/

/*materialize css*/
@media screen and (max-width:767px) {
	.email-display {display:inherit!important;}
  body {
    font-size: 1.213em !important;
  }
  .f18 {
    font-size: 1em;
}
  .f60 {
    font-size: 1.5em !important;
  }
  .f77 {
    font-size: 2.3em !important;
  }
  .f30 {
    font-size: 1.275em !important;
}
  h3, .h3 {
    font-size: 1.7rem;
  }
 .text-xs-center {
  text-align: center;
}
  .d-flex {
    display: block !important;
  }
  .sectionMarTop {
    margin-top: 0;
    padding-top: 0;
  }
.sectionMarTop2 {
    margin-top: 0;
    margin-bottom: 0;
}
  .advantage .row {
    display: flex;
    flex-direction: column;
  }
  .advantage .order2 {
    order: 2;
    -webkit-order: 2;
  }
  .advantage .order1 {
    order: 1;
    -webkit-order: 1;
  }
  nav .brand-logo {
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(0%);
  }
  .p-5 {
    padding: 0 3rem 1rem !important;
  }
.px-xs-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
 .pt-xs-0{padding-top:0 !important;}
 .pt-xs-4{padding-top:1.5rem !important;}
 .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .px-5 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .pb-xs-0{
	  padding-bottom:0 !important;
  }
  nav .brand-logo {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .banner {
    height: 65%;
  }
  .parallax-container {
    height: 300px;
  }
  .fixed_mobile_menu {
    position: fixed;
    bottom: 3rem;
    right: 1.5rem;
    display: block; z-index:999;
  }
  /*.fixed_mobile_menu a:before{
	 content: "\f879";
  font-family: "Font Awesome 5 free";
  font-weight: 900;	 
 }*/
  .sidenav-overlay {
    z-index: 9;
  }
  nav .sidenav-trigger {
    width: 56px;
    height: 56px !important;
	  line-height: 56px !important;
  }
  .sidenav {
    transition: all 0.3s ease-in;
    margin-top: 0rem;
	font-size:.8em !important;
  }
	
  nav .nav-wrapper a.hamburgerMenu {
    margin-left: 0;
    margin-right: 0;
  }
  nav .routierLogo {
    padding-left: 2.5rem;
  }
	.service .parallax-container{
		height:220px;
	}
	header nav {
    height: 3.1em;
    line-height: 3.1em;
}
.slider .slides li img.slide2 {
    background-position: right;
}
.inner-banner{
	height:200px;
}
.about-banner, .trucking-banner{
	background-position: right 0px;
}
/*.slider .slides li .caption {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) !important;
    width: 100%;
	text-align:center;
}*/
.slider .slides li .caption{width:100%; text-align:center; left:0;}
.slides li .caption h3 {
   font-size:1.5rem;
}
.slides li .caption h5 {
   font-size:1.5rem !important;
   color:#fff !important;
}
.contact-form .prefix1 {
    width: 1.5rem;
    font-size: 1.6rem;
}
.slider .slides li .xs-CaptionTop{
	top:15%;
	bottom:auto;
}

}

@media only screen and (min-width:768px) and (max-width:991px) {
  body {
    font-size: 1.213em !important;
  }
	header nav {
    height: auto;
}
  .f60 {
    font-size: 2.9em !important;
  }
  .f77 {
    font-size: 4.1em !important;
  }
  .f17 {
    font-size: .8em !important;
}
  h3, .h3 {
    font-size: 1.7rem;
  }
  .sectionMarTop {
    margin-top: 0;
    padding-top: 0rem;
  }
  .advantage .row {
    display: flex;
    flex-direction: column;
  }
  .advantage .order2 {
    order: 2;
    -webkit-order: 2;
  }
  .advantage .order1 {
    order: 1;
    -webkit-order: 1;
  }
  nav .brand-logo {
    left: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(0%);
  }
  .p-5 {
    padding: 0 3rem 1rem !important;
  }
  .px-5 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
	.mb-md-0 {
    margin-bottom: 0 !important;
  }
  nav .brand-logo {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
  }
  .banner {
    height: 50%;
  }
  .parallax-container {
    height: 300px;
  }
  .fixed_mobile_menu {
    position: fixed;
    bottom: 3rem;
    right: 1.5rem;
    display: block;
  }
  /*.fixed_mobile_menu a:before{
	 content: "\f879";
  font-family: "Font Awesome 5 free";
  font-weight: 900;	 
 }*/
  .sidenav-overlay {
    z-index: 9;
  }
  nav .sidenav-trigger {
    width: 64px;
  }
  nav .sidenav-trigger i {
    height: 64px !important;
	  line-height: 64px !important;
  }
  .sidenav {
    transition: all 0.3s ease-in;
    margin-top: 4.1rem;
  }
  .sidenav li > a {
    height: auto;
	font-size: .8em !important;
  }
  nav .nav-wrapper a.hamburgerMenu {
    margin-left: 0;
    margin-right: 0;
  }
  nav .routierLogo {
    padding-left: 2.5rem;
  }
	.d-md-flex{
		display: flex !important;	
	}
.slider .slides li .caption{width:100%; text-align:center; left:0;}
.slides li .caption h3 {
   font-size:2em !important;
}
.slides li .caption h5 {
   font-size:1.7rem !important;
   color:#000 !important;
}
.contact-form .prefix1 {
    width: 1.5rem;
    font-size: 1.6rem;
}
}

@media only screen and (min-width:1200px){
	.mx-lg-5{
		margin-left:3em !important; margin-right: 3em !important;
	}
}

@media only screen and (max-width: 1440px){
	.container{width:90%}
	}
	
@media only screen and (max-width: 1400px){
	section.banner {
  height: 79% !important;
}
	}
	
@media only screen and (min-width: 1400px){
	section.banner {
  height: 66%;
}
	}
	
@media only screen and (min-width: 240px) and (max-width:900px)
{
.display-phone { position:fixed !important; bottom:0px !important; background:#88a203 !important; z-index:99999; color:#333 !important; width:100%; margin:0px !important; padding:3px 0px 5px 0px !important; font-size:14px !important; text-align: center !important; left:0; line-height:30px;height:30px;}
.display-phone .fas {color:#fff!important; font-size:14px !important; line-height:30px;}

}

.display-phone {color:#2c2c2c!important;font-size:16px;font-weight:600;margin:0 5px;}
.display-phone .fas {font-size:18px;}
.text-green {color:#88a203;}
.activator {width:100%;}
.advantage {padding-top:40px;padding-bottom:40px;}
.display-phone .fa-phone {height:30px;}
.footer-copyright {padding-bottom:50px;padding-top:40px;}
.text-white {color:#fff;}