@charset "UTF-8";

 

/* #header, #header.header-scrolled, #header.header-inner-pages { background: #FFFFFF !important; } */

/* #header .logo a { color: var(--color-primary); } 
#header.header-scrolled {  box-shadow: 5px -5px 5px 10px rgba(0, 0, 0, .10); } */


#header .logo { margin: -10px 15px 5px; padding: 12px 2% 8px; background: white; text-align: center; display: inline-block; border-radius: 0 0 10px 10px; }

.inner-pages #header .logo img,
.inner-pages #header.header-scrolled .logo img,
#header.header-scrolled .logo img { max-height: 40px; }
 
 
#header .navbar { background: rgba(40, 58, 90, 0.7); }
/* #header.header-scrolled .navbar {  box-shadow: 5px -5px 5px 10px rgba(0, 0, 0, .10); } */

.navbar { padding-right: 20px; padding-left: 20px; border-radius: 20px;}
.navbar a,
.navbar a:focus { font-weight: 500; color: #FFFFFF; font-size: 16px; font-family: var(--font-header);  padding: 7px 12px 7px 10px;  } 
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a { color: #FFF; background:  rgba(var(--color-highlight-rgb), 1); } 
.navbar-mobile a, .navbar-mobile a:focus { padding: 10px 20px; font-size: 15px; color: var(--color-primary); }

/* .navbar .getstarted i, .navbar .getstarted:focus i { padding: 8px 5px ; margin-left: 0px; border-radius: 50px; color: #FFFFFF; font-size: 17px; border: 0px solid var(--color-highlight); font-weight: 600; } */

.rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-fixed .rd-navbar-nav-outer, .rd-navbar-fixed .rd-navbar-submenu, #header .logo img { transition: 0.35s all cubic-bezier(0.325, 0.615, 0.355, 0.705); }


.inner-pages #main { margin-top: 70px;}

@media (min-width: 1361px) { 
  .navbar a,
  .navbar a:focus {  font-size: 17px; }  
}

@media (max-width: 1279px) {
    #header .container-md { margin-left: 0; margin-right: 0;}
    .navbar a,
    .navbar a:focus {  font-size: 15px; } /* padding: 10px 6px 10px 5px;  */
    #header .logo img, #header.header-scrolled .logo img { height: 60px; }
}

@media (max-width: 1200px) {
    .navbar { border-radius: 20px 0 0 20px;} 
}

@media (max-width: 991px) {
    #header { padding: 10px 0;}
    #header, #header.header-scrolled, #header.header-inner-pages, #header .navbar { background: #FFFFFF !important; }
    #header .logo img, #header.header-scrolled .logo img { height: 40px; }
    #header .logo { margin: 0 15px 0; padding: 0 10px; background: white; text-align: center; display: inline-block; }
}


h1, h2, h3, h4, h5, h6, .heading-font {
    color: #3c4452;
}


  
/* ==========================================================================
4.0 Promo Section
========================================================================== */


.promo-section{ position: relative; display: block; margin-top: -90px; min-height: 190px; }

@media screen and (max-width: 991px) /* and (max-height: 700px) */ {
.promo-section { min-height: 270px;  }
}

.promo-wrap{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
}
/* .promo-wrap .row{
    background-color: #fff;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
} */
.promo-wrap .row .col-md-4:last-child > .promo-content{
    border: none;
}
.promo-content{
    padding: 20px 30px;
    /* border-right: 1px dashed #ddd; */
    background-color: #fff;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
}
.promo-content h3{
    font-size: 22px;
    letter-spacing: -1px;
}
.promo-content img{
    margin-bottom: 15px;
}
.promo-content a{
    color: #555;
    font-size: 14px;
    font-weight: 600;
}
 
.promo-section-2 .row .col-md-4:last-child > .promo-content{
    border: none;
}

.promo-content a:hover {
    cursor: pointer;  
        color: #555; text-decoration: none;
}
.promo-content a:hover .hover,
.promo-content a:hover span{
	color: var(--color-highlight);
}

@media (max-width: 768px) {
    .promo-wrap{ position: relative; }
    .promo-section .row .col-md-4:last-child { width: 100%; float: none; }
    /* .promo-wrap .container { overflow: hidden; overflow-x: scroll; height:270px;} */
}


.breadcrumbs { 
    margin-top: 0;
}





/* ============================================================================================= */
/* TABS
/* --------------------------------------------------------------------------------------------- */

.tabscontainer { margin-top: 0px; width: 100%; border-top: 0px solid #CCC; }
.navcontainer ul { border-bottom:1px solid #DFDFDF; border-top:0px solid #DFDFDF; margin:0pt; padding:0pt; width:100%; height: 40px; }
.navcontainer ul li { margin:0pt; padding:0pt; display: inline-block; text-align: center; float:left; }
.navcontainer ul li a:hover{ /*background-color:#ECECEC;*/ text-decoration:none !important; }
.navcontainer ul li a { border:1px dotted #DFDFDF !important; background-color: #FAFAFA; color:#807E7E; padding:0 20px 0 10px; text-decoration:none; height: 40px; line-height: 40px; display:block; margin-right:1px; text-decoration:none; }
.navcontainer ul li a.active{ border:1px solid #DFDFDF !important; border-bottom: none !important; border-right:1px solid #f00; background-color: #FFF !important;	 font-weight: bold; color: #666; }
.tabscontent{ padding: 0; }
.pg-home .tabscontent { max-height: 250px; } 
.tabsloader, .pgtabsloader { z-index: 1001; padding: 0px; text-align: center; background-color: transparent; border: 0px solid #000000; }
.pgtabsloader {  width:100px; height:30px; margin:0 auto; /* background:url(../image/icons/a-loader.gif) 50% 50% no-repeat; */}

.tabscontent .content,
.pgtabscontent .content{ display: none; }




address { background: #fff2f2; color: #440; border: 2px #ad2000 solid; padding: 15px; margin-bottom: 1rem; border-width: 0 0 2px 0; font-style: italic; font-size: 135%; font-family: serif; }

 

.bg-my-primary, .bg-my-secondary, .bg-my-light  {
    color: #FFFFFF !important;padding-left: 25px; padding-right: 25px; border-radius: 0.9rem;
}
.bg-my-primary { background: var(--color-primary); }
.bg-my-primary:hover { background: #644c4c; }
.bg-my-secondary { background: var(--color-highlight); }
.bg-my-secondary:hover { background: var(--color-secondary); }
.bg-my-light { background: #FFFFFF; color: var(--color-primary) !important; font-family: var(--font-header); height:56px; line-height: 56px; padding: 0 30px; }
.bg-my-light:hover { background: #e0e0e0; }

.bg-pink { background: #FDE0D5; }
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}


.container { max-width: 1200px; }
.container-sm { max-width: 1040px; }
.container-md { max-width: 1440px; }

@media (max-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (max-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (max-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 96%; /* 960px; */
  }
}
/* @media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-md {
    max-width: 1200px;
  }
  .container-xxl, .container-xl, .container-lg, .container-sm, .container {
    max-width: 1320px;
  }
} */


.header-content span {
    display: block; text-align: left !important;
}

.header-contact {
    display: flex; width: 100%;
}
.header-contact .header-content { 
    width: 80%; text-align: start;
}

.header-contact .header-content span {
display: block; font-weight: 600; font-family: var(--font-header); font-size: 15px; text-align: left;
}

.header-contact .header-content p  {
margin: 0px; text-align: left; line-height: 20px; font-size: 15px; color: #83868b; 
}

.header-contact .header-icon {
    width: 20%; text-align: center;
}
.header-contact .header-icon img {
    width: 15px; height: auto;
    }
.header-top.text-right ul li {
flex-grow: 1;
}


/* 
@@ PROGRESSBAR
=================================================================================================
*/
.progress-circle {
    font-size: 20px;
    margin: 20px auto;
    position: relative; /* so that children can be absolutely positioned */
    padding: 0;
    width: 5em;
    height: 5em;
    background-color: #F2E9E1; 
    border-radius: 50%;
    line-height: 5em;
      /*  float: left; */
 }
 
 .progress-circle:after{
     border: none;
     position: absolute;
     top: 0.35em;
     left: 0.35em;
     text-align: center;
     display: block;
     border-radius: 50%;
     width: 4.3em;
     height: 4.3em;
     background-color: white;
     content: " ";
 }
 /* Text inside the control */
 .progress-circle span {
     position: absolute;
     line-height: 5em;
     width: 5em;
     text-align: center;
     display: block;
     color: var(--color-primary);
     z-index: 2;
 }
 .left-half-clipper { 
    /* a round circle */
    border-radius: 50%;
    width: 5em;
    height: 5em;
    position: absolute; /* needed for clipping */
    clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/ 
 }
 /* when p>50, don't clip left half*/
 .progress-circle.over50 .left-half-clipper {
    clip: rect(auto,auto,auto,auto);
 }
 .value-bar {
    /*This is an overlayed square, that is made round with the border radius,
    then it is cut to display only the left half, then rotated clockwise
    to escape the outer clipping path.*/ 
    position: absolute; /*needed for clipping*/
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 0.45em solid var(--color-primary); /*The border is 0.35 but making it larger removes visual artifacts */
    /*background-color: #4D642D;*/ /* for debug */
    box-sizing: border-box;
   
 }
 /* Progress bar filling the whole right half for values above 50% */
 .progress-circle.over50 .first50-bar {
    /*Progress bar for the first 50%, filling the whole right half*/
    position: absolute; /*needed for clipping*/
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: var(--color-primary);
    border-radius: 50%;
    width: 5em;
    height: 5em;
 }
 .progress-circle:not(.over50) .first50-bar{ display: none; }
 
 
 /* Progress bar rotation position */
 .progress-circle.p0 .value-bar { display: none; }
 .progress-circle.p1 .value-bar { transform: rotate(4deg); }
 .progress-circle.p2 .value-bar { transform: rotate(7deg); }
 .progress-circle.p3 .value-bar { transform: rotate(11deg); }
 .progress-circle.p4 .value-bar { transform: rotate(14deg); }
 .progress-circle.p5 .value-bar { transform: rotate(18deg); }
 .progress-circle.p6 .value-bar { transform: rotate(22deg); }
 .progress-circle.p7 .value-bar { transform: rotate(25deg); }
 .progress-circle.p8 .value-bar { transform: rotate(29deg); }
 .progress-circle.p9 .value-bar { transform: rotate(32deg); }
 .progress-circle.p10 .value-bar { transform: rotate(36deg); }
 .progress-circle.p11 .value-bar { transform: rotate(40deg); }
 .progress-circle.p12 .value-bar { transform: rotate(43deg); }
 .progress-circle.p13 .value-bar { transform: rotate(47deg); }
 .progress-circle.p14 .value-bar { transform: rotate(50deg); }
 .progress-circle.p15 .value-bar { transform: rotate(54deg); }
 .progress-circle.p16 .value-bar { transform: rotate(58deg); }
 .progress-circle.p17 .value-bar { transform: rotate(61deg); }
 .progress-circle.p18 .value-bar { transform: rotate(65deg); }
 .progress-circle.p19 .value-bar { transform: rotate(68deg); }
 .progress-circle.p20 .value-bar { transform: rotate(72deg); }
 .progress-circle.p21 .value-bar { transform: rotate(76deg); }
 .progress-circle.p22 .value-bar { transform: rotate(79deg); }
 .progress-circle.p23 .value-bar { transform: rotate(83deg); }
 .progress-circle.p24 .value-bar { transform: rotate(86deg); }
 .progress-circle.p25 .value-bar { transform: rotate(90deg); }
 .progress-circle.p26 .value-bar { transform: rotate(94deg); }
 .progress-circle.p27 .value-bar { transform: rotate(97deg); }
 .progress-circle.p28 .value-bar { transform: rotate(101deg); }
 .progress-circle.p29 .value-bar { transform: rotate(104deg); }
 .progress-circle.p30 .value-bar { transform: rotate(108deg); }
 .progress-circle.p31 .value-bar { transform: rotate(112deg); }
 .progress-circle.p32 .value-bar { transform: rotate(115deg); }
 .progress-circle.p33 .value-bar { transform: rotate(119deg); }
 .progress-circle.p34 .value-bar { transform: rotate(122deg); }
 .progress-circle.p35 .value-bar { transform: rotate(126deg); }
 .progress-circle.p36 .value-bar { transform: rotate(130deg); }
 .progress-circle.p37 .value-bar { transform: rotate(133deg); }
 .progress-circle.p38 .value-bar { transform: rotate(137deg); }
 .progress-circle.p39 .value-bar { transform: rotate(140deg); }
 .progress-circle.p40 .value-bar { transform: rotate(144deg); }
 .progress-circle.p41 .value-bar { transform: rotate(148deg); }
 .progress-circle.p42 .value-bar { transform: rotate(151deg); }
 .progress-circle.p43 .value-bar { transform: rotate(155deg); }
 .progress-circle.p44 .value-bar { transform: rotate(158deg); }
 .progress-circle.p45 .value-bar { transform: rotate(162deg); }
 .progress-circle.p46 .value-bar { transform: rotate(166deg); }
 .progress-circle.p47 .value-bar { transform: rotate(169deg); }
 .progress-circle.p48 .value-bar { transform: rotate(173deg); }
 .progress-circle.p49 .value-bar { transform: rotate(176deg); }
 .progress-circle.p50 .value-bar { transform: rotate(180deg); }
 .progress-circle.p51 .value-bar { transform: rotate(184deg); }
 .progress-circle.p52 .value-bar { transform: rotate(187deg); }
 .progress-circle.p53 .value-bar { transform: rotate(191deg); }
 .progress-circle.p54 .value-bar { transform: rotate(194deg); }
 .progress-circle.p55 .value-bar { transform: rotate(198deg); }
 .progress-circle.p56 .value-bar { transform: rotate(202deg); }
 .progress-circle.p57 .value-bar { transform: rotate(205deg); }
 .progress-circle.p58 .value-bar { transform: rotate(209deg); }
 .progress-circle.p59 .value-bar { transform: rotate(212deg); }
 .progress-circle.p60 .value-bar { transform: rotate(216deg); }
 .progress-circle.p61 .value-bar { transform: rotate(220deg); }
 .progress-circle.p62 .value-bar { transform: rotate(223deg); }
 .progress-circle.p63 .value-bar { transform: rotate(227deg); }
 .progress-circle.p64 .value-bar { transform: rotate(230deg); }
 .progress-circle.p65 .value-bar { transform: rotate(234deg); }
 .progress-circle.p66 .value-bar { transform: rotate(238deg); }
 .progress-circle.p67 .value-bar { transform: rotate(241deg); }
 .progress-circle.p68 .value-bar { transform: rotate(245deg); }
 .progress-circle.p69 .value-bar { transform: rotate(248deg); }
 .progress-circle.p70 .value-bar { transform: rotate(252deg); }
 .progress-circle.p71 .value-bar { transform: rotate(256deg); }
 .progress-circle.p72 .value-bar { transform: rotate(259deg); }
 .progress-circle.p73 .value-bar { transform: rotate(263deg); }
 .progress-circle.p74 .value-bar { transform: rotate(266deg); }
 .progress-circle.p75 .value-bar { transform: rotate(270deg); }
 .progress-circle.p76 .value-bar { transform: rotate(274deg); }
 .progress-circle.p77 .value-bar { transform: rotate(277deg); }
 .progress-circle.p78 .value-bar { transform: rotate(281deg); }
 .progress-circle.p79 .value-bar { transform: rotate(284deg); }
 .progress-circle.p80 .value-bar { transform: rotate(288deg); }
 .progress-circle.p81 .value-bar { transform: rotate(292deg); }
 .progress-circle.p82 .value-bar { transform: rotate(295deg); }
 .progress-circle.p83 .value-bar { transform: rotate(299deg); }
 .progress-circle.p84 .value-bar { transform: rotate(302deg); }
 .progress-circle.p85 .value-bar { transform: rotate(306deg); }
 .progress-circle.p86 .value-bar { transform: rotate(310deg); }
 .progress-circle.p87 .value-bar { transform: rotate(313deg); }
 .progress-circle.p88 .value-bar { transform: rotate(317deg); }
 .progress-circle.p89 .value-bar { transform: rotate(320deg); }
 .progress-circle.p90 .value-bar { transform: rotate(324deg); }
 .progress-circle.p91 .value-bar { transform: rotate(328deg); }
 .progress-circle.p92 .value-bar { transform: rotate(331deg); }
 .progress-circle.p93 .value-bar { transform: rotate(335deg); }
 .progress-circle.p94 .value-bar { transform: rotate(338deg); }
 .progress-circle.p95 .value-bar { transform: rotate(342deg); }
 .progress-circle.p96 .value-bar { transform: rotate(346deg); }
 .progress-circle.p97 .value-bar { transform: rotate(349deg); }
 .progress-circle.p98 .value-bar { transform: rotate(353deg); }
 .progress-circle.p99 .value-bar { transform: rotate(356deg); }
 .progress-circle.p100 .value-bar { transform: rotate(360deg); }
 
 
 
/* 
=================================================================================================
*/
 
 



/*  
@@ OVERRIDES
=================================================================================================
*/
  


  

/* ============================================================================================= */
/* @ JOBS
/* --------------------------------------------------------------------------------------------- */

.apply-btn {
  background: #ff9b44;
  background: -moz-linear-gradient(left, #ff9b44 0%, #fc6075 100%);
  background: -webkit-linear-gradient(left, #ff9b44 0%, #fc6075 100%);
  background: -ms-linear-gradient(left, #ff9b44 0%, #fc6075 100%);
  background: linear-gradient(to right, #ff9b44 0%, #fc6075 100%);
  border-color: transparent;
  box-shadow: 0 6px 15px rgba(36, 37, 38, 0.08);
  color: #fff;
  position: absolute;
  right: 20px;
  top: 20px;
}

.job-list {
  background-color: #fff;
  border: 1px solid #ededed;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  display: block;
  margin-bottom: 35px;
  position: relative;
  transition: all 0.3s ease 0s;
}

.job-list-det {align-items: flex-start;display: flex;align-items: center;padding: 20px 20px 10px 20px; }
.jobs-home .job-list-det {min-height: 90px; padding-bottom: 20px;}

.job-list .job-list-info {clear: both; padding: 10px 20px 5px;}
.job-list .job-list-info p { margin-bottom: 10px; }

.job-list .job-list-desc {flex: 1 1 0;}

.job-list .job-department {color: #777;font-size: 14px;margin-bottom: 0;}

.job-list .job-list-title, .job-list-title {color: #333;font-size: 18px;font-weight: 600;line-height: 18px;padding-right: 20px;}
@media (min-width: 767px) {
  .job-list-title { min-height:36px; }
}
.job-list .job-list-footer {
  background-color: #f9f9f9;
  border-radius: 0 0 4px 4px;
  position: relative;
  padding: 20px;
}

.job-list .job-list-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.jobs-home .job-list .job-list-footer * {color: #777; }
.blog-single .job-list .job-list-footer * {color: #333; }

.job-list .job-list-footer ul li {color: #777;display: inline-block;margin-right: 14px;}

.job-list .job-list-footer ul li i {color: #777;margin-right: 3px;position: relative;}

.job-list .job-list-footer ul li:last-child {margin-right: 0;}


.page-wrapper.job-wrapper {margin-left: 0;}

.job-types {
  background-color: transparent;
  border: 1px solid #E86D20;
  color: #E86D20;
  border-radius: 4px;
  display: inline-block;
  padding: 6px 12px;
  text-align: center;
  font-weight: 700;
}
.job-types-blue { 
  border: 1px solid #286090;
  color: #286090; 
}
.job-types-success { 
  border: 1px solid #5e7c0c;
  background-color: rgba(25, 135, 84, 1) !important;
  color: #FFFFFF; 
}
.job-types-warning { 
  border: 1px solid #E86D20;
  background-color: #E86D20 !important;
  color: #FFFFFF; 
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}


div#boxes h4 {
  font-size: 18px; color:#999999;
  border-bottom:1px dotted #666666;
 display:block;
 padding-bottom:7px;	 
 font-weight:normal;
 margin-bottom:10px;
 margin-top: 20px;
}

.cv_detail h3 {
  font-size: 20px;
  color: #777777;
  margin-top: 30px; border-bottom:1px dotted #666666; padding-bottom:7px;	 font-weight:normal;
  margin-bottom:10px;
}

.cv_detail h3 .prof_edit{
  font-size: 14px; 
}

div.sechead { font-size: 105%; color:#990000; border-bottom:1px dotted #990000; font-weight:bold; } 


div#boxes .info {
  background: #f8f8f8;
  color: #666;
  padding: 10px;
  margin-bottom: 0.5em;
  font-size: 91.7%;
  border: 1px solid #CDCDCD;
}


fieldset, fieldset.fset-basic { 
	padding:0;
	margin:0; 
}

fieldset.fset-basic {
	background: none;
	border:0px dotted #9B9B9B; 	
	display:block;
}  

fieldset.fset-basic legend { 
	font-weight:bold;
	text-transform:capitalize;
	color:#990000;
	display:none;
}
 

fieldset.fset-basic table { width: 100%; }

fieldset.fset-basic table th, 
fieldset.fset-basic table td { vertical-align:top; } /* display: flex; flex-wrap: wrap; */
fieldset.fset-basic table td label { padding-left: 5px; }  
fieldset.fset-basic table td .form-control { margin-bottom: 5px; color: #495057; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}  
	

fieldset.fset-basic hr { border: 1px solid #ccc;}



.nav_user_side {
	list-style: none; list-style-type: none;
    border: 0px solid #000;
    margin: 0;
    padding: 0; 
}

.nav_user_side li {
	list-style-type: none;
    border-bottom: 1px solid #efefef;
    margin: 0;
    padding: 5px 20px 5px 10px;
    color: #888888;
}  
.nav_user_side li:hover{
	background: rgba(0,0,0,.03);
} 

div.error {  background:  #FFF3F3; border:2px solid #FF6666; margin:10px 0px; text-align:center; height:auto;	  color:#990000;  font-weight:normal; letter-spacing:.05em; height:auto; padding:15px 0; min-height:25px; overflow: hidden; display: none;  }
div.is_success {  background:  #ddffb3; border:2px solid #8EC051; margin:10px 0px; text-align:center; height:auto;	  color:#14af00;  font-weight:normal; letter-spacing:.05em; height:auto; padding:15px 0; min-height:25px; overflow: hidden; display: none;  }