/*
Theme Name: TRL Logistics
Theme URI: http://www.trllogistics.com
Author: Md. Sala Uddin
Author URI: http://www.olineit.com
Version: 0.0.1
Tags: Custom header, footer, slider, navigation, widgets etc.
Description: Fully responsive business theme

*/
/* ==================== Import font ===================== */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,800&display=swap');
/* ==================== Import font ===================== */

body {
  padding-top: 56px;
	background-color: rgb(187 214 241 / 93%) !important;
	
}

.carousel-item {
  height: 86vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 106px;
	left: 15%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
}
.portfolio-item {
  margin-bottom: 30px;
}
.bg-dark {
	background-color: #001839 !important;
}
.top-contacts{
	color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link {
	color: #ffffff;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: #212529;
	background: #eee;
}

.stit{
	font-family: 'Raleway', sans-serif;
	font-size: 4rem;
	font-weight: bold;
}

.btn.btn-secondary.btn-lg.mybtnA{
	border-radius: 0px;
}
.btn.btn-secondary.btn-lg.mybtnA:hover {
	background: #ffc107;
	color: #212529;
	border: none;
}
.btn.btn-warning.btn-lg.mybtnB{
	border-radius: 0px;
}
.btn.btn-warning.btn-lg.mybtnB:hover {
	background: #6c757d;
	color: #fff;
	border: none;
}

.container.text-center.stat h2 {
	font-family: 'Raleway', sans-serif;
	
	margin: 0;
	padding: 24px;
}
.btn.btn-secondary.btn-lg.mybtnC{
	border-radius: 0px;
	border:1px solid #fff !important;
}
.btn.btn-secondary.btn-lg.mybtnC:hover {
	background: #ffc107;
	color: #212529;
	border:1px solid #000 !important;
}
.conbtn {
	margin-top: -18px;
}
.mt-4, .my-4 {
	margin-top: 3.5rem !important;
}
.my-4.text-center.hdline {
	font-family: 'Raleway', sans-serif;
}
.linebar {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 30px;
	width: 100%;
	max-width: 206px;
	border: 1px solid #fed03d;
}
.imgplace img {
	width: 100%;
	height: 106px;
	margin-bottom: 8px;
}
p{
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
}

/*==============service flip======================*/
.flip .col-md-3{
	margin-bottom: 30px;
}
.flip-card {
	background-color: transparent;
	width: 100%;
	height: 200px;
	perspective: 1000px;
}
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #f5f5f5;
  color: black;
}

.flip-card-back {
  background-color: #001839bf;
  color: white;
  transform: rotateY(180deg);
}
/*==============service flip======================*/
.flip-card-front .icon {
	background: black;
	width: 30%;
	margin: 0 auto;
	padding: 25px;
	border-radius: 50%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.icon .fa {
	font-size: 26px;
}
.flip-card-back h3 {
	color: white;
	margin-top: 30px;
}
.flip-card-back .cbtn {
	background: #f5f5e8;
	border-radius: 0px;
	margin-top: 11px;
	color: black !important;
	font-size: 16px;
	transition: 0.3s;
}
.flip-card-back .cbtn:hover {
	background: black;
	color: #fff !important;
	transition: 0.3s;
}
.flag-area .flag{
	overflow: hidden;
	margin-bottom: 10px;
}
.flag-area .flag img{
	transition: transform .5s ease;
}
.flag-area .flag:hover img{
	transform: scale(1.3);
}

/* =================Customers Owl Carousel==================== */
.carousel-wrap {
  margin: 90px auto;
  padding: 0 5%;
  width: 80%;
  position: relative;
}
.owl-carousel .owl-item {
	border: 1px solid #ddd;
	padding: 5px;
	overflow: hidden;
}
.owl-carousel .owl-item img{
	transition: 0.3s;
}
.owl-carousel .owl-item img:hover{
	transition: 0.3s;
	transform: scale(1.1);
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}
/* =================Customers Owl Carousel==================== */

.navbar-dark .navbar-toggler {
	/* color: black !important; */
	border-color: #ddd;
}
.navbar-toggler-icon {
	background: #ddd;
}
.bg-footer {
	background-color:#001839;
	margin-top: 3%;
	border-top: 16px solid #ffc107;
	color:#fff !important;;
}
.footer .farea p{
	color:#ebebeb;
	font-size: 1em;
}
.farea h5 {
	color: #ffc107;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.farea ul {
	list-style: none;
	color:#ebebeb;
}
.thiv {
	padding-left: 10%;
	margin-top: -24px;
	color:#ebebeb;
}
.copyright {
	color:#ebebeb;
	font-size: 16px;
	padding-top: 26px;
	
}