/*
	Theme Name: Logistic
	Author: Roshin OneIMS
*/



/* Global Settings */
* { margin: 0px; padding: 0px; border: none; outline: none; }
body {overflow-x: hidden; background-position: center top; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; cursor: pointer; }
a:hover, a:focus, a:visited { text-decoration: none; outline: none; }
p { position: relative; line-height: 1.8em; }
.strike-through { text-decoration: line-through; }
.auto-container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; }
.small-container { max-width: 680px; margin: 0 auto; }
.page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; }
.lp-header { background: #FFF; box-shadow:0px 4px 11px 0px hsl(0deg 0% 0% / 4%); }
ul, li { list-style: none; padding: 0px; margin: 0px; }
.theme-btn { display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.centered { text-align: center; }
.anim-3, .anim-3-all * { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.anim-5, .anim-5-all * { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.anim-7, .anim-7-all * { transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; }


.read-more { position: relative; padding: 8px 25px 9px; line-height: 26px; text-transform: capitalize; background: transparent; font-size: 16px; font-weight: 600; border-radius: 4px; }
.theme-btn .fa { position: relative; top: 2px; padding-left: 7px; }
.theme_color { color: #BC080A; }
.light-font { font-weight: 300; }
.regular-font { font-weight: 400; }
.semibold-font { font-weight: 600; }
.bold-font { font-weight: 700; }
.no-padd-top { padding-top: 0px !important; }
.no-margin-bottom { margin-bottom: 0px !important; }
.no-margin-top { margin-bottom: 0px !important; }
.no-padd-left { padding-left: 0px !important; }
.no-padd-right { padding-right: 0px !important; }
.padd-bott-60 { padding-bottom: 60px !important; }
.padd-bott-70 { padding-bottom: 70px !important; }
.padd-bott-90 { padding-bottom: 90px !important; }
.padd-bott-100 { padding-bottom: 100px !important; }
.padd-top-60 { padding-top: 60px !important; }
.padd-top-70 { padding-top: 70px !important; }
.padd-top-90 { padding-top: 90px !important; }
.padd-top-100 { padding-top: 100px !important; }
.bg-lightgrey { background-color: #f6f6f6 !important; }
.no-bg { background: none !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-red { color: #E02F30; }
.text-white { color: #fff; }
.bg-red { background-color: #BC080A; }
.bg-invert { background: rgb(0 0 0 / 70%); }
.horizontal-align { display: flex; justify-content: center; }
.vertical-a-center { display: flex; flex-direction: column; justify-content: center; }
.vertical-a-top { display: flex; flex-direction: column; justify-content: flex-start; }
.vertical-a-bottom { display: flex; flex-direction: column; justify-content: flex-end; }
.image-cover { object-fit: cover; width: 100%; height: 100%; }
/* .svg-red { filter: invert(26%) sepia(79%) saturate(2149%) hue-rotate(338deg) brightness(88%) contrast(100%); } */
.svg-white { filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(50deg) brightness(106%) contrast(101%); }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.pull-left {
float: left;
}
.pull-right {
float: right;
}

@media(max-width:480px) {
.footer-bottom .pull-left {
    float: none;
    text-align: center;
    margin-bottom: 20px;
}
  .footer-bottom .pull-right {
    float: none;
}
  .footer .social-links {
    justify-content: center;
}
}
#main-content.landing-page { margin-top:85px; }
/* Global Testimonial */
.testimonials-slide { position: relative; }
.testimonials-slide .icon-box { position: absolute; top: -31px; left: 50%; margin-left: -31px; line-height: 56px; padding: 11px; width: 72px; height: 72px;  border-radius: 50px !important;  }
.testimonials-slide .icon-box span { font-size: 32px; }
.testi-card h3, .testi-card  h5 { line-height: 1.2; }
.testimonials-slide .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; padding-top: 30px; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { outline: none; }

/* Global Team */
.team-section { position: relative; }
.team-member { position: relative; }
.team-member .inner-box { position: relative; display: block; border: 1px solid #f5f5f5; border-radius: 6px; overflow: hidden; box-shadow: 0 0px 21px 0 rgb(40 40 40 / 8%); }
.team-section .team-member { position: relative; margin-bottom: 30px; }
.team-section .team-member .inner-box { position: relative; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; }
.team-section .team-member .image-box { position: relative; z-index: -2; margin-bottom: 0; }
.team-section .team-member .image-box img { position: relative; display: block; width: 100%; }
.team-section .team-member .lower-content { position: relative; padding: 20px 25px; background: #ffffff; text-align: center; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; }
.team-section .team-member:hover .lower-content { opacity: 0; }
.team-section .team-member h3 { font-size: 22px; font-weight: 600; color: #1c2125; text-transform: capitalize; margin-bottom: 2px; line-height: 1.2em; }
.team-section .team-member .designation { text-transform: capitalize; font-weight: 500; color: #575757; font-size: 18px; }
.team-section .team-member .hover-info .designation { margin-bottom: 15px; }
.team-section .team-member .team-social-links a { display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; background: #f0f0f0; margin-right: 5px; border-radius: 40px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.team-section .team-member .team-social-links a:hover { background: #BC080A; color: #ffffff; }
.team-section .team-member .team-social-links svg {
    height: 15px;

}
.team-section .team-member .team-social-links a:hover svg {  fill: #fff; }
.team-section .team-member .text { position: relative; padding: 0px 0px 25px; line-height: 1.8em; font-size: 15px; }  
.team-section .team-member .hover-info { position: absolute; left: 0px; bottom: -105px; opacity: 0; visibility: hidden; width: 100%; padding: 0px 25px 20px; text-align: center;  transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; }
.team-section .team-member .hover-info h3, .team-section .team-member .hover-info .designation { color: #Fff; }
.team-section .team-member:hover .hover-info { bottom: 0px; opacity: 1; visibility: visible; }
.team-section .team-member .hover-info:before { -webkit-transition: .2s ease; transition: .2s ease; position: absolute; content: "";  width: 120%; height: 180px; bottom: -20px; left: -10px; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); z-index: -1; }

.team-section .owl-nav .owl-prev, .team-section .owl-nav .owl-next { display: inline-block; margin: 0px 0px 0px 15px !important; width: 40px !important; height: 40px !important; line-height: 40px !important; border: 1px solid #e0e0e0 !important; text-align: center; padding: 0px !important; color: #333333 !important; font-size: 18px !important; background: none !important; border-radius: 2px !important; }
.team-section  .owl-nav .owl-prev:hover, .team-section .owl-nav .owl-next:hover {  color: #ffffff !important;  }

.team-section .owl-nav button.owl-prev {
    left: -80px;
    top: 45%;
}
.team-section .owl-nav button.owl-next {
    right: -68px;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

/* Team Card */

.team-social-links a { display: inline-block; width: 32px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; background: #f0f0f0; margin-right: 5px; border-radius: 40px; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; }
.team-social-links a:hover {  color: #ffffff; }
.team-social-links svg { height: 15px; }
.team-social-links a:hover svg {  fill: #fff; }

/* Footer Contact Info with Icons */
.contact-widget { position: relative; }
.contact-widget ul { position: relative; }
.contact-widget ul li { position: relative;  font-size: 18px; padding-left: 50px; margin-bottom: 28px; line-height: 1.6em; }
.contact-widget ul li strong { position: relative; display: block; }
.contact-widget ul li .icon { position: absolute; left: 0px; top: 4px; font-size: 28px; line-height: 1em; }
.contact-widget ul li a { position: relative; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }
.contact-widget .box .icon { top: 27px; left: 27px; }
/* Footer Social Follow */
.social-links { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; }
.social-links__icon { background-color: #ffffff; border-radius: 50%; display: inline-flex; height: 40px; margin: 0 5px; position: relative; width: 40px; }
.social-links__icon:hover, .social-links__icon:focus { background-color: #21222A; }
.social-links__icon:active { background-color: #71727A; }
.social-links__icon svg { fill: #2b3a4c; height: 15px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; }
.social-links__icon:hover svg, .social-links__icon:focus svg, .social-links__icon:active svg { fill: #2b3a4c; }
/* Footer Contact  */

.contact-widget .box {
    position: relative;
    padding: 20px 10px 20px 90px;
    border:1px solid rgb(0 0 0 / 18%);
    border-radius: 5px;
    margin-bottom: 10px;
}

body .hs-form .form-columns-1 input, body .hs-form fieldset.form-columns-1 textarea.hs-input, body .hs-form .form-columns-1 select {
    width: 100% !important;
}
/* HP Large Hero Slider */

.italic-text { font-weight: 400; line-height: 1.8em; font-size: 18px; font-style: italic; }
#hero-slider .owl-dots .owl-dot span { background: #fff !important; width: 25px !important; height: 4px !important; border: 1px solid #fff !important; border-radius: 2px !important; margin: 0px 7px; }
#hero-slider .owl-dots .owl-dot.active span { width: 27px !important; height: 4px !important; border: 0px !important; }
#hero-slider .owl-carousel { position: relative; }
#hero-slider .owl-next, .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
#hero-slider .owl-next { right: 14px; display: flex; }
#hero-slider .owl-prev { left: 14px; display: flex; }
#hero-slider .owl-next, #hero-slider .owl-prev { border: 2px solid ; height: 50px !important; width: 50px !important; outline: none; display: flow-root; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; }
#hero-slider .owl-next span, #hero-slider .owl-prev span { font-size: 33px; line-height: 43px; }
.owl-theme .owl-nav [class*=owl-]:hover { color: #FFF; text-decoration: none; }
.owl-theme .owl-nav [class*=owl-]:hover span { color: #fff !important; }
.owl-theme .owl-dots .owl-dot:focus {
    outline: none;
}
#hero-slider .owl-height {
    width: 100%;
}

/* End HP Large Hero Slider */

/* Card with Icons */

.MODULE__card-with-full-image-or-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; }
.module-wrapper { height: 100%; }
.transition-effect { transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.MODULE__card-with-full-image-or-icon__description-wrapper p { color: #000;}
a:hover .MODULE__card-with-full-image-or-icon .MODULE__card-with-full-image-or-icon__image-wrapper picture, a:hover .MODULE__card-with-full-image-or-icon__top .MODULE__card-with-full-image-or-icon__figure-wrapper figure, a:hover .MODULE__card-with-full-image-or-icon__top img { filter: -webkit-filter:brightness(0) invert(1); filter: brightness(0) invert(1); }

a:hover p, a:hover p span, a:hover h2 { color: #fff; }
.MODULE__card-with-full-image-or-icon__image-wrapper img { width: 100%; height: initial; max-height: initial; -o-object-fit: initial; object-fit: initial; }
.MODULE__card-with-full-image-or-icon__bottom { margin-top: 1rem; }
@media (min-width:768px) {
	#hs_cos_wrapper_dnd_area-module-8 { height: 100%; }
}

/* End Card with Icons */
/* Boxed Form */
.hs-input { width: 100% !important; }
.form-columns-1 .input { margin-right: 0px !important; }
.hs_lastname .input { margin-right: 0px !important; }
.hs-form-field { margin-bottom: 0.4rem; }
/* End Boxed Form */

/* Fact Counter */
.fun-fact-section.style-two { position: relative; width: 100%; padding: 130px 0; background-size: cover; background-attachment: fixed; background-position: center; }
.fun-fact-section .full-video { object-position: bottom; opacity: 0.3; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); }
.fact-counter { position: relative; color: #ffffff; }
.fact-counter .column { position: relative; padding: 40px 40px; z-index: 5; }
.fun-fact-section.style-two .fact-counter .column { padding-left: 0px; }
.fact-counter .column:after { content: ''; position: absolute; right: 15px; top: 32%; margin-top: -35px; height: 170px; border-right: 1px solid rgba(255, 255, 255, 0.20); -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); -moz-transform: skewX(-15deg); transform: skewX(-15deg); }
.fact-counter .column:last-child:after { display: none; }
.fact-counter .column .inner { position: relative; text-align: center; }
.fact-counter .column .inner .icon-box { margin: 0 auto 20px; width: 85px; }
.fact-counter .column .inner .icon-box img { height: 70px; }
.fact-counter .count-outer { position: relative; font-size: 48px; line-height: 1em; font-weight: 600; margin: 0px 0px; }
.fact-counter .column .counter-title { position: relative; font-size: 20px; font-weight: 400; text-transform: uppercase; }
@media only screen and (max-width:767px) {
  .fact-counter .column .inner { padding-left: 0px; text-align: center; }
	.fact-counter .column .inner .icon-box { position: relative; left: 0px; top: 0px; margin: 0 auto 30px; }
	.fact-counter .column:after { border: none;}
}
/* End Fact Counter */

.styled-list-one { margin-left: -30px; margin-right: -30px; margin-bottom: 20px; }
.styled-list-one li { line-height: 24px; margin-bottom: 10px; position: relative; padding-left: 84px; color: #999999; font-style: italic; font-size: 17px; }
.styled-list-one li { float: left; padding-right: 36px; margin-bottom: 20px; }
.styled-list-one li:after { content: ''; position: absolute; right: 5px; top: 0px; height: 100%; border-right: 1px solid #e0e0e0; -webkit-transform: skewX(-15deg); -ms-transform: skewX(-15deg); -o-transform: skewX(-15deg); -moz-transform: skewX(-15deg); transform: skewX(-15deg); }
.styled-list-one li:last-child:after { display: none; }
.styled-list-one li strong { display: block; padding-bottom: 3px; color: #242424; font-size: 18px; font-weight: 600; font-style: normal;  }
.styled-list-one li:before { content: '\e903'; font-family: 'logistics-theme';  font-style: normal; font-size: 18px; text-align: center; height: 36px; width: 36px; line-height: 34px; border: 2px solid; left: 30px; position: absolute; top: 50%; margin-top: -20px; border-radius: 50%; }
@media only screen and (max-width:1140px) {
  .styled-list-one li { float: none;}
}
.text-block h2 { margin-bottom:20px;}
.social-links__link svg { width:30px; }