/*************** common classes starts ***************/
@media (min-width:1500px){.container{max-width:1170px!important;}}
body{font-family: 'Raleway', sans-serif; font-size:16px!important;font-weight:400; color:#000000;}
a{color:inherit; text-decoration:none !important;}
.fluid0{padding:0;}
.boxpadding{padding-bottom:30px;}
.bodybg{background-color:#ffffff;}
.bgwhite{background-color:#ffffff;}
.btn{font-weight:500; transition:.5s;}
.a:hover{color:none; text-decoration:none;}
.shadow-sm{box-shadow:none !important;}
ol, ul {padding-left: 0px;}
/*************** common classes ends ***************/
/******* gotop & whtsapp starts *******/
.gotopround{width:40px; height:40px; line-height:35px; background-color:#d65050; color:#ffffff;}
.gotopround:hover{background-color:#ffffff; color:#d65050;}
.gotop{position:fixed; right:23px; bottom:11px; z-index:120;}

/******* gotop & whtsapp ends *******/
/*************** header classes starts ***************/
#header {box-shadow: none; z-index: 199;height:120px;background-color: rgba(255, 255, 255, 0.9); }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {content: ""!important;border-top: 0;}

.navbar-brand{padding:10px 0px;}
.tdropdownhead{font-size:20px;font-weight:600;line-height:30px;color:#FF9900;border-bottom:1px solid #FF9900;}
.dropdown-menu .content p {font-weight:700;line-height:25px;color:#FFFFFF;padding: 10px 20px;transition:0.5s ease all;font-size: 14px;border-bottom: 1px solid #252525;}
.dropdown-menu .content p:hover{color:#FFFFFF;background-color:#d65050;transition:0.5s ease all;}
.dropdown-menu .content .active {color: #FFFFFF;}
nav.bootsnav .collapse {display: block;}

/******** fixed nav classes starts ********/
@media (min-width: 1200px) {
nav.navbar.bootsnav ul.nav li.dropdown.on > a, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a:hover, .fixed-nav nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:hover, .white-bg nav.navbar.bootsnav ul.nav > li > a.active, .fixed-nav nav.navbar.bootsnav ul.nav > li > a.active, nav.navbar.bootsnav ul.nav > li > a.active {color: #d65050;}
}
#header.fixed-nav {background-color: #FFFFFF; height: 10px;position:fixed!important;}

#header.fixed-nav .navbar-brand {padding-top: 0px;padding-bottom: 0px;}
.fixed-nav nav.navbar.bootsnav ul.nav li > a {padding: 1px 10px;}
/******** fixed nav classes ends ********/

/******** single dropdown classes starts ********/
.dropdown-menu {width: 180px!important;}
.single-menu {margin-top: 8px!important;}
.single-menu li {padding: 13px 0px 13px 0px!important;}
.single-menu li:hover {background-color: #FF9900;color: #FFFFFF;}
.single-menu li:hover a{color: #FFFFFF!important;}
/******** single dropdown classes ends ********/

.bgdropdown{background-color: #161625!important;}

.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}}.fade-Out-Up{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}.fade-In-Down, .navbar-full .animated{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
/*************** header classes ends ***************/

/*************** ibanner classes starts ***************/
.background-slideshow {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-top:72px;
  animation: backgroundAnimation 20s steps(1, end) infinite;
}

@keyframes backgroundAnimation {
  0%   { background-image: url('../img/air-freight-marakish.jpg'); }
  33%  { background-image: url('../img/sea-freight-marakish.jpg'); }
  66%  { background-image: url('../img/road-freight.jpg'); }
  100% { background-image: url('../img/air-freight-marakish.jpg'); } 
}
.custom-padding {
  padding-left: 90px;
  padding-right: 90px;
  padding-bottom:100px;
  padding-top:100px;
}
.tbannerheading{font-size: 42px; font-weight:600;color: #FFFFFF;padding-bottom:120px;line-height:47px;}
.tbannerhead{font-size: 22px;color: #272424;font-weight:600}
.tbannersubhead{font-size: 35px;font-weight: 600;color: #FFFFFF;}
.tbannertext{font-size: 16px;font-weight: 400; line-height:25px;color: #FFFFFF;}
.tbutton {
  padding: 10px 20px;              
  border: 1px solid #ffffff;     
  background-color: transparent;   
  color: #ffffff;                
  text-decoration: none;           
  border-radius: 40px;
  font-size: 15px;  
}
.bgroadfreight{
 background-image: url('../img/new-road.jpg'); 
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 height:100%;
 border-radius: 10px; 
}
.bgairfreight{
 background-image: url('../img/air-001.jpg'); 
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 height:100%;
 border-radius: 10px; 
}
.bgseafreight{
 background-image: url('../img/sea-freight02.jpg'); 
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 height:100%;
 border-radius: 10px; 
}
.custom {
  padding-left: 70px;
  padding-right: 90px;
  padding-bottom:100px;
  padding-top:100px;
}
/*************** ibanner classes ends***************/
/*************** iservices classes starts ***************/
.tblack{color: #443f3f;}
.tservicetext{font-size: 20px;color: #443f3f;font-weight: 600;line-height:25px;}
.iservicebg{background-color: #D9E6ED;}
.tblue{color:#58AAE9;}
.tservicesheading{font-size: 26px;color: #443f3f;font-weight: 600;line-height:31px;}
.tservicesheadtext{font-size: 14px;color: #47425d;font-weight: 400;line-height:21px;}
.section-line {
  width: 9%;
  height: 2px;
  background-color: #58AAE9;
  margin: 10px auto 30px auto;
  border-radius: 2px;
}
.service-box {display: flex;align-items: flex-start;gap: 10px;}
.ticon {font-size: 40px; color: #58AAE9;margin-top: -11px;}
/*************** iservices classes starts ***************/

/*************** iabout classes starts ***************/ 
.taboutheading{font-size: 35px;font-weight: 600;line-height:40px;color: #443f3f;} 
.tabouttext{font-size: 14px;color: #443f3f;font-weight: 400;line-height:21px;color: #47425d;}
.section-width {
    width: 6%;
    height: 2px;
    background-color: #58AAE9;
    margin: 10px auto 30px auto;
    border-radius: 2px;
}
.custom-btn {
    display: inline-flex;
    align-items: center;
    background-color: #222A51;
    color: #ffffff;
    padding: 8px 24px;
    border-radius: 3px;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
	width: max-content;
}
.button-row {display: flex;justify-content: center;gap: 50px;padding-bottom:80px;}
.button-padding {display: flex;}
.arrow-icon{padding: 5px;}
.custom-button {
  padding: 8px 24px;
  width:300px;
  height:40px;
  display: inline-flex;
  background-color: #222A51;
  color: #ffffff;
  border-radius: 3px;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
}
.custom-button i {font-size: 18px;}
/*************** iabout classes ends ***************/    
/***********************inner pages style starts ***********************/
.tred{color: #d65050;}
.tred:hover{color: #443f3f;}
.tshipspares{transition: all 0.2s linear 0s; text-decoration: underline !important; outline: none; color: #00c4b4;}
.bgbanner{margin-top:120px;}
.theading{font-size: 30px;font-weight: 600;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);line-height: 35px;color: #000000;}
.tsubheading{font-size: 22px;font-weight:600;line-height: 27px;color: #000000;}
.ttext{font-size: 14px;font-weight: 400;line-height: 22px;color: #000000;}
.tlisttext{font-size: 14px;font-weight: 400;color: #000000;}
.tsubheading01{font-size: 23px;color: #443f3f;font-weight: 600;line-height: 28px;}
.tsubheading02{font-size: 18px;color: #000000;font-weight:600;line-height: 23px;}
.ttext01{text-align: justify;}
.tsubheading03{font-size: 20px;color: #443f3f;font-weight: 600;line-height: 25px;}
.ttext02{font-size: 16px;color: #47425d;font-weight: 400;line-height: 24px;}
.theading01{font-size: 52px;font-weight: 600;color: #443f3f;line-height: 57px;}
/*********************** inner pages style ends ***********************/ 
/***********************contact starts ***********************/
.contact-banner{margin-top:74px;}
.form-control{
 color: #767676;
 background-color: #fafafa;
 border: 1px solid #dbdbdb;
 height: 50px;
 padding: 4px 20px;
 border-radius: 0;
 transition: all 0.3s ease-in-out;
 width: 70%;
 text-shadow: none;
}
.form-control:focus {
  border: 2px solid #000; 
  border-radius: 5px;      
  box-shadow: none !important;         
  outline: none !important;  
}
.form-control::placeholder {color:#dbdbdb;}
.textarea {width: 100%;height: 120px;padding: 15px 20px;}
.button-send {
 color: #fff;
 background-color: #d65050;
 border: 1px solid #d65050;
 position: relative;
 display: inline-block;
 font-size: 13px;
 line-height: 24px;
 font-weight: 700;
 padding: 12px 34px;
 width:152px;
 border-radius: 3px;
 transition: all 0.3s;
}
.button-send:hover {background-color: #fff;color: #d65050;border: 1px solid #d65050;}
.form-enquiry{
 width: 35%;
 color: #767676;
 background-color: #fafafa;
 border: 1px solid #dbdbdb;
 height: 50px;
 padding: 4px 20px;
 border-radius: 0;
 transition: all 0.3s ease-in-out;
 text-shadow: none;
 }
.form-enquiry:focus {border: 2px solid #000;border-radius: 5px;box-shadow: none !important;outline: none !important;}
.form-enquiry::placeholder {color:#dbdbdb;}
.form-enquiry01{width: 20%;}
/***********************contact ends***********************/
 
/*********************** ibottom starts ***********************/
.bottombg{background-color: #000000;}
.tbottomhead{color: #ffffff;font-size: 22px;font-weight: 600;line-height:27px;}
.tbottomlinks{color: #ffffff;font-size: 16px !important;font-weight: 400;}
input.placehoder {
 color: #767676;
 background-color: #fafafa;
 border: 1px solid #dbdbdb;
 height: 50px;
 padding: 4px 20px;
 border-radius: 0;
 transition: all 0.3s ease-in-out;
}
input.placehoder::placeholder {color: #888;}
/*********************** ibottom ends ***********************/

/********** copyright starts **********/
.tcopyright{font-size:16px; color:#a3a3a3; font-weight:500; line-height:21px;}
.tdesignby{font-size:12px; color:#a3a3a3; font-weight:400; line-height:17px;}
/********** copyright ends **********/

/********** search starts **********/
.tsearchresult {font-size: 23px;color: #443f3f;font-weight: 600;}
.result-title {font-size: 36px;color: #d65050; font-weight: 600; margin-bottom: 15px; text-decoration: none; display: inline-block;}
.result-title a:hover {color: #443f3f;} 
.result-snippet { font-size: 16px; line-height:31px;color: #47425d;}
.separator { width: 30px; height: 1px; background-color: #dc3545; margin-bottom: 2rem;}
.nothingheading {
 color: #ccc;
 padding-top: 100px;
 font-size: 52px;
 font-weight: 600;
 margin-bottom: 20px;
 line-height:57px;
}
.search-form {
  display: flex;
  gap: 10px;
}
.result {
  padding: 10px 15px;
  font-size: 16px;
  border: 1px solid #ccc;
  min-width: 250px;
}
.button-search{
  background-color: #d65050;
  border: 1px solid #d65050;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  line-height: 24px;
  font-weight: 700;
  padding: 12px 34px;  
}
.button-search:hover {background-color: #fff;color: #d65050;border: 1px solid #d65050;}

/********** search ends **********/

/******************************** Media Query Starts ********************************/
/*** COL & SM & MD starts ***/
@media only screen and (min-device-width:320px) and (max-device-width:991px){
	nav.bootsnav .collapse {display: none;}
.fixed-nav nav.navbar.bootsnav ul.nav li > a {padding: 10px 22px;}
nav.navbar.bootsnav .navbar-toggle {background-color: transparent !important;}
#header.fixed-nav nav.navbar.bootsnav .navbar-toggle {margin-top: 10px;background-color: transparent !important;}
nav.navbar.bootsnav .navbar-collapse.collapse.show{display:block !important;}nav.navbar.bootsnav.navbar-mobile .navbar-collapse.show{left:0;}.bootsnav button.navbar-toggler:focus {box-shadow: none;outline: 1px transparent;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left, nav.bootsnav.brand-center .navbar-collapse .col-half.left {padding-right: 60px;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right, nav.bootsnav.brand-center .navbar-collapse .col-half.right {padding-left: 60px;}nav.navbar.bootsnav .attr-nav, nav.navbar.bootsnav.navbar-transparent .attr-nav {padding-left: 10px;margin-left: 0;}.fixed-nav nav.bootsnav .navbar-brand > img.logo, .fixed-nav .navbar-brand .logo {margin-top: 8px;height: 40px;}.attr-nav > ul > li.dropdown ul.dropdown-menu {left: -242px;}nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu .content ul.menu-col li a {padding: 10px 5px !important;}nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {padding: 0 20px;}#header nav.navbar.bootsnav .nav {-ms-flex-direction: column;flex-direction: column;padding: 0px; font-size:15px;}nav.bootsnav .collapse {display: none;}nav.bootsnav .collapse.show {display: block;}#header nav.navbar.bootsnav.navbar-left {display: -webkit-flex;display: flex;}#header nav.navbar.bootsnav .navbar-header {width: 100%;}#header nav.navbar.bootsnav .collapse.show {width: 100%;}
#header nav.navbar.bootsnav.navbar-mobile .navbar-collapse.collapse.show {width: 265px;}#header nav.navbar.bootsnav.navbar-mobile ul.nav {margin-left: -11px;}nav.navbar.bootsnav.navbar-mobile .navbox-collapse {width: 270px;}nav.navbar.bootsnav.navbar-mobile ul.nav {width: 283px;}nav.navbar.brand-center.bootsnav ul.nav > li > a {padding: 10px;}#header nav.navbar.bootsnav.navbar-center .collapse {display: none;}#header nav.navbar.bootsnav.navbar-center .collapse.show {display: block;}#header nav.navbar.bootsnav.navbar-center .collapse ul.nav {margin: 0;}#header nav.navbar.bootsnav.brand-center .navbar-collapse, #header.fixed-nav nav.navbar.bootsnav.brand-center .navbar-collapse {margin-top: 0;}#header nav.navbar.bootsnav .navbar-collapse.collapse.show {display: block !important;}#header nav.navbar.bootsnav.brand-center ul.nav {display: block !important;}#header nav.navbar.bootsnav.brand-center .navbar-nav > li > a {border: none;}#header nav.navbar.bootsnav.brand-center ul.nav > li {padding: 0;}#header nav.navbar.bootsnav.brand-center .navbar-nav {padding-right: 20px;margin: 0;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left,nav.bootsnav.brand-center .navbar-collapse .col-half.left {padding-right: 0;}nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right,nav.bootsnav.brand-center .navbar-collapse .col-half.right {padding-left: 0;}nav.bootsnav.navbar-full .navbar-collapse {z-index: 10;}nav.bootsnav.navbar-full .navbar-collapse {left: 0;}
nav.bootsnav.navbar-full .navbox-collapse {left: 0;z-index: 10;}.fixed-top{position:fixed;top:0;right:0;left:0;} .navbox-collapse, #header nav.navbar.bootsnav .collapse.show {overflow: auto;}#header.fixed-nav nav.navbar.bootsnav .collapse.show {max-height: calc(100vh - 56px);}#header nav.navbar.bootsnav.navbar-full .collapse.navbar-collapse.show,#header nav.navbar.bootsnav.navbar-mobile .collapse.navbar-collapse.show {max-height: 100vh;}.navbox-collapse ul.nav.navbar-nav {margin-bottom: 0;padding-top: 10px;padding-bottom: 10px;background-color: #f0f0f0;}nav.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a { color:#fff;} .navbox-collapse ul.nav.navbar-nav li:hover a, .navbox-collapse ul.nav.navbar-nav li a:hover {}.navbar-nav {margin-top: 0;}

button .menubar1, button .menubar2, button .menubar3 {display: block;width: 22px;height: 4px;background-color: #1e1e1e;margin: 4px 0;transition: 0.3s;}
button.toggle .menubar1 {-webkit-transform: rotate(-45deg) translate(-4px, 5px);transform: rotate(-45deg) translate(-4px, 5px);background-color: #1e1e1e;}
button.toggle .menubar2 {opacity: 0;}
button.toggle .menubar3 {-webkit-transform: rotate(45deg) translate(-6px, -8px);transform: rotate(45deg) translate(-6px, -8px);}


#header.fixed-nav nav.navbar.bootsnav.brand-center .navbar-collapse {margin-top: 6px;}
nav.navbar.bootsnav.navbar-mobile .navbox-collapse {width: 240px;}
.nav li{padding:10px 0px !important;border-bottom:1px solid #252525;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {padding: 0px !important; background-color: #161625!important;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {border-bottom: none;padding: 0px 10px;color: #FFFFFF;font-size: 14px;}
}
@media only screen and (min-device-width:320px) and (max-device-width:574px){
.tbannerheading{font-size:28px;line-height:33px;}
#header nav.navbar.bootsnav .collapse.show {width: 100%!important;background-color:  #1c1c1c;position: absolute;top: 200px; left: 0;z-index: 9999;}
.fixed-top .navbox-collapse, #header nav.navbar.bootsnav .collapse.show {margin-top: -72px;}
.tcopyright {line-height: 32px;}
.tservicetext {line-height: 19px;}
.services{padding:40px 40px 40px 40px;}
.contact-banner{margin-top:-48px;}
.form-enquiry{width: 100%;}
}
@media only screen and (min-device-width:575px) and (max-device-width:767px){
.tbannerheading{font-size:28px;line-height:33px;}	
#header nav.navbar.bootsnav .collapse.show {width: 100%!important;background-color:  #1c1c1c;position: absolute;top: 120px;z-index: 9999;}
.fixed-top .navbox-collapse, #header nav.navbar.bootsnav .collapse.show {margin-top: 9px;}
.tservicetext {line-height: 20px;}
.tcopyright {line-height: 30px;}
.contact-banner{margin-top:-48px;}
.form-enquiry{width: 60%;}
}
@media only screen and (min-device-width:320px) and (max-device-width:767px){
#header {height: 144px;}
#header.fixed-nav {height: 77px;}
.gotop {bottom: 15px;}
.whtsapp-icon {right: 19px;bottom: 70px;}
.tbannerheading{font-size:28px;line-height:33px;}
.tservicetext{font-size: 16px;}
.background-slideshow{margin-top: 0px;} 
.tsubheading03{font-size: 16px;}
.form-control{width: 100%;}
.theading01{font-size: 32px;}
}

@media only screen and (min-device-width:768px) and (max-device-width:780px){
.tbannerheading{font-size:28px;line-height:33px;}
.tservicetext {font-size: 16px;}
.theading01{font-size: 32px;}
}
@media only screen and (min-device-width:768px) and (max-device-width:991px){
#header {height: 100px;}
  	nav.navbar.bootsnav .navbar-toggle {
    background-color: #fff !important;
    border: none;
    padding: 0;
	font-size:14px;
    position: relative;
    top: 22px;
    left: 679px;	
}
#header nav.navbar.bootsnav .collapse.show {width: 54%;margin-left:353px; background-color:  #1c1c1c; position: absolute;top: 84px; left: 0;z-index: 9999;}
.custom-padding {padding-left: 85px;padding-right: 85px;}
.background-slideshow{margin-top: -48px;}
.contact-banner{margin-top:-48px;}
.form-control{width: 100%;}
.form-enquiry{width: 50%;}
.tcopyright {line-height: 30px;}
}
@media only screen and (min-device-width:992px) and (max-device-width:1024px){	
#header nav.navbar.bootsnav .collapse.show {width: 56%;margin-left:368px;background-color:  #1c1c1c; position: absolute;top: 79px; left: 0;z-index: 9999;}
.background-slideshow {margin-top:38px;}
#header{height: 88px;!important;}
nav.navbar.bootsnav ul.nav > li > a {padding: 1px 6px !important;}
.bgbanner{margin-top:87px;}
.contact-banner {margin-top: 40px;}
}
/*** COL & SM & MD ends ***/

/*** LG starts ***/
@media only screen and (min-device-width:1025px) and (max-device-width:1199px){
 nav.navbar.bootsnav ul.nav > li > a {padding: 1px 6px !important;}
.background-slideshow {margin-top:40px;}
#header{height: 88px;!important;}
.bgbanner{margin-top:87px;}
.contact-banner{margin-top: 40px;}
}
/*** LG ends ***/
/*** XL starts ***/
@media only screen and (min-device-width:1200px) and (max-device-width:1299px){
}

@media only screen and (min-device-width:1300px) and (max-device-width:1399px){        
}
@media only screen and (min-device-width:1200px) and (max-device-width:1399px){
	  nav.navbar.bootsnav ul.nav > li > a {padding: 1px 9px !important;}  
}
/*** XL ends ***/
/*** XXL starts ***/
@media only screen and (min-device-width:1400px) and (max-device-width:1499px){
	.background-slideshow {margin-top:72px;}
}
@media only screen and (min-device-width:1500px) and (max-device-width:1599px){
}
@media only screen and (min-device-width:1600px) and (max-device-width:1699px){
}
@media only screen and (min-device-width:1700px) and (max-device-width:1799px){
}	
/*** XXL ends ***/