/********** Template CSS **********/
:root {
    --primary: #5B8C51;
    --secondary: #EDDD5E;
    --light: #F7F7F7;
    --dark: #404A3D;
}



.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

body { background:transparent ; font-size:.95rem !important; cursor: url(../img/mouse.png), auto;}
a { cursor:url(../img/mousehover.png), auto;}
li { list-style:none;}


.fw-bold {
    font-weight: 700 !important;
}

.fw-medium {
    font-weight: 600 !important;
}

.fw-semi-bold {
    font-weight: 500 !important;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

.divmobvalue { display:none;}


.worldmap { background:url(../img/map.png) no-repeat; width:1000px; height:400px; margin:50px auto;
 background-size: contain; background-position:center; position:relative; margin-bottom:0;}


.dot{
    display:inline-block;
    border-radius:100%;
    background:#770A00;
    margin:2px;
	position:absolute;
}


/* Standard syntax */
@keyframes dot {
    from { opacity:1; height: 0px; width: 0px; margin:20px;}
    to { opacity:0; height: 40px; width: 40px; margin:0;}
}


.dotusa {left: 26.5%;top: 25%; animation: dot 3.5s infinite;}
.dotlondon {left: 44%;top: 10%;animation: dot 4s infinite;}
.dotalgeria {left: 47%;top: 23%;animation: dot 3.7s infinite;}
.dotlebya {left: 51%;top: 27%;animation: dot 3.3s infinite;}
.dotsham {left: 57%;top: 26%;animation: dot 3.1s infinite;}
.dotgulf {left: 61%;top: 32%;animation: dot 3.6s infinite;}
.dotchina1 {left: 75%;top: 30%;animation: dot 3.8s infinite;}
.dotchina2 {left: 76%;top: 33%;animation: dot 3.9s infinite;}
.dotmalaysia {left: 77%;top: 50%;animation: dot 4s infinite;}
.dotaustralia {left: 91%;top: 77%;animation: dot 4.1s infinite;}
.dotyemen {left: 60%;top: 38%;animation: dot 4.2s infinite;}

.RedStrategy div {
width: 100px;
display: inline-block;
vertical-align: top;
text-align: center;
margin: 0 15px;
}

#ourstratigy img {transition: 0.3s;}
#ourstratigy img:hover {filter: brightness(110%);}


.videobg {background: url(../img/videobg.png) ; position:absolute; z-index:888; width:100%; height:100%;background-size: cover;}

#ourteam .row .col-lg-3{ width:20% !important;}

video {
  right: 0;
  top: 0;
  min-width: 100%;
}
  .textcon {
        width: 100%;
        height: 1.15em;
        font-size: 10rem;
		font-style:italic;
        font-family: impact;
        position: relative;
      }

      .textcon div {
        position: absolute;
        left: 0;
        text-transform: uppercase;
        width: 100%;
        display: block;
        text-align:center;
      }
	  
.upper {
        top: 0;
        height: 50%;
        color: #fff;
        overflow: hidden;
        z-index: 3;
        animation: moveUp 6s ease-in-out 9999 ;
		
		
      }

      .lower {
        bottom: 0;
        height: 100%;
        background: linear-gradient( transparent 50%, #fff 50%);
        color: transparent;
        background-clip: text;
        -webkit-background-clip: text;
        z-index: 1;
        animation: moveDown 6s ease-in-out 9999;
      }

      .inside {
        position: absolute; display:none;
        top: 40%;
        transform: translateY(-40%);
        text-align: center;
        z-index: 2;
        font-size: 3.5rem;
        color: #fff;
		animation: mid 6s ease-in-out 9999;

      }

      @keyframes moveUp {
        0%,100% {top: 0; opacity:1;}
		30%,70% {top: 0;opacity:1;}
        40%,60% {top: -45px;opacity:0;}
      }

      @keyframes moveDown {
        0%,100% {top: 0;opacity:1}
		30%,70% {top: 0;opacity:1;}
        40%,60% {top: 45px;opacity:0}
      }

      @keyframes mid {
       0%,100% {opacity:0}
		30%,70% {opacity:0;}
        40%,60% {opacity:1}
	   
      }
	  
#ourprofile, #ourgroup, #ourstrategy, #ourteam, #ourservices, #contactus, #news { padding-top:150px !important;}
#ourprofile {box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;}
/*#ourgroup {background:linear-gradient(white, transparent);}*/
#contactus h2 { color:#fff; margin-bottom:3rem;}
#contactus h6  { color:#fff; text-transform:uppercase; display:inline-block; width:8rem; vertical-align:top;font-weight: inherit;}
#contactus span { color:#fff; font-family:inherit; display:inline-block;}
#contactus span a{ color:#fff !important;}
#ourstrategy h2, #ourstrategy h3, #ourstrategy p, #ourstrategy h6 { color:#fff;}
#ourstrategy .RedStrategy img {filter: brightness(0) invert(1);}
/*#ourstrategy .ourstrategycontainer { background:url(../img/strategybg.png); background-size:cover;margin-left: -.75rem;
margin-right: -.75rem;}*/

#ourteam { background:url(../img/ourteam.png) no-repeat fixed;background-size: cover;}
#ourgroup{ background:url(../img/ourgroup.jpg) no-repeat fixed;background-size: cover;}
#ourstrategy {background:url(../img/ourgroup1.jpg) no-repeat fixed;background-size: cover;}
#contactus {background:url(../img/contactus.jpg) no-repeat fixed;background-size: cover; background-position:top center;}

h1 { font-family:"NeoSansPro-Regular";font-weight: inherit;}
h2 { font-family:"NeoSansPro-Regular"; text-transform:uppercase; border-left: 5px solid #770A00; padding-left:5px;font-weight: inherit;}
h3 { font-family:"NeoSansPro-Regular"; text-transform:uppercase;font-weight: inherit;}
h4, .h4 { font-family:"NeoSansPro-Regular";font-weight: inherit;}
h5 { font-family:"NeoSansPro-Regular";font-weight: inherit;}
h6 { font-family:"NeoSansPro-Regular";font-weight: inherit;}

span { font-family:NeoSansPro-Regular;}


#contactus .d-flex {border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

@font-face {
  font-family: 'NeoSansPro-Regular';
  src: url('NeoSansPro-Regular.eot?') format('eot'), 
  url('NeoSansPro-Regular.woff') format('woff'), 
  url('NeoSansPro-Regular.ttf') format('truetype'), 
  url('NeoSansPro-Regular.svg') format('svg');
}

.counters h1 { color:#770A00; font-size:3rem;} 
.counters span { text-transform:uppercase; font-size:1rem;}

.btn {color:#770A00 ;}


.social-icons {
padding: 0;
position: fixed;
top: 50%;
transform: translateY(-50%);
right: 0;
z-index: 997;
opacity:1;
transition: 0.3s;}

.social-icons:hover { opacity:.6}



.tranding-carousel .owl-nav {
  position: absolute;
  width: auto;
  height: 30px;
  top: calc(50% - 15px);
  right: -7px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 1;
}

.tranding-carousel .owl-nav .owl-prev,
.tranding-carousel .owl-nav .owl-next {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  background: transparent;
  border: 1px solid #FFFFFF;
  font-size: 16px;
  transition: .3s;
}

.tranding-carousel .owl-nav .owl-prev:hover,
.tranding-carousel .owl-nav .owl-next:hover {
  color: #FFFFFF;
}

.tranding-carousel.bg-white .owl-nav .owl-next {
  margin-right: 22px;
}

.tranding-carousel.bg-white .owl-nav .owl-prev,
.tranding-carousel.bg-white .owl-nav .owl-next {
  color: #31404B;
  border-color: #31404B;
}


.main-carousel .owl-dots {
  position: absolute;
  top: 30px;
  right: 25px;
  width: 100%;
  height: 20px;
  text-align: right;
}

.main-carousel .owl-dot {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  transition: .5s;
}

.main-carousel .owl-dot.active {
  width: 40px;
  background: #FFCC00;
}


.section-title {
  margin-bottom: 15px;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFFFFF;
  border: 1px solid #dee2e6;
  border-left: 5px solid #FFCC00;
}

.news-carousel .owl-nav {
  position: absolute;
  width: auto;
  height: 30px;
  top: -60px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
}

.news-carousel .owl-nav .owl-prev,
.news-carousel .owl-nav .owl-next {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #31404B;
  background: transparent;
  border: 1px solid #31404B;
  font-size: 16px;
  transition: .3s;
}

.news-carousel .owl-nav .owl-prev:hover,
.news-carousel .owl-nav .owl-next:hover {
  color: #31404B;
  background: #FFCC00;
  border-color: #FFCC00;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 30px;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #1e2024);
  z-index: 1;
}


.team-item img {background:linear-gradient(#fff, #770A00); border-radius:46%;transition: 0.3s;width: 80%;}
.team-item img:hover{filter: brightness(110%); max-width:101%;}

.boxStrategy { width:33%; display:inline-block; vertical-align:top; text-align:center; position:relative;}
.boxStrategy p, .boxStrategy ul li { font-size:1.1rem;font-family:NeoSansPro-Regular; color:#fff;}
.boxStrategy ul { background: url(../img/ul-bg.png) no-repeat center;}
.boxStrategy ul li { display:inline-block;width: 49%;padding: 1.5% 2%; text-align:left;}
.p1, .p2, .p3, .p4 { position:absolute;}
.p1 { top: 145px;left: 60px;width: 30%;}
.p2 { top: 60px; right: 40px; width: 40%;}
.p3 { top: 295px;left: 60px;width: 30%;}
.p4 { top: 195px;right: 60px;width: 30%;}

.CSSgal {
	position: relative;
	overflow: hidden;
	height: 550px; /* Or set a fixed height */
}

/* SLIDER */

.CSSgal .slider {
	height: 550px;
	white-space: nowrap;
	font-size: 0;
	transition: 0.8s;
}

/* SLIDES */

.CSSgal .slider > * {
	font-size: 1rem;
	display: inline-block;
	white-space: normal;
	vertical-align: top;
	height: 550px;
	width: 100%;
	background: none 50% no-repeat;
	background-size: cover;
}

.slider div { background-position:left !important; background-repeat:no-repeat !important;
    box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255),
    0.3em 0.3em 1em rgba(0, 0, 0, 0.3); }



#news { padding-top:50px;}
#news .mx-auto a{ position:absolute; right:0; top:0; padding:.5rem; background:#770A00; color:#fff;}
#news a { font-family:"NeoSansPro-Regular"}
/* PREV/NEXT, CONTAINERS & ANCHORS */

.CSSgal .prevNext {
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 100%;
	height: 0;
}

.CSSgal .prevNext > div+div {
	visibility: hidden; /* Hide all but first P/N container */
}

.CSSgal .prevNext a {
	background: #fff;
	position: absolute;
	width:       60px;
	height:      60px;
	line-height: 60px; /* If you want to place numbers */
	text-align: center;
	opacity: 0.7;
	-webkit-transition: 0.3s;
					transition: 0.3s;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
	left: 0;
}
.CSSgal .prevNext a:hover {
	opacity: 1;
}
.CSSgal .prevNext a+a {
	left: auto;
	right: 0;
}

/* NAVIGATION */

.CSSgal .bullets {
	position: sticky;
	z-index: 2;
	bottom: 0 ;
	padding:0;
	width: 100%;
	text-align: center;
	background:#770A00 ;
	opacity:.8;
	
}
.CSSgal .bullets > a {
	display: inline-block;
	text-decoration: none;
	color:#fff;
	padding:2%;
	text-align: center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.CSSgal .bullets > a+a {
}
.CSSgal .bullets > a:hover {
}

/* NAVIGATION BUTTONS */
/* ALL: */
.CSSgal >s:target ~ .bullets >* {}
/* ACTIVE */
#s1:target ~ .bullets >*:nth-child(1) {background:#770A00;}
#s2:target ~ .bullets >*:nth-child(2) {background:#770A00;}
#s3:target ~ .bullets >*:nth-child(3) {background:#770A00;}
#s4:target ~ .bullets >*:nth-child(4) {background:#770A00;}
#s5:target ~ .bullets >*:nth-child(5) {background:#770A00;}
/* More slides? Add here more rules */

/* PREV/NEXT CONTAINERS VISIBILITY */
/* ALL: */
.CSSgal >s:target ~ .prevNext >* {      visibility: hidden;}
/* ACTIVE: */
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
#s5:target ~ .prevNext >*:nth-child(5) {visibility: visible;}
/* More slides? Add here more rules */

/* SLIDER ANIMATION POSITIONS */

#s1:target ~ .slider {transform: translateX(   0%); -webkit-transform: translateX(   0%);}
#s2:target ~ .slider {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
#s3:target ~ .slider {transform: translateX(-200%); -webkit-transform: translateX(-200%);}
#s4:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
#s5:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-400%);}
/* More slides? Add here more rules */


/* YOU'RE THE DESIGNER! 
   ____________________
   All above was mainly to get it working :)
   CSSgal CUSTOM STYLES / OVERRIDES HERE: */

.CSSgal{
	color: #fff;	
	text-align: center;
}
.CSSgal .slider h2 {
	font-weight: 200;
	letter-spacing: -0.06em;
	word-spacing: 0.2em;
	font-size: 1.5em;
	color:#fff;
	background: url(../img/blackbg.png);
	width:60%;
	text-align:left;
	margin-top:150px;
	padding:2%;
}
.CSSgal a {
	color: rgba(0,0,0,0.8);
	text-decoration: none;
	padding:1%;
}

.cartoon {
  position: absolute;
  top: -50%;
  left: 11.5em;
  transform: translate(-50%, 50%) rotate(-15deg);
  width: 20vmin;
  height: 20vmin;
  z-index:9999;
  transform: ;
  
}

.cartoon div {
  position: absolute;
  box-sizing: border-box;
}

.b {
  border: 0.5vmin solid;
}

.r {
  border-radius: 100%;
}

.hb::before,
.ha::after {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
}

/****/
.cartoon {
  --body: #630;
}

.antenna, 
.bigwing {
  width: 4%;
  height: 4%;
  background: var(--body);
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bigwing::before {
  width: 60%;
  height: 1000%;
  background: var(--body);
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 50%;
}

.bigwing::after {
  width: 150%;
  height: 400%;
  background: var(--body);
  top: 90%;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 50%;
}

.antenna {
  box-shadow: 
    -4.1vmin -9.1vmin 0 -1vmin var(--body),
    4.1vmin -9.1vmin 0 -1vmin var(--body);
}

.antenna::after,
.antenna::before {
  width: 150%;
  height: 350%;
  border-radius: 50%;
  left: 80%;
  bottom: 20%;
  border: 0.25vmin solid transparent;
  border-left: 0.5vmin solid var(--body);
  transform: rotate(20deg);
}

.antenna::after {
  border-left: 0.5vmin solid transparent;
  border-right: 0.5vmin solid var(--body);
  transform: rotate(-20deg);
  left: -135%;
}

@keyframes wingTopFlap1 {
  0%, 100% { transform: rotate(-12deg) rotate3d(0, 0, 0, 10deg); }
  50% { transform: rotate(-12deg) rotate3d(0, 1, 0, 10deg); }
}

@keyframes wingTopFlap2 {
  0%, 100% { transform: scaleX(-1) rotate(-12deg) rotate3d(0, 0, 0, 10deg); }
  50% { transform: scaleX(-1) rotate(-12deg) rotate3d(0, 1, 0, 10deg); }
}

.wing-top {
  top: 5%;
  width: 50%;
  height: 45%;
  left: -0.125%;
  background: #770A00;
  border-radius: 20% 100% 10% 80%;
  transform-origin: right bottom;
  transform: rotate(-12deg);
  box-shadow: 
    inset 3.5vmin 1.5vmin 0 1vmin,
    inset -0.5vmin 0 0 1vmin;
  animation: wingTopFlap1 .5s linear infinite;
  overflow: hidden;
  color:#46a040;
}

.wing-top::after {
  width: 120%;
  height: 90%;
  border-radius: 50%;
  transform: rotate(35deg);
  left: 30%;
  top: -5%;
  box-shadow: inset 1vmin -2vmin;
}

.wing-top::before {
  width: 64%;
  height: 25%;
  transform: rotate(0deg);
  top: 61.5%;
  border-radius: 50% 50% 40% 60%;
  box-shadow: -1vmin -0.25vmin 0 1.5vmin;
}

.wing-top ~ .wing-top {
  left: 0;
  transform: scaleX(-1) rotate(-12deg);
  animation: wingTopFlap2 .5s linear infinite;
}

.dots {
  width: 2vmin;
  height: 2vmin;
  background: white;
  color: white;
  left: 5%;
  top: 10%;
  box-shadow: -0.5vmin 3vmin,
    -0.5vmin 6vmin 0 0.125vmin,
    1.5vmin -2.25vmin orange,
    3.5vmin -3vmin 0 -0.5vmin,
    20vmin 7vmin 0 2vmin black,
    20vmin 7.25vmin 0 3vmin
}

@keyframes wingBottomFlap1 {
  0%, 100% { transform: rotate(55deg) rotate3d(0, 0, 0, 10deg); }
  50% { transform: rotate(55deg) rotate3d(0, 1, 0, 10deg); }
}

@keyframes wingBottomFlap2 {
  0%, 100% { transform: scaleX(-1) rotate(55deg) rotate3d(0, 0, 0, 10deg); }
  50% { transform: scaleX(-1) rotate(55deg) rotate3d(0, 1, 0, 10deg); }
}

.wing-bottom {
  width: 28%;
  height: 40%;
  background: #46a040;
  border-radius: 100% / 125% 125% 70% 50%;
  transform-origin: right top;
  transform: rotate(55deg);
  top: 59%;
  left: 27.5%;
  box-shadow: inset 1vmin -2vmin 0 0.5vmin;
  animation: wingBottomFlap1 .5s linear infinite;
  overflow: hidden;
}

.wing-bottom ~ .wing-bottom {
  transform: scaleX(-1) rotate(55deg);
  left: auto;
  right: 55.5%;
  animation: wingBottomFlap2 .5s linear infinite;
}

.wing-bottom::before {
  width: 100%;
  height: 100%;
  left: 55%;
  top: -30%;
  border-radius: 50%;
  box-shadow: -1vmin 0.5vmin,
    -3vmin 2vmin 0 1vmin #770A00,
    -3vmin 3vmin 0 1.5vmin
}

.wing-bottom::after {
  width: 3vmin;
  height: 3vmin;
  background: black;
  top: 70%;
  left: 15%;
  border-radius: 50%;
  box-shadow: 
    2vmin 2vmin 0 -0.5vmin, 
    2.75vmin -0.5vmin 0 -0.5vmin #770A00,
    4.25vmin 1.5vmin 0 -0.75vmin #770A00,
    11vmin -10vmin 0 1vmin,
    15vmin -12vmin 0 -0.5vmin #770A00;
}
		
		
.project {
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.project h6 {
    font-weight: 400;
}



.project .overlay {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.project .content {
    position: absolute;
    left: 10%;
    bottom: 10%;
	z-index:88;
}

.project h2,
.project h6 {
    color: #fff;
}	
					


footer .footer-top {
    padding-top: 80px;
    padding-bottom: 40px;
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    padding-top: 20px;
}

footer .navbar-brand {
    color: #fff;
}

footer p {
    color: #ADB3B9;
}

footer .social-icons a {
    width: 50px;
    height: 50px;
    font-size: 20px;
    margin-left: 4px;
    margin-right: 4px;
}
						
/*** Button ***/
.btn {
    transition: .5s;
    font-weight: 500;
}


.btn-primary { background:#770A00; color:#fff !important; border-color:#770A00 !important }
.btn-primary:hover { background:#770A00; color:#fff !important; border-color:#770A00 !important;opacity:.7}


.btn-square {
    width: 38px;
    height: 60px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}


/*** Navbar ***/

.mb-4 { text-align:left;}

.carousel { top:0}
.navbar-topv.navbar.sticky-top { background:none;}
.navbar-topv .navbar-collapse a{ color:#fff !important;}
.navbar-topv a img{ opacity:0; }
.navbar-topv a.navbar-brand{ background:url(../img/logowhite.png) no-repeat;}
.navbar-topv .dropdown-menu { background:none;}
.navbar-topv .bg-light {background-color: transparent !important}
.navbar-topv .dropdown-item {padding: .25rem 0rem;}
.navbar-topv .dropdown-item:hover, .dropdown-item:focus {background-color:transparent !important;}
.navbar-topv .nav-item:hover .dropdown-menu {
  top: 70% !important;}


.navbar.sticky-top {
    top: -100px;
    transition: .5s;
	background:url(../img/vertabggray.png) no-repeat right #fff;
}

.teamstitle {align-content: center;}
.teamstitle h3 { color:#770A00;}

.nav-link { font-family:"NeoSansPro-Regular"; text-transform:uppercase;}

.navbar .navbar-nav .nav-link {
    margin-right: 35px;
    padding: 25px 0;
    color: var(--dark);
    font-size: 15px;
    font-weight: 500;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #770A00;
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Header ***/
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
	opacity:1;
    z-index: 889;
	text-shadow: 2px 2px #000;
	height:600px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 5%;
	z-index:900;
	height:auto;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    border-radius: 3rem;
    background-color:#770A00;
    border: 10px solid #770A00;
}

.main-carousel .owl-dots {
  position: absolute;
  top: 30px;
  right: 25px;
  width: 100%;
  height: 20px;
  text-align: right;
}

.main-carousel .owl-dot {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 20px;
  height: 20px;
  background: #fff !important;
  transition: .5s;
}

.main-carousel .owl-dot.active {
  width: 40px;
  background: #770A00 !important;
}

@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}


.page-header {
    background: url(../img/banner.jpg) center center no-repeat;
    background-size: cover;
}

.page-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--light);
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
    font-size: 18px;
    color: var(--light);
}


/*** Section Title ***/
.section-title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
}

.section-title::before {
    position: absolute;
    content: "";
    width: calc(100% + 80px);
    height: 2px;
    top: 5px;
    left: -40px;
    background: var(--primary);
    z-index: -1;
}

.section-title::after {
    position: absolute;
    content: "";
    width: calc(100% + 120px);
    height: 2px;
    bottom: 6px;
    left: -60px;
    background: var(--primary);
    z-index: -1;
}

.section-title.text-start::before {
    width: calc(100% + 40px);
    left: 0;
}

.section-title.text-start::after {
    width: calc(100% + 60px);
    left: 0;
}







/*** About ***/
.about-experience {
    position: absolute;
    width: 100%;
    height: 100%;
    right: -45px;
    bottom: -45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


/*** Service ***/
.service-item {
    position: relative;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
	background:#fff;
}

.service-item .service-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
}

.service-item .service-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    object-fit: cover;
    border-radius: 10px;
}

.service-item .service-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 3;
}

.service-item .service-img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #FFFFFF;
    transition: 2s ease-out;
    z-index: 2;
}

.service-item:hover .service-img::after {
    width: 0;
    left: auto;
    right: 0;
}

.service-item .service-text .service-icon {
    width: 140px;
    height: 140px;
    padding: 15px;
    margin-top: -70px;
    margin-bottom: 40px;
    background: #FFFFFF;
    border-radius: 140px;
    overflow: hidden;
    box-shadow: 0 0 60px rgba(0, 0, 0, .1);
}

.service-item .service-text h5,
.service-item .service-text p {
    transition: .5s;
}

.service-item:hover .service-text h5,
.service-item:hover .service-text p,
.service-item:hover .service-text a {
    color: #FFFFFF;
}

.service-item:hover {background: rgba(0, 0, 0, .5);}

.service-item .service-text .btn {}

.service-item .service-text .btn:hover {
    color:#fff;
    background:#770A00;
}

.btn-sm, .btn-group-sm > .btn {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius:0;
}

.service-text:hover h6{ color:#fff;}
.service-text:hover img {filter: brightness(0) invert(1);}
.service-text:hover .btn ,.service-text:hover .fa-plus::before{ color:#fff;} 

/*** Product ***/
.product-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.product-item .product-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    padding-top: 60px;
    transition: .5s;
}

.product-item:hover .product-overlay {
    opacity: 1;
    padding-top: 0;
}


/*** Team ***/
.team-item {
    position: relative;
    text-align: center;
}

.team-item p { color:#770A00;}

.team-item .btn {
    border-color: transparent;
    box-shadow: 0 0 45px rgba(0, 0, 0, .2);
}


/*** Testimonial ***/
.testimonial-img {
    position: relative;
    min-height: 400px;
}

.testimonial-img::after {
    position: absolute;
    content: "\f10d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 200px;
    color: #EEEEEE;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.testimonial-img img {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100px;
}

.testimonial-img img:nth-child(1) {
    top: 0;
    left: 0;
}

.testimonial-img img:nth-child(2) {
    top: 60%;
    left: 20%;
}

.testimonial-img img:nth-child(3) {
    top: 20%;
    left: 60%;
}

.testimonial-img img:nth-child(4) {
    bottom: 0;
    right: 0;
}

.testimonial-img img .animated.pulse {
    animation-duration: 2s;
}

.testimonial-carousel .owl-nav {
    margin-top: 30px;
    display: flex;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin-right: 15px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #01555c;
    border-radius: 45px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .2);
    font-size: 22px;
    transition: .5s;
	background:#770A00;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background:#01555c;
    color:#fff;
}


/*** Footer ***/
footer { background:url(../img/limassol.jpg) no-repeat; background-size: cover;}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    letter-spacing: 1px;
    box-shadow: none;
}

footer p { color:#fff; text-align:left;opacity:.7}
footer h6 { color:#fff; text-align:left;opacity:.7}
footer h5 {border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom:5px;}
footer .btn{ text-align:left; color:#fff; line-height:1; opacity:.7; font-size:.9rem;padding: .375rem 0;}
footer .btn:hover{ color:#fff ; opacity:1;}
footer .form-control { color:#fff;}
footer .footer-bottom p { text-align:center;}

.btn:focus {
  outline: 0;
  box-shadow:none;
}
.form-control {
  border-color:rgba(255, 255, 255, 0.5);
  box-shadow:none;
  padding:.7rem;
  background-color:transparent;
}
.form-control:focus {
  border-color:rgba(255, 255, 255, 0.9);
  box-shadow:none;
  background-color:transparent;
  color:#fff;
}

.newscontent-bottom { text-align:right;}
.newscontent-bottom ul { margin-bottom:0; padding-left:0 !important}
.newscontent-bottom ul li {margin: 0;background: none;padding: 0;display: inline-block;}

.newscontent-bottom ul li a img {margin:0;}

.events { color:#fff !important; position:relative;}
.events div p { margin:0;}
.events .newslistbtn {position:absolute; right:0; top:0;background:#770A00; color:#fff;padding:1.12rem 4rem; 
                      font-family:'NeoSansPro-Regular'; font-size:1.5rem;}




.job-post-item {
  z-index: 0;
  background: #fff;
  position: relative;
  width: 100%;
  margin-bottom:0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding:1.5rem;
}

.job-post-item .one-third {
  width: calc(100% - 145px);
}


.job-post-item:hover, .job-post-item:focus {
  -webkit-box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.1);
  border: none;
}


.job-post-item .one-third .subadge {
  color: rgba(0, 0, 0, 0.3);
  color: #777;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  line-height:1.5;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}

.job_details_area .apply_job_form .input-group .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  padding: 0;
  line-height: 60px;
  color: #7A838B;
  background-color: transparent;
  border-radius: 0;
  border: none;
}


 .job-post-item .one-forth { position:absolute; right:0; top:40%;}
    @media (max-width: 991.98px) {
      .job-post-item .one-forth {
        width: 100%; } }
    .job-post-item .one-forth > div .icon {
      width: 40px;
      height: 40px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
  .job-post-item .icon {
    border: none !important;
    background: #ffefdb !important;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    @media (min-width: 992px) {
      .job-post-item .icon {
        opacity: 0; } }
    .job-post-item .icon span {
      color: #fdab44; }
  .job-post-item .job-post-item-body span, .job-post-item .job-post-item-body a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7); }
 
    .job-post-item:hover .icon, .job-post-item:focus .icon {
      background: #fdab44 !important;
      opacity: 1; }
      .job-post-item:hover .icon span, .job-post-item:focus .icon span {
        color: #fff; }
		

.careerscontainer, .newscontainer { background:#f7f7f7;}
.careersbanner > h2, .newsbanner > h2 { position:absolute; left:5%; top:150px; color:#fff; font-size:3rem; border-left:0;}
.careersbanner > img, .newsbanner > img { width:100%;}

.careersbanner { width:100%; background:url(../img/careersbanner.png) no-repeat top;position:relative;  padding-top:450px;background-size:contain;}
.newsbanner { width:100%; background:url(../img/newsbanner.png) no-repeat top; position:relative; padding-top:450px; background-size:contain;}

.job_details_area {
  padding-bottom: 100px;
}

.divshadow {box-shadow: 0px 0px 24px 5px rgba(0, 0, 0, 0.1);}

/* line 5, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs {
  padding: 30px;
  border-bottom: 1px solid #EAEAEA;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #770A00;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
	  color: #fff;
}

.overlay1 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:9999;
}
.overlay1:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 0 auto;
  padding: 50px;
  background: #fff;
  border-radius: 5px;
  width: 80%;
  position: relative;
  transition: all 5s ease-in-out;
  margin-top:5%;

}

.popup h2 {
  margin-top: 0;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}


@media (max-width: 767px) {
  /* line 5, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .single_jobs {
    display: block !important;
  }
}

@media (max-width: 767px) {
  /* line 13, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .single_jobs .jobs_left {
    display: block !important;
    overflow: hidden;
  }
}

/* line 18, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_left .thumb {
  float: left;
  width: 82px;
  height: 82px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  background: #F5F7FA;
  margin-right: 25px;
  border: 1px solid #F0F0F0;
}

/* line 32, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_left .jobs_conetent {
  float: left;
}

/* line 34, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_left .jobs_conetent h4 {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 400;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #770A00;
  text-transform:uppercase;
}

@media (max-width: 767px) {
  /* line 34, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .single_jobs .jobs_left .jobs_conetent h4 {
    margin-top: 15px;
	color: #770A00;
  }
}



@media (max-width: 767px) {
  /* line 46, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .single_jobs .jobs_left .jobs_conetent .links_locat {
    display: block !important;
  }
}

/* line 50, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_left .jobs_conetent .links_locat .location {
  margin-right: 50px;
}

@media (max-width: 767px) {
  /* line 50, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .single_jobs .jobs_left .jobs_conetent .links_locat .location {
    margin-right: 10px;
  }
}

/* line 55, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_left .jobs_conetent .links_locat .location p {
  margin-bottom: 0;
  font-size: 16px;
  color: #AAB1B7;
}

/* line 59, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_left .jobs_conetent .links_locat .location p i {
  margin-right: 7px;
}

@media (max-width: 767px) {
  /* line 68, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .single_jobs .jobs_right .apply_now {
    margin: 10px 0;
  }
}

/* line 73, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_right .apply_now a.heart_mark {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #00D363;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  background: #EFFDF5;
}

/* line 83, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_right .apply_now a.heart_mark:hover {
  background: #00D363;
  color: #fff;
}

/* line 88, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_right .apply_now a.boxed-btn3 {
  padding: 9px 27px 9px 27px;
  font-size: 14px;
}

/* line 94, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_right .date {
  text-align: right;
  margin-top: 10px;
}

@media (max-width: 767px) {
  /* line 94, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .single_jobs .jobs_right .date {
    text-align: left;
  }
}

/* line 100, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .single_jobs .jobs_right .date p {
  margin-bottom: 0;
  font-size: 14px;
  font-style: italic;
  color: #7A838B;
}

/* line 110, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .descript_wrap {
  padding: 40px;
}

/* line 112, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .descript_wrap .single_wrap {
  margin-bottom: 30px;
}

/* line 114, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .descript_wrap .single_wrap:last-child {
  margin-bottom: 0;
}

/* line 117, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .descript_wrap .single_wrap h4 {
  font-size: 20px;
  font-weight: 500;
  color: #001D38;
  margin-bottom: 25px;
  text-transform:uppercase;
}

/* line 123, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .descript_wrap .single_wrap p {
  color: #7A838B;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}

/* line 130, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .descript_wrap .single_wrap ul li {
  font-size: 16px;
  line-height: 32px;
  color: #7A838B;
  font-weight: 400;
  position: relative;
  padding-left: 25px;
}

/* line 137, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .descript_wrap .single_wrap ul li::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 7px;
  background: #7A838B;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 12px;
}

/* line 152, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form {
  margin-top: 30px;
  padding: 40px;
}

@media (max-width: 767px) {
  /* line 152, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .apply_job_form {
    padding: 30px;
  }
}

/* line 158, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form h4 {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
}

/* line 164, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input_field input, .job_details_area .apply_job_form .input_field textarea {
  height: 60px;
  border: 1px solid #E8E8E8;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding-left: 20px;
  margin-bottom: 20px;
}

/* line 171, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input_field input::placeholder, .job_details_area .apply_job_form .input_field textarea::placeholder {
  color: #7A838B;
  font-size: 16px;
}

/* line 175, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input_field input:focus, .job_details_area .apply_job_form .input_field textarea:focus {
  outline: none;
}

/* line 179, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input_field textarea {
  height: 188px;
  padding: 20px;
}

/* line 184, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input_field.file_up input {
  position: relative;
}

/* line 186, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input_field.file_up input:before {
  position: absolute;
  left: 0;
  top: 0;
  content: 'Upload CV';
}

/* line 195, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input-group {
  width: 100%;
  height: 60px;
  border-radius: 5px !important;
  margin-bottom: 20px;
  border: 1px solid #ddd;
}

/* line 201, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input-group button {
  background: transparent;
  border: none;
  font-size: 16px;
  color: #7A838B;
  padding-left: 20px;
  margin-right: 5px;
}

/* line 209, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input-group .custom-file {
  margin-bottom: 0;
  height: 60px;
  border: none;
}

/* line 214, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input-group .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  padding: 0;
  line-height: 60px;
  color: #7A838B;
  background-color: transparent;
  border-radius: 0;
  border: none;
}

/* line 228, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .apply_job_form .input-group .custom-file-input {
  height: 100%;
}

/* line 233, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .job_sumary {
  background: #fff;
}

@media (max-width: 767px) {
  /* line 233, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .job_sumary {
    margin-top: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  /* line 233, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .job_sumary {
    margin-top: 30px;
  }
}

/* line 241, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .job_sumary .summery_header {
  border-bottom: 1px solid #EAEAEA;
  padding: 40px;
}

@media (max-width: 767px) {
  /* line 241, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .job_sumary .summery_header {
    padding: 30px;
  }
}

/* line 247, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .job_sumary .summery_header h4 {
  font-size: 24px;
  color:#770A00;;
  font-weight: 400;
  text-transform:uppercase;
}

/* line 253, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .job_sumary .job_content {
  padding: 40px;
}

@media (max-width: 767px) {
  /* line 253, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
  .job_details_area .job_sumary .job_content {
    padding: 30px;
  }
}

/* line 259, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .job_sumary .job_content ul li {
  font-size: 16px;
  font-weight: 400;
  color: #AAB1B7;
  line-height: 32px;
  padding-left: 18px;
  position: relative;
}

/* line 266, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .job_sumary .job_content ul li::before {
position: absolute;
left: 0;
top: 0;
width: 7px;
height: 7px;
background: #7A838B;
content: '';
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: 12px;
}

/* line 277, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .job_sumary .job_content ul li span {
  color: #001D38;
  text-transform:uppercase;
}

/* line 284, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .share_wrap {
  background: #fff;
  margin: 30px 0;
  padding: 20px;
}

/* line 288, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .share_wrap span {
  font-size: 16px;
  font-weight: 500;
  color: #001D38;
  line-height:2;
  margin-right: 15px;
}

/* line 295, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .share_wrap ul li {
  display: inline-block;
  margin-right: 5px;
}

/* line 298, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .share_wrap ul li a {
  font-size: 16px;
  color: #D5D5D5;
}

/* line 301, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .share_wrap ul li a:hover {
  color: #00D363;
}

/* line 308, ../../Arafath/CL/December/235. Job board/HTML/scss/_job_details.scss */
.job_details_area .job_location_wrap {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}

.white-bg {
  background: #ffffff;
}

.boxed-btn3 {
  background: #770A00;
  color: #fff;
  display: inline-block;
  padding: 13px 29px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 500;
  border: 0;
  border-radius: 5px;
  text-align: center;
  text-transform: capitalize;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.boxed-btn3:hover {
  color: #fff !important;
  background: #A3140D;
}

.job_content ul { padding-left:0;}
.date2017 {color:#770A00;}


@media (max-width: 600px) {

video {right: 0;top: 0;width: 100%;}
.videobg { background-repeat: no-repeat;}
.carousel-caption {align-items: top;}
#header-carousel .carousel-item {min-height: 0;}
.carousel-control-prev, .carousel-control-next {width: 15%;}
.about-experience h1 { font-size:5rem;}
#ourprofile, #ourgroup, #ourstrategy, #ourteam, #ourservices, #contactus, #news {padding-top: 50px !important;}
.worldmap {height: 160px;}
.popup { width: 90%;}
#ourteam h2 { margin:10px;}
#ourteam { background:url(../img/ourteam1.png) #f7f7f7;background-size: contain; background-repeat:no-repeat;}

.ourstrategycontainer .d-flex {display: block !important;text-align: center;}
.divmobvalue { display:block;}
.divmobnon { display:none;}
/*.ourstrategycontainer { background:url(../img/strategybgmob.png) !important;}*/
.videobg {background: none}

.carousel-control-prev-icon, .carousel-control-next-icon {
  width: 2rem;
  height: 2rem;}
  
  .boxStrategy {
  width: 100%;
  margin-bottom:40px;
}

h1 {
  font-size: calc(.8rem + 1.5vw);
}

.worldmap { margin:10px auto;}

.boxStrategy div p, .boxStrategy ul li { font-size:.8rem;}
.boxStrategy ul li { display:inline-block;width: 49%;padding: 1.5% 2%; text-align:left;}
.p1, .p2, .p3, .p4 { position:absolute;}
.p1 { top: 160px;left: 35px;width: 30%;}
.p2 { top: 80px; right: 30px; width: 40%;}
.p3 { top: 295px;left: 40px;width: 30%;}
.p4 { top: 205px;right: 45px;width: 30%;}

}