/* header styles */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
html,
body{font-family:'Poppins'!important;color:#555;}
h1,h2,h3,h4,h5,h6{color:#333;}
p{font-size:14px;color:#777;line-height:22px;}
header{padding:10px 30px 10px 30px;background-color:#fff;box-shadow:0 0 50px rgb(0 0 0 / 7%);box-shadow:0 0 50px rgb(0 0 0 / 7%);position:fixed;top:0;left:0;width:100%;z-index:99;}
.fluid{width:100%!important;}
.custom-container{max-width:1720px;margin:0 auto;padding:0 25px;}
.page-wrapper{padding-top:100px;}
.flex{display:flex;}
.top-nav-links{display:flex;align-items:center;justify-content:flex-end;}
.top-nav-links ul{flex-direction:row;}
.navbar{margin-top:12px;}
.nav-link{color:#333;position:relative;}
.nav-link:hover{color:#333;}
.nav-link.active::before{width:100%;}
.nav-link::before{content:attr(data-hover);height:2px;width:0;background-color:#B61B1B;position:absolute;left:0;bottom:0;transition:0.5s;}
.nav-link:hover::before{width:100%;transition:0.5s;}
.nav-link img{margin-right:8px;}
.navbar-nav{margin-right:60px;}
.navbar-nav .nav-item{padding:0 10px;}
.dropdown-toggle::after{position:relative;top:2px;}
.navbar-brand img{width:190px;}
.nav-icon input{opacity:0;}
.nav-icon::before{content:"Menu";position:relative;right:30px;top:8px;}
.nav-icon input + label{position:fixed;top:42px;right:40px;height:20px;width:35px;z-index:5;}
.nav-icon input + label span{position:absolute;width:100%;height:2px;top:50%;margin-top:-1px;right:0;display:block;background:#020304;transition:.5s;}
.nav-icon input + label span:first-child{top:7px;width:60%;}
.nav-icon input + label span:last-child{top:16px;}
.nav-icon label:hover{cursor:pointer;}
.nav-icon input:checked + label span{opacity:0;top:50%;}
.nav-icon input:checked + label span:first-child{opacity:1;transform:rotate(405deg);width:100%;}
.nav-icon input:checked + label span:last-child{opacity:1;transform:rotate(-405deg);}
.nav-icon input ~ nav{background:#f2f2f2;position:fixed;top:0;right:0;width:0;z-index:3;transition:.5s;transition-delay:.5s;overflow:hidden;height:100%;}
.nav-icon input ~ nav > ul{position:absolute;top:20%;left:20%;right:20%;}
.nav-icon input ~ nav > ul > li{opacity:0;transition:.5s;transition-delay:0s;list-style:none;position:relative;}
.nav-icon input ~ nav > ul > li > a{text-decoration:none;color:#222;display:block;padding:20px 25px;font-size:18px;}
.nav-icon input ~ nav > ul > li a:hover{color:#B61B1B;}
.nav-icon input:checked ~ nav{width:100%;transition-delay:0s;}
.nav-icon input:checked ~ nav > ul > li{opacity:1;transition-delay:.5s;}
.nav-logo{padding:40px 60px;opacity:0;transition-delay:0s;}
.nav-icon input:checked ~ nav .nav-logo{opacity:1;transition-delay:.5s;}
.nav-icon input ~ nav > ul > li:hover .sub-nav{opacity:1;visibility:visible;top:12px;transition:0.5s;}
ul.sub-nav{opacity:0;visibility:hidden;position:absolute;left:40%;top:50px;list-style:none;transition:0.5s;z-index:9;}
.sub-nav li{padding:14px 0;}
.sub-nav li a{color:#777}
.nav-icon input ~ nav > ul > li.has-sub-nav > a::after{content:"";height:2px;width:0;background:#B61B1B;position:absolute;top:40px;margin-left:20px;transition:0.5s;}
.nav-icon input ~ nav > ul > li.has-sub-nav:hover > a::after{width:160px;transition:0.5s;}

/**/
.page-section{padding:110px 0;}
.section-title{margin-bottom:50px;}
.section-title h5{display:inline-block;padding:5px 25px;color:#fff;position:relative;margin-bottom:28px;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-size:15px;}
.section-title h5::before{content:'';position:absolute;top:0;left:0;width:100%;z-index:-1;height:100%;background:#B61B1B;-webkit-clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.section-title h1{max-width:750px;margin:0 auto;width:100%;font-weight:700;color:#333;font-size:45px;line-height:1.2em;}
.service-list a{display:block;padding:40px 30px;}
.service-item{box-shadow:0 0 50px rgb(0 0 0 / 8%);margin:15px 0;transition:0.5s;}
.service-item:hover{transform:scale(1.04);}
.service-item img{height:180px;margin-bottom:50px;}
.service-item h3{font-size:24px;font-weight:700;margin-bottom:12px;color:#333;line-height:1.2;}
.service-item p{margin-bottom:0;}
.service-item:hover a::before,.service-item:hover a::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.service-item a::before{border-top:1px solid #B61B1B;border-bottom:1px solid #B61B1B;-webkit-transform:scale(0,1);transform:scale(0,1);}
.service-item a::after{border-right:1px solid #B61B1B;border-left:1px solid #B61B1B;-webkit-transform:scale(1,0);transform:scale(1,0);}
.service-item a::before,.service-item a::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.35s,transform 0.35s;}
.service-more a{padding-left:10px;letter-spacing:1px;}
.service-more a img{width:10px;transition:0.5s;}
.service-more a:hover img{margin-left:5px;}

/**/
.video-play-button{position:absolute;z-index:10;top:50%;left:55%;transform:translateX(-50%) translateY(-50%);box-sizing:content-box;display:block;}
.video-play-button:before{content:"";position:absolute;z-index:0;left:50%;top:52%;transform:translateX(-50%) translateY(-50%);display:block;width:70px;height:70px;    /* background: #004C87; */border-radius:50%;animation:pulse-border 1500ms ease-out infinite;border:1px solid rgba(225,225,225,0.8);}
.video-play-button:after{content:"";position:absolute;z-index:1;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:90px;height:90px;border-radius:50%;transition:all 200ms;opacity:0.5;border:1px solid rgba(225,225,225,0.8);animation:pulse-border 1500ms ease-out infinite;}
.video-play-button img{position:relative;z-index:3;max-width:100%;width:70px;height:auto;top:4px;}
@keyframes pulse-border{
	0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;}
	100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0;}
}
.video-image{position:relative;z-index:2;}
.video-image > img{width:112%;}
.video-conent{height:100%;background-color:#333333;color:#fff;position:relative;top:18%;padding:0 15% 0 22%;display:flex;align-items:center;}
.blurb-content h2{font-weight:700;font-size:45px;line-height:1.2em;margin-bottom:25px;}
.blurb-content.dark h2{color:#333;}
.blurb-content.light h2,.blurb-content.light p,.blurb-content.light a{color:#fff;}
.blurb-content p{font-size:16px;line-height:1.9em;}
.read-more-link{font-size:14px;letter-spacing:1px;margin-top:40px;display:block;}
.read-more-link > img{margin-left:3px;transition:0.5s;}
.read-more-link:hover > img{margin-left:8px;}
.logistic-image{display:flex;align-items:flex-end;width:100%;flex-direction:row;justify-content:flex-end;position:absolute;top:-50px;}
.logistic-image img{margin-right:120px;}
#custom-clearance{padding-top:200px;}
.clearance-form{box-shadow:0 0 50px rgb(0 0 0 / 8%);padding:40px;}
.clearance-form h4{font-size:22px;font-weight:600;line-height:1.4;}
.form-check label{display:flex;cursor:pointer;position:relative;overflow:hidden;margin-bottom:0.375em;}
.form-check label input{position:absolute;left:-9999px;}
.form-check span{display:flex;align-items:center;padding-right:15px;border-radius:30px;transition:0.25s ease;font-size:14px;}
.form-check label input:checked + span:before{box-shadow:inset 0 0 0 0.4375em #B61B1B;}
.form-check span:before{display:flex;flex-shrink:0;content:"";background-color:#fff;width:24px;height:24px;border-radius:50%;margin-right:14px;transition:0.25s ease;box-shadow:inset 0 0 0 0.125em #B61B1B;}
.form-control{background:#F3F5F6!important;border:none!important;height:50px!important;padding:0 15px!important;font-size:14px!important;color:#999;font-family: 'Poppins'!important;}
select, option {
  font: -moz-pull-down-menu;
  font-size: 14px !important;
}
.clearance-form .btn{margin-top:30px;}
.cc-form-text{margin-top:60px;padding-left:30px;}

/*news*/
.light-background{background:#F3F3F3;margin-top:30px;}
.news-slider{margin-top:-100px;}
.news-box-con{margin:15px;box-shadow:0 0 20px rgb(0 0 0 / 9%);position:relative;top:0;transition:0.5s;}
.news-box a.read-more-link:hover .news-box-con{top:-15px;transition:0.5s;}
.news-box a.read-more-link{letter-spacing:0;margin-top:0;}
.news-img{position:relative;}
.news-img > img{width:100%;}
.news-date{position:absolute;bottom:0;color:#fff;font-size:14px;background:#B61B1B;padding:10px 15px 10px 20px;}
.news-date::after{content:"";border-color:black;border-top:41px solid transparent;border-right:0px solid transparent;border-left:35px solid #B61B1B;position:absolute;right:-35px;top:0;}
.news-text{padding:30px 25px;background:#fff;}
.news-text p {
    margin: 0;
    word-break: break-all;
}
.news-text h4{font-size:22px;font-weight:600;line-height:1.4;}
.news-text span{margin-top:20px;}
.news-text span img{display:initial;}
.number-item{margin-top:30px;}
.number-image{height:160px;display:flex;align-items:center;justify-content:center;}
.number-item h3{font-size:40px;font-weight:600;}
.number-item h3{font-size:38px;font-weight:700;margin-top:40px;margin-bottom:30px;}
.number-item h3 span{font-weight:400;}
.number-item h4{font-size:20px;font-weight:600;}
.number-item p{padding:0 10px;margin-bottom:15px;}
.subscribe-text{display:flex;background:#B61B1B;height:100px;align-items:center;justify-content:flex-end;padding-right:10%;margin:25px 0;}
.subscribe-text p{color:#fff;margin:0;font-size:20px;font-weight:500;}
.subscribe-con{background:#333;padding:50px 40px;}

/**/
#testimonials{padding:150px 0 90px 0;}
.testimonial-box-con{margin:15px;box-shadow:0 0 20px rgb(0 0 0 / 9%);position:relative;top:0;transition:0.5s;padding:40px 30px;}
.testimonial-text{padding-left:100px;}
.testimonial-text::before{content:url(../images/quote-img.png);position:absolute;left:30px;}
.about-client{display:flex;align-content:center;align-items:center;margin-top:30px;}
.client-name{margin-left:20px;}
.about-client img{
    width: 50px !important;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 20%);
}
.client-name h5{font-size:16px;font-weight:600;margin-bottom:4px;}
.client-name p{margin:0;font-size:13px;}

/**/
footer{background:#333;padding:60px 0 20px 0;}
.footer-about > img{width:160px;}
.footer-about p{color:#f2f2f2;opacity:95%;margin-top:20px;line-height:24px;}
.social ul{display:flex;}
.social ul li{list-style:none;margin-right:18px;}
h4.f-title{position:relative;font-size:18px;color:#fff;font-weight:600;padding-bottom:15px;border-bottom:1px solid #545454;}
h4.f-title::after{content:"";height:2px;width:60px;background:#B61B1B;position:absolute;bottom:-1px;left:0;}
.footer-menu ul{margin-top:30px;}
.footer-menu ul li{list-style:none;margin:5px 0;opacity:95%}
.footer-menu ul li a{color:#f2f2f2;font-size:14px;}
.copyright-text{display:flex;justify-content:center;padding-top:20px;border-top:1px solid #545454;margin-top:20px;}
.copyright-text p{margin-bottom:0;color:#f2f2f2;font-weight:normal;font-size:14px;margin-right:25px;opacity:95%;}
.copy-links span{color:#545454;padding:0 6px;}
.copy-links a{color:#f2f2f2;font-size:14px;opacity:95%;}

/**/
#quotes{background-image:url(../images/logistics-headline-bg.jpg);padding:200px 0;background-repeat:no-repeat;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;}
.autotype-text{display:flex;justify-content:center;}
.autotype-text h1{text-align:center;color:#fff;font-weight:700;margin-bottom:0;}
.autotype-text h1 a{color:#fff;margin-top:10px;display:flex;justify-content:center;}

/**/
textarea.form-control{height:120px!important;padding-top:10px!important;padding-bottom:10px!important;}
.contact-text{width:85%;}
.contact-text h5{font-size:18px;font-weight:400;font-style:italic;color:#555;line-height:28px;margin-bottom:25px;}
ul.contact-ul{list-style:none;font-size:14px;color:#777;margin-top:25px;margin-bottom:0;}
.contact-ul li{margin:8px 0;}
.contact-ul img{margin-right:10px;}
#office-location{background-image:url("../images/map.png");padding-top:20px;background-repeat:no-repeat;background-position:top 40px center;}
.locations{margin-top:40px;}
.location-title img{width:82px;}
.locations .row{display:flex;}
.locations .row > div{box-shadow:0 0 50px rgb(0 0 0 / 8%);margin:15px 0;transition:0.5s;background:#fff;padding:35px;}
.location-con h3{font-size:22px;font-weight:600;margin-bottom:12px;}
.time-call p img{margin-right:12px;}
.mobile-no img{width:12px;}
.support.text-center{margin-top:50px;}

/**/
.footer-subscribe{background-color:#B61B1B;padding:28px 0;}
.footer-subscribe-text{display:flex;align-items:center;height:100%;}
.footer-subscribe-text p{color:#fff;font-size:20px;font-weight:500;}

/**/
#online-insurance .section-title h1{max-width:initial;}
.custom-lists li{list-style:none;font-size:14px;color:#777;margin:5px 0;}
.custom-lists li::before{content:"";margin-right:10px;display:inline-block;background-image:url(../images/check-icon.png);height:12px;width:14px;background-size:contain;background-repeat:no-repeat;}
.insurance-form{box-shadow:0 0 50px rgb(0 0 0 / 8%);margin-top:45px;transition:0.5s;background:#fff;padding:35px;}
.insurance-form h4{
	font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}
.insurance-form form{margin-top: 30px;}
.insurance-form form .col > label{ font-size: 14px; color: #333; }
.insurance-form form .row{ margin-bottom: 30px; }

/* ***** Dashboard Page ****** */
.inner-banner-dash{
	width: 100%;
	padding: 50px 0;
	position: relative;
	background: url(../images/logistics-headline-bg.jpg) center center no-repeat;
	background-size: cover;
}
.inner-banner-dash:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.60;
	top: 0;
	left: 0;
}	
.inner-banner-dash h3{
	font-size:32px;
	font-weight: 500;
	color: #fff;
	margin: 0px;
	text-align: center;
	position: relative;
	z-index: 5;
}
.menu-dash-wrp{
	background: #fff;
}
.dash-nav ul{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.dash-nav ul li a{
	padding: 15px 25px;
	color: #333;
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	position: relative;
	transition: .4s linear;
}
.dash-nav ul li:first-child a:after{
	position: absolute;
	content: '';
	width: 1px;
	height:50%;
	background:rgba(0, 0, 0, 0.10);
	right: 0px;
	top: 50%;
	transform: translate(0,-50%);
}
.dash-nav ul li a:before{
	position: absolute;
	content: '';
	width:0%;
	height: 2px;
	background: #f57c00;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	transition: .4s linear;
}
.dash-nav ul li.active a:before, 
.dash-nav ul li a:hover:before{
	width: 100%;
}
.dash-nav ul li a .icbx{
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	margin: 0 auto 10px;
	display: block;
	position: relative;
	background: #f7f7f7;
	transition: .4s linear;
}
.dash-nav ul li a svg{
	color:#f57c00;
	width: 20px !important;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: translate(0,-50%);
	transition: .4s linear;
}
.dropdown-toggle::after{display: none !important;}
.dash-nav ul li a img{
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	object-fit: cover;
	margin: 0 auto 10px;
}
.dash-nav ul li.active a,
.dash-nav ul li a:hover{
	color: #f57c00;
}
.dash-nav ul li.active a .icbx,
.dash-nav ul li a:hover .icbx{
	background: #B61B1B;
}
.dash-nav ul li.active a .icbx svg,
.dash-nav ul li a:hover .icbx svg{color: #fff;}
.dash-nav ul li .dropdown-menu{
	padding: 15px;
	background: #fff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.30);
	border-radius: 0;
	border: none;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: .4s linear;
}
.dash-nav ul li:hover .dropdown-menu{
	opacity: 1;
	visibility: visible;
}
.dash-nav ul li .dropdown-menu a{
	padding: 10px 10px;
}
.dash-nav ul li .dropdown-menu a:hover{background: transparent;}

.note-showbx {
	background: #B61B1B;
	position: relative;
	height: 52px;
	margin: 0 0 30px;
}
.note-showbx p{
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	margin: 0;
	padding: 15px 0;
	text-align: right;
}

.dash-wrp{
	padding: 60px 0 60px;
}

.dash-count-bx{
	padding: 30px;
	border-radius: 6px;
	background: #f7f7f7;
	margin: 0 0 30px;
	display: flex;
	align-items: center;
}
.d-ic-bx{
	width: 20%;
}
.d-ic-bx svg{
	font-size: 32px;
	color: #B61B1B;
}
.d-ic-dt {padding: 0 0 0 15px;}
.d-ic-dt h6{
	font-size: 13px;
	font-weight: 400;
	color: #787878;
	margin: 0 0 10px;
	padding: 0;
	text-align: right;
}
.d-ic-dt{width:80%}
.d-ic-dt h3{
	font-size: 28px;
	font-weight: 600;
	color: #111;
	margin: 0;
	text-align: right;
}

.dash-block{
	padding: 30px;
	border-radius: 6px;
	background: #fff;
	margin: 0 0 30px;
}
.dash-block h4{
	font-size: 16px;
	margin: 0 0 25px;
	color: #787878;
	font-weight:400;
}
.dash-block h4 span{
	color: #B61B1B;
	margin-left: 5px;
	font-weight: 500;
}
.dash-block h4 strong{
	float: right;
	color: #787878;
	font-weight:400;
}
.dash-tble table{margin: 0 0 30px;}
.dash-tble table tbody td{
	padding: 15px;
	font-size: 16px;
	font-weight: 600;
	color: #787878;
	background: #f7f7f7;
	border: 1px solid #e0e0e0;
	text-align: center;
}
.dash-tble table tbody td svg{
	margin-right: 5px;
	color: #B61B1B;
}
.dash-block h5{
	text-align: center;
	font-size:20px;
	font-weight: 600;
	color: #333;
	margin: 0 0 15px;
}
.btn-main{
	padding: 10px 30px;
	background: #B61B1B;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	display: table;
	margin: 0 auto;
	border-radius: 30px;
	transition: .4s linear;
}
.btn-main svg{margin-right: 5px;}
.btn-main:hover{
	background: #111;
	color: #fff;
}

.shipment-tble h3{
	padding: 15px 30px;
	background: #B61B1B;
	font-size: 18px;
	font-weight:500;
	color: #fff;
	margin: 0;
}
.dash-table{
	background: #f7f7f7;
	padding: 30px;
}

.dash-table .table {
  border-spacing: 0 0.85rem !important;
}
.dash-table .table .dropdown {
  display: inline-block;
}
.dash-table .table td,
.dash-table .table th {
  vertical-align: middle;
  margin-bottom: 10px;
  border: none;
  font-size: 15px;
}
.dash-table .table thead tr,
.dash-table .table thead th {
  border: none;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: transparent;
}
.dash-table .table td {
  background: #fff;
}
.dash-table .table td:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.dash-table .table td:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
div.dataTables_wrapper div.dataTables_filter input{
	background-color: #fff !important;
	box-shadow: none !important;
	padding: 10px 15px !important;
	height: auto !important;
	line-height: normal !important;
}
div.dataTables_wrapper div.dataTables_length select{
	background-color: #fff !important;
	box-shadow: none !important;
	margin: 0 10px;
	padding: 10px 15px !important;
	height: auto !important;
	line-height: normal !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
  padding-left: 48px;
}

table.dataTable > tbody > tr.child ul.dtr-details {
 	width: 100%;
}

table.dataTable > tbody > tr.child span.dtr-title {
  min-width: 50%;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  padding: 0.75rem 1rem 0.125rem;
}

div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin-top: 1rem;
  }
}

.page-item.active .page-link{
	background-color: #B61B1B !important;
	border-color: #B61B1B !important;
}

/* ***** End Dashboard Page ****** */


/* **** Profile Page Start **** */
.profile-wrp{
    padding: 60px 0 60px;
}
.profile-block {
    padding: 30px;
    border-radius: 6px;
    background: #fff;
    margin: 0 0 30px;
}



.avatar-upload {
    position: relative;
    margin: 0px auto;
}
.avatar-upload .avatar-edit {
}
.avatar-upload .avatar-edit input {
    display: none;
}
.avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #0a0a0a;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    line-height: 36px;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    position: absolute;
    top: 50%;
    left: 100px;
    right: auto;
    transform: translate(-18px,-50%);
    z-index: 55;
}
.avatar-upload .avatar-edit input + label:hover {
    background: rgb(13 13 13);
    color: #fff;
}
.avatar-upload .avatar-edit input + label:after {
    content: " ";
    color:#fff;
    background-image: url("../images/plus.png");
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    height: 20px;
    width: 20px;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-position: center;
    text-align: center;
    margin: auto;
}
.avatar-upload .avatar-preview {
    width: 200px;
    height: 150px;
    position: relative;
    border-radius: 100%;
    background: #c3c3c3;
    border-radius: 0;
    margin: 0;
    position: relative;
}
.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius:0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.profile-info{
	padding: 15px 0 0;
}
.profile-info h3{
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 30px 0 15px;
    text-transform: capitalize;
}

.profile-info .form-control{
	background: transparent !important;
	border: 1px solid #e2e2e2!important;
	font-weight: 400;
	color: #999 !important;
	box-shadow: none !important;
	outline: none !important;
	height: auto !important;
	padding: 12px 15px !important;
	font-size: 15px !important;
	border-radius: 0;
}
.profile-info .form-control:focus{
	border-color: #B61B1B !important;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.upload-btn-wrapper .btn {
    /*border: 2px solid #CD5C5C;*/
    color: #999;
    background-color: #f7f7f7;
    padding: 12px 30px;
    border-radius: 0;
    font-size: 15px;
    font-weight: 500;
}
.upload-btn-wrapper input[type=file] {
    cursor: pointer;
    font-size: 0;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}


.profile-info .btn-group{
	margin: 30px 0 0;
}
.profile-info .btn-group .btn{
	background: #B61B1B;
	margin: 0 15px 0 0;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	padding: 8px 20px;
	border-radius: 0 !important;
}
.profile-info .btn-group .btn:hover{
	color: #fff;
	background: #000;
}
.profile-info .btn-group .btn:last-child{
	margin: 0;
}


/* **** End Profile page **** */ 



/* **** Account **** */
/* **** Profile Page Start **** */
.account-wrp{
    padding: 60px 0 60px;
}
.account-block {
    padding: 30px;
    border-radius: 6px;
    background: #fff;
    margin: 0 0 30px;
}
.account-wrp .account-block h5{
	margin: 0 auto 10px;
	display: table;
}
.account-wrp .account-block .input-group{
	width: 40%;
	margin: 0 auto 20px;
}
.account-wrp .account-block .input-group .form-control{
	box-shadow: none;
	outline: none;
}
.account-wrp .account-block .tblheader{
	background:#B61B1B;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
/* **** End Account **** */


/* **** clearance **** */
.clearance-wrp .profile-info{
	padding: 0;
}
.clearance-wrp .profile-info h3{
	margin: 0 0 10px;
}
.clearance-wrp .profile-info .btn-group{
	margin: 10px 0 0;
}
.clearance-wrp .profile-info .form-check-inline{
	margin: 10px 20px 15px 0;
}
.clearance-wrp .profile-info .form-check-inline [type="radio"]:checked,
.clearance-wrp .profile-info .form-check-inline [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.clearance-wrp .profile-info .form-check-inline [type="radio"]:checked + label,
.clearance-wrp .profile-info .form-check-inline [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.clearance-wrp .profile-info .form-check-inline [type="radio"]:checked + label:before,
.clearance-wrp .profile-info .form-check-inline [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.clearance-wrp .profile-info .form-check-inline  [type="radio"]:checked + label:after,
.clearance-wrp .profile-info .form-check-inline  [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #B61B1B;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.clearance-wrp .profile-info .form-check-inline [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.clearance-wrp .profile-info .form-check-inline [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.clearance-wrp table.dataTable.nowrap th, 
.clearance-wrp table.dataTable.nowrap td{
	white-space:inherit;
	vertical-align: bottom;
}
.clearance-wrp .dash-table .table thead tr, 
.clearance-wrp .dash-table .table thead th{
	font-size: 13px;
}
.clearance-wrp table.dataTable.nowrap td,
.clearance-wrp table.dataTable.nowrap th{
	font-size: 13px;
	vertical-align: middle;
}
/* **** End clearance **** */



/* **** Login Page **** */
/*.login-wrp{
	background-size: cover;
	background-position: center;
	background-image: url("../images/login.jpg");
	height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.login-wrp:after{
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(0,0,0,0.4);
}
.login-block{
	background: rgba(0,0,0,0.5);
	width: 80%;
	margin: 0 auto;
	display: table;
	min-height: 350px;
	border-radius: 0;
	position: relative;
	z-index: 9;
	display: flex;
	align-items: center;
	padding: 50px;
}
.login-block .row{
	display: flex;
	align-items: center;
}
.login-block img{
	max-width: 100%;
	margin: 0;
}
.login-block h4{
	font-size:28px;
	font-weight: 400;
	color: rgba(255,255,255,0.7);
	margin: 0;
}
.login-block h1{
	font-size: 60px;
	font-weight:700;
	color: #fff;
	margin: 0;
}
.login-form{
	background: #fff;
	min-height: 450px;
	position: absolute;
	right: 50px;
	top: -50px;
	width: 50%;
	border-radius: 0;
	padding: 30px;
	display: flex;
	align-items: center;
}
.login-form .form-box{
	width: 100%;
}
.login-form .form-box h2{
	font-size:32px;
	font-weight: 400;
	color: #B61B1B;
	text-transform: capitalize;
	margin: 0 0 20px;
}
.login-form .form-box .form-group label{
	font-size: 15px;
	font-weight: 500;
	color: #999;
	margin: 0 0 5px;
}
.login-form .form-box .form-group .form-control{
	background: transparent !important;
    border: 1px solid #e2e2e2!important;
    font-weight: 400;
    color: #999 !important;
    box-shadow: none !important;
    outline: none !important;
    height: auto !important;
    padding: 12px 15px !important;
    font-size: 15px !important;
    border-radius: 0;
}
.login-form .form-box .form-group .form-control:focus {
    border-color: #B61B1B !important;
}
.login-form .form-box .btn {
    background: #B61B1B;
    margin: 15px 0 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 10px 35px;
    border-radius: 0 !important;
}
.login-form .form-box .btn:hover{
	background: #000;
	color: #fff;
}*/
/* **** Login **** */
.login-wrp{
    position: fixed;
    background: url(../images/logistics-headline-bg.jpg) 0 0 no-repeat;
    background-size: cover;
    background-position: center;
	background-attachment: fixed;
    width: 100%;
    height: 100%;
}
.login-card {
    overflow: auto;
    width: 100%;
    height: 100%;
    padding: 40px 0;
    position: relative;
}
.sign-in-main .container{
	height: 100%;
}
.sign-in-main .loginrow{
	top: 50%;
	transform: translateY(-50%);
}
.login-wrp:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.50);
    top: 0;
    left: 0;
}
/*.login-wrp .row{
	display: flex;
	align-items: center;
}*/
.login-wrp .titlebar h2{
	font-size: 34px;
	margin: 0 auto 30px;
	display: table;
	font-weight: 600;
	color: #000;
}
.login-back{
    position: relative;
    border-radius:0;
    overflow: hidden;
	height: 100%;
}
.login-back:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.50);
    top: 0;
    left: 0;
}
.login-back .back-img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cencont-wrp{
    position: absolute;
    bottom: 0;
    padding: 30px;
    left: 0;
    right: 0;
    text-align: center;
}
.cencont-wrp h2{
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    margin: 0 0 15px;
}
.cencont-wrp p{
    font-size: 16px;
    font-weight: normal;
    color: rgba(255,255,255,0.70);
    margin: 0;
}
.cencont-wrp p a{
    color:#fff;
    margin-left: 5px;
}
.logo-inner{
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.logo-inner img{
    max-width: 150px;
}

.login-dt{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.login-dt h2{
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    margin: 0;
}
.login-dt p{
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    color: rgba(255,255,255,255);
    margin: 0;
}
.login-dt ul{
    padding: 15px 0 0;
}
.login-dt ul li{
   display: inline-block;
   margin: 0 15px 0 0;
}
.login-dt ul li:last-child{
    margin: 0;
}
.login-dt ul li a{
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    color: #B61B1B;
    display: block;
    border-radius: 30px;
    background: #fff;
    font-size: 18px;
    transition: all 0.3s linear;
}
.login-dt ul li a:hover{
    background: #000;
    color: #fff;
}


.loginrow{
 	background: #fff; 
 	position: relative;
 	z-index: 99; 
}

.loginrow .login-form{
    background:#fff;
}
.login-form {padding: 25px 15px;}
.login-form .form-group{
    margin: 0 0 15px;
    position: relative;
    overflow: hidden;
}
.login-form .form-group .form-control{
    padding: 12px 15px 12px 50px !important;
    border: none;
    border: 1px solid rgba(57,80,163,0.05) !important;
    background: transparent!important;
    height: auto;
    box-shadow: none;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    border-radius: 0;
    transition: .4s linear;
}
.login-form .form-group .form-control:focus{
    border-bottom: 1px solid #486bb3;
}
.login-form .form-group .frmic{
    width: 44px;
    height: 50px;
    background: rgba(57,80,163,0.05);
    line-height: 44px;
    text-align: center;
    display: block;
    border-radius:0;
    font-size: 16px;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
}
a.frglink{
    margin: 0 auto;
    display: table;
    font-size: 14px;
    font-weight: normal;
    color: #111;
    float: right;
    transition: .4s linear;
}
a.frglink:hover{
    color: #486bb3;
}
.login-form .btn-main{
    display: table;
    border: none;
    margin: 0 auto;
    padding: 12px 45px;
}

.with-wrp{
    position: absolute;
    top: 50%;
    left: 98%;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    line-height: 50px;
    box-shadow: 0px 0px 4px #c1c1c1;
    z-index: 999;
    transform: translate(0, -50%);
    background: #fff;
}
.with-wrp p{
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
    line-height: 50px;
	text-align: center;
}
/* **** End Login Page *** */

/* **** Our Solution Pages **** */
.inner-banner-front{
	position: relative;
	background: url(../images/video-bg.jpg) center center no-repeat;
	background-size: cover;
	padding:200px 0 30px;
}
.inner-banner-front .row{display: flex;align-items: center;}
.inner-banner-front:before{
	position: absolute;
	content: '';
	background: rgba(0,0,0,0.50);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	filter: blur(5px);
  	-webkit-filter: blur(5px);
}
.in-banner-title h1{
	margin: 0;
	font-size:38px;
	font-weight: 400;
	color: #fff;
}
.breadcrumb-blocks ul{text-align: right;margin: 0;padding: 0;}
.breadcrumb-blocks ul li{
	display: inline-block;
	margin-right: 30px;
	font-size: 16px;
	font-weight: 500;
	color: rgba(255,255,255,1);
	position: relative;
	letter-spacing: 1px;
}
.breadcrumb-blocks ul li a{color: rgba(255,255,255,0.80);font-weight: 400;}
.breadcrumb-blocks ul li:after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #B61B1B;
	right: -20px;
	top:8px;
}
.breadcrumb-blocks ul li:last-child{margin: 0;}
.breadcrumb-blocks ul li:last-child:after{display: none;}

.solution-wrp{
	padding: 60px 0;
	width: 100%;
}
.solution-wrp .row{display: flex;margin: 0 0 25px;}
.solution-img img{
	width: 100%;
	border-radius: 6px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}
.solution-dt h3{
	font-size: 28px;
	font-weight: bold;
	color: #B61B1B;
	margin: 0 0 15px;
}
.solution-dt h6{
	font-size: 16px;
	font-weight: normal;
	color: #717171;
	line-height: 26px;
	margin: 0 0 15px;
}
.solution-boxs{
	padding:25px 0 0;
}
.solution-boxs h4{
	font-size:24px;
	font-weight: 600;
	color: #717171;
	margin: 0 0 20px;
}
.solution-boxs p{
	font-size: 16px;
	font-weight: normal;
	color:#939393;
	line-height: 26px;
	margin: 0 0 25px;
}
.solution-boxs h5{
	font-size:20px;
	font-weight: 600;
	color: #717171;
	margin: 0 0 15px;
	padding-bottom: 15px;
	position: relative;
	display: table;
	transition: .4s linear;
}
.solution-boxs h5:after{
	position: absolute;
	content: '';
	width:25px;
	height:3px;
	bottom: 0;
	left: 0;
	border-radius: 15px;
	background: #B61B1B;
}
.solution-boxs ul{
	margin: 0 0 25px;
	padding: 0 0 0 20px;
}
.solution-boxs ul li{
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0 5px 15px;
	position: relative;
	color: #939393;
	list-style-type: none;
}
.solution-boxs ul li:before{
	position: absolute;
	content: '';
	width:6px;
	height: 6px;
	border-radius: 50%;
	background: #B61B1B;
	top: 14px;
	left: 0;
}
.solution-boxs p a{
	color: #B61B1B;
}
.solution-boxs p svg{
	margin-right: 5px;
}
/* **** End Our Solution Pages **** */

/* **** Blog Pages **** */
.blog-wrapper{
	padding: 60px 0;
	width: 100%;
}
.blog-box{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	margin: 0 0 35px;
}
.blog-img{
	width: 100%;
	height: 250px;
	position: relative;
}
.blog-img span{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 10px;
	background: #B61B1B;
	color: #fff;
	text-align: right;
	border-radius: 10px 0 0 0;
}
.blog-img span svg{
	margin: 0 5px 0 0; 
}
.blog-data{
	padding: 30px 15px;
	background: #f7f7f7;
}
.blog-data h4{
	font-weight: 600;
	font-size: 18px;
	color: #B61B1B;
	margin: 0 0 10px;
	line-height: 28px;
}
.blog-data p{
	font-size: 15px;
	font-weight: normal;
	color: #717171;
	margin: 0;
	line-height: 22px;
}
.blog-wrapper .row .col-md-4:nth-child(even) .blog-data{
	background: #B61B1B;
}
.blog-wrapper .row .col-md-4:nth-child(even) .blog-data h4{
	color: #fff;
}
.blog-wrapper .row .col-md-4:nth-child(even) .blog-data p{
	color: rgba(255,255,255,0.80);
}
.blog-wrapper .card{padding: 0;border: none;}
.btn-read{
	padding: 10px 30px;
	background: #B61B1B;
	color: #fff;
	font-size: 15px;
	display: table;
	margin: 30px auto 0;
	border-radius: 30px;
	transition: .4s linear;
}
.btn-read:hover{
	background: #000;
	color: #fff;
}

.select2.select2-container {
  width: 100% !important;
}

.select2.select2-container .select2-selection {
  border: 1px solid #e2e2e2!important;
  border-radius: 0;
  height: 50px;
  outline: none;
  transition: all 0.15s ease-in-out;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
  color: #333;
  line-height: 50px;
  padding: 0 35px 0 15px;
  font-size: 15px;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
	background: #f8f8f8;
	border-left: 1px solid #e2e2e2;
	border-radius: 0;
	height:48px;
	width: 35px;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #f8f8f8;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid #34495e;
}

.select2.select2-container.select2-container--focus .select2-selection {
  border: 1px solid #34495e;
}

.select2.select2-container .select2-selection--multiple {
  height: auto;
  min-height: 34px;
}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  height: 32px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 0 4px;
  line-height: 29px;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 4px 4px 0 0;
  padding: 0 6px 0 22px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  position: relative;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  margin: 0;
  text-align: center;
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px;
}

.select2-container .select2-dropdown {
  background: transparent;
  border: none;
  margin-top: -5px;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none;
  border: 1px solid #34495e;
  border-bottom: none;
  padding: 4px 6px;
}

.select2-container .select2-dropdown .select2-results {
  padding: 0;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #fff;
  border: 1px solid #34495e;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #3498db;
}

.gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    position: absolute;
    font-size: 26px !important;
    top: 13px !important;
    left: 13px !important;
}
.gj-datepicker-bootstrap [role=right-icon] button{border: none !important;background: #F3F5F6;}
/* **** End Blog Pages **** */



/* **** About **** */
.about-wrp{
	padding: 60px 0 0;
}
.about-wrp .abt-contant h2{
	font-size: 30px;
	font-weight: 600;
	color: #000;
	margin: 0 0 20px;
}
.about-wrp .abt-contant p{
	font-size: 16px;
    color: #939393;
    font-weight: 400;
    line-height: 28px;
    clear: both;
    margin-bottom: 25px;
}
.about-wrp .abt-contant img{
	max-width: 100%;
	margin: 0 auto;
	display: table;
}
.abt-contant{
	margin: 0 0 25px;
}
#services .service-item span {
    font-size: 13px;
    color: #000;
    font-weight: 500;
    width: 100%;
    display: inline-block;
    margin-top: 20px;
}
#services.news-wrp .service-item{
	min-height: 480px;
	display: flex;
	align-items: center;
}



.news-wrp{
	padding: 40px 0;
	background: rgb(249, 249, 249);
	margin: 40px 0;
}
.news-wrp .titlebar h2{
	font-size: 30px;
	font-weight: 700;
    font-size: 45px;
    line-height: 1.2em;
    margin: 0 auto 20px;
    display: table;
}
.news-wrp .news-box-con{
	position: relative;
	margin: 0;
}
.news-box-con .news-date{
	left: 0;
}
.news-wrp .news-text p{
	max-height: 70px;
	overflow: hidden;
}
.news-wrp .news-box-con{
	margin: 0 0 30px;
}
/* **** End About **** */




/* **** Time Line **** */
.sectionClass {
  padding: 60px 0;
  position: relative;
  display: block;
 background: #fff;
  margin: 35px 0 0;
}


#workexperience .row:before,
#workexperience .row:after {
  content: "";
  display: table;
}
#workexperience .sectiontitle{
	text-align: center;
	margin: 0 auto;
	display: table;
}
#workexperience .sectiontitle h2 {
 	font-weight: 700;
    font-size:42px;
    line-height: 1.2em;
    margin: 0 auto 20px;
    display: table;
    color: #000;
}
/********************************/
/*  SECTION WORK EXPERIENCE
********************************/



#work-experience .sectiontitle .headerLine {
  width: 280px;
}

#work-experience .headerline {
  width: 280px;
}

.cbp_tmtimeline {
  margin: 60px 30px 0 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.cbp_tmtimeline:before {
  content: '';
  position: absolute;
  top: 3%;
  bottom: 0;
  width: 5px;
  background: #333;
  left: 13%;
  height: 96%;
}

.cbp_tmtimeline li:last-child:before {
  content: initial;
}

.cbp_tmtimeline > li .cbp_tmtime {
  display: block;
  width: 25%;
  padding-right: 100px;
  position: absolute;
}

.cbp_tmtimeline > li .cbp_tmtime span {
  display: block;
  text-align: right;
}

.cbp_tmtimeline > li .cbp_tmtime span:first-child {
  font-size: 0.9em;
  color: #bdd0db;
}

.cbp_tmtimeline > li .cbp_tmtime span:last-child {
  font-size: 2.9em;
  color: #3594cb;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
  color: #6cbfee;
}

.cbp_tmtimeline > li .cbp_tmlabel {
  margin: 0 0 15px 25%;
  background:#F57C00;
  color: #FFF;
  padding: 30px;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.4;
  font-family: 'Open Sans';
  position: relative;
  border-radius: 5px;
  min-height: 150px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
  background: #B61B1B;
}

.cbp_tmtimeline > li .cbp_tmlabel h3 {
  margin-top: 0px;
  color: white;
  font-size: 20px;
  margin-bottom: 15px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

.cbp_tmtimeline > li .cbp_tmlabel h4 {
  opacity: 0.7;
  color: rgba(255, 255, 255, 1);
  letter-spacing: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 600;
  padding: 0;
  padding-bottom: 10px;
  margin: 0;
  text-align: left;
}

.cbp_tmtimeline > li .cbp_tmlabel h4 i {
  margin-right: 5px;
  vertical-align: middle;
}

.cbp_tmtimeline > li .cbp_tmlabel:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-right-color: #F57C00;
  border-width: 10px;
  top: 70px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
  border-right-color: #B61B1B;
}

.cbp_tmtimeline > li .cbp_tmicon {
  width: 150px;
  height: 150px;
  top: 3%;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.4em;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  color:#F57C00;
  background: #f5f5f5;
  border-radius: 50%;
  text-align: center;
  left: 8.7%;
  margin: 0 0 0 -25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-weight: 700;
}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmicon{
	color: #B61B1B;
}

.cbp_tmtimeline li {
  margin-bottom: 70px;
  position: relative;
}

.sectionClassProject {
  position: relative;
  display: block;
  /* background: #f7f7f7; */
  
  margin: 0 auto;
  padding: 80px 1.875em 3.125em;
}

.projectParagraph {
	font-size: 15px;
	margin: 0;
	color: #fff;
	line-height: 26px;
	font-family: 'Poppins' !important;
	font-weight: bolder;
}

.all-content ul {
    clear: both;
    margin-bottom: 10px;
    display: flex;
    flex-flow: wrap;
}
.all-content ul li {
    width: 50%;
    font-family: 'Poppins' !important;
    clear: both;
    position: relative;
    padding: 0 0 15px 25px;
}

/*.projectParagraphLink {
  font-size: 15px !important;
  font-weight: 500 !important;
  margin-top: 50px !important;
  margin-bottom: 0px;
  text-align: right;
}

.projectParagraphLink a {
  color: white;
  text-decoration: underline;
}

.cbp_tmicon img {
  width: 100%;
}

.faPra {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 70px;
  vertical-align: middle;
  color: white;
  line-height: 150px;
}

.label {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 3px;
  color: #FFFFFF;
  display: inline;
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
  padding: 5px 15px;
}

.date {
  color: #BFC3C7;
  display: block;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 30px;
  right: 20px;
}

.date i {
  margin-right: 8px;
  vertical-align: top;
  font-size: 18px;
  line-height: 20px;
}
*/

.form-group label.error {
    color: #ff0000;
    font-size: 14px;
    margin: 0;
}
.subscribe-con .form-group label.error, .footer-subscribe .form-group label.error{
	position: absolute;
    bottom: -23px;
    left: 16px;
}

.login-form .form-group label {
    font-size: 14px;
    line-height: 24px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
	top: 50% !important;
	transform: translateY(-50%);
}
table.dataTable>tbody>tr.child span.dtr-title{
	min-width: 160px !important;
}
div.dataTables_wrapper div.dataTables_info{
	padding-bottom: 35px !important;
}
.login-form .form-group label.error {
	width: 100%;
	display: inline-block;
	text-align: left;
	font-size: 13px;
}

.form-group.form-checkbox {
    padding-left: 26px;
}
.form-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    border-color: transparent;
    background-color: transparent;
}
.form-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url(../images/check-icon.png);
    background-position: center center;
    background-size: 1rem;
}
.form-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}


@media (max-width: 991px) {
  .cbp_tmtimeline:before {
    display: none;
  }
  .cbp_tmtimeline > li .cbp_tmtime {
    width: 100%;
    position: relative;
    padding: 0 0 20px 0;
  }
  .cbp_tmtimeline > li .cbp_tmtime span {
    text-align: left;
  }
  .cbp_tmtimeline > li .cbp_tmlabel {
    margin: 30px 0 70px 0;
    padding: 50px 30px 30px 30px;
    font-weight: 400;
    font-size: 95%;
    float: left;
  }
  .cbp_tmtimeline > li .cbp_tmlabel:after {
    right: auto;
    border-right-color: transparent;
    border-bottom-color: rgb(50, 68, 84);
    top: -20px;
  }
  .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: transparent;
    border-bottom-color: rgb(43, 58, 72);
    left: 65px;
  }
  .cbp_tmtimeline > li:nth-child(even) .cbp_tmlabel:after {
    right: 65px;
  }
  .cbp_tmtimeline > li:nth-child(odd) .cbp_tmicon {
    position: relative;
    float: left;
    left: auto;
    margin: 0px 5px 0 0px;
  }
  .cbp_tmtimeline > li:nth-child(even) .cbp_tmicon {
    position: relative;
    float: right;
    left: auto;
    margin: 0px 5px 0 0px;
  }
  .cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 1.5em;
  }
}

@media (max-width: 32em) {
  .cbp-ntaccordion {
    font-size: 70%;
  }
}
/* AUTHOR LINK */

.authorWindow{
  width: 600px;
  background: #75439a;
  padding: 22px 20px 22px 20px;
  border-radius: 5px;
  overflow: hidden;
}

.authorWindowWrapper{
  display: none;
  left: 110px;
  top: 0;
  padding-left: 25px;
  position: absolute;
}






.trans{
  opacity: 1;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  transition: all 500ms ease;
}

@media screen and (max-width: 768px) {
    .authorWindow{
         width: 210px;
    }

    .authorWindowWrapper{
             bottom: -170px;
  margin-bottom: 20px;
    }

    footer p{
          font-size: 14px;
    }
}

/* **** End Time Line **** */