html,body{ font-family: "DM Sans", sans-serif; font-size:20px; line-height:normal;}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 1000

.dm-sans-<uniquifier> {
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


a{text-decoration:none; color:#007aff;}
img{max-width:100%;}
p{font-size: 24px; margin-bottom: 20px; color: #333; line-height: 28px;}
h1, h2, h3, h4, h5, h6{font-weight:500;}
h1{font-size:calc(1.5rem + 3vw); line-height:normal;}
h2{font-size:calc(1rem + 2vw); line-height:normal;}
h3{font-size:calc(0.7rem + 1.3vw); line-height:normal;}
h4{font-size:calc(0.5rem + 1vw); line-height:normal;}
h5{font-size:calc(0.4rem + 0.7vw); line-height:normal;}
h6{font-size:calc(0.3rem + 0.5vw); line-height:normal;}
.header_area.navigation{background-color:#fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.navbar-brand img{max-width: 100px; height: auto;}
.offcanvas-title img{max-width: 90px; height: auto; border-radius: 10px;}
.navbar-expand-lg .navbar-nav .dropdown-menu{padding:20px;}
.container.home-container{max-width:100%; padding:0px;}

@media screen and (max-width: 992px) {
.offcanvas-body .nav-search{width:100%;}
.offcanvas-body .nav-search .btn{width:100%;}
}

.menu-bg .inn{height:100%; padding:20px; width:100%;}
.menu-bg .inn.cb-bg{background-color:rgba(166, 204, 238, 0.2); color:#324556;}
.menu-bg .inn.cb-bg a{color:#324556;}
.menu-bg .inn.cb-bg h3 a{color:#000;}
.menu-bg .inn.eb-bg{background-color:#f4f4f4;}
.menu-bg .inn.eb-bg a{color:#333;}
.menu-bg .inn.eb-bg h3 a{color:#000;}
.menu-bg .inn.ib-bg{background-color:#e9f6f3;}
.menu-bg .inn.ib-bg a{color:#333;}
.menu-bg .inn.ib-bg h3 a{color:#000;}
.menu-bg .inn h3{font-size: calc(1rem + 1vw); margin-bottom: 20px; text-shadow:0px 1px 2px #fff; color:#000;}
.menu-bg .inn li{padding:8px 0px;}
.menu-bg .inn a{text-decoration:none; -webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; color:#222;}
.menu-bg .inn a:hover{padding-left:3px; color:#000;}
.menu-all-service{text-align:center; padding:10px; width:100%; margin-top:10px;background-color:#2e2827;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.menu-all-service h3{line-height:22px;}
.menu-all-service a{color:#fff; text-decoration:none; font-size:20px; line-height:22px;}
.menu-all-service a:hover{color:hsla( 64.14,12.66%,44.9% ,1);}
.navbar.main-b {
    padding: 0;
    background: 0 0 !important;
}

.navbar-expand-lg .navbar-nav .nav-link{color:#444; text-transform: uppercase;}
.navbar-expand-lg .navbar-nav .nav-link {
    font-weight: 600;
    font-size: 20px;
    padding: 24px 15px 26px;
    display: inline-block;
    text-decoration: none;
    transition: color .3s, background .3s;
}


/*=====-------Button Tollfree Start------*/
.call-sec .call-buton h5, .call-sec .call-buton .cc-calto-action-ripple i, .call-sec .call-buton h3{color:#ddd;}
.call-buton .cc-calto-action-ripple {
      background: transparent;
  width: 4rem;
  height: 4rem;
  padding: 0.8rem;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #29a268;
  -webkit-animation: cc-calto-action-ripple 0.9s linear infinite;
  animation: cc-calto-action-ripple 0.9s linear infinite;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  transform: scale(0.8);
}
.call-buton a{text-decoration:none;}
.call-buton a:hover{text-decoration:none;}
.call-buton h5{
    color: #222;
    opacity: 0.8;
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.call-buton h3{white-space: nowrap;-webkit-transition: 0.3s ease;
  transition: 0.3s ease; margin-bottom:0px;}
.call-buton span{    
    color: #29a268;
    margin-left: 20px;
}
.another-shipment-btn .btn{margin-right: inherit; -webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
    animation: cc-calto-action-ripple 0.6s linear infinite;border-radius: 30px;}
.another-shipment-btn .btn:hover{transform: scale(1.1);}
.call-buton .cc-calto-action-ripple i {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  font-size: 2.2rem;
  color: #29a268;
    height: 50px;
    width: 80px;
    margin: 0;
    line-height: 1.2;
}
.call-buton .cc-calto-action-ripple i svg{height:40px; width:40px;}
.call-buton a:hover h3, .call-buton a:hover .cc-calto-action-ripple i{color: #000;}
.call-buton a:hover i {
transform: scale(1.2);
}

.cp-widget-button {
	display: inline-block;
	position: fixed;
	bottom: 28%;
	right: 1%; 

	background: #fff;
  padding: 3px;
	z-index: 999999;
animation: bounce-ap 1s infinite alternate;
-webkit-animation: bounce-ap 1s infinite alternate;
}
.cp-widget-button a{margin:5px 0px;}
@keyframes bounce-ap {
	from {
		transform: translateY(0)
	}
	to {
		transform: translateY(-15px);
	}
}

@-webkit-keyframes bounce-ap {
	from {
		transform: translateY(0)
	}
	to {
		transform: translateY(-15px)
	}
}


@-webkit-keyframes cc-calto-action-ripple {
  0% {
    -webkit-box-shadow: 0 4px 10px rgba(0, 51, 69, 0.2),
      0 0 0 0 rgba(0, 51, 69, 0.2), 0 0 0 5px rgba(0, 51, 69, 0.2),
      0 0 0 10px rgba(0, 51, 69, 0.2);
    box-shadow: 0 4px 10px rgba(0, 51, 69, 0.2),
      0 0 0 0 rgba(0, 51, 69, 0.2), 0 0 0 5px rgba(0, 51, 69, 0.2),
      0 0 0 10px rgba(0, 51, 69, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 4px 10px rgba(0, 51, 69, 0.2),
      0 0 0 5px rgba(0, 51, 69, 0.2), 0 0 0 10px rgba(0, 51, 69, 0.2),
      0 0 0 20px rgba(0, 51, 69, 0);
    box-shadow: 0 4px 10px rgba(0, 51, 69, 0.2),
      0 0 0 5px rgba(0, 51, 69, 0.2), 0 0 0 10px rgba(0, 51, 69, 0.2),
      0 0 0 20px rgba(0, 51, 69, 0);
  }
}

@keyframes cc-calto-action-ripple {
  0% {
    -webkit-box-shadow: 0 4px 10px rgba(0, 51, 69, 0.2),
      0 0 0 0 rgba(0, 51, 69, 0.2), 0 0 0 5px rgba(0, 51, 69, 0.2),
      0 0 0 10px rgba(0, 51, 69, 0.2);
    box-shadow: 0 4px 10px rgba(0, 51, 69, 0.2),
      0 0 0 0 rgba(236, 139, 0, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.7),
      0 0 0 10px rgba(0, 51, 69, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 4px 10px rgba(0, 51, 69, 0.2),
      0 0 0 5px rgba(0, 51, 69, 0.2), 0 0 0 10px rgba(0, 51, 69, 0.2),
      0 0 0 20px rgba(0, 51, 69, 0);
    box-shadow: 0 4px 10px rgba(0, 51, 69, 0.2),
      0 0 0 5px rgba(0, 51, 69, 0.2), 0 0 0 10px rgba(0, 51, 69, 0.2),
      0 0 0 20px rgba(0, 51, 69, 0);
  }
}
/*=====-------Button Tollfree End------*/
.nav-search .btn {
    border-radius: 0px;
    border: 2px solid #007aff;
    color: #007aff;
    text-transform: uppercase;
}
.nav-search .btn:hover{background:#007aff; color:#fff;}

.home-carousel .carousel-item{ background-repeat:no-repeat; background-position:left center; background-size:cover;}
.inn-hero{position: relative; text-align: left; overflow:hidden; height:300px; background-size: cover;}
.centered {
			  position: absolute;
			  top: 50%;
	         width:100%;
			  transform: translate(0%, -50%);
			}
.centered h4{font-size:calc(1rem + 2vw); line-height:normal; margin-right:50px;}
.centered h5{margin-right:50px;font-size:calc(0.5rem + 1vw); margin-bottom:30px;}
.centered h4 .green{color:hsla( 64.14,12.66%,44.9% ,1);}
.centered h4 .black{color:#000;}
.inn-hero {
    position: relative;
    text-align: left;
    overflow: hidden;
    height: 300px;
    background-size: cover;
}
.inn-hero h1{color:#fff;text-shadow: 1px 2px 1px #767960;}
textarea{height:100px;}
.home-services img{max-height:100px; width:auto;}
.ac-service-sec h3{ margin-bottom:25px; color:#000; font-size: calc(0.7rem + 1vw); font-weight: 500;}
.ac-service-sec h3 a{color:#212529;}
.ac-service-sec li a{color:#444;transition: all 0.5s ease-out;}
.ac-service-sec li:hover{margin-left: 5px;}
.ac-service-sec li a strong{font-weight:600;}
.ac-service-sec ul{margin:0px; list-style:none; padding: 0px 0px 0px 25px;}
.ac-service-sec li{margin:0px 0px 20px; position: relative; transition: all 0.5s ease-out;}
.ac-service-sec li:before{
  content: "\2022";
  position: absolute;
  top: calc(50% - 1px);
  font-size:30px;
  color: #999;
  left: -25px;
  transform: translateY(-50%);
}
.accordion-button {font-size: 1.5rem;}
.faq-sec img{max-height:380px;}
.our-value-sec .list-unstyled img{max-height:70px;}
.our-value-sec .lft-img{max-height:500px;}
.get-in-touch{text-align:center; background-color: #29a268; padding:50px 0px; color:#fff; margin:50px 0px 50px;}
.get-in-touch a{color:#fff;}
.brand-logo{margin:50px 0px;}
.brand-logo img{ max-height:50px;}
.card-body{padding:30px;}
.card{border:none;}
.card-body .btn-dark{background-color:#197FCC; border:none;}
.card-body .btn-dark:hover{background-color: #333;}
.home-acc.accordion-flush>.accordion-item{margin-bottom: 30px;}
.ac-service-sec .card-body{border-bottom: 3px solid #197FCC;}
.container.max-1000{max-width: 1000px;}
.max-1000{max-width: 1000px; margin: auto;}
.strip-bg{background-color: #197FCC; padding:15px 0px; margin-top: 50px; color: #fff; font-size: 24px;}
.strip-bg .call{color: #fff; padding:5px 15px; font-size:36px;}
a.read-more{color: #197FCC;}
.rate-list li{display: flex; justify-content: space-between;}
.yellow-bg{background-color: #ffe97d;}
.gray-shade{background-color: #d1d1e1;}
.blue-shade{background-color: #c0ebf1;}

.footer-area{background-color: #333; color: #fff; padding:50px 0px; margin-top:50px;}
.footer-area a{color: #fff;}
.footer-area p{color: #fff;}
.footer-area ul{padding: 0px; margin:0px; list-style: none;}
.footer-area ul li{font-size: 16px; padding: 5px 0px;}
.footer-area ul li a{color: #bababa;}
.footer-area ul li a:hover{color: #fff;}
.fubfooter{background-color: #222; color:#bababa; text-align: center; padding:10px 0px;}
.fubfooter p{margin: 0px; padding:0px; font-size: 14px; color: #bababa;}
.fubfooter a{color:#bababa;}
.breadcrumb-sec{background-color:#197FCC; margin-bottom:50px; color:#fff;}
.breadcrumb-sec h1{margin:0px; padding:40px 0px; color:#fff;}
.breadcrumb-sec a{color:#fff;}
.breadcrumb-sec li{color:#fff;}
.breadcrumb-item.active, .breadcrumb-item+.breadcrumb-item::before{color:#ffc107;}
.breadcrumb-sec nav{display:flex; justify-content:center;}
.content-inn{padding-left:20px;}
.sidebar{padding:0px 30px; border-left:1px solid #666;}
.sidebar li:hover{background-color:#197FCC; color:#fff;}
.content-inn h3{margin-top:20px;margin-bottom: 6px;}
.sidebar li:last-child{border-bottom:none;}
.sidebar li:hover a{color:#fff; margin-left:15px;}
.sidebar li a{color:#333; -webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.sidebar li{padding:8px 0px; border-bottom:1px solid #ddd; -webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.sidebar h4{margin-top:20px; color:#000; font-weight:600;}