@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial-webfont.woff2') format('woff2'),
         url('../fonts/arial-webfont.woff') format('woff'),
         url('../fonts/arial-webfont.ttf') format('truetype'),
         url('../fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'Frutiger';
font-style: normal;
font-weight: normal;
src: local('../fonts/Frutiger'), url('../fonts/Frutiger.woff') format('woff');
}
@font-face {
font-family: 'Frutiger Bold';
font-style: normal;
font-weight: normal;
src: local('../fonts/Frutiger Bold'), url('../fonts/Frutiger_bold.woff') format('woff');
}

*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0px; padding:0px;}
body { font-weight: 400; font-size:18px; line-height:inherit; background:#fff; overflow-x: hidden; color:#000000; font-family: 'Frutiger'; line-height:28px;}
html {-webkit-font-smoothing: antialiased !important; direction:ltr; font-family: 'Frutiger' !important;}
*:focus { outline:none !important;}
body, html { height: 100%;}
/*========== GENERAL DECLARATION  ===========*/
a { background: transparent; color:#575a5b; cursor:pointer;   outline: none;}
a:focus { outline:none; text-decoration:none;}
a:hover { text-decoration:none; cursor:pointer; color:#fff;}
ul, ol, li{ padding:0px; margin:0px; list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-weight: 400; font-family: 'Frutiger'; color:#1d1d1d;}
.pad_0{ padding:0px;}

::selection{ background:#000; color: #fff; text-shadow:none;}

ul,p,h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0; list-style: none; color:#1d1d1d;}
input, select { color: #000; font-size: 17px; line-height: 18px; border: 1px solid #b3b3b3; font-weight: 400; padding: 9px; }

.website-link {color: #f6dc31;}
::-webkit-input-placeholder {color: #acacac;}
:-moz-placeholder { /* Firefox 18- */color: #acacac;}
::-moz-placeholder {  /* Firefox 19+ */color: #000 !important; }
:-ms-input-placeholder {  color: #acacac;}

.error ::-webkit-input-placeholder {color: #e23f3f;}
.error :-moz-placeholder { /* Firefox 18- */color: #e23f3f;}
.error ::-moz-placeholder {  /* Firefox 19+ */color: #e23f3f; }
.error :-ms-input-placeholder {  color: #e23f3f;}

/*===================================*/
/*========== COMMON CSS  ===========*/
/*===================================*/
#wrapper { min-height: 100%; }
.button6{	color: #FFF;	transition: all 0.5s;	position: relative;		}
.button6::after{	content: '';	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	opacity: 0;	background-color: #e70033;	transition: all 0.4s;	transform: scale(0.5, 1);		z-index:-1;}
.button6:hover::after{	opacity: 1;	transform: scale(1, 1);	}


.button7{	color: #FFF;	transition: all 0.5s;	position: relative;		}
.button7::after{	content: '';	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	opacity: 0;	background-color: #212121;	transition: all 0.4s;	transform: scale(0.5, 1);		z-index:-1;}
.button7:hover::after{	opacity: 1;	transform: scale(1, 1);	}

.slider-text .button6{	color: #FFF;	transition: all 0.5s;	position: relative; }
.slider-text .button6::after{	content: '';	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	opacity: 0;	background-color: rgba(231,0,51,1);	transition: all 0.4s;	transform: scale(0.5, 1);		z-index:-1;}
.slider-text .button6:hover::after{	opacity: 1;	transform: scale(1, 1);	}


/*===================================*/
/*========== HEADER CSS  ===========*/
/*===================================*/
header { background-color:#fff; position:fixed; z-index:10; margin-bottom:0px; width:100%; box-shadow:rgba(0, 0, 0, 0.05) 0 0 5px}
header .navbar{ padding: 35px 0 0px 300px;}
header .navbar-brand{padding:25px 0px 10px 0; position:absolute; top:0; left:0; z-index:9;}
header .navbar-nav li{color: #656565; font-size:16px; line-height:20px; text-transform:uppercase;}
header .navbar-nav li a svg{margin-left:5px;}
header .navbar-expand-lg .navbar-nav .nav-link {padding-right: 10px;    padding-left: 10px; padding-bottom:35px;}
/*header .navbar-nav li.active a, header .navbar-nav li:hover a{color:#a70017;}*/

header .right-links {}
    header .right-links .search {
        background: #1d1d1d;
        transition: all 0.5s;
        margin-right: 20px;
    }
header .right-links .search .nav-link{padding-bottom:0;}
.navbar-nav.right-links {    margin-bottom: 25px;}
header .right-links .search:hover{background:#e70033;}
header .right-links .language a{font-weight:700; font-size:20px;}

header .navbar-nav li.menu-red-bg{background-color: #a70017;}
header .navbar-nav li.menu-red-bg > a{color: #FFF; }
header .navbar-expand-lg .navbar-nav .nav-link {    padding-right: 7px;    padding-left: 7px;}
header .dropdown-toggle::after{display:none;}
header .nav-link:focus{color:#e70033;}
header .dropdown-menu{border: 0px; min-width:200px; margin:0; border-radius:0;}
.nav-item:hover > a{color: #e70033;}
header .nav-link.active{color: #e70033;}
header .dropdown-menu ul li:hover > a{color: #e70033;}
header .nav-item.active a{color: #FFF; background: #e70033;}
.offer_detail p img {    display: inline-block;    margin-right: 5px;}
.nav-item.search span {    font-size: 13px;    color: #FFF; font-family: 'Frutiger'; padding: 0 3px;}
header .navbar-nav li a {  	font-family: 'Frutiger Bold';    font-size: 18px;    color: #656565; }
header .search-box input {    border: none;    border-bottom: 1px solid #000;    width: 120px;    margin-right: 20px; background:url(../images/search.png) 98% no-repeat;}
header .search-box { right: 18% !important;z-index: 1000 }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {    color: #fff;    background-color: #1d1d1d; text-decoration:none;}
.mega-dropdown {  position: static !important;}
.mega-dropdown-menu {    padding:20px 15px;    width: 100%;    box-shadow: none;    -webkit-box-shadow: none; margin-top:0px; background:#1d1d1d;}

.mega-dropdown-menu > li > ul {  padding: 0;  margin: 0;}
.mega-dropdown-menu > li > ul > li {  list-style: none;}
.mega-dropdown-menu > li > ul > li > a {  display: block;  color: #fff;  padding:7px 0px; white-space:normal; font-size:18px; line-height: 20px; font-family: 'Frutiger'; text-transform:capitalize;}
.mega-dropdown-menu > li > ul > li > a:hover{}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {  text-decoration: none; color:#e70033;}
.mega-dropdown-menu .dropdown-header {  font-size: 15px;  color: #FFF;   padding:8px 0px;  line-height: 30px; margin-bottom: 5px; font-family: 'Frutiger Bold';}
.mega-dropdown-menu .dropdown-header a{padding:0px;}
.mega-dropdown-menu .dropdown-header{position:relative;}
.mega-dropdown-menu .dropdown-header:before {position: absolute;content: "";width: 50px;height: 4px;top: 40px;background-color: #e70033;}

/*=========Single Item Menu change=========*/
.single-item-menu {    padding:20px 15px;    width: auto;    box-shadow: none;    -webkit-box-shadow: none; margin-top:0px; background:#1d1d1d;}

.single-item-menu > li > ul {  padding: 0;  margin: 0;}
.single-item-menu > li > ul > li {  list-style: none;}
.single-item-menu > li > ul > li > a {  display: block;  color: #fff;  padding:7px 0px; white-space:normal; font-size:18px; line-height: 20px; font-family: 'Frutiger'; text-transform:capitalize;}
.single-item-menu > li > ul > li > a:hover{}
.single-item-menu > li ul > li > a:hover, .single-item-menu > li ul > li > a:focus {  text-decoration: none; color:#e70033;}
.single-item-menu .dropdown-header {  font-size: 15px;  color: #FFF;   padding:8px 0px;  line-height: 30px; margin-bottom: 5px; font-family: 'Frutiger Bold';}
.single-item-menu .dropdown-header a{padding:0px;}
.single-item-menu .dropdown-header{position:relative;}
.single-item-menu .dropdown-header:before {position: absolute;content: "";width: 50px;height: 4px;top: 40px;background-color: #e70033;}
.nav-item.single-dropdown{position:relative !important;}


.main-menu .services-division{padding-top:50px !important;}
.main-menu li.last ul{float:right; left:auto; right:0px;}
dropdown-menu .dropdown-menu li{ line-height:30px;}
ul.dropdown-menu.mega-dropdown-menu .menu-col{display:inline-block; vertical-align:top; width: 15%;  padding: 0 15px;}
.menu-img{width: 26%; margin-top: 15px;}
.navbar-toggler{display:none;}
.mega-dropdown-menu > li ul > li.dropdown-header > a{font-size: 16px;  }

/*========== HOME SLIDER STYLE ===========*/
.home-slider img{width:100%;     height: 100%; }
.home-slider .slider-item{position:relative;}
.home-slider .slider-text{position:absolute; top:40%; left:0%; z-index:1;}
.home-slider .slider-text p{font-size: 30px; font-weight: 400; color: #FFF; line-height: 38px; font-style: normal; margin-bottom: 20px; text-transform: uppercase; width: 40%; font-family: 'Frutiger Bold'; } 
.home-slider .slider-text .footer-submit{display:inline-block;}
.slider-text p:before { content: ''; height: 1px;   width: 125px; position: absolute; top:-10px;}
.slider-text p:after { content: ''; height: 1px;    width: 125px; position: absolute; top:56%; margin-left:20px;}



.home-slider{position:relative;}
.home-slider .slick-dots {    bottom: 25px;}
.home-slider .slick-dots li{width:auto;}
.home-slider .slick-dots li button{background:rgba(255, 255, 255, 1);    border-radius: 50%; height:10px; width:10px; margin:0px;}
.home-slider .slick-dots li.slick-active button{background:transparent;    border-radius: 50%; height:10px; width:10px; border:2px solid #FFF;}
.home-slider .slick-prev:before, .home-slider .slick-next:before{opacity:0;}
.home-slider .slick-prev{background:url(../images/slick-back.png) center center no-repeat rgba(29,29,29,0.2); left:2%; z-index:1; padding: 20px !important; top:55%; border-radius:50%;}
.home-slider .slick-next{background:url(../images/slick-next.png) center center no-repeat rgba(29,29,29,0.2); right:2%; z-index:1; padding: 20px !important;top:55%; border-radius:50%;}
.slider-text-box{position:absolute; height:100%; width:100%; }
.slider-text-box .container{position:relative; height:100%;}
.home-slider .slick-dots li button::before{display:none;}

.socialMedia {	background-color: transparent;	position: fixed;    right:0px;    top: 250px;    z-index: 9;    text-align: center}
.socialMedia li{ background-color: #e70033; margin: 10px 0; padding:5px; transition:all .5s;}
.socialMedia li:hover, .socialMedia li.active{background-color:#1d1d1d;}
.socialMedia img {			text-align: center;	display: inline-block;}


/*========== General STYLE ===========*/
.section{padding:70px 0px;}
.bg-grey{background-color:#f9f9f9;}
.slick-dotted.slick-slider {    margin-bottom: 0px;}



/*===================================*/         
/*==========FOOTER CSS ===========*/
/*===================================*/

#footer {	width: 100%;	position: relative;	background-color: #1c1c1c;	padding: 10px 0px;}
#footer h2 {	  font-size:28px;}
.footerSection h5 {    font-size: 18px;    padding-bottom: 15px;    color: #e70033;    text-transform: uppercase;  line-height:30px; font-family: 'Frutiger Bold'; font-weight:400 !important; }
.footerSection li {	position: relative;	padding-bottom: 8px;}
.footerSection li a{	font-size: 18px; color:#FFF; font-weight:400; transition: all 0.3s;}
.footerSection li a:focus, .footerSection li a:hover, .footerSection li a:active {	text-decoration:none; color:#e70033;}
.downloadLink{    display: block;}
.awardImages {    background-color: #fff;    padding: 15px;    text-align: center;    border-radius: 7px;}
.footerSection .awardImages  li::before{ content:none;}
.copyright {    background-color: #1c1c1c; border-top: 2px solid #777;}
.copyright p{	  text-align:center; font-size:15px; color:#ececec; font-weight:400; font-family: 'Frutiger'; padding: 20px 0 10px 0;}
.footer-tweet {   margin-top: 30px;}
.newsletter-subscibe input {  width: 70%;}
.newsletter-subscibe a img{    background-color: #e70033;    padding: 9px;    vertical-align: top; margin-left:-4px; transition: all 0.3s;}
.newsletter-subscibe a img:hover{background-color:#656565;}
.staff-email-link {   color: #FFF;   text-transform: uppercase;   font-size: 15px;    font-weight: normal;    border: 1px solid #fff;    padding: 12px 20px;    border-radius: 10px;    margin-top: 70px;    display: inline-block;}
.contact-form input {    margin: 0 5px 10px 0;    width: 48%;}
.secutiry-code {    resize: none;    width: 85%;    font-size: 16px;    color:#000;    padding: 9px; margin-bottom:10px;}
.security-box {    position: relative;    width: 100%;}
.captcha-code {    position: absolute;    top: 25%;    right: 80px;}
.footer-submit {    font-size: 13px;    border: none;    background: none;    color: #FFF; text-transform: uppercase; border: 1px solid #FFF;
padding: 10px 45px; display: block;}
.footer-main-links h5{padding-bottom:10px; line-height:22px;}
.footer-main-links h5:hover{text-decoration:underline;}
.footerSection{padding:50px 0}


/*=============Industry-===================*/


.industries{background:#1d1d1d;background-image: url(../images/industries-bg.jpg); background-size:cover;}

.industries-details {   text-align: center;}

.industries-type{height:122px; width:132px; display:inline-block;}

.petrochemicals-img{background:url(../images/petrochemicals.png) top; transition: all 0.5s;}
.petrochemicals-img:hover{background:url(../images/petrochemicals.png) bottom;}

.iron-steel-img{background:url(../images/iron-still.png) top; transition: all 0.5s;}
.iron-steel-img:hover{background:url(../images/iron-still.png) bottom;}

.plastic-img{background:url(../images/plastic.png) top; transition: all 0.5s;}
.plastic-img:hover{background:url(../images/plastic.png) bottom;}

.food-img{background:url(../images/food.png) top; transition: all 0.5s;}
.food-img:hover{background:url(../images/food.png) bottom;}

.auto-part-img{background:url(../images/auto-part.png) top; transition: all 0.5s;}
.auto-part-img:hover{background:url(../images/auto-part.png) bottom;}

.industries-details h4 {    color: #FFF;    text-transform: uppercase;    font-size: 18px; font-family: 'Frutiger';   font-weight: 400;    margin-top: 10px;}
.industries-slider {  position: relative;}
.industries .slick-dotted.slick-slider {margin-bottom: 0px;}
.industries-slider .slick-prev:before, .industries-slider .slick-next:before{opacity:0;}

.industries-slider .slick-next{background:url(../images/slick-next.png) center center no-repeat ; right:-2%; z-index:1; padding: 12px 15px !important;}
h2.main-heading {position: relative;font-size: 41px;font-family: 'Frutiger Bold';}
h2.main-heading::before {position: absolute;content: "";width: 50px;height: 7px;top: 45px;background-color: #e70033;}

/*================About Soahr=======*/
.abt-section{background:#1d1d1d; margin-top:-5px;}
.about-sohar-list li {    display: inline-block;}
.about-sohar-list li:not(:last-child):after{content:'|'; color:#fff; position: absolute;}
.about-sohar-list li a{ font-size: 13px; color:#FFF; text-transform:uppercase; margin: 0 4px; transition: all 0.3s;}
.about-sohar-list li a:hover{color:#e70033;}
.about-growth {    background:     #e70033;    height: 100%;    width: 100%; display: flex; align-items: center; justify-content: center;}
.padding-50{padding:50px 0;}
/*=============Doing Business-===================*/
.doing-business p{
	padding-top: 30px;
	padding-bottom: 30px;
	width: 90%;
    text-align:justify;
}
/*=============Industry-===================*/


.button { background-color: #e70033;  padding: 12px 15px;  font-size: 22px;  color: #fff;  font-family: 'Frutiger Bold';  text-transform: uppercase;   transition:  all 0.3s;}
/*.button:hover {background-color: #1d1d1d; }*/
.video-section {	position: relative;	max-width: 100%;}
.red-tag {	position: absolute;	padding: 15px 25px;	background-color: #e70033;	top: 0px;	right: 7%;}
.red-tag p {	color: #fff;}
.red-tag p span {	color: #fff;	font-size: 38px;	line-height: 35px;	font-family: 'Frutiger Bold';}

/*=============World Port Network-===================*/
.iconText {	display: flex;	align-items: center;	padding-top: 74px;}
.world-port-network h4{	font-size: 30px;	line-height: 32px;	padding-left: 20px;	font-family: 'Frutiger Bold';}
.world-port-network p{	padding-top: 30px;    padding-bottom:30px;    width: 80%; text-align:justify}
.world-port-network .button6, .news .button6{ float:left; padding: 10px 20px;	color: #1c1c1c;	text-transform: uppercase;	border: 1px solid #1c1c1c; position:relative; z-index:0;}
/*.world-port-network .button6:hover, .news .button6:hover{	color: #fff;border: 1px solid #e70033;}*/

    .world-port-network .button6:hover, .news .button6:hover {
        color: #fff;
        border: none;
    }

/*=============News-===================*/
.img-div{	position: relative;}
.overlay-text {	position: absolute;	background-color: rgba(0, 0, 0, 0.5);	padding: 15px;	bottom: 0px;    width: 100%;   color: #fff;    min-height: 71px;  display: flex;    align-items: center;}
.date-text {	    position: absolute;    background-color: #ee3b3d;    padding: 9px;    top: 15px;    color: #fff;    left: 27px;}
.news .content-div p {
    padding-top: 30px;
    padding-bottom: 40px;
    height: 184px;
}
.img-div {   overflow: hidden;}
.img-div img{   overflow: hidden; transition:all 0.5s;}
.img-div:hover img{transform: scale(1.3);}



/*==========Home Slider Scroll===========*/

.scroll-button a {  position: absolute;  bottom: 20px;  left: 50%;  z-index: 2;  display: inline-block;    transform: translate(-50%, -50%);  color: #fff;      text-decoration: none;  transition: opacity .3s;}
.scroll-button a:hover {  opacity: .5;}
#scroll-section a {  padding-top: 60px;}
#scroll-section a span {  position: absolute;  top: 0;  left: 50%;  width: 30px;  height: 50px;  margin-left: -15px;  border: 2px solid #fff;  border-radius: 50px;  box-sizing: border-box;}
#scroll-section a span::before {  position: absolute;  top: 10px;  left: 50%;  content: '';  width: 6px;  height: 10px;  margin-left: -3px;  background-color: #fff;  border-radius: 35%;  animation: scroll-arrow 2s infinite;  box-sizing: border-box;}
@-webkit-keyframes scroll-arrow {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scroll-arrow {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.res-footer {
    display: none;
}





.stellarnav {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 100%;
    height: 48px;
    text-align: right;
    z-index: 9999;
    border: 0;
    padding-right: 10px !important;
}

.mega-dropdown-menu:before{content:''; position:absolute; height:100%; width:100%; top:0; background-color:#1d1d1d; left:-100%; }
.mega-dropdown-menu:after{content:''; position:absolute; height:100%; width:100%; top:0; background-color:#1d1d1d; right:-100%;}

.doing-business .button7:after{z-index:0;}
.doing-business .button7 span{display: inline-block; z-index: 1; position: relative;}



/** About us **/
header {top:0px;}
.inner_banner {width: 100%; background: url(../images/about-sohar.jpg) no-repeat 0px 0px; font-size: 36px; color: #fff; padding: 120px 0px; text-align: left; margin-top:100px; background-size: cover;}
.inner_banner_blk h3 {color: #fff; font-size: 25px; margin-bottom: 15px; font-family: Frutiger;}
.inner_banner_blk h2 {color: #fff; font-size: 36px; font-weight: bold; }
hr.tital_strip {width: 50px; border-width: 7px; border-color: #e70033; margin-bottom: 0;}

.about_navbar {width: 100%; display: inline-block; background:#e70033;}
.about_navbar ul {width: 100%; text-align: center;}
.about_navbar ul li {width: auto; border-right: 1px solid #f24064; text-align: center; position:relative; z-index: 0;}
.about_navbar ul li:first-child { border-left: 1px solid #f24064;}
.about_navbar ul li a { width: auto; display: inline-block; padding: 14px 30px; color: #fff; font-size: 18px;}
.about_navbar ul li a::after{ width:100%; height:0px; content:''; background:#000; position:absolute; left:0px; top:0px; transition: all 0.3s; z-index:-1;}
.about_navbar ul li:hover a::after{ height:100%;}
.about_navbar ul li.active a {background:#000; color:#fff; height:100%}
.about_navbar ul li:hover a {color:#fff;}
.about_overview {width: 100%; display: inline-block; margin-top: 40px;}

.overview_top {width: 100%; display: block; margin-bottom: 40px;}
.overview_heading { width: auto; display: inline-block; }
.overview_heading h2 {font-size: 36px; font-weight: bold;}
.overview_pagestatus {width: auto; float: right;direction:rtl;}
.overview_pagestatus ul li {width: auto; display: inline-block;}
.overview_pagestatus ul li a {font-size: 18px; color: #000; font-family: Frutiger;}
.overview_pagestatus ul li.active a {color:#e70033; font-weight:bold;}
.overview_pagestatus ul li:hover a { color:#e70033;}
.overviewhome_iconimg {margin-top: -4px;}
.overview_pagestatus ul li:nth-child(2) a {font-weight:bold;}

.overview_soharport { width: 100%; display: inline-block; margin-bottom: 50px; }
.overview_boxconent { background: #f9f9f9; padding: 0px 20px; height: 293px; display:table;}
.overview_welcome {width: 100%; display: inline-block; margin-bottom: 40px;}
.overview_boxconent h4 {font-size: 28px; line-height: 40px; display: table-cell; vertical-align: middle;}
.overview_welcome h3 {background: #000; color: #fff; width: auto; display: inline-block; padding: 10px 15px 15px; font-size: 30px; margin-bottom: 15px; }
.overview_welcome p {font-size: 18px; line-height: 28px; margin-bottom: 20px; color: #000; text-align:justify}
.overview_bottomcontent { width: 100%; display: inline-block; margin-bottom: 50px;}
.overview_bottomcontent p {font-size: 18px; line-height: 28px; margin-bottom: 20px; color: #000;}

.contactus_blk{ margin-bottom:60px;}
.contactus_blk .nav-tabs{ border-bottom:none;margin-left:320px }
.contactus_blk .nav-tabs .nav-link{ width:200px; border:none; padding:25px 0px; position:relative; text-align:center;}
.contactus_blk .nav-tabs .nav-link i { display:block; width:52px; margin:0px auto 10px;}
.contactus_blk .nav-tabs .nav-link.active .active_txt{ display:block; height:100%; padding:18px 8px 0px;}
.contactus_blk .nav-tabs .nav-link:hover{ color:#495057;}
.active_txt{ display:none; background:#f9f9f9; position:absolute; left:0px; top:0px;}
.active_txt h3{ color:#e70033; font-size:18px; margin-bottom:8px; text-transform:uppercase;}
.active_txt p{ font-size:14px; line-height:18px;}
.form_blk{ background:#f9f9f9; padding:50px 0px;}
.form_blk h4{ color:#e70033; font-size:30px; font-weight:normal; line-height:36px; margin-bottom:10px; padding:0px 20px; text-align:center; text-transform:uppercase;}
.form_blk p{ font-size:18px; line-height:24px; margin-bottom:30px; padding:0px 20px; text-align:center;}
.form_detail h5{ color:#000; font-size:24px; line-height:36px; margin-bottom:35px; text-align:center; text-transform:uppercase;}
.form_detail label{ width:180px; display:inline-block; font-size:18px; padding-top:8px}
.form_detail .form-control{ width:calc(100% - 180px); float:right; font-size:18px; color:#010101; height:45px; border-color:#dddddd; border-radius:0px;}
.form_detail .form-group{ margin-bottom:2rem; position:relative;}
    .form_detail .form-group i {
        position: absolute;
        top: 3px;
        left: 180px !important;
    }
.form_detail .form-control:focus{ border-color:#c3c3c3; box-shadow:none;}
.form_detail .f_w{ margin-right:0px;}
.form_detail .f_w label{ width:auto; color:#606060;}
.form_detail .form-group button{ background:#f9f9f9; border:1px solid #222222; color:#222222; font-size:15px; padding:10px 35px; position:relative; text-transform:uppercase; z-index:0;}
.form_detail .form-group button:hover{ border-color:#4BB543; color:#fff;}
.form_detail .right_cont{ width:calc(100% - 180px); float:right; padding:10px 0px 0px;}
.form_detail .right_cont .radio-btn{ display:block; margin-bottom:8px;}
.form_detail .right_cont .checkbox-btn{ width:50%; float:left; margin-bottom:8px;}
.form_detail .right_cont.code_blk{ padding-top:0px;}
.form_detail .right_cont.code_blk select{ width:100%; margin-bottom:5px;}
.form_detail .right_cont.code_blk input{ width:100%;}
.form_detail .browse_blk{ width:calc(100% - 180px); float:right; position:relative;}
.form_detail .browse_blk input[type="file"]{ width:100%; line-height:37px; font-size:18px; padding:0px;}
.form_detail .browse_blk span.file_txt{ display:none; font-size:18px; cursor:pointer; position:absolute; background:#717171; top: 0px; left:0px; height:45px; color:#fff; line-height:45px; padding:0px 3px; min-width:105px; text-align:center;}

/* Checkbox and Radio Button css */
.checkbox-btn, .radio-btn { margin-right: 50px; position: relative; padding-left:25px }
.checkbox-btn input[type="checkbox"], .checkbox-btn input[type="radio"], .radio-btn input[type="checkbox"], .radio-btn input[type="radio"] { width:18px; height:18px; position:absolute; left:0px; top:2px; opacity: 0; z-index: 1;}
.checkbox-btn label, .radio-btn label {display: inline-block; line-height:19px; vertical-align:middle; position:relative; font-weight: normal; font-size:18px; padding-left:28px; padding-top:0px; cursor:pointer; user-select:none; color:#373757; margin-bottom:0px;}
.checkbox-btn label::after, .radio-btn label::after { position: absolute; content: ""; width: 18px; height: 18px; left: 0; top: 0; margin-left: 0px; background-color: #fff; border:1px solid #c0c0c0; -webkit-border-radius:0px; border-radius:0px; background-clip: padding-box; cursor: pointer }
.checkbox-btn label::before, .radio-btn label::before { position: absolute; content: ""; width: 10px; height: 6px; top: 4px; left: 4px; margin-left: 0px; border:1px solid #ed1f24; border-top: none; border-right: none; background: transparent; -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index: 1; color: #000; }
.checkbox-btn input[type="checkbox"]:checked+label, .checkbox-btn input[type="radio"]:checked+label, .radio-btn input[type="checkbox"]:checked+label, .radio-btn input[type="radio"]:checked+label { color:#373757;}
.checkbox-btn input[type="checkbox"]:checked+label::after, .checkbox-btn input[type="radio"]:checked+label::after, .radio-btn input[type="checkbox"]:checked+label::after, .radio-btn input[type="radio"]:checked+label::after { background:#fff; border:1px solid #e70033; }
.checkbox-btn input[type="checkbox"]:checked+label::before, .checkbox-btn input[type="radio"]:checked+label::before, .radio-btn input[type="checkbox"]:checked+label::before, .radio-btn input[type="radio"]:checked+label::before { opacity: 1 }
.checkbox-btn input[type="checkbox"]:disabled+label, .checkbox-btn input[type="radio"]:disabled+label, .radio-btn input[type="checkbox"]:disabled+label, .radio-btn input[type="radio"]:disabled+label { color: #787878; cursor: default }
.checkbox-btn input[type="checkbox"]:disabled+label::after, .checkbox-btn input[type="radio"]:disabled+label::after, .radio-btn input[type="checkbox"]:disabled+label::after, .radio-btn input[type="radio"]:disabled+label::after { border: 2px solid #767676; background-color: #171717 }
.checkbox-btn input[type="checkbox"]:disabled+label::before, .checkbox-btn input[type="radio"]:disabled+label::before, .radio-btn input[type="checkbox"]:disabled+label::before, .radio-btn input[type="radio"]:disabled+label::before { display: none }
.radio-btn label::after { -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box }
.radio-btn label::before { width: 10px; height: 10px; border: none; top: 4px; left: 4px; -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; background-color: #e70033; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); border-color: #e70033;}
/* Checkbox and Radio Button css  End*/





.gallery{ margin-bottom:50px;}
.gallery .gallery_1{ background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2); border-radius:2px; margin-bottom:25px; padding:10px; transition:all 0.3s;}
.gallery .gallery_1:hover{ z-index: 2; box-shadow: 0 2px 10px rgba(0,0,0,.2); -webkit-transform: translate3d(0,0px,0); transform: translate3d(0,0px,0); transition:all 0.3s;}
.gallery .gallery_1 h2{ display:table-cell; font-size:18px; font-weight:600; line-height:20px; height:65px; padding:15px 10px 10px; transition:all 0.3s; vertical-align:middle;}
.gallery .gallery_1 i { width: 100%; height: 100%; display: block; position: relative;}
/*.gallery .gallery_1 i::before{ width:0px; height:0px; content:''; background-color:rgba(219,210,255,0.5); margin:auto; position:absolute; top:0px; left:0px; right:0px; bottom:0px; transition:all 0.5s;}
.gallery .gallery_1:hover i::before{ width:100%; height:100%;}*/
.gallery .gallery_1:hover h2{ color:#e70033;}
.gallery .pgallery { height:auto; margin:0px; vertical-align:top; width:100%;transition: transform .2s;}
.gallery .pgallery:hover { transform: scale(1.5);}
.gallery .pgallery1 { border: 5px solid rgb(255, 255, 255); border-radius: 0; float: left; height: auto; margin: 10px; outline: 2px solid rgb(34, 175, 87); padding: 0; vertical-align: top; width: 79%; }
.pp_social{ display:none;}
a.pp_arrow_previous, a.pp_arrow_next{ margin-top:4px;}
.pp_nav p{ margin:-2px 4px;}

.news_blk{ margin-bottom:60px;}
.news_blk .news .content-div p{ padding-bottom:25px;}
.news_blk .content-div {
	width: 100%;
	display: inline-block;
	margin-bottom: 50px;
}

/*==============FAQ Page changes=======*/

.faq_blk{ margin-bottom:60px;}
.faq-aaccordion .card { margin-bottom:30px; border:0; border-radius:0}
.faq-aaccordion .card-header{border-bottom:0; background-color:#FFF; border-radius:0; padding:0px;}
.faq-aaccordion .card-header a{ border-left:3px solid #010101; color:#010101; display:block; background-color:#f9f9f9;}
.faq-aaccordion .card-header .rotate-icon{ position: absolute; right: 15px; font-size: 20px; top:25px;}
.faq-aaccordion .card-header h5{ font-family: 'Frutiger'; font-size:18px; color:#010101; font-weight:bold; padding-right:5px;}
.faq-aaccordion .card-body { font-size:18px; font-weight:400; line-height:28px; padding: 15px 5px;}
.faq-aaccordion .card-header a.collapsed .rotate-icon{ transform: rotate(0deg); transition: all 0.3s;}
.faq-aaccordion .card-header a .rotate-icon{ transform: rotate(180deg); transition: all 0.3s; }
.faq-aaccordion .card-header a[aria-expanded="true"] .rotate-icon{ transform: rotate(180deg);}
.faq-aaccordion.accordion > .card .card-header { margin-bottom: 0;}
.faq-aaccordion .card-header .rotate-icon{top:15px;}
.faq-aaccordion .card-body { border:1px solid #E8E8E8; border-top:0; padding:15px;}
.faq-aaccordion .card-header a[aria-expanded="true"]{ border-left:1px solid #e70033;}
.faq-aaccordion .card-header a[aria-expanded="true"] h5{ color:#FFF; background-color:#e70033;}
.faq-aaccordion .card-header a{padding:15px;}
.faq-aaccordion .card-header a[aria-expanded="true"]{ background-color: #e70033; padding: 15px;}


/*================Port Services page============*/


.port-services { margin: 20px 0;}
.overview_welcome h5 { background: #000; color: #fff; display: inline-block; padding: 10px; font-size: 20px; margin-bottom: 15px;}
.port-services .overview_welcome{margin-bottom:0;}
.custom-text-color {color: #e70033;}
.port-services h4 { font-weight: bold;  font-size: 20px;}
.port-contact li { margin: 10px 0;}
.port-contact li span {  margin-right: 10px;}
.port-contact li a{transition:all 0.3s;}
.port-contact li a:hover, .port-contact li a:focus{color: #e70033;}
.port-contact li a {word-break: break-all;}


/*==========Cargo Handling Service==========*/

.cargo-handing-box .cargo-title{font-weight:bold;}
.cargo-handing-box p{padding:5px 5px 5px 0px;}
.cargo-handing-box.overview_welcome p{margin-bottom:0;}


/*==========Port tariffs==========*/

.list{margin-left:15px; margin-bottom:20px;}
.list li{position:relative; padding-left:10px; margin:10px 0;}
.list li:before{ position: absolute; content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #e70033; border-bottom: 8px solid transparent; display: inline-block; margin-left: -15px; left:0; top:4px;}
.read-more-link { color: #e70033 !important; font-weight: bold; text-decoration: underline !important;}

/*==========Notification Page===========*/

.notification-box {border-left: 3px solid #010101; display: block; background-color: #f9f9f9; padding: 15px; margin: 10px 0; min-height: 115px; position:relative;}
.button6.notification-button {position: absolute; top: 15px; left: auto; right: 15px; padding: 0 10px; font-size: 12px;}
.notification-box h4 { line-height: 25px; margin-bottom: 5px;width: 73%;}
.custom-modal .modal-content{position:relative;}
.custom-modal .modal-header{border-bottom:0;}
.custom-modal .modal-body{padding: 1.7rem 1.7rem 1rem 1.7rem;}
.custom-modal .close {background-color:  #e70033 !important; padding: 5px 10px !important; transition: all .5s; opacity: 1; color:#FFF;     font-size: 22px; position:absolute; left: auto; right: 25px; top: 25px;}
.custom-modal .close:hover {background-color:  #1d1d1d !important; opacity:1; }
.custom-modal .popup-details p {    font-size: 15px; margin: 10px 0; }
.custom-modal .popup-title {color:#000; font-weight:700;}
.custom-modal .modal-dialog { max-width: 700px; }
.custom-modal .popup-table tr { text-align: center; font-size: 15px;}
.custom-modal .popup-table {margin-top: 20px;}


/*=========port Statistic page===========*/

.custom-table .table{margin-bottom:0;}
.custom-table .table tr:first-child { background-color: #1d1d1d; color:#FFF;}
.custom-table { border: 1px solid #dee2e6; border-top:0;}
.custom-table .table tr th:not(:first-child) span {border-left: 1px solid rgb(255,255,255); padding-left:1rem}
.custom-table .table tr td{font-weight: 400; text-align: left; opacity: .6; padding: 7px !important;}
.custom-table .table tr td.total{opacity:1; font-weight:700; background-color:#f9f9f9;}


/*============Nautical information page=================*/

.nautical-info li { width: 18%; white-space: nowrap; float: left; margin: 5px 5px 5px 6px;}
.nautical-info .nautical-cords p {font-size: 18px; line-height: 28px; padding: 10px; border: 1px solid #000;}
.overview_boxconent.nautical-content {width: 100%;}

/*============Shipping line/agents page=================*/

.notification-box.shipping-line-box {min-height:170px; display: flex; flex-direction: column; justify-content: center;}
.notification-box.shipping-line-box p { width: 100%; font-size:18px;}
.notification-box.shipping-line-box a:hover, .notification-box.shipping-line-box a:focus {  color: #e70033;}

.shipping-agents .port-contact { margin-bottom: 30px;}

/*============Management page=================*/
.management p { color: #656565; font-weight: normal;}
/*============Career page=================*/
.notification-box.career-box p { margin-bottom: 0;}
/*============Contact page=================*/
.contact-box { height: 100%;  display: flex; flex-direction: column;  justify-content: center;}
.overview_welcome a:hover{color:#000;}
/*============Sitemap page=================*/
.sitemap .port-services{border-bottom: 1px dashed #CCC;}
.sitemap .list li::before{border-left: 8px solid #000;}

/*============Changes============*/
.p-res-0 {    padding: 0px;}
.sohar-port h2.main-heading::before {  background-color: #fff;}
.sohar-port {    background-color: #e70033; padding-left: 15px !important;}
.growth-img-desktop { position: absolute; top: 96px; right: 1%; z-index: 1;}

/*============Procedure page=================*/


.procedure-content h4 {color: #000; font-size: 24px; margin-bottom: 15px;}
.procedure-content p { margin-bottom: 15px;}
.procedure-content a:hover{color:#e70033;}
.download-procedure span img { display: inline-block; margin-right: 10px; vertical-align: text-bottom;}


/*============Changes============*/

.abt-section{margin-top:-8px;}
.faq-aaccordion .card-header h5{font-weight:normal;}
.faq-aaccordion .card-header a{border-left: 1px solid #010101;}
.overview_pagestatus ul li.active a{font-weight:normal;}
.overview_pagestatus ul li:nth-child(2) a{font-weight:normal;}
.contactus_blk .nav-link {border: 1px solid #EEE !important; transition: all 0.5s;}
.contactus_blk .nav-link {border-bottom: 0px solid #EEE !important; }
.nav-tabs .nav-item{margin: 0px 5px 0 0;}
.contactus_blk .nav-tabs .nav-link:hover img {transition: all 0.5s;}
.contactus_blk .nav-tabs .nav-link:hover{color:#e70033 !important;}
.contactus_blk .nav-tabs .nav-link:hover img { transform: scale(1.1);}
.port-services { padding: 20px 0; height: 100%;  display: inline-block;  width: 100%;}
.white-box {
    z-index: 1;
    position: relative;
    background-color: #FFF;
    padding: 15px;
    border-radius: 0px;
    border-bottom: 2px solid #E70033;
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.08);

}
.location-map .white-box {height: 100%;  background-color: #FFF;  padding: 15px;  border-radius: 0px; border: 1px solid #EEE; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.10);}


.gallery .gallery_1{padding:0px; position:relative; margin-bottom:60px; }
.gallery .gallery_1 h2 {    display: inline-block; height:auto; color:#FFF;  padding:10px 10px 10px;}
.gallery .gallery_1:hover h2 {color: #FFF;}
.gallery-title { width: 70%;  background-color: #fff; position: absolute; top: auto; bottom: -20px; left: 0; right: 0; margin: 0 auto; text-align: center;
box-shadow: rgba(0, 0, 0, 0.10) 0 0 10px; background-color:#000;}
.inner_banner{margin-top:97px;}
.cargo-handing-box p{padding:0;}
.cargo-handing-box .row { margin-bottom: 20px;}
.gallery.management .gallery_1 {padding: 10px; position: unset; margin-bottom: 25px; }
.gallery.management .gallery_1 h2 {display: table-cell; font-size: 18px; font-weight: 600; line-height: 20px; height: 65px; padding: 15px 10px 10px;
transition: all 0.3s; vertical-align: middle; color: #1d1d1d; }


/*=================Footer Responsive menu==========*/
.footer-resmenu #cssmenu, .footer-resmenu .menu, .footer-resmenu .menu li, .footer-resmenu .menu li a, .footer-resmenu #head-mobile { border: 0; list-style: none; line-height: 1; display: block; position: relative;}
.footer-resmenu #cssmenu > ul > li > a {padding: 17px; font-size: 14px; 1px; text-decoration: none; color: #FFF; }
.footer-resmenu #cssmenu ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width: 100%; font-size: 14px; text-decoration: none; color: #FFF; font-weight: 400;}


.white-box .overview_welcome h5{ position: relative; left: -15px; padding-right:25px;}
.white-box .overview_welcome h5:after {content: ''; position: absolute; top: 0; width: 0; height: 0; border-style: solid; border-width: 20px 15px 20px 0;
border-color: transparent #fff transparent transparent; right: 0px;}

/*.career-box {width: 100%; height: 100%;  text-align: center; border-left:0; display: flex; flex-direction: column; justify-content: center;}
.career-box .overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  background-color: #000;  overflow: hidden;  width: 100%;  height: 0;  transition: .5s ease; }
.career-box:hover .overlay {  height: 100%;}
.career-box .button6.notification-button { position: absolute; top: 50%; left: 50%; right: auto; padding: 0 10px; font-size: 18px; margin-top: -15px;    margin-left: -45px; color: #FFF; border: 1px solid #FFF;}
*/

.port-services-page .port-contact li {width: 25%; float: left;}
.port-services-page .port-services{margin:0;}

/*=============News Page==============*/

.news .news-box{margin-bottom:50px;}
.news .news-img-holder {border-radius: 4px; overflow: hidden; position: relative;}
.news .news-img-holder img { width: 100%; transform: scale(1) translateZ(0); transition: all 0.5s;}
.news .news-img-holder:hover img { transform: scale(1.1) ;}
.news .news-date { margin-bottom: 10px; }
.news .news-date ul li {margin-bottom: 5px; margin-right: 15px; font-size: 15px; display: inline-block; color: #646464; }
.news .news-date ul li i {padding-right: 8px; }
.news .news-content h3 {margin-bottom: 15px; font-size: 26px; line-height: 1.2; font-weight: 700; }
.news .news-content .news-text {margin-bottom: 20px; color:#333; text-align:justify }


.team-person{background-color: rgba(0, 0, 0, 0); border: 1px solid #dfe5e8; border-bottom: 6px solid #e70033; padding-bottom: 10px; text-align:center; padding:30px 15px; min-height: 381px; margin-bottom: 30px;height: 420px;}
.team-person-name{color: #1c1c1c; font-weight:600;}
.team-person .team-person-image { display: inline-block; max-width: 100%; vertical-align: top; margin-bottom: 30px; }
.team-person-image img { width: 191px; height:251px; }
.team-person-position{color: rgb(153, 169, 181);}
.port-services-page .port-contact1 li {
    width: 100%;
   
}

.procedure-content h5 {
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 10px;
    font-size: 20px;
    margin-bottom: 15px;
}



@media (max-width: 767px) { 
.team-person{height: 270px !important;}

.contactus_blk .nav-tabs {margin-left: 0px !important;}


 }

.form_detail .form-group submit {
    background: #f9f9f9;
    border: 1px solid #222222;
    color: #222222;
    font-size: 15px;
    padding: 10px 35px;
    position: relative;
    text-transform: uppercase;
    z-index: 0;
}



.edjb .form_detail .form-control{height: 30px;border-radius: 4px;border:solid 1.5px #ced4da;font-size: 14px;font-weight: 700;}
.edjb .form_detail .form-group{margin: 0;line-height: 20px}
.edjb .col-md-6{padding: 0}
.edjb .col-md-12{padding: 0}
.edjb #addsection2R2{margin: 5px 0!important;width:120px!important;height: 38px;border-radius: 6px;border: none;}
.edjb #addsection2R4{margin: 5px 0!important;width:120px!important;height: 38px;border-radius: 6px;border: none;}
.edjb #addsection2R3{margin: 5px 0 !important;width:120px!important;height: 38px;border-radius: 6px;border: none;}
.edjb #addsection2R{margin: 5px 0 !important;width:120px!important;height: 38px;border-radius: 6px;border: none;}
.edjb #addsection2R12{margin: 5px 0!important;width:120px!important;height: 38px;border-radius: 6px;border: none;}
.edjb #addsection2R11{margin: 5px 0!important;width:120px!important;height: 38px;border-radius: 6px;border: none;}
.edjb #addsection2R10{margin:5px 0!important;width:120px!important;height: 38px;border-radius: 6px;border: none;}
.edjb #addsection2R9{margin: 5px 0!important;width:120px!important;height: 38px;border-radius: 6px;border: none;}
.edjb #addsection2R5{margin: 5px 0!important;margin-right: -45px!important;width:120px!important;height: 38px;border-radius: 6px;border: none;}
.edjb .newshareholderdetails{margin-top: 20px;}
.edjb .btn--browse{padding: 4px!important;height: 30px!important}
.edjb .form_detail .right_cont.code_blk select{margin-bottom: 0!important;height: 30px!important;padding: 0 9px;line-height: 1em;border-radius: 4px;border:solid 1.5px #ced4da}
.edjb .form_detail label{font-size: 16px;font-weight: 700;}
.edjb .shareholderdetailsection{padding: 0!important}
.edjb .greb{padding-left: 0!important;}
.edjb .form_detail .right_cont .checkbox-btn{width: 30%!important}
.edjb .form_detail .kanji .checkbox-btn{width: 100%!important}

.edjb .buttonsub{background: #f9f9f9;border: 1px solid #222222;color: #222222;font-size: 15px;padding: 10px 35px;position: relative;text-transform: uppercase;z-index: 0;}
.edjb .buttonsub{  color: #000;    transition: all 0.5s;   position: relative;     }   
/*.edjb .buttonsub:hover{background-color:  #00ff00;color: #ffffff;border:none;border: 1px solid #222222; }*/
.edjb .buttonsub::after{    content: '';    position: absolute; top: 0; left: 0;    width: 100%;    height: 100%;   opacity: 0; background-color: #4BB543;  transition: all 0.4s;   transform: scale(0.5, 1);       z-index:-1;}
.edjb .buttonsub:hover::after{  opacity: 1; transform: scale(1, 1); }
.edjb span{font-size: 12px}
.hdjb .tital_strip{display: none}
.edjb .addmore{background-color: transparent!important;border:1px solid #000!important;color: #000!important}
.edjb .addmore:hover{background-color: #e70033!important;border:1px solid #e70033!important;color: #fff!important}

.edjb .button6{   color: #FFF;    transition: all 0.5s;   position: relative;     }
.edjb .button6::after{    content: '';    position: absolute; top: 0; left: 0;    width: 100%;    height: 100%;   opacity: 0; background-color: #4BB543;  transition: all 0.4s;   transform: scale(0.5, 1);       z-index:-1;}
.edjb .button6:hover::after{  opacity: 1; transform: scale(1, 1); }


@supports (-moz-appearance:none) {
.edjb .form_detail .form-group{margin: 0;line-height: 20px}
.edjb .form_detail label{font-weight: 100;font-size: 16px}
.edjb .form_detail .form-control{font-weight: 100}
}

.tooltip {
  position: relative;
  display: inline-block;
  opacity: 1;
  text-align: center;
  z-index: 2;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 10px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

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

.edjb a:hover{color: red;}
.zmpa .col-md-3:hover h3{color: red}
.zmpa .col-md-3:hover img{filter: invert(73%) sepia() saturate(10000%) hue-rotate(0deg);}


/* Changes September 16*/
@media screen and (max-width: 767px)  {
.contactus_blk .nav-tabs .nav-item{margin: auto !important;}
.port-services-page .port-contact li{width: 100%;}
.reg-img{width: 75% !important;opacity: 1 !important;height: 14%!important}
.port-services {height: auto !important;}
}

@media screen and (max-width: 480px)  {
.about_navbar ul{display: block !important;}
    .about_navbar ul li.active {
        background: #000;
        color: #fff;
        height: 6%;
    }
.about_navbar ul li.active a {color: #ffffff; }
.white-box{height: auto;min-height: auto!important}
.port-services{margin: 0}
    .port-services h4 {
        padding-top: 24px;
    }}

@media screen and (max-width: 1024px){
    .gregtq {flex: 100% !important;max-width: 100%!important;}
}
@media screen and (width: 1024px){
    .loungeclass{margin-left: -50px !important;}
}

.download-focus a:focus {
    color: #e70033;
}

.tenders{
    float:left
}

.faq-aaccordion .card-header a[aria-expanded="true"] h2 {
    color: #fff;
}

a.pp_close {
    top: -30px !important;
    right: 0px !important;
}

.table-responsive {
    display: revert;
}

.arabicList .list li:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 8px solid #e70033;
    border-left: none;
    border-bottom: 8px solid transparent;
    display: inline-block;
    margin-left: -15px;
    left: 0;
    top: 4px;
}
.pp_nav {
    float: right !important;
    }


.seclabelen {
    float: left;
}

.sectexten {
    float: left !important;
}

.secien {
    float: left;
    margin-left: 10px;
    left: 0px !important;
}


.tenders-box .notification-box {
    min-height: 249px !important;
    display: flex;
    align-items: center;
}

.tnd-btn .button6.notification-button {
    position: absolute;
    top: -20px;
    left: auto;
    right: 15px;
    padding: 0 10px;
    font-size: 12px;
}

.zmpa .col-md-4:hover img {
    filter: invert(73%) sepia() saturate(10000%) hue-rotate(0deg);
}

.img_new {
    filter: invert(73%) sepia() saturate(10000%) hue-rotate(0deg) !important;
}
    .img_new:hover {
        filter: invert(73%) sepia() saturate(10000%) hue-rotate(68deg) !important;
    }