﻿@charset "UTF-8";
/*-----------------------------------------------------------------
[Main Stylesheet]

Project:    Nile Logistics
Version:    1.0
Last change:    20 August 18
Primary use:    Transportation and Logistics 


-------------------------------------------------------------------

01. Typography
02. Header
03. Global
04. Background color
05. Custom
06. Button
07. Border
08. Border Radius
09. Video
10. Background image
11. Icon
12. Width
13. Height
14. Page title
15. Padding
16. Margin
17. Text Color 
18. Footer

-------------------------------------------------------------------*/


.price-table {
  background: #fff;
  border-radius: 10px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.08);
  margin-bottom: 40px;
}
.price-table .title {
  font-weight: 600;
  padding-top: 25px;
}
.price-table .price {
  font-size: 31px;
  font-weight: 700;
  margin: 12px auto;
}
.price-table .per-mile {
  background-color: #efefef;
  width: 130px;
  border-radius: 20px;
  margin: auto auto 35px auto;
}
.price-table ul.elements {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.price-table ul.elements li {
  padding: 8px;
}
.price-table ul.elements li:nth-child(odd) {
  background-color: #f6f6f6;
}
.price-table.active {
  background: #e53935;
  color: #fff;
}
.price-table.active .per-mile {
  background-color: rgba(255, 255, 255, 0.08);
}
.price-table.active a.nile-bottom {
  background-color: #3f3e3e;
}
.price-table.active ul.elements li:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.08);
}

.blog-item {
  background: #fff;
  -webkit-box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.08);
}
.blog-item .date {
  width: 50px;
  -webkit-box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.8);
  margin-top: -25px;
  margin-left: 30px;
  margin-right: auto;
  display: block;
  z-index: 3;
  position: relative;
}
.blog-item .date span {
  display: block;
  text-align: center;
}
.blog-item .date span.day {
  background: #e53935;
  padding: 3px 0px;
  color: #fff;
  font-size: 16px;
}
.blog-item .date span.month {
  color: #5a5a5a;
  font-size: 12px;
}
.blog-item a.title {
  display: block;
  padding: 30px;
  font-size: 15px;
  font-weight: 600;
  color: #2f2222;
}

.testimonials.layout-1 {
  background-color: #fff;
  padding: 50px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 36px -13px rgba(0, 0, 0, 0.08);
  margin-bottom: 45px;
}
.testimonials.layout-1 .icon {
  width: 26px;
  height: 20px;
  margin: auto;
  background-image: url(../icons/testimonials-icon.png);
}
.testimonials.layout-1 .text {
  padding: 25px 0px;
  font-size: 13px;
}
.testimonials.layout-1 .meta .testimonials-thum {
  margin-bottom: 10px;
}
.testimonials.layout-1 .meta .testimonials-thum img {
  border-radius: 50px;
}
.testimonials.layout-1 .meta .name {
  font-weight: 500;
}

.contact-info-map {
  color: #fff;
}
.contact-info-map h2.title {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}
.contact-info-map .icon {
  float: left;
  font-size: 30px;
  margin-right: 15px;
}
.contact-info-map span.title-in {
  font-size: 13px;
}
.contact-info-map .text {
  line-height: 19px;
  font-size: 14px;
}

