/*--------------------------------------------------------------------------------------
Theme Name: Carries
Theme URI: http://devitfamily.com
Author URI: http://devitfamily.com
Description: 100% Responsive, Highly Customizable, SEO Friendly transportation and Agency Based Template using Twitter Bootstrap Latest, Search Engine Friendly.
Author: OCREATES
Version: 1.0
----------------------------------------------------------------------------------------
   1. BASE CSS
    2. TOP AREA
        2.1. SEARCH AND LANGUAGE
        2.2 MAINMENU AREA
        2.3 WELCOME TEXT AREA
        2.4 WELCOME SLIDER AREA
    3. BLOG AREA
    4. ABOUT AREA
    5. SERVICE AREA
    6. SERVIE BOTTOM AREA
    7. PROMO AREA
    8. PROMO BOTTOM AREA
    9. TESTMONIAL AREA
    10. FOOTER AREA
    11. FAQS AREA
    12. ABOUT DETAILS CONTENT AREA
    13. REPORT AREA
    14. TEAM AERA
    15. SERVICE TWO
    16. SERVICE THREE
    17. CONTACT AREA
    18. FOOTER AREA
    19. SCROLL TO TOP
    20. WELCOME SLIDER AREA
    21. BLOG PAGE
    22. SERVICE PAGE
    23. 404 ERROR PAGE
----------------------------------------------------------------------------------------*/

/*--------------------
   1. BASE CSS
----------------------*/

img {
  max-width: 100%;
  height: auto;
}
.fix {
  overflow: hidden;
}

.border {
  border: 1px solid #ddd;
}

.border-left {
  border-left: 1px solid #ddd;
}

.border-right {
  border-right: 1px solid #ddd;
}

.border-top {
  border-top: 1px solid #ddd;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
}

/* Remove Chrome Input Field's Unwanted Yellow Background Color */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.area-title {
  margin-bottom: 50px;
  position: relative;
}

.area-title h2 {
  display: inline-block;
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 1;
  margin-bottom: 30px;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}

.area-title h2::before,
.area-title h2::after {
  background: rgba(0, 0, 0, 0) url("img/title-border.png") repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100px;
}

.area-title h2::after {
  background: #43afef none repeat scroll 0 0;
  height: 4px;
  width: 20px;
}

/* -----------------------------
    5. SERVICE AREA
------------------------------- */

.service-content h2 {
  font-size: 32px;
  margin-bottom: 30px;
  padding-bottom: 15px;
  position: relative;
}

.service-content h2::after {
  border-bottom: 1px dashed rgb(243, 156, 18);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 50px;
}

.service-catalouge-content-area {
  background: rgba(0, 0, 0, 0) url("/Img/logistics.jpg") no-repeat scroll center
    center / contain;
  position: relative;
}

.catalouge-content {
  background: rgba(31, 35, 32, 0.8) none repeat scroll 0 0;
  color: #fff;
  padding: 30px;
}

.catalouge-content h3 {
  color: #fff;
  margin-bottom: 30px;
  padding-bottom: 15px;
  position: relative;
}

.catalouge-content h3::after {
  border-bottom: 1px dashed;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 50px;
}

.catalouge-content .read-more:hover,
.catalouge-content .read-more:focus {
  background: #fff none repeat scroll 0 0;
  color: #43afef;
}

.catalouge-content ul {
  margin-top: 40px;
}

.catalouge-content ul li {
  margin-bottom: 15px;
}

.catalouge-content ul li i {
  margin-right: 15px;
}