.div-padding
{ 
    padding: 2%;
}

.grid img{
    width:100px !important;
    height:100px !important;
}
html { scroll-behavior: smooth;}
/*body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    letter-spacing: 0.03em;
}*/
body{ font-family: 'Public Sans', sans-serif; font-size:15.5px;  letter-spacing: 0.03em;}
p, a { font-family: 'Public Sans', sans-serif;}
a{ color:#303030;}
h5{font-size:19.5px;}
label{font-weight: 400;}
input, textarea{border: 1px solid #ced4da !important; box-shadow: none !important; overflow: inherit; resize: vertical;}
.required{ color:red;}

/* NAVIGATION */
.navbar-wrapper{ background: #fff; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);}
navbar { margin:0;}
.container{width:1165px; }/* 1468px */
.navbar-static-top{ margin:0; height:85px; background: #fff; border: 0px;}
.navbar-header .navbar-brand{padding: 10px 0px;}

.top-menu{ width:auto; margin: 0; padding: 0px; clear: both; margin-top:15px;}
.top-menu li{ list-style:none; display:inline-block; text-align:right;}
.top-menu li a{padding: 10px 15px;}
.top-menu li a:hover{ text-decoration: none;}

.nav.navbar-nav{width:auto; float:right; clear: both; margin-top: 30px; }
.nav.navbar-nav .active	a, .nav.navbar-nav .active	a:hover{ background:transparent; color:#0d4992;}
.navbar-inverse .nav.navbar-nav a{ color:#303030; padding-top: 7px; font-size: 14.5px; padding-bottom: 7px; padding-right:4px; padding-left:4px;}
.navbar-inverse .nav.navbar-nav a:hover	{ color:#0d4992;}

.navbar-inverse .navbar-nav > .open > a{background-color: #08080800 !important;}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{background-color: transparent !important; color:#0d4992 !important; font-weight: 600;}
.carousel{background-image: linear-gradient(to right bottom, #0d4992, #00589b, #0067a2, #0075a7, #0082aa, #008eb1, #0e9bb7, #21a7bc, #2bb7c6, #37c6cf, #47d6d7, #58e6de);padding: 1rem 0; height: auto;}
/*.carousel-inner h1{ font-weight:800;}
.carousel-inner .container{ position:relative;}
.carousel-inner .carousel-caption{left:0; text-align:left; padding: 0; position:relative;}
.img-responsive{max-width:100%;}
.carousel-inner .carousel-caption .btn-primary{}
.carousel-inner .carousel-caption h1{ margin-top:14%;}*/
.btn-primary{ background-color: #89c426; border-color: #89c426;}
.btn-primary:hover{ background-color: #0d4992; border-color: #0d4992;}

/*.carousel-control { position: absolute;top: 0;bottom: unset;left: 0;width: 4%;font-size: 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0,0,0,.6);
background-color: rgb(31, 107, 200);filter: alpha(opacity=50);opacity: .5;height: 36px !important;font-size: 24px !important;}*/

/* MARKETING */
.marketplace{ padding:70px 0 0px 0;}
.marketplace h2{color:#0d4992; text-transform:uppercase;}
.marketplace p.lead{ font-weight:400;}
.marketplace .comman{ text-align:center; padding:30px 15px; color:#fff; min-height: 285px; position:relative; transition: transform .4s; }
/* .marketplace .comman:hover:before{ -webkit-animation: shine .75s;
animation: shine .75s;position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: '';
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);} */
.marketplace .comman:hover{transform: scale(1.1);  cursor: pointer;}
.marketplace .first{background:#0d4992;}
.marketplace .second{background:#0f629a;}
.marketplace .thired{background:#1f9bb1;}
.marketplace .forth{background:#30b4bf;}

/* HOW IT WORKS */
.hot-it{ margin:50px 0}
.hot-it h2	{ margin-bottom:20px;}
.hot-it p {font-size:14.5px;}

/* TESTOMONIAL */
.testo{margin:10px 0 0px 0; } 
.testo h5{ font-weight:400; color:#ccc; margin-bottom:5px;}
.testo h2{ text-transform: none; margin-top:0px; margin-bottom:20px;}
.testo .quote{ margin:15px 0;}
.testo hr{border-top: 2px solid green; width: 70px;}
.testo .back-author{ width:80px; margin:0 auto 15px auto; }
.testo-comman{ background:#fff; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; text-align:center; padding:15px 35px;}

/* SERVICES */
.services ul{ margin:0; padding:0;}
.services li{ list-style:none; padding:1px 0;}

/* TABS SECTION */
.tab-style{background: #fff;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.05) !important;
margin-bottom: 50px;
border: 2px solid #0d4992;
border-radius: 5px;}
.tab-style .nav-tabs li{ width:50%; text-align:center; }
.tab-style .nav-tabs li a{ text-transform:uppercase; color:#0d4992; font-weight:600; padding: 8px; border: 0px !important; border-radius: 3px 3px 0px 0px; font-size: 13px;}
.tab-style .tab-content{padding: 15px 30px 30px 30px;}
.tab-style .tab-content h5{ font-size:19px; margin-bottom:15px; }
.tab-style .tab-content label{ font-weight: 400;}

 .tab-style .nav-tabs li.active a { background:#0d4992; color:#fff;} 
 .tab-style .nav-tabs li.active a:hover { background:#0d4992; color:#fff; cursor: pointer;} 
/*.tab-style .nav-tabs li .active.show { background:#0d4992; color:#fff;}*/
.tab-style .nav .nav-tabs li.active{background:#0d4992; color:#fff;}
/*.tab-style .nav .nav-tabs li.active:hover{background:#0d4992; color:#fff;}*/
.tab-style .nav-tabs li:first-child a{border-radius: 3px 0px 0px 0px;}
.tab-style .nav-tabs li:last-child a{border-radius: 0px 3px 0px 0px;}
.tab-style .nav-tabs li a:hover{ background:transparent; color:#0d4992;}
.tab-style .tab-content .btn-success{background:#0d4992; border-color: #0d4992;}
.tab-style .tab-content .btn-success:hover{background:#89c426; border-color: #89c426;}

/* FOOTER */
.footer-classic { padding-top:40px;}
.footer-classic p, .footer-classic li a{ color:#e0edfd;}
.footer-classic img{ margin-bottom:15px;}
.footer-classic ul{ margin:0; padding:0;}
.footer-classic li{ list-style:disclosure-closed; padding:3px 0; margin-bottom: 5px; color: #fff; margin-left: 17px;}
.footer-classic li a {text-decoration:none;}
.footer-classic li a:hover {text-decoration:none; color: #9cc1ef;}
.bottom-section{ background:#0d4992; padding:10px; color:#fff; text-align: center; margin-top:5px;}

/* LOGIN SCREEN */
.contact-banner.login-secreen{ padding: 11rem 0 20rem 0;}
.login-form .primary-bg{background: #0d4992; color:#fff; border-color: #0d4992;}
.login-form .primary-bg:hover { background: #89c426; border-color: #89c426;}
.login-logo {max-width: 200px; margin: 0 auto 20px auto; display: block; float: none;}

/* CONTACT PAGE */
.contact-banner {padding: 3rem 0 20rem 0; z-index: -9; background-image: linear-gradient(to right bottom, #1cbbb4, #24bfc2, #33c3d0, #45c7db, #58cae6); }
.contact-banner h1{ color:#fff; font-weight: 400;}
.contact-banner p{ color:#fff;}
.login-welcome p{ line-height:23.5px;}
.login-welcome a{ color:#fff;}
.login-inner .card-body{height:495px;}

/* REGISTER SCREEN */
.contact.reg-outer{ }
.contact.reg-outer .card-body{ background:transparent; box-shadow: none !important; overflow: unset; }
.reg-inner{background:#fff; box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important; margin-bottom:95px; border-radius: 3px; overflow: hidden; padding:15px 50px;}
.reg-inner img{height: 150px; display: block; margin: 30px auto 40px auto;}
.reg-inner ul{ margin:25px 0px 15px 0px; padding:0; min-height: 170px;}
.reg-inner ul li{ margin:10px 0px; list-style:none;}
.reg-inner ul li .fa{ margin-right:15px; vertical-align: top; margin-top: 3px;}
.reg-inner ul li span{ width: 90%; display: inline-block;}

.reg-inner.green .mt-auto, .reg-inner.blue .mt-auto{ margin-top:30px; margin-bottom:30px;}

.reg-inner.green h3{ font-size: 28px; font-weight: 600; color: #00a651;}
.reg-inner.green .btn-primary {color: #fff; background-color: #28a745; border-color: #28a745;}
.reg-inner.green .btn-primary:hover {  color: #fff; background-color: #218838; border-color: #1e7e34;}
.reg-inner.green .btn-outline-primary{color: #28a745; border-color: #28a745;}
.reg-inner.green .btn-outline-primary:hover{color: #fff; background-color: #28a745; border-color: #28a745;}

.reg-inner.blue h3{ font-size: 28px; font-weight: 600; color: #0d4992;}
.reg-inner.blue .btn-primary {background: #0d4992; color:#fff; border-color: #0d4992;}
.reg-inner.blue .btn-primary:hover { background: #89c426; border-color: #89c426;}
.reg-inner.blue .btn-outline-primary{color:#0d4992; border-color: #0d4992;}
.reg-inner.blue .btn-outline-primary:hover{color: #fff; background-color: #007bff; border-color: #007bff;}
.resiter-cart-body .reg-inner{margin-bottom: 0px;}

/* CONTACT PAGE */
.contact{ }
.contact .card-body{ width:950px; margin:0 auto; background: #fff; margin-top: -170px; box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important; margin-bottom:95px; border-radius: 3px; overflow: hidden;}
.login-welcome { color: #fff !important; background-image: linear-gradient(to right bottom, #0d4992, #035298, #005b9e, #0064a3, #096da7, #1275ad, #1b7eb2, #2486b7, #2d90be, #379bc4, #42a5cb, #4db0d1); padding: 4rem 5rem; min-height: 795px; }
.login-form { padding: 4rem 5rem; padding-top: 5rem; padding-bottom: 5rem;}
#contactform .primary-bg{background: #0d4992; color:#fff; border-color: #0d4992;}
#contactform .primary-bg:hover { background: #89c426; border-color: #89c426;}

/* ABOUT PAGE */
.question{padding: 100px 60px; min-height: 306px; background-color: #e9ecef; margin-bottom:95px;}
.question h4{font-weight: 700; font-size:28.5px;}
.question .btn-success{margin: 10px 0; padding: 10px 30px; font-size: 16px;}
.marketplace.question-mark{text-align: justify;}
.marketplace.question-mark h2{text-transform:unset; font-weight:600;}

/* HOW IT WORKS */
.howwork{}
.howwork h2{color:#0d4992; text-transform:none; margin-top:40px; margin-bottom:15px; font-weight: 600; text-align:center;}
.howwork .howwork-top{ margin-bottom:40px; text-align:center;}
.howwork .howwork-top span{ font-weight:600; margin:0 25px;}
.howwork .howwork-top a{ font-size:16px; margin: 10px 0; padding: 10px 30}

.inner-work{box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); padding: 35px; min-height: 306px; max-width:1024px; margin: 0px auto 30px auto; position:relative;}
.inner-work .number-se{ font-size: 300px; position: absolute; top: 10px; line-height: 270px; right: 30px; font-weight: 600; color: #e9eaea; z-index: -9;}
.inner-work .img{ width:8%; display:inline-block; vertical-align:top; margin-top:15px;}
.inner-work .content{ width:80%; display:inline-block;}
.inner-work .content .card-header{}

.customers{padding: 5rem 0px !important; background-color: #dcecff;}
.accordion-section{}
.box-style{}
.box-inner{max-width:1024px; margin: 30px auto 30px auto; }
.inner-box-inner{ text-align:center; margin-bottom:30px; margin-top:30px;}
.inner-box-inner h2, .inner-box-inner p{ padding:0 33px; text-align:left;}
.inner-box-inner h2{color: #0d4992; font-size:26.5px;}
.inner-box-inner img{box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;}

/* Get Quotes*/
.quote-top{ border-radius:4px; margin:70px 0;}
.bg-gradient-slant{background: linear-gradient(-45deg, #2062b2, #47c59a 45%, #2972b1 45%) #4f38a4; position:relative; border-radius:4px; padding:30px 40px;}
.quote-top .right-tag{ position:absolute; top: -25px; right: 30px;}
.quote-top h5, .quote-top p{ color:#fff;}

p.font-weight-bold.primary-color{ color: #0d4992; font-weight: 700 !important;}
.bg-muted { background: #f6f6f6; padding:15px;}
.primary-color { color: #0d4992; font-weight: 700 !important;}
.dropdown, .dropleft, .dropright, .dropup { position: relative; margin-bottom: 10px; padding: 7px 0px;}
.dropdown a{color: #6294b0 !important}
a:not([href]) { color: inherit; text-decoration: none;}
.card-faq .dropdown-menu {width: 100%; padding: 10px;}
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 10px 2px; margin: .125rem 0 0; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem;}

/* Search Freight */
#origin-tabContent, #destination-tabContent{ background:#fff; border: 1px solid #e8e7e7;}
.primary-border { border: 1px solid #0d4992;}
.nav-tabs { border-bottom: 1px solid #dee2e6;}
#search_origin_container a, #search_destination_container a { color: #000;}
.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem;}
#search_origin_container .nav-tabs .nav-item.show .nav-link, #search_origin_container .nav-tabs .nav-link.active, #search_destination_container .nav-tabs .nav-item.show .nav-link, #search_destination_container .nav-tabs .nav-link.active { background: #0d4992; color: #FFF; border: 0;}
.accordion-faq:hover { box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1) !important;}
.bg-muted { background: #f6f6f6;}
.rounded { border-radius: .25rem !important;}
.muted-color { color: #929292;}
#tree3 li { margin-bottom: 0.4rem;}
ul.checkboxTree li { list-style-type: none; position: relative; padding-left: 0px;}

ul.checkboxTree { font-family: arial; margin: 0 5px 0 0px; padding: 0;}/* 0 5px 0 10px */
.border-right { border-right: 1px solid #dee2e6 !important;}
.innermargin input{ margin-right:10px;}
.expanded.leaf { margin-left: 14px;}
.border-bottom { border-bottom: 1px solid #dee2e6 !important;}
.layout-slider { margin: 10px; margin-top: 10px; margin-bottom: 10px; margin-bottom: 40px; margin-top: 26px; width: 90%;}
.jslider { display: block; width: 100%; height: 1em; position: relative; top: 0.6em; font-family: Arial, sans-serif;}
#thumbnail-slider ul li.loading::after{ display: none !important;}

/* Recent Job Home page 
.recent-jobs{ width:100%; padding: 0px 15px;}
#thumbnail-slider { margin:0 auto; width:100%; max-width:100%; padding:0px;  box-sizing:border-box; position:relative; -webkit-user-select: none; user-select:none;}
#thumbnail-slider div.inner { position:relative; overflow:hidden; padding:2px 0; margin:0;}
 #thumbnail-slider div.inner ul { white-space:nowrap; position:relative; left:0; top:0; list-style:none;
 font-size:0; padding:0; margin:0; float:left!important; width:100% !important; height:auto!important;}
#thumbnail-slider ul li { width:33% !important; height:auto !important; display:inline-block; *display:inline!important; border:1px solid #ddd !important; margin:0; margin-right:10px; transition:border-color 0.3s; box-sizing:content-box; text-align:center; overflow:hidden; vertical-align:middle; padding:0; position:relative; list-style:none; backface-visibility:hidden;}
#thumbnail-slider ul li.active { border-color:white;}
#thumbnail-slider .thumb { opacity:1; width:100%; height: 100%; background-size:contain; background-repeat:no-repeat;
 background-position:center center; display:block; position:relative; font-size:0; text-align:left;}
#thumbnail-slider .content-right {width: 63.7%; height: auto; position: relative; display: inline-block; font-size: 13px; vertical-align: top;}
#thumbnail-slider .content-right > span{ padding: 7px 5px; display: block;}
#thumbnail-slider .content-right ul {margin: 0 !important; padding: 0px !important; background: #0d4992; padding: 11.5px 5px !important;}
#thumbnail-slider .content-right ul li{ width:100% !important; padding:0px; display: block; text-align: left; border: 0px !important; color: #fff;}
#thumbnail-slider .content-right li{font-size: 13px;}
#thumbnail-slider .content-right ul li span{ float:right;}
#thumbnail-slider img{max-width:75px;}
#thumbnail-slider .content-right p{ font-size:9px; margin-bottom: -3px;}
#thumbnail-slider .content-right ul li{ font-size:11px;}
.carousel-indicators li{ background:#d2d2d2 !important; height: 3px !important; }
.carousel-indicators{ width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; bottom: -40px !important; left: 0; }
.carousel-indicators .active { width: 25px; height: 12px; margin: 1px; background-color: #1f6bc8 !important;}*/

/* --------- navigation controls ------- */
#thumbnail-slider-pause-play {display:none;} 
#thumbnail-slider-prev, #thumbnail-slider-next{ opacity:1; position: absolute; *background-color:#ccc; backface-visibility:hidden; width:32px; height:60px; line-height:60px; top: 50%; margin:0; margin-top:-30px; color:white; z-index:10; cursor:pointer;}
#thumbnail-slider-prev { left:-30px; right:auto;}
#thumbnail-slider-next { left:auto; right:-30px;}
#thumbnail-slider-next.disabled, #thumbnail-slider-prev.disabled { opacity:0.3; cursor:default;}

/* arrows */
#thumbnail-slider-prev::before, #thumbnail-slider-next::before { position: absolute; top: 19px; content: ""; display: block; width: 12px;
 height: 12px; border-left: 6px solid black; border-top: 6px solid black;}
#thumbnail-slider-prev::before { left:7px; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform: rotate(-45deg);}
#thumbnail-slider-next::before { right:7px; -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform: rotate(135deg);}

/*Responsive settings*/
@media only screen and (max-width:736px){
 #thumbnail-slider {padding:10px 26px;}
 #thumbnail-slider-prev {left:0px;}
 #thumbnail-slider-next {right:0px;}
}

/* carrier_account */
.success_message { border: 2px solid #629f13; background-color: #f4f4f4; padding: 15px; margin-top: 10px; margin-bottom: 20px;
 background-image: url(../img/tick_48.png); background-repeat: no-repeat; background-position: top left; padding-left: 70px; min-height: 25px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
.receiver { background-image: url(../img/error2.png); background-repeat: no-repeat; border: 2px solid #d30000; background-color: #ffeee9; padding: 10px;	min-height:50px; padding-left: 50px; padding-top: 8px; text-align: left; color: #d30000; margin-bottom: 15px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
#form-account .row{ margin:0; padding:0; margin-top:15px;}
#form-account .formlabel{float: left; width: 25%;}
#form-account .forminput{float: left; width: 75%;}
#form-account .forminput label input{ margin-right:15px; width:auto !important; display: inline-block; vertical-align: middle;}
#form-account .forminput input, #form-account .forminput select{ width:100% !important;}
#form-account .forminput input, #form-account .forminput select	{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.formnotes { font-size: 12px; color: #999999; margin-top: 2px; margin-bottom: 7px; background-image: url(../img/info1.png); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px;}
.pb-4, .py-4 { padding-bottom: 1.5rem !important;}
.pt-4, .py-4 { padding-top: 1.5rem !important;}
.border.bg-muted.rounded { padding:0px;}
.border.bg-muted.rounded .nav-tabs{padding: 10px;}

.tab-content.bg-light{ padding:15px;}
.tab-content.bg-light .active{box-shadow: none !important;}

/* List Freight */
.color-greeen a { color: #62960e; text-decoration: underline; font-weight: normal;}
.tab-content.bg-light .active{ opacity:1;}

/* DASHBOARD */
.outerbox {background-color: #f2f2f2;border: 1px solid #cccccc; background-image: url(../images/outerbox-bg.jpg);background-position: top;background-repeat: repeat-x;}
#content { text-align: left; font-size: 14.5px;}
.innerbox { background-color: white; border: 1px solid #d5d5d5; font-size: 14px; background-image: url(../images/innerbox-bg.jpg); background-position: top; background-repeat: repeat-x;}
.leftsection { padding: 9px; margin-bottom: 20px;}
.leftsection-icon { float: left; width: 25px;}
.innerbox { }
.leftsection-option { margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dotted #d0d0d0;}
.headerbox { position: relative; clear: both; background-color: #1666ab; background-image: url(../img/headerbox-bg.jpg); background-repeat: no-repeat;
background-size: cover; background-position: left center; padding: 7px 12px 7px 40px; color: white; font-size: 15px; margin-bottom: 20px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px;}
table.listing_table { border-collapse: collapse; border: 0px solid #dddddd;}
table.listing_table { border-collapse: collapse;}
tr.listing_header {  background-color: #eeeeee; line-height: 16px; margin-bottom: 10px;}
table.listing_table td { border-left: 0px dotted #bdcbd6; border-right: 0px dotted #bdcbd6; padding: 6px; padding-left: 6px; padding-left: 8px;
 border-bottom: 3px solid #d5d5d5;}
td { font-size: 13px;}
strong{ font-weight: normal !important; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: normal !important;
}


.style-input{display: inline-block; width: auto;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.sep2 { margin-top: 20px; margin-bottom: 20px; height: 1px; background-color: #e5e5e5; clear: both;}

/* freightseek-address */
.outerbox { background-color: #f2f2f2; border: 1px solid #cccccc;background-image: url(../img/outerbox-bg.jpg); background-position: top; background-repeat: repeat-x;}
.greycontentbox { border: 1px solid #d5d5d5; background-color: #f4f4f4; padding: 10px; margin-top: 10px; margin-bottom: 20px;}
.item { width: 100%; }
.list-left { float: left;width: 40%;text-align: left; font-weight: bold; padding: 5px; padding-right: 5px; padding-left: 5px; padding-left: 0px; padding-right: 8px;}
.list-right { float: left; width: 50%; text-align: left; padding: 5px; padding-right: 5px; padding-left: 5px; padding-left: 0px; padding-right: 8px;}

#rightcolumn a{ color:#1a94ea;}
.formlabel { font-size: 14.5px; font-weight: normal; margin-bottom: 5px; float: left; width: 28%; text-align: left; padding-top: 5px; padding-right: 2%;}
.forminput { float: left; width: 70%; margin-bottom: 15px;}
.invalid-feedback {
    color: #ed2020 !important;
    float: left;
}
blockquote{font-size: 14.5px; border-left: 0px solid #eee}
.close{ 
opacity: 1;
color: #000;
padding: 0px 6px !important;
border-radius: 50%;
position: absolute;
right: 0px;
font-weight: normal;
font-size: 27px;
z-index: 9999;
top: 0px;}
.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -9px;
    right: -27px;
    color: inherit;
}
.close:hover{ 
   
    
    /*background-color: #156cb1 !important;*/
/*background: #484747 !important;
opacity: 1;

color: #fff;
padding: 5px 7px !important;
border-radius: 13px;
position: absolute;
right: -8px;
font-weight: normal;
font-size: 12px;
top: -15px;*/}
.greycontentbox .item{width: 100%; border-bottom: 1px solid #e5e5e5;}
.left { float: left; font-size:12px;}

@media (max-width: 767px) {
	.container{width:100%;}
	.navbar-brand > img{width: 165px;}
	.navbar-header .navbar-brand { padding: 2px 0px;}
	.navbar-static-top{height: 55px;}
	.navbar-inverse .navbar-toggle{background: #187fb9; border: 0; margin-top: 14px;}
	.h1, h1{font-size: 18px;}
	.h2, h2{font-size: 16px;}
	body{font-size: 13px;}
	.nav.navbar-nav{width: 200px;
float: inline-end;
clear: both;
text-align: center;}
/*.border.bg-muted.rounded .nav-tabs .nav-link {
    padding: 10px 7px !important;
}*/
#rightcolumn{ margin-top: 15px !important; }
.w100{ width: 94% !important; }
.mar_left{ margin-left: 0px !important; }
.nav_l{margin-right: 15px !important;
border-left: none !important;
padding-left: 8px !important;
margin-bottom: 10px !important;}
	.navbar-inverse .navbar-collapse { padding: 0;}
	.top-menu{text-align: center; float: none !important;}
	img{ }
	#rightcolumn form{overflow: auto;}
	.contact .card-body{width: 100%;}
	.login-welcome{min-height: auto;}
	.login-inner .card-body { height: auto;}
	.reg-inner ul li .fa{margin-right: 3px;}
	.stamp { width: 50%; float: right; margin-right: -20px;}
	.howwork .howwork-top span{margin: 0 5px;}
	.inner-work .number-se{color: #f6f6f6;}
	.inner-work .img{width: 18%;}
	.card-header .btn.btn-link { white-space: unset; text-align: left !important; font-size: 15px !important;}
	.question .btn-success{padding: 10px 10px; font-size: 13px;}
	.question{padding: 30px 20px; min-height: auto;}
	.inner-work{padding: 20px; max-width: 100%;}
	.customers img{margin: 10px 0;}
	.formlabel, #form-account .forminput{ width:100% !important;}
	/*.carousel-inner .img-responsive{height: auto !important;}*/
	.login-welcome{padding: 2rem 3rem;}
	.primary-border.rounded{padding: 10px !important;}
	.align-items-center.text-center img{margin: 5% 0 !important;}
	#map_container{ margin-top:35px;}
	.column{ overflow:auto;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.container{width:100% !important;}
	.tab-style .nav-tabs li a{font-size: 12px;}
	.marketplace .comman{padding: 30px 5px; min-height: 335px;}
	.login-welcome{padding: 2rem 3rem;}
	.login-welcome{min-height: auto;}
	.contact .card-body{width: 100%; height:auto;}
	.login-welcome{min-height: auto;}
}

@media only screen and (min-width: 1200px) and (max-width: 1359px) {
	.container{width:100% !important;}
	.tab-style .nav-tabs li a{font-size: 12px;}
	.marketplace .comman{padding: 30px 5px; min-height: 335px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1370px) {
	.container{width:1280px;}
	.tab-style .nav-tabs li a{font-size: 12px;}
	.marketplace .comman{padding: 30px 5px; min-height: 335px;}
}

/*.carousel-control { padding-top:10%; width:5%;}.carousel-control.right, .carousel-control.left { background: #1f6bc8; padding: 0; font-size: 23px;margin-top: 12%; height: 40px; margin-right: 0;}*/

.sticky { position: sticky; top: 0; width: 100%; z-index:999;}
.sticky + .content { padding-top: 102px;}

/* New Design */
.menu { width: 100%; z-index: 99; position: static;}
.menu.sticky { position: fixed; top: 0;}
.menu { padding: 0; margin: 0 0 30px; font-size: 1.5em; background: #fff;}
.menu-item { border: none; border-bottom: 5px solid #fff; display: inline-block; padding: 5px 0; margin: 0 15px;}

/* .right-stikey .sticky{ padding-top:50px;} */
.accept { display: flex;}
.accept img{ max-width:40px; margin-right:7px;}
.social-media{ display: flex;}
.social-media a{ color: #fff; padding: 6px 0px; border: 1px solid #fff; border-radius: 5px; margin-right: 7px; width: 30px; height: 30px; text-align: center;}
.social-media a:hover{ border: 1px solid #0d4992; color: #fff; text-decoration: none; background:#0d4992;}

.service-icon { color: #0d4992;}
.service-icon svg { height: 8rem; transition: transform .4s; }
.service-icon p { margin-top: 0.5rem; min-height:50px; transition: transform .4s; }
svg:not(:root) { overflow: hidden;}
.h2, h2 { font-size: 26px;}
.font-weight-bold { font-weight: 700 !important;}
.h4, h4 { font-size: 1.5rem;}
.footer-h5{margin-top: 0;border-bottom: 1px solid #fff;padding-bottom: 10px;color: #fff;font-size: 19px;}
.parallax-background{ background-image: url(../img/become-a-transporter.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.hasDatepicker{background-image: url(../img/calender.png); background-size: 13px 13px; background-position: 98% 9px !important;}

.btn.btn-link .fa-plus{ display:none;}
.btn.btn-link.collapsed .fa-minus{ display:none}
.btn.btn-link.collapsed .fa-plus{ display:block}

.parallax-background-1{ background-image: url(../img/become-a-transporter-1.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.parallax-background-2{ background-image: url(../img/become-a-transporter-2.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover;}
.parallax-background-3{ background-image: url(../img/become-a-transporter-3.jpg); background-repeat: no-repeat; background-attachment: fixed; margin-bottom:80px; margin-top:45px; padding: 70px 60px 30px 60px; background-size: cover;}

.tabs-que-quote li.active a{background: #1679ba !important; color:#fff !important; } 
.tabs-que-quote li a{background: #eee}
.tabs-que-quote .tab-content { border:1px solid #eee; padding:5px;}



/* .slideshow-container {  max-width: 1000px;  position: relative;  margin: auto;} */

/* Hide the images by default */
.mySlides {  display: none;  transition: transform .6s ease-in-out;}

/* Next & previous buttons */
.prev, .next {  cursor: pointer;  position: absolute;   width: auto;  margin-top: -22px;  padding: 16px;  color: white;  font-weight: bold;
  font-size: 18px;  transition: 0.6s ease;  border-radius: 0 3px 3px 0;  user-select: none;top: 21px;
    margin-right: 7px;  color: #000;}

/* Position the "next button" to the right */
.next {
  right: 0;

  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 7px;
  width: 7px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #0d4992;
    background-color: transparent;
}

footer .text-left{ }
footer .text-right{ padding-right:30px;}

.service-icon:hover { transition: transform .4s; 
    text-decoration: none;
    color: #89c426;
}
.service-icon:hover svg g, .service-icon:hover svg path, .service-icon:hover svg rect, .service-icon:hover svg line, .service-icon:hover svg circle, .service-icon:hover svg polygon, .service-icon:hover svg polyline{color: #89c426; stroke: #89c426; stroke: #89c426;  transition: transform .4s; }






.header {
  padding: 10px 16px;
  background: #555;
  color: #f1f1f1;
}

/* Page content */
.content {
  padding: 16px;
}

/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 102px;
}

.right-stikey{ position:sticky;}
.right-stikey .tab-style.navbar-wrapper { position:sticky;}


.fixme { max-width: 345px; transition: transform .4s; }







/* http://www.menucool.com/jquery-slider */

#thumbnail-slider {
    margin:0 auto; /*center-aligned*/
    width:100%;/*width:400px;*/
    max-width:100%;
    padding:0;
    /* background-color:#f2f1ea;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3); */
    box-sizing:border-box;
    position:relative;
    -webkit-user-select: none;
    user-select:none;
}

#thumbnail-slider div.inner {
    /*the followings should not be changed */
    position:relative;
    overflow:hidden;
    padding:2px 0;
    margin:0;
}

 
#thumbnail-slider div.inner ul {
    /*the followings should not be changed */
    white-space:nowrap;
    position:relative;
    left:0; top:0;
    list-style:none;
    font-size:0;
    padding:0;
    margin:0;
    float:left!important;
   /*  width:96%!important; */
    height:auto!important;
}
#thumbnail-slider div.inner ul ul{width:99.5%!important;}

#thumbnail-slider ul li { width:235px !important;
    display:inline-block;
    /**display:inline!important; IE7 hack*/
    border:0px solid black;
    margin:0;
    margin-right:10px; /* Spacing between thumbs*/
    transition:border-color 0.3s;
    box-sizing:content-box;
    text-align:center;
    vertical-align:top;
    padding:0;
    position:relative;
    list-style:none;
    backface-visibility:hidden;

	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

#thumbnail-slider ul li.active {
    border-color:white;
}

#thumbnail-slider .thumb {
    opacity:1;
    width:100%;
    height: 100%;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    display:block;
    position:relative;
    font-size:0;
}

/* --------- navigation controls ------- */
/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */

#thumbnail-slider-pause-play {display:none;} /*.pause*/

#thumbnail-slider-prev, #thumbnail-slider-next
{
    opacity:1;
    position: absolute;
    /*background-color:#0346a3;*/
    *background-color:#ccc;/*IE7 hack*/
    backface-visibility:hidden;
    width:32px;
    height:60px;
    line-height:60px;
    top: 50%;
    margin:0;
    margin-top:-30px;
    color:white;    
    z-index:10;
    cursor:pointer;
}

#thumbnail-slider-prev {
    left:-30px; right:auto;
}

#thumbnail-slider-next {
    left:auto; right:-30px;
}
#thumbnail-slider-next.disabled, #thumbnail-slider-prev.disabled {
    opacity:0.3;
    cursor:default;
}


/* arrows */
#thumbnail-slider-prev::before, #thumbnail-slider-next::before {
    position: absolute;
    top: 19px;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-left: 6px solid black;
    border-top: 6px solid black;
}

#thumbnail-slider-prev::before {
    left:7px;
    -ms-transform:rotate(-45deg);/*IE9*/
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
}

#thumbnail-slider-next::before {
    right:7px;
    -ms-transform:rotate(135deg);/*IE9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
}

/*Responsive settings*/
@media only screen and (max-width:736px){

    #thumbnail-slider {padding:10px 26px;}

    #thumbnail-slider-prev {left:0px;}

    #thumbnail-slider-next {right:0px;}
}



#thumbnail-slider .content-right {width: 67.9%; height: auto; position: relative; display: inline-block; font-size: 13px; vertical-align: top;}
#thumbnail-slider .content-right > span{ padding: 7px 5px; display: block;}
#thumbnail-slider .content-right ul {margin: 0 !important; padding: 0px !important; background: #0d4992; padding: 11.5px 5px !important;}
#thumbnail-slider .content-right ul li{ width:100% !important; padding:0px; display: block; text-align: left; border: 0px !important; color: #fff;}
#thumbnail-slider .content-right li{font-size: 13px;}
#thumbnail-slider .content-right ul li span{ float:right;}
#thumbnail-slider img{max-width:75px;}
#thumbnail-slider .content-right p{ font-size:9px; margin-bottom: -3px;}
#thumbnail-slider .content-right ul li{ font-size:11px;}




/*jssor slider loading skin spin css*/
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 057 css*/
		.jssorb057{ display:none;}
        .jssorb057 .i {position:absolute;cursor:pointer;}
        .jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 073 css*/
        .jssora073 {display:block;position:absolute;cursor:pointer; width: 30px !important;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}
		
		.recent-jobs > div{height:290px;}
		.recent-jobs .thumb img{max-width: 134px !important;}
		.recent-jobs .content-right span{ text-align:center;}
		.recent-jobs .content-right span h4{ font-size:21px;}
		.recent-jobs .content-right span p{ font-size:15px !important;}
		.recent-jobs .content-right span small{ font-size:14px !important;}
		.recent-jobs .content-right ul li{font-size:14px !important;}

/*Custom CSS Mandar*/

.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.delete {
   padding: 0px 6px;
top: 463px;
margin-right: 1px;
position: absolute;
z-index: 1;
left: 478px;
}
.rounded-circle {
    border-radius: 50% !important;
}

.item-border {
	border: 1px solid rgba(0,0,0,.125);
	border-radius: 0.25rem;
	margin-bottom: 20px !important;
}

.mr-2, .mx-2 {
    margin-right: .5rem!important;
}
.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.ml-md-auto, .mx-md-auto {
    margin-left: auto!important;
}

.pb-5, .py-5 {
    padding-bottom: 3rem!important;
}
.pt-5, .py-5 {
    padding-top: 3rem!important;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
}

@media (min-width: 992px){
.d-lg-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
}

.ml-1, .mx-1 {
    margin-left: .25rem!important;
}

.panel-group .panel-default {border: none !important;
box-shadow: none !important;}

.panel-heading {
    padding: 10px 0px !important; border-bottom: 1px solid #d2d2d2 !important;}
.panel-heading a {
    color: #0d4992 !important;
    text-decoration: none !important;
}
.panel-heading a:hover{ text-decoration: none !important; }
.panel-body{background-color: #f6f6f6 !important;
border-top: 1px solid #f5f5f5 !important;
padding: 0 !important; padding: 25px !important;}

/*color: #6294b0 !important;*/

.btn-warning {
    border-color: #aaa9a9;
    color: #555 !important;
background-color: #efefef !important;
}
.btn-warning:hover {
    border-color: #aaa9a9;
    color: #555 !important;
background-color: #efefef !important;
}

.btn-success{background:#0d4992; border-color: #0d4992;}
.btn-success:hover{background:#89c426; border-color: #89c426;}

.status-success{background:#0d4992; border-color: #0d4992; color: white;
padding: 1px 4px 1px 4px;
border-radius: 5px;
-webkit-border-radius: 5px;}

.status-accepted { color: white; padding: 1px 4px 1px 4px; background-color: #f500c4; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: inline-block; text-align: center;}
.status-declined { color: white; padding: 1px 4px 1px 4px; background-color: #d30000; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  display: inline-block; text-align: center;}
.status-complete { color: white; padding: 1px 4px 1px 4px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #8fcb29;  display: inline-block; text-align: center;}
/*.status-complete { color: white; padding: 1px 4px 1px 4px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #8fcb29; width: 77px; display: inline-block; text-align: center;}*/
.status-complete-pending{background-color: #F60;
display: inline-block;
text-align: center;
color: white; padding: 1px 4px 1px 4px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

.status-book{background-color: #F60;
display: inline-block;
text-align: center;
width: 77px;
color: white; padding: 1px 4px 1px 4px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

.bwidth{ width: 100px !important; margin-bottom: 5px; }
.swal-button--success {
    background-color:#89c426 !important;
}
.swal-button--danger {
    background-color: #89c426 !important;
}
.btn-danger {
    border-color: #f00 !important;
color: #f00 !important;
background-color: #fff !important;
}
.btn-danger:hover {
    border-color: #aaa9a9 !important;
}
.margin-bottom10{ margin-bottom: 10px; }
.modal-dialog {
    min-height: calc(100% - (1.75rem * 2)); display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;top: auto; margin: 1.7rem auto;
}
.modal-content{ width: 100%; padding:4% !important;}

.but_active{    padding: 10px 38px;
    margin-bottom: 20px;
    border-radius: 5px 5px 0 0;
    color: #fff !important;
    background-color: #6fad1f;
    border: 1px solid #6fad1f;}

    .but_deactive{    padding: 10px 38px;
    margin-bottom: 20px;
    border-radius: 5px 5px 0 0;
    color: #fff !important;
    background-color: #0d4992;
    border: 1px solid #0d4992;}

    @media screen and (max-width: 600px) {
        .but_active{
         width: 100% !important; margin-bottom: 5px;}
        .but_deactive{width: 100% !important; margin-bottom: 5px;}  
        footer .text-left {
    padding-left: 20px;
}
.revorse {
    flex-direction: column-reverse;
    display: flex;
}
.position_unset{ position: unset !important; margin-top: 0px !important; }
    }


    .star_reting{float: left;
width: 100%;
margin-bottom: 5px;}

.glyphicon {
    position: relative;
    top: 0px !important;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 26px !important;
    font-weight: bold !important;
    padding-right: 10px !important;
    /*margin-bottom: 21px !important;*/
    float: left;
}
.ui-widget-content {
    border: none !important;
    background: none !important;
    color: #222222;
}


.prev span {
    color: black;
    
}
.next span {
    color: black;
    
}

.table-condensed{
    width: 200px !important;
}

.control{ padding: 5px 10px; height: 30px !important; }
.formlabel-newrow{ margin-bottom: 15px; }
/*.btn-sm{ padding: 7px 10px !important; }*/
/*.flex{ display: flex; }*/

.slide_bg{ background-image: none;
padding: 0;
margin-bottom: 25px;}
@media only screen (min-device-width : 240px) and (max-device-width : 319px) {
    .border.bg-muted.rounded .nav-tabs .nav-link {
    padding: 10px 2px !important;
}
}
@media only screen (min-device-width : 320px) and (max-device-width : 540px) {
    .col-sm-6{ width: 50%; float: left; }
    .tab-style .nav-tabs li a {
    font-size: 12px;
}
.w100{ width: 100%; }
.flex1{display: flex;
flex-direction: row;
flex-wrap: wrap;}
.w50{ width: 50%; }
.border.bg-muted.rounded .nav-tabs .nav-link {
    padding: 10px 2px !important;
}
}
.border.bg-muted.rounded .nav-tabs .nav-link{padding: 10px;}
.chat122{ background-color: #a8d6f4;
padding: 10px;
max-width: 70%;
border-radius: 10px;
color: #020202;}
.chat121{ background-color: #a8d6f4;
padding: 10px;
max-width: 100%;
border-radius: 10px;
color: #020202;}
.chat131{ background-color: #d7f9ab;
padding: 10px;
width: 100%;
margin-bottom: 10px;
border-radius: 10px;
color: #020202;}
.chat132{ background-color: #d7f9ab;
padding: 10px;
max-width: 70%;
border-radius: 10px;
color: #020202;}
.date_t{ font-size: 12px;
font-style: italic;
color: #737373;
float: right;
padding-top: 15px; }
.mt10{ margin-top: 10px; }

.recent_f_title{font-size: 14px;
font-weight: normal;
color: #000;}

.recent_f_dis{font-size: 12px !important;
font-weight: normal;
color: #979797;}
.title_r{font-weight: 500;
color: #1563a5;
font-size: 14px;
text-align: center;}

.tooltip {
  position: relative;
  display: inline-block;
  font-size: 14px;
  
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}


@media only screen (max-device-width : 320px) {
    
.flex1{display: flex;
flex-direction: row;
flex-wrap: wrap;}
.w50{ width: 50%; }
}


/********************************/
/* Date:  15 April 2022; 
New CSS for the corousel or sliders 
(Swapnil G) */
/********************************/


.fade-carousel {
    position: relative;
    /*height: 327px;*/
}
.fade-carousel .carousel-inner .item {
    height: 327px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    /*text-align: center;
    text-transform: uppercase;*/
    width: 100%;    
    height: 327px;
    text-shadow: 1px 1px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
    /*font-size: 6em;    
    font-weight: bold;*/
    margin: 0;
    padding: 0;
}

hgroup{
    top: 25px;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #080d15;
    opacity: .7;
}

/********************************/
/*          Custom Buttons      */
/********************************/
/*.btn.btn-lg {padding: 10px 40px;}*/
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3 {
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: none; /*linear-gradient(to right bottom, #0d4992, #00589b, #0067a2, #0075a7, #0082aa, #008eb1, #0e9bb7, #21a7bc, #2bb7c6, #37c6cf, #47d6d7, #58e6de); */
}
.fade-carousel .slides .slide-2 {
  background-image: none; /*linear-gradient(to right bottom, #0d4992, #00589b, #0067a2, #0075a7, #0082aa, #008eb1, #0e9bb7, #21a7bc, #2bb7c6, #37c6cf, #47d6d7, #58e6de); */
}
.fade-carousel .slides .slide-3 {
  background-image: none; /*linear-gradient(to right bottom, #0d4992, #00589b, #0067a2, #0075a7, #0082aa, #008eb1, #0e9bb7, #21a7bc, #2bb7c6, #37c6cf, #47d6d7, #58e6de); */
}

.carousel-indicators{
    bottom: 0px !important;
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 18px; }
    .silder-frame{ width: 250px !important; height: auto !important; }   
    .lead{margin-bottom: 10px !important; font-size: 13px !important;} 
    .float-right{float: right; font-size: 14px;}
    .about-hgroup{top: 5% !important;;}
}

/********************************/
/*          MultiCarousel      */
/********************************/

.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }    
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }