html,
body {
   height: 100%;
   font-family: 'univers';
   /*font-family: 'Raleway-Medium';*/
   -webkit-font-smoothing: antialiased;
   overflow-x: hidden;
   text-align: right !important;
}

@font-face {
   font-family: 'hacen';
   src: url(../fonts/hacen-tunisia.ttf) format('truetype');
   /*font-family: 'NeoSansArabic';
   src: url(../fonts/NeoSansArabic.ttf) format('truetype');*/
} 
@font-face {
   font-family: 'univers';
   src: url(../fonts/univers.otf) format('truetype');
   /*font-family: 'NeoSansArabic';
   src: url(../fonts/NeoSansArabic.ttf) format('truetype');*/
} 
@font-face {
   font-family: 'Raleway-Bold';
   src: url(../fonts/Raleway-Bold.ttf) format('truetype');
} 
img {
   max-width: 100%;
}
a:hover,
a:focus {
   text-decoration: none;
   outline: none;
   color: #fff;
}
.btn-primary,
.btn-primary.disabled,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active{
   color: #fff !important;
   background-color: #c61f25;
   border-color: #c61f25;
   border-radius: 2px !important;
   /*padding: 10px 28px;*/
   padding: 7px 18px;
}

.btn-primary.disabled:hover{
   cursor: not-allowed;
}
.btn-primary:focus{
   box-shadow: none !important;
}
ul{
   list-style: none;
   padding-right: 0;
}
.btn-lang {
   background: #868686;
   border: none;
   color: #fff;
   display: inline-block;
   cursor: pointer;
   font-weight: 500;
   width: 100px;
   text-align: center;
   padding: 6px 15px;
   font-size: 15px;
   font-family: 'hacen';
   letter-spacing: .4px;
}
.m-03{
   margin: 0 30px;
}
.darkBlue{
   color: #132b43 !important;
}
.darkred{
   color: #c61f25 !important;
}
label{
   font-size: 15px;
}
/* ------------------------------------------------------------------- 
   close button for mobile navigation 
------------------------------------------------------------------- */

.header__overlay-close {
   position: absolute;
   display: block;
   width: 45px;
   height: 45px;
   top: 21px;
   right: 50%;
   margin-right: -23px;
   font: 0/0 a;
   text-shadow: none;
   color: transparent;
}

.header__overlay-close::before, .header__overlay-close::after {
   content: '';
   position: absolute;
   display: inline-block;
   width: 2px;
   height: 20px;
   top: 12px;
   right: 22px;
   background-color: #132B43;
}

.header__overlay-close::before {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.header__overlay-close::after {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
}
.pageheader-content {
   overflow: hidden;
   padding: 0 75px;
   max-width: 1350px;
}
/* -------------------------------------------------------------------
 * ## Header
 * ------------------------------------------------------------------- */

 .header-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #e5e5e5;
}
.header-top .ht-left {
	float: right;
   position: relative;
}

.header-top .ht-right {
	float: left;
}
.header-top .login-panel,
.header-top .register-panel{
	font-size: 15px;
	color: #132B43 !important;
	display: inline-block;
	padding-top: 18px;
	padding-bottom: 15px;
   position: relative;
   font-family: 'hacen';
}
.header-top .register-panel.ar-lang, .ar-lang{
   font-family: 'Raleway-Bold';
   font-size: 14px;
	color: #132B43 !important;
}
.header-top  .register-panel{
   margin-right: 15px;
   padding-right: 20px;
}
.header-top  .register-panel::before{
   position: absolute;
   right: 0;
   top: 20px;
   height: 20px;
   width: 1px;
   background: rgba(188, 0, 0, 0.2);
   content: "";
}
.header-top .login-panel img,
.header-top .register-panel img  {
	margin-left: 8px;
   max-width: 22px;
}
.header-top .ht-right{
	float: left;
	margin-top: 15px;
	/*margin-bottom: 13px;*/
}
.header-top .register-panel i  {
	margin-left: 8px;
   /*color: #c61f25;*/
   font-size: 18px;
}
.header.sticky {
   top: 0px !important;
   margin-bottom: 0px !important;
   background-color: #fff;
   height: 60px;
}
.search-bar, .mobile_search_bar {
   outline: 0;
   float: right;
   margin: 18px 0;
   position: relative;
   right: 12px;
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.search-bar > .textbox, .mobile_search_bar > .textbox {
   outline: 0;
   line-height: 42px;
   padding: 0 16px;
   background-color: rgba(255, 255, 255, 0.8);
   color: #212121;
   border: 0;
   float: right;
   font-size: 14px;
}

.mobile_search_bar > .textbox{
   width: 88% !important;
}
.search-bar > .textbox:focus, .mobile_search_bar > .textbox:focus {
   outline: 0;
   background-color: #FFF;
}
.search-bar > .button ,.mobile_search_bar > .button{
   outline: 0;
   background: none;
   background-color: #c61f25;
   float: right;
   height: 42px;
   width: 42px;
   text-align: center;
   line-height: 42px;
   border: 0;
   color: #FFF;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: 16px;
   text-rendering: auto;
   text-shadow: 0 1px 1px #c61f25;
   -webkit-transition: background-color .4s ease;
   transition: background-color .4s ease;
}
.search-bar > .button:hover, .mobile_search_bar > .button:hover {
   background-color: #132B43;
}

/* -------------------------------------------------------------------
   main navigation
------------------------------------------------------------------- */

.header__nav-wrap {
   display: inline-block;
}
.header__nav-wrap a {
   color: #132B43;
}
.header__nav-wrap .header__nav-heading {
   text-align: center;
   font-size: 1.4rem;
   color: #000;
   text-transform: uppercase;
   letter-spacing: .3rem;
   margin-top: 6rem;
}
.header__nav-wrap .header__nav-heading,
.header__nav-wrap .close-mobile-menu {
   display: none;
}
.header__nav {
   list-style: none;
   margin: 0;
   padding: 0;
   font-size: 15px;
   padding: 30px 0px;
   display: inline-block;
   position: relative;
}
.header__nav li {
   display: inline-block;
   position: relative;
   margin-left: 32px;
}
.header__nav li a {
   display: block;
   color: #132B43;
   position: relative;
   font-family: 'hacen';
}
.header__nav li a::after {
   display: block;
   color: #132B43;
   line-height: 39px;
   position: absolute;
   right: 0;
   bottom: -2px;
   width: 100%;
   height: 2px;
   background: #c61f25;
   content: "";
   -webkit-transform: scale(0);
      -ms-transform: scale(0);
         transform: scale(0);
   -webkit-transition: all, 0.3s;
   -o-transition: all, 0.3s;
   transition: all, 0.3s;
}
.header__nav  li.active a:after {
   -webkit-transform: scale(1);
       -ms-transform: scale(1);
           transform: scale(1);
}
.header__nav li:hover a:after {
   -webkit-transform: scale(1);
       -ms-transform: scale(1);
           transform: scale(1);
}
.header__nav li.account a::after{
   background: none !important;
}
.header__nav li.account a .dropdown-content a{
   /*font-family: 'Raleway-Medium' !important;*/
   font-family: 'univers';
}
.header__nav li.dropdown,
.header__nav li.dropdown:hover {
   transition: all, 0.5s;
}
.header__logo{
   padding: 21px 0;
}
.header__logo .logo img{
   max-width: 45px;
}
.header .col-lg-2{max-width: 8% !important;}


/* -------------------------------------------------------------------
   Quick Link
------------------------------------------------------------------- */

.post-content{
   height: 150px;
   margin-bottom: 40px;
   background-color: #f8f8f8;
   text-align: center;
   line-height: 40%;
   position: relative;
   border-radius: 2px;
   /*box-shadow: 10px 10px 5px rgba(0,0,0,0.4);*/
   /*box-shadow: 15px 10px #c61f25;*/
  /* box-shadow: 15px 10px rgba(255, 255, 255, 0.8);*/
}
.post-content .box-shadow{
   position: absolute;
   bottom: -5%;
   right: -3%;
   width: 0;
   height: 0;
   border-bottom: 120px solid #132B43;
   border-right: 120px solid transparent;
   z-index: -1;
}
.post-content img{
   position: relative;
   max-height: 150px;
}
.post-content .post-title{
   line-height: 25px;
   position: absolute;
   /*left: 15%;*/
   bottom: 18%;
   color: #132B43 !important;
   font-family: 'hacen';
   width: 100%;
}
.post-title i{
   font-size: 35px;
   margin: 20px;
}
.post-content .content-overlay {
   background: rgba(31,31,99,.3);
   position: absolute;
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   opacity: 1;
   z-index: 9;
   -webkit-transition: all 0.4s ease-in-out 0s;
   -moz-transition: all 0.4s ease-in-out 0s;
   transition: all 0.4s ease-in-out 0s;
}

/* -------------------------------------------------------------------
   Slider
------------------------------------------------------------------- */

.main-slider {
   position: relative;
   width: 100%;
   min-height: 8vw;
   margin-bottom: 80px;
   opacity: 0;
   visibility: hidden;
   transition: all 1.2s ease;
   direction: ltr !important;
}

.figcaption h1, .figcaption p{
   direction: rtl;
}

.header.sticky .main-slider{
   margin-top: 65px !important;
}
.main-slider.slick-initialized {
   opacity: 1;
   visibility: visible;
}
.slick-slide {
   position: relative;
}
.slick-slide::before {
   background-color: #000;
   opacity: 0.3;
   z-index: 3;
   text-shadow: 1px 1px #000;
}
.slick-slide video {
   display: block;
   position: absolute;
   top: 50%;
   right: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   transform: translate(-50%, -50%);
}
.slick-slide video:before {
   position: absolute;
   z-index: 0;
   right: 0;
   display: block;
   width: 100%;
   height: 100%;
   content: "";
   pointer-events: none;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 1%, transparent 12%), linear-gradient(0deg, rgba(0, 0, 0, 0.5) 1%, transparent 12%);
}
.slick-slide iframe {
   position: relative;
   pointer-events: none;
}
.slick-slide iframe:before {
   position: absolute;
   z-index: 0;
   right: 0;
   display: block;
   width: 100%;
   height: 100%;
   content: "";
   pointer-events: none;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 1%, transparent 12%), linear-gradient(0deg, rgba(0, 0, 0, 0.5) 1%, transparent 12%);
}
.slick-slide figure {
   position: relative;
   height: 100%;
}
.slick-slide .slide-image {
   opacity: 0;
   height: 100%;
   background-size: cover;
   background-position: center;
   transition: all 0.8s ease;
}
.slick-slide .slide-image:before {
   position: absolute;
   z-index: 0;
   right: 0;
   display: block;
   width: 100%;
   height: 100%;
   content: "";
   pointer-events: none;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 1%, transparent 12%), linear-gradient(0deg, black 1%, transparent 50%);
}
.slick-slide .slide-image.show {
   opacity: 1;
}
.slick-slide .loading {
   position: absolute;
   top: 44%;
   right: 0;
   width: 100%;
}
.slick-slide .slide-media {
   -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
           animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active {
   z-index: 1;
}
.slick-slide.slick-active .slide-media {
   -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
           animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.slick-slide.slick-active .content {
   opacity: 1;
   transform: translateY(0);
   transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}
.main-slider .content {
   position: absolute;
   max-width: 75vw;
   bottom: 5em;
   right: 5%;
   text-align: left;
   padding: 20px;
   color: #fff;
   margin: 0;
   font-size: 16px;
   font-weight: 300;
   letter-spacing: 0.02em;
   opacity: 0;
   z-index: 1000;
   transition: all 0.3s ease;
   pointer-events: all;
   transform: translateY(100px);
}
.main-slider .content h1 {
   font-size: 36px;
   margin-bottom: 0.5em;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
.slick-dots {
   text-align: center;
   padding-top: 15px;
}
.slick-dots li {
   display: inline-block;
   vertical-align: top;
   margin: 0 8px;
}
.slick-dots li button {
   width: 16px;
   height: 16px;
   border: none;
   cursor: pointer;
   border-radius: 50%;
   border: 2px solid #fff;
   box-shadow: 0 0 0 0 transparent;
   vertical-align: middle;
   color: #fff;
   background-color: #fff;
   transition: all 0.3s ease;
   opacity: 0.4;
}
.slick-dots li button:focus {
   outline: none;
}
.slick-dots li button:hover {
  opacity: 1;
}
.slick-dots li.slick-active button {
   border-color: #262626;
   box-shadow: 0 0 0 2px #fff;
   opacity: 1;
}
.header.sticky {
   border-bottom: 1px solid #eee;
   background: #fff;
}

/* -------------------------------------------------------------------
   Company
------------------------------------------------------------------- */

.company{
   margin: 120px 0;
}
.section-title.mb-5{ margin-bottom: 40px !important;}
.section-title.mb-6{ margin-bottom: 60px !important;}
.section-title span {
   color: #132B43;
   display: block;
   font-size: 16px;
   letter-spacing: 2px;
   text-transform: uppercase;
   margin-bottom: 6px;
}
.section-title p{
   margin-bottom: 0;
}
.section-title h2 {
   color: #132B43;
   font-size: 28px;
   position: relative;
   padding-bottom: 15px;
   font-family: 'hacen';
}
.section-title h2::after {
   position: absolute;
   right: 0;
   bottom: 0;
   height: 4px;
   width: 70px;
   background: #c61f25;
   content: "";
}
.center-title{text-align: center;}
.section-title.center-title h2::after {
   left: 0;
   margin: 0 auto;
}
.company-carousel .owl-item img{ 
   width: auto !important;
}

/* -------------------------------------------------------------------
   Download App
------------------------------------------------------------------- */

.download{
   margin: 120px 0;
   /*padding: 80px 0;*/
   /*background-color: #f8f8f8;*/
}
.download .section-title{
   margin: 0 auto 40px;
}

.download .download-desc{
   text-align: center;
   margin-top: 25px;
}

.download-btn {
   display: flex;
   text-align: right;
   margin: 0 25px;
   padding: 3px 30px 5px;
   border: 1px solid #132B43;
   border-radius: 5px;
}
.download-btn-icon {
   flex: 1;
   font-size: 22px;
   margin-left: 15px;
   line-height: 30px;
}
.download-btn-text {
   flex: 20;
   padding-top: 3px;
   padding-bottom: 5px;
}
.download-btn-text {
   color: #132B43 !important;
}

.app-download-btn a {
   background-color: #c61f25;
   color: #fff;
   font-weight: 500;
   width: 197px !important;
   display: inline-block;
   border-radius: 2px;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 14px 30px;
   margin-bottom: 10px;
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
}
.app-download-btn a i {
   color: #fff;
   font-size: 24px;
   margin-left: 15px;
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
}
.app-download-btn a img {
   margin-left: 15px;
}
.app-download-btn a p {
   font-size: 16px;
   line-height: 1;
   color: #fff !important;
   font-family: 'hacen';
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
}
.app-download-btn a p span {
   font-size: 12px;
   display: block;
   color: #fff;
   font-weight: 500 !important;
   margin-bottom: 7px;
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
}
.flexbox-center {
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   align-items: center;
}



/* -------------------------------------------------------------------
   Jobs
------------------------------------------------------------------- */
.jobs{
   margin: 120px 0 ; 
}
.job-heading{
   display: -webkit-box !important;
   position: relative;
}
.btn-job{
   position: absolute;
   left: 0;
}
/*
.btn-job .btn{
   font-weight: 600;
   position: relative;
   padding-bottom: 7px;
   color: #132B43 !important;
}
.btn-job .btn::after {
   position: absolute;
   left: 14%;
   bottom: 0;
   height: 2px;
   width: 80px;
   background: #c61f25;
   content: "";
}*/
.jobs-area{
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);*/
  border: 1px solid #ddd;
   border-radius: 2px;
   padding: 25px;
   margin: 30px 0;
}
.jobs-area .job-link,
.companies-area .company-link{
   width: 100%;
   display: contents !important;
}
.jobs-area .job-link .job-position h6,
.companies-area .company-link .company-position h6{
   color: #132B43 !important;
}
.jobs-area .job-link .single-job,
.companies-area .company-link .single-company {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 35%;
   flex: 0 0 35%;
   max-width: 35%;
   width: 35%;
   /*padding-right: 15px;*/
}
.jobs-area .job-link .single-job .company-logo {
   /*width: 90px;*/
   max-width: 60px;
   margin: 10px 0;
   margin-left: 30px;
}
.jobs-area .job-link .single-job .company-logo img {
   /*border-radius: 50%;*/
   border-radius: 4%;
}
.jobs-area .job-link .single-job .job-position h6 {
   font-size: 17px;
}
.jobs-area .job-link .single-job .job-position p {
   color: #c61f25;
   /*color: #6c757d;*/
   margin-bottom: 0;
   font-size: 15px;
}
.jobs-area .job-link .single-job .job-position p span {
   color: #132B43;
}
.jobs-area .job-link .job-time-place {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 35%;
   flex: 0 0 35%;
   max-width: 35%;
   width: 35%;
   /*padding: 0 15px;*/
}
.jobs-area .job-link .job-time-place {
   color: #6c757d;
   margin-bottom: 0;
   font-size: 14px;
}
.jobs-area .job-link .job-time-place img {
   color: #c61f25;
   margin-left: 5px;
}
.jobs-area .job-link .job-details {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 30%;
   flex: 0 0 30%;
   max-width: 30%;
   width: 30%;
}
.job-link .job-details .hold{
   color: #fff;
   border-radius: 2px !important;
   padding: 10px 10px;
   min-width: 156px;
   font-size: 14px;
   display: inline-block;
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
}

.btn-primary.full-time{
   background-color: #36469c !important;
   border-color: #36469c !important;
   /*padding: 10px 14px !important;*/
   padding: 7px 10px !important;
   font-size: 14px;
   cursor: default !important;
}

.btn-primary.temporary{
   background-color: #027957 !important;
   border-color: #027957 !important;
   /*padding: 10px 14px !important;*/
   padding: 7px 10px !important;
   font-size: 14px;
   cursor: default !important;
}

.btn-primary.intership{
   background-color: #f79e1b !important;
   border-color: #f79e1b !important;
   /*padding: 10px 14px !important;*/
   padding: 7px 10px !important;
   font-size: 14px;
   cursor: default !important;
}

.btn-primary.intership1{
   background-color: #5c1c59 !important;
   border-color: #5c1c59 !important;
   /*padding: 10px 14px !important;*/
   padding: 7px 10px !important;
   font-size: 14px;
   cursor: default !important;
}

/* -------------------------------------------------------------------
   Team
------------------------------------------------------------------- */

.team{
   margin: 120px 0 0;
}
.block-33 {
   background: #fff;
   margin-left: auto;
   margin-right: auto;
   padding: 0px 40px 20px 40px;
   margin-top: 20px;
   /*box-shadow: 4px 4px 10px -1px #ddd;*/
   /*box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;*/
   /*box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;*/
   /* box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px 0px;*/
   /*box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;*/
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   /*border-top: 1px solid rgba(0,0,0,0.05);*/
}
.h-100 {
   height: 100% !important;
   min-height: 380px;
}
.block-33 .vcard .image img {
   display: block;
   margin-left: auto;
   margin-right: auto;
   max-width: 75%;
   border-radius: 50%;
   margin-bottom: 40px;
}
.block-33 .vcard .name-text h2{
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 20px;
} 
.block-33 .vcard .name-text span{
   color: #6c757d;
}
.team-carousel .owl-item .item{
   margin: 0 3px 5px 3px;
}

/* -------------------------------------------------------------------
   News
------------------------------------------------------------------- */

.news-area {
   padding: 120px 0;
}
.news-content {
   position: relative;
   margin-bottom: 330px;
}
.content-image{
   width: 100%;
}
.content-details{
   width: 90%;
   min-height: 280px;
   background-color: #fff;
   text-align: center;
   position: absolute;
   top: 85%;
   left: 5%;
   padding: 30px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}
.content-details h3{
   color: #212529 !important;
   font-size: 20px;
   font-family: 'hacen';
   margin-bottom: 10px;
   min-height: 48px;
}
.content-details p{
   color: #6c757d !important;
   min-height: 120px;
}
.content-details a{
   color: #c61f25 !important;
}

/* -------------------------------------------------------------------
   Footer
------------------------------------------------------------------- */

.footer {
  /* box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);*/
   background-image: url('../images/heading-bg.png');
   /*background: #f8f8f8;*/
   /*background-image: url('../images/heading-bg2.png');*/
}
.footer__top {
   padding: 30px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer__top__logo {
   line-height: 40px;
}
.footer__top__logo a {
   display: inline-block;
}
.footer__top__social a {
   display: inline-block;
   font-size: 15px;
   /*color: #c61f25;*/
   /*color: #132B43;*/
   color: #6c757d;
   height: 40px;
   width: 40px;
   background: rgba(255, 255, 255, 0.1);
   border-radius: 50%;
   line-height: 44px;
   text-align: center;
   margin-left: 6px;
 }
.footer__top__social a:last-child {
   margin-left: 0;
}
.footer__option {
   padding: 50px 0;
}
.footer__option__item h5 {
   /*color: #c61f25;*/
   color: #132B43;
   /*font-weight: 700;*/
   margin-bottom: 20px;
   font-family: 'hacen';
   font-size: 20px;
}
.footer__option__item p {
   /*color: #132B43;*/
   color: #6c757d ;
}
.footer__option__item ul li {
   list-style: none;
}
.footer__option__item ul li a {
   /*color: #132B43;*/
   color: #6c757d ;
   font-size: 15px;
   line-height: 32px;
}
.footer__copyright {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   padding: 20px 0;
}
.footer__copyright__text {
   margin-bottom: 0;;
   /*color: #132B43;*/
   color: #6c757d ;
   font-size: 15px;
}
 .footer__copyright__text i {
   /*color: #c61f25;*/
   color: #132B43;
}
.footer__copyright__text a {
   /*color: #c61f25;*/
   color: #132B43;
   font-size: 15px;
   font-family: 'hacen';
}
#page-content-wrapper {
   min-width: 0;
   width: 100%;
   padding-left: 0rem !important;
   padding-right: 1rem;
}
/* -------------------------------------------------------------------
 * ## Responsive Size
 * ------------------------------------------------------------------- */

@media only screen and (max-width: 1920px) and (min-width: 1200px){
   .header__toggle-menu {
      display: none;
   }
   .logo-toggle{
      display: none;
   }
   .slick-slide {
      position: relative;
      height: 40.9vw;
   }
   .header__toggle-menu{display: none;}
   .content-page .jobs-area .job-link .single-job,
   .content-page .companies-area .company-link .single-company {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      padding-right: 0 !important;
      padding-bottom: 20px !important;
   }

   .content-page .jobs-area .job-link .job-time-place,
   .content-page .companies-area .company-link .company-time-place {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      padding: 0 0 20px 0 !important;
   }
   .content-page .jobs-area .job-link .job-details,
   .content-page .companies-area .company-link .company-details{
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      padding: 0 !important;
   }
   .padding-none:nth-child(1) {
      border-right: none;
   }
   .padding-none:nth-child(5),
   .padding-none:nth-child(9),
   .padding-none:nth-child(13){
      border-right: none;
   }
   .padding-none:nth-child(17){
      border-right: none;
      border-bottom: none;
   }
   /*.padding-left:nth-child(n+1){
      border-right: none;
   }*/
   .padding-left:nth-child(1),
   .padding-left:nth-child(4),
   .padding-left:nth-child(7),
   .padding-left:nth-child(10),
   .padding-left:nth-child(13),
   .padding-left:nth-child(16),
   .padding-left:nth-child(19),
   .padding-left:nth-child(22),
   .padding-left:nth-child(25),
   .padding-left:nth-child(28),
   .padding-left:nth-child(31) {
      border-right: none;
   }
   /*
   .padding-left:nth-child(10),
   .padding-left:nth-child(11) {
      border-bottom: none;
   }*/
   .col-lg-6.forming{
      max-width: 48% !important;
      margin-left: 1rem;
   }
   .create-cv .row{
      flex-wrap: nowrap !important;
   }
   .edit-cv{
      display: none !important;
   }
   .vaccancy-table table tr td span,
   .follower-table table tr td span,
   .applicant-table table tr td span{
      display: none !important;
   }
   .empty.mt-30{
      margin-top: 32px;
   }
   .offset-lg-3.forming {
      margin-right: 25% !important;
  }
}
.mobile_search_bar{
   width: 95% !important;
   margin-top: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
   .logo-toggle{
      display: none;
   }
   .header__nav li{ 
      margin-left: 15px !important;
   }
   /*.search-bar > .textbox, .mobile_search_bar > .textbox{
      width: 165px  !important;
   }*/
   .header.sticky {
      top: 0px !important;
      margin-bottom: 0px !important;
      background-color: #fff;
      height: 60px;
   }
   .slick-slide {
      max-height: 42vw;
   }
   .main-slider .content{
      bottom: 20em !important;
   }
   .header__toggle-menu{display: none;}
   .job-details .hold{
      min-width: 100px !important;
   }
   .jobs-area .job-link .job-time-place{
      letter-spacing:  0px !important;
   }
   .news-content{
      margin-bottom: 370px !important;
   }
   .content-page .jobs-area .job-link .single-job {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      padding-right: 0 !important;
      padding-bottom: 20px !important;
   }
   .content-page .jobs-area .job-link .job-time-place {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      padding: 0 0 20px 0 !important;
   }
   .content-page .jobs-area .job-link .job-details{
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      padding: 0 !important;
   }
   .content-details{
      min-height: 310px !important;
   }
   .content-details p{
      min-height: 140px !important;
   }
   .padding-none:nth-child(1) {
      border-right: none;
   }
   .padding-none:nth-child(5),
   .padding-none:nth-child(9),
   .padding-none:nth-child(13){
      border-right: none;
   }
   .padding-none:nth-child(17){
      border-right: none;
      border-bottom: none;
   }
   .padding-left:nth-child(1),
   .padding-left:nth-child(4),
   .padding-left:nth-child(7),
   .padding-left:nth-child(10),
   .padding-left:nth-child(13),
   .padding-left:nth-child(16),
   .padding-left:nth-child(19),
   .padding-left:nth-child(22),
   .padding-left:nth-child(25),
   .padding-left:nth-child(28),
   .padding-left:nth-child(31),
   .padding-left:nth-child(34),
   .padding-left:nth-child(37),
   .padding-left:nth-child(40),
   .padding-left:nth-child(43),
   .padding-left:nth-child(46),
   .padding-left:nth-child(49),
   .padding-left:nth-child(52),
   .padding-left:nth-child(55){
      border-right: none;
   }
   /*.padding-left:nth-child(10),
   .padding-left:nth-child(11) {
      border-bottom: none;
   }*/
   .col-lg-6.forming{
      max-width: 48% !important;
      margin-left: 1rem;
   }
   .create-cv .row{
      flex-wrap: nowrap !important;
   }
   .edit-cv{
      display: none !important;
   }
   .vaccancy-table table tr td span,
   .follower-table table tr td span,
   .applicant-table table tr td span{
      display: none !important;
   }
   .empty.mt-30{
      margin-top: 32px;
   }
   .applicant-table table tr td{
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 12ch;
      white-space: nowrap;
   }
   .offset-lg-3.forming {
      margin-right: 25% !important;
  }
}

@media only screen and (max-width: 991px) {
   .content-page .company-section, .content-page .profile-section{
      display: none !important;
   }
   .jobs-details .single-job .job-position .social-company,
   .course .single-course .course-name .social-company{
      display: block !important;
   }
   .jobs-details .single-job .job-position ul li,
   .course .single-course .course-name ul li{
      margin-bottom: 10px !important;
   }
   .padding-none:nth-child(1) {
      border-right: none;
   }
   .padding-left:nth-child(1) {
      border-right: none;
   }
   /*.padding-left:nth-child(11) {
      border-bottom: none !important;
   }*/
   .footer{
      background-color: #fafafb !important;
      background-image: none !important;
   } 
   .register-form {
      padding: 30px 0 !important;
   }
   .register-form.ptt-0{
     padding: 0 !important;
   }
   /*.col-lg-6.forming{
      max-width: 48% !important;
      margin-right: 1rem;
   }*/
   .job-favourite {
      position: relative !important;
      left: auto !important;
      top: auto !important;
   }

   /*.follower-table table tr td {
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 15ch;
      white-space: nowrap;
      padding-right: 15px;
   }*/
   .create-cv{
    /*  display: none !important;*/
   }
   #sidebar-wrapper, .sidebar_btn nav{
      display: none;
   }

   .edit-cv .nav-pills .nav-link{
      position: relative;
      display: block;
      color: #132B43 !important;
      margin: 5px 0;
      font-size: 15px;
      border-radius: 2px !important;
   }
   .edit-cv .nav-pills .nav-link.active{
      background: #c61f25 !important;
      color: #fff !important;
      position: relative;
      border-radius: 0;
   }
   #v-pills-tab.nav{
      display: flex !important;
      margin: 20px 0;
   }
   .edit-cv .register-form .forming{
      margin: 0em auto 30px !important;
   }
   .follower-table table tr td{
      display: block !important;
      text-align: right !important;
   }
   .follower-table table tr th{
      display: none !important;
   }
   .follower-table table tr td{
      width: 100% !important;
      text-align: right !important;
   }
   .follower-table table tr td span{
      padding: 15px 20px !important;
      font-family: 'hacen';
   }
   .report-label1 input, .report-label input, .report-label1 select{
      max-width: 240px !important;
   }
   .report-label1 label,
   .report-label label{
      width: 20% !important;
   }
   .report-form .btn-primary{
      margin-right: 20% !important;
      margin-bottom: 10px;
   }
   .report-label,
   .report-label1{
      display: flex !important;
      align-items: center;
   }
   .applicant-table table tr td {
      display: block !important;
      text-align: right !important;
   }
   .applicant-table table tr td span {
      padding: 15px 20px !important;
      font-family: 'hacen';
   }
   .applicant-table  table tr th {
      display: none !important;
   }
      
   
   
}
@media only screen and (min-width: 768px) and (max-width: 991px){
   .slick-slide {
      max-height: 53vw;
   }
   .main-slider .content{
      bottom: 10rem !important;
   }
   .logo-toggle{display: none;}
   .search-bar{display: none;}
   .header__toggle-menu{display: none;}
   .job-details .hold{
      margin-bottom: 6px !important;
   }
   .h-100{
      min-height: 388px !important;
   }
   .news-content{
      margin-bottom: 320px !important;
   }
   .footer__option__item {
      margin-bottom: 50px !important;
   }
   .job-details{
      display: grid !important;
   }
   .job-details .btn-primary:first-child{
      margin-bottom: 8px !important;
   }
   .job-details .btn-primary{
      text-align: center !important;
   }
   .padding-none:nth-child(4),
   .padding-none:nth-child(7),
   .padding-none:nth-child(10),
   .padding-none:nth-child(13),
   .padding-none:nth-child(16){
      border-right: none !important;
   }
   .padding-none:nth-child(16),
   .padding-none:nth-child(17){
      border-bottom: none !important;
   }
   .padding-left:nth-child(3),
   .padding-left:nth-child(5),
   .padding-left:nth-child(7),
   .padding-left:nth-child(9),
   .padding-left:nth-child(11),
   .padding-left:nth-child(13),
   .padding-left:nth-child(15),
   .padding-left:nth-child(17),
   .padding-left:nth-child(19),
   .padding-left:nth-child(21),
   .padding-left:nth-child(23),
   .padding-left:nth-child(25),
   .padding-left:nth-child(27),
   .padding-left:nth-child(29),
   .padding-left:nth-child(31),
   .padding-left:nth-child(33),
   .padding-left:nth-child(35){
      border-right: none !important;
   }
   .login-form form {
      width: 70% !important;
   }
  /*.col-lg-6.forming{
      max-width: 48% !important;
   }*/
   .jobs-area .job-link .job-position h6{
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 10ch;
      white-space: nowrap;
   }
   .jobs-area .job-link .single-job .job-position p{
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 12ch;
      white-space: nowrap;
   }
   .jobs-area .job-link .job-details {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 24%;
      flex: 0 0 24%;
      max-width: 24%;
      width: 24%;
   }
   .jobs-area .job-link .job-time-place {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 37%;
      flex: 0 0 37%;
      max-width: 37%;
      width: 37%;
   }
   .vaccancy-table table tr th.title,
   .vaccancy-table table tr th.major,
   .vaccancy-table table tr td.title,
   .vaccancy-table table tr td.major,
   .vaccancy-table table tr th.deadline{
      width: 18%;
      text-align: center;
   }

   .vaccancy-table table tr th.watchCount,
   .vaccancy-table table tr td.watchCount{
      width: 10% ;
   }
   .vaccancy-table table tr th.applications,
   .vaccancy-table table tr td.applications{ 
      width: 20% ;
      text-align: center;
   }
   .create-cv .row{
      display: block !important; 
   }
   .create-cv .row .col-md-12{
      max-width: 82% !important;
   }
   .vaccancy-table table tr td span{
      display: none !important;
   }
   /*.report-label label{
      width: 28% !important;
   }*/
   .ms-40{
      margin-bottom: 20px !important;
   }
   .course .single-course .course-link .course-name p{
      min-height: 125px !important;
   }
}


@media only screen and (max-width: 767px){
   .modal{
      margin-top: 50px;
   }
   .company_details_logo, .company_details_description, .company_details{
      display: block !important;
   }
   .stat-box{
      width: 100% !important;
   }

   .breadcrumb-option{
      margin-top: 60px;
   }
   .header__toggle-menu span {
      display: block;
      width: 22px;
      height: 2px;
      margin-top: -1px;
      position: absolute;
      right: 4%;
      top: 50%;
      bottom: auto;
      left: auto;
      background-color: #132B43;
      color: transparent;
   }
   .header__toggle-menu span::before,
   .header__toggle-menu span::after {
      content: '';
      width: 28px;
      height: 100%;
      position: absolute;
      background-color: inherit;
      right: 0;
   }
   .header__toggle-menu span::before {
      top: -8px;
   }
   .header__toggle-menu span::after {
      bottom: -8px;
   }
   .header-top{
      display: none !important;
   }
   .header {
      position: fixed !important;
      transition: all 0.4s;
      width: 100%;
      z-index: 99;
      height: 60px;
      background: #fff;
      border-bottom: 1px solid #eee;
   }
   .logo-toggle{
      position: absolute;
      left: 5%;
      top: 5%;
      bottom: auto
   }
   .logo-toggle img{
      max-width: 40px !important;
   }
   .search-bar{
      display: none;
   }
   .main-slider {
      margin-top: 60px !important;
   }
   .header__nav-wrap {
      background-color: #fff;
      opacity: 0;
      visibility: hidden;
      position: fixed;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      margin: 0;
      border: none;
      z-index: 600;
      overflow-y: auto;
   }
   .header__nav-wrap .header__nav-heading, 
   .header__nav-wrap .close-mobile-menu {
      display: block;
   }
   .header__nav {
      margin: 4.8rem 3rem 6rem;
      font-size: 16px;
      width: 85%;
   }
   .header__nav li {
      display: block;
      padding: 0;
      text-align: right;
   }
   .header__nav > li {
      border-bottom: 1px solid rgba(0, 0, 0, 0.03);
   }
   .header__nav > li a {
      line-height: 54px;
   }
   body.nav-wrap-is-visible {
      overflow: hidden;
   }
   .nav-wrap-is-visible .header__nav-wrap {
      opacity: 1;
      visibility: visible;
   }
   .header__logo{display: none;}
   .header__nav__social{display: none;}
   .header__nav li a::after {width: 50px !important;}
   .grid-sizer {
      width: calc(50% - 10px);
   }
   .section-title h2{
      font-size: 28px !important;
      font-weight: 500 !important;
   }
   .jobs-area .job-link .single-job {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      padding-left: 0 !important;
      padding-bottom: 20px !important;
   }
   .jobs-area .job-link .job-time-place {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      padding: 0 0 20px 0 !important;
   }
   .jobs-area .job-link .job-details{
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
      max-width: 100% !important;
      width: 100% !important;
      padding: 0 !important;
   }
   .content-details{
      min-height: 390px;
   }
   .content-details p{
      min-height: 210px;
   }
   .h-100{
      min-height: 370px !important;
   }
   .news-content{
      margin-bottom: 440px !important;
   }
   .footer__option__item{
      margin-bottom: 40px !important;
   }
   .footer__option {
      padding: 50px 0 0 !important;
   }
   .jobs-area.margin-t{ box-shadow: none !important;}
   .margin-t{
      margin-top: 40px;
   }
   .padding-none:nth-child(3),
   .padding-none:nth-child(5),
   .padding-none:nth-child(7),
   .padding-none:nth-child(9),
   .padding-none:nth-child(11),
   .padding-none:nth-child(13),
   .padding-none:nth-child(15),
   .padding-none:nth-child(17){
      border-right: none !important;
   }
   .padding-none:nth-child(17){
      border-bottom: none !important;
   }
   .padding-left:nth-child(3),
   .padding-left:nth-child(5),
   .padding-left:nth-child(7),
   .padding-left:nth-child(9),
   .padding-left:nth-child(11),
   .padding-left:nth-child(13),
   .padding-left:nth-child(15),
   .padding-left:nth-child(17){
      border-right: none !important;
   }
   .breadcrumb-option{
      padding: 120px 0 60px !important;
   }
   .breadcrumb__text h2{
      text-align: center !important;
   }
   .login-form form {
      width: 80% !important;
  }
   .col-12.forming{
      max-width: 90% !important;
   }
   .ms-40{
      margin-bottom: 20px !important;
   }
  /* .report-label label{
      width: 40% !important;
   }*/
   .report-label1 input, .report-label input, .report-label1 select{
      max-width: 240px !important;
  }
  .report-label1 label,
  .report-label label{
     width: 20% !important;
  }
   .report-form .btn-primary{
      margin-right: 20% !important;
   }
  .job-favourite{
     margin-top: 20px;
  }
   .create-cv .row .col-sm-12{
      max-width: 89% !important;
   }
   .vaccancy-table table tr td,
   .follower-table table tr td{
      display: block !important;
      text-align: right !important;
   }
   .vaccancy-table table tr th,
   .follower-table table tr th{
      display: none !important;
   }
   .vaccancy-table table tr td.title,
   .vaccancy-table table tr td.major,
   .vaccancy-table table tr td.watchCount,
   .vaccancy-table table tr td.deadline
   .vaccancy-table table tr td.applications,
   .vaccancy-table table tr td.settings,
   .follower-table table tr td{
      width: 100% !important;
      text-align: right !important;
   }

   .vaccancy-table table tr td span,
   .follower-table table tr td span{
      padding: 15px 20px !important;
      font-family: 'hacen';
   }
   .vaccancy-table table tr td.applications .btn-primary{
      position: relative;
      display: ruby !important;
   }
   .course-page .course-logo {
      margin-right: 30px;
  }
  .dropdown-content{
     position: relative !important;
     direction: rtl;
     text-align: right !important;
  }
  .header__nav > li .dropdown-content a{
      line-height: 15px !important;
     text-align: right !important;
  }
  .padding-left{
      border-right: none !important;
   }
   .post-content .post-title{
      font-size: 16px !important;
   }
   .footer__option__item h5{
      margin-bottom: 5px !important;
   }

}
@media (max-width: 575.98px) { 
   .main-slider .content p{
      display: none !important;
   }
   .news-content {
      margin-bottom: 260px !important;
  }
  .content-details {
      min-height: 265px !important;
   }
   .content-details p{
      min-height: 120px !important;
   }
  .padding-none{
      border-right: none !important;
   }
   .padding-left{
      border-right: none !important;
   }
   .padding-none:nth-child(17){
      border-bottom: none !important;
   }
   .login-form form {
      width: 90% !important;
  }
  .container{
      max-width: 92% !important;
      margin: 0 auto;
   }
   .btn-job{
      display: none;
   }
   /*.report-label1 label,
   .report-label label{
      width: 90px !important;
   }
   .report-form .save_btn{
      position: relative;
      left: 90px !important;
   }*/
   /*.vaccancy-table table tr th.title,
   .vaccancy-table table tr th.major,
   .vaccancy-table table tr td.title,
   .vaccancy-table table tr td.major,
   .vaccancy-table table tr th.deadline{
      min-width: 100px !important;
      text-align: center;
   }

   .vaccancy-table table tr th.watchCount,
   .vaccancy-table table tr td.watchCount{
      width: 80px !important;
   }
   .vaccancy-table table tr th.applications,
   .vaccancy-table table tr td.applications{ 
      width: 120px !important;
      text-align: center;
   }*/
   .apply-job .btn{
      min-width: 175px;
      padding-bottom: 10px;
   }
   .apply-job .btn.mr-2 {
      margin-right: 0 !important;
      margin-bottom: 5px !important;
   }
}
@media (min-width: 576px){
   
}
@media only screen and (max-width: 479px){
   .h-100 {
      min-height: 440px !important;
   }
   .grid-sizer {
      width: 100%;
   }  
   .main-slider .content{
      width: 90vw !important;
      top: 2em !important;
      bottom: auto !important;
   }
   .main-slider .content p{
      display: none;
   }
   .main-slider .content h1{
      font-size: 30px !important;
   }
   .about .about__text{
      margin-bottom: 40px;
   }
   .header-top{
      display: none !important;
   }
   .start-ed label,
   .end-ed label{
      width: 20% !important; 
   }
}
/* Jobs Page*/
.content-page {
   /*background-color: #f9f9f9;*/
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
}

.content-page .jobs-section,
.content-page .company-section,
.content-page .profile-section{
   margin: 60px 0 ;
}
.content-page .jobs-area {
   background-color: #fff;
}

.content-page .company-section .section-title h2{
   font-size: 24px !important;
   margin-bottom: 30px;
}
.company-section{
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   border-radius: 2px;
   padding: 18px;
   background-color: #fff;
}
.jobs-section .jobs-area{
   padding-bottom: 40px !important;
   padding-right: 30px;
}
.company-section ul li a,
.profile-section ul li a,
.all-company ul li a{
   display: flex;
}
.all-company{
   padding: 60px 0;
}
.company-section ul li,
.profile-section ul li,
.all-company ul li{
   padding-bottom: 30px;
}
.company-section ul li a .comp-desc,
.all-company ul li a .comp-desc{
   padding-right: 12px;
}
.company-section ul li a .comp-desc .name,
.all-company ul li a .comp-desc .name{
   color: #c61f25 !important;
   /*color: #132B43 !important;*/
   margin-bottom: 0 !important;
}
.company-section ul li a .comp-desc .spec,
.all-company ul li a .comp-desc .spec{
   color: #132B43 !important;
   /*color: #6c757d !important;*/
   font-size: 14px;
}

.all-company .comp-logo {
   width: 90px;
   margin-left: 20px;
}
.company-section .comp-logo{
   width: 80px;
}
.comp-logo img{
   width: 100%;
}
.resume img{
   padding-left: 20px;
}
.resume a{
   color: #132B43 !important;
   font-size: 14px;
}
.section-resume .shadoww{
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   border-radius: 2px;
   background-color: #fff;
   /*padding: 18px;*/
}

.section-resume .shadoww .top-profile{
   height: 65px;
   position: relative;
   background-color: #132B43 !important;
   padding: 0 !important;
}

.section-resume .shadoww  ul{
   padding: 18px !important;
}
.profile-img{
   width: 85px;
   position: relative;
   top: -30px;
   margin: 0 auto;
   /*position: absolute;
   top: 20px;
   right: 50%;
   transform: translateX(50%);*/
   /*margin: 0 auto 40px;
   transform: translateY(20px);*/
}
.profile-img img{
   border-radius: 4%;
}
.content-page .company-logo img {
   border-radius: 4% !important;
}
.content-page .company-logo{
   width: 70px !important;
}
.profile-info{
   text-align: center;
   margin-bottom: 20px;
}
.profile-info .user-name{
   font-weight: bold;
   margin-bottom: 10px !important;
   color: #132B43;
}
.profile-info .user-special{
   color: #9293bc;
}
.pagination {
   display: block;
   text-align: center;
   padding-right: 30px;
}
.pagination ul li {
   display: inline-block;
   margin: 0;
   padding: 0;
}
.pagination ul li {
   margin: 5px !important;
}
.pagination ul li a.current-page {
   background-color: #132b43;
   color: #fff;
}
.pagination ul li a.current-page:hover{
   color: #fff !important;
}
.pagination ul li a {
   text-align: center;
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   font-size: 14px;
   color: #c61f25;
   background-color: #fff;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   border-radius: 2px;
}

/* Job Details */
.details-page{
   padding: 60px 0;
}
.details-page .company-logo img{
   border-radius: 4% !important;
}
.details-page .company-logo{
   width: 90px !important;
   margin-left: 30px;
}
.details-page .jobs-area .job-link .single-job{
   width: auto !important;
   flex: auto !important;
   /*max-width: 100% !important;*/
   position: relative;
}

/* circle bar*/
.circular{
   height:100px;
   width: 100px;
   position: relative;
   margin: 0 auto 20px;
 }
 .circular .inner{
   position: absolute;
   z-index: 6;
   top: 50%;
    right: 50%;
   height: 80px;
   width: 80px;
   margin: -40px 0 0 -40px;
   background: #f8f8f8;
   border-radius: 100%;
  
 }
 .circular .number{
   position: absolute;
   top:50%;
    right:50%;
   transform: translate(-50%, -50%);
   z-index:10;
   font-size:18px;
   font-weight:500;
   color:#c61f25;
 }
 .circular .bar{
   position: absolute;
   height: 100%;
   width: 100%;
   background: #fff;
   border-radius: 100%;
   clip: rect(0px, 100px, 100px, 50px);
 }
 .circle .bar .progress{
   position: absolute;
   height: 100%;
   width: 100%;
   border-radius: 100%;
   clip: rect(0px, 50px, 100px, 0px);
   background: #c61f25;
 }
 .circle .left .progress{
   z-index:1;
   animation: left 4s linear both;
 }
 @keyframes left{
   100%{
     transform: rotate(180deg);
   }
 }
 .circle .right {
   transform: rotate(180deg);
   z-index:3;
  
 }
 .circle .right .progress{
   animation: right 4s linear both;
   animation-delay:4s;
 }
 @keyframes right{
   100%{
     transform: rotate(180deg);
   }
}



/*---------------------
  Breadcrumb
-----------------------*/
.breadcrumb-option {
   padding: 60px 0;
   /*background-color: #adadad;*/
   background-image: url('../images/heading-bg.png');
   /*transform: scaleX(-1);
  background: rgba(0, 0, 0, 0.03);*/
}
 
.breadcrumb__text h2 {
   /*color: #c61f25;*/
   color: #132B43;
   font-size: 32px;
   /*transform: scaleX(-1) !important;
   text-align: center;*/
   /*font-size: 50px;
   font-weight: 700;
   margin-bottom: 12px;*/
   font-family: 'hacen';
}
 
.breadcrumb__links a {
   font-size: 16px;
   color: #132B43;
   font-weight: 300;
   display: inline-block;
   margin-left: 32px;
   position: relative;
}
.breadcrumb__links a:after {
   position: absolute;
   left: -22px;
   top: -3px;
   content: "/";
   color: #132B43;
   font-size: 20px;
}
.breadcrumb__links span {
   font-size: 16px;
   color: #c61f25;
   font-weight: 300;
   display: inline-block;
}
.breadcrumb-page{
   padding: 12px 0;
  /* background-color: #f8f8f8;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);*/
   
}

.category .boxing .containe {
   border-radius: 12px;
   background-clip: padding-box;
   padding: 55px 15px;
   -webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
   text-align: center;
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
   margin-bottom: 40px;
}

.category .boxing .containe .icon {
   margin-bottom: 40px;
   width: 100px;
   position: relative;
   transform: translateX(60%);

}
.category .boxing .containe .overview {
   margin: 12px 0;
   font-size: 18px;
   color: #212529 !important;
}
.category .boxing .containe .overview span{
   display: block;
}



.job-info{
   padding-top: 30px;
}
.job-info .term{
   display: flex;
   padding: 8px 0;
   color: #132B43;
}
.job-info .term .icon{
   width: 38px;
}
.job-info .term .overview span{
   font-family: 'hacen';
   padding-right: 6px;
}
/*
.jobs-details .single-job .job-position {
   margin-left: 30px;
}*/
.jobs-details .single-job .job-position h6 {
   font-size: 18px;
   font-weight: 600;
   color: #c61f25;
}
.jobs-details .single-job .job-position h4 {
   font-size: 21px;
   font-weight: 600;
   color: #132B43;
   margin-bottom: 15px;
}
.jobs-details .single-job .job-position p {
   color: #6c757d;
   /*margin-bottom: 18px;*/
   line-height: 30px;
}
.jobs-details .single-job .job-position p span {
   color: #132B43;
}
.jobs-details .single-job .job-position .social-company,
.comp-details .single-comp .comp-desc .social-company,
.course .single-course .course-name .social-company{
   display: flex;
}
.jobs-details .single-job .job-position ul li,
.comp-details .single-comp .comp-desc ul li,
.course .single-course .course-name ul li{
   margin-left: 40px;
}
.jobs-details .single-job .job-position ul li a,
.comp-details .single-comp .comp-desc ul li a,
.course .single-course .course-name ul li a{
   color: #6c757d !important;
}
.jobs-details .single-job .job-position ul li i,
.comp-details .single-comp .comp-desc ul li i,
.course .single-course .course-name ul li i{
   color: #6c757d;
   padding-right: 8px;
}
.comp-details .single-comp .comp-desc{
   margin: 30px 0 0;
}
.comp-details .single-comp .comp-desc p{
   /*color: #132B43 !important;*/
   color: #6c757d !important; 
}
.apply-job{
   padding: 20px 10px;
}
/* new section major */

.field-wrapper {
   margin: 40px 0;
}
.field-item {
   padding: 40px 20px;
   text-align: center;
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
.field-item .icon{
   min-height: 60px !important;
}
.field-item .icon img {
   width: 42px;
   display: inline-block;
   text-align: center;
   margin-bottom: 20px;
   border-radius: 0;
   transition: all 0.3s ease-in-out 0s;
   -moz-transition: all 0.3s ease-in-out 0s;
   -webkit-transition: all 0.3s ease-in-out 0s;
   -o-transition: all 0.3s ease-in-out 0s;
}
.field-item .field-content h3 {
   margin-bottom: 10px;
   font-family: 'hacen';
}
.field-item .field-content h3 a{
   font-size: 16px;
   letter-spacing: 0.5px;
   color: #132B43 !important;
}
.field-item .field-content h3 {
   font-size: 16px;
   color: #132B43 !important;
}
.field-item:hover {
   background: #fafafb;
   /*background: rgba(0, 0, 0, 0.03)*/
}
.field-item .field-name{
   /*color: #6c757d;*/
   color: #c61f25;
   display: block;
}
.padding-none {
   padding: 0;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
}

/* Login Page */
.login-form,
.register-form{
   padding: 60px 0; 
}
.login-form form{
   width: 45%;
   padding: 3em 2em;
   margin: 0em auto;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   border-radius: 2px;
}
.register-form{
   width: 100% !important;
}
.login-form input[type="email"],
.login-form input[type="password"],
.login-form input[type="text"],
.login-form input[type="url"],
.register-form input[type="email"],
.register-form input[type="password"],
.register-form input[type="text"],
.register-form input[type="url"],
.register-form input[type="date"],
.report-form input[type="date"],
.report-form select,
.login-form select,
.register-form input[type="number"],
.register-form select,
.register-form textarea,
.salary-form input[type="text"], .salary-form input[type="url"]{
   outline: none;
   border: 1px solid #ddd;
   padding: 3px 10px 10px 10px;
   font-size: 14px;
   /*color: #6c757d;*/
   color: #212121;
   display: block;
   width: 100%;
   margin: 0 0 0.8em;
   border-radius: 0 !important;
}
.salary-form{
   display: flex;
}
.register-form select,
.login-form select,
.register-form input[type="date"]{
   color: #888888  !important;
}
.register-form input[type="file"]{
   height: 0;
   overflow: hidden;
   width: 0;
}

.register-form.file input[type="file"]{
   height: auto !important;
   width: auto !important;
   overflow:auto !important;
   cursor: pointer;
}
.register-form.file label{
   display: block;
   margin: 15px 0;
   color: #6c757d;
}/*
.report-form select{
   padding: 12px 10px !important;
}*/
.login-form p{
   font-size: 14px;
   color: #333;
}
/*
.register-form.file input[type="file"] {
   display: none;
}*/
/*
.custom-file-upload {
   border: 1px solid #ccc;
   display: inline-block;
   padding: 6px 12px;
   cursor: pointer;
}*/

.btn-file {
   position: relative;
   overflow: hidden;
 }
 .btn-file input[type=file] {
   position: absolute;
   top: 0;
   right: 0;
   min-width: 100%;
   min-height: 100%;
   font-size: 100px;
   text-align: right;
   filter: alpha(opacity=0);
   opacity: 0;
   outline: none;
   background: white;
   cursor: inherit;
   display: block;
 }


.register-form input[type="file"] + label{
   color: #fff !important;
   background-color: #c61f25;
   border-color: #c61f25;
   border-radius: 2px !important;
   padding: 7px 18px;
  display: inline-block;


  margin-bottom: 1rem;
  outline: none;

  position: relative;
  transition: all 0.3s;
  vertical-align: middle;
}
.login-form .checkBox,
.register-form .checkBox{
   margin-top: 10px;
   margin-bottom: 25px;
   text-align: left;
}
.login-form .check-box input,
.register-form .check-box input {
   margin-right: 5px;
}
.login-form .check-box label,
.register-form .check-box label,
.register-form .isNative label,
.creat-account label {
   color: #6c757d;
   font-size: 15px;
}
label a, label a:hover, label a:active, label a:focus, label a:visited{
   color: #6c757d;
   font-size: 15px;
   text-decoration: underline;
}
.login-form .submit_btn,
.register-form .submit_btn  {
   display: block;
   width: 100%;
   font-size: 14px;
   /*text-transform: uppercase;*/
   text-transform: capitalize;
}
.login-form .form-group a,
.register-form .form-group a,
.form-footer a{
   font-size: 14px;
   color: #6c757d !important;
   margin-top: 20px;
   /*display: block;*/
}
.form-control{
   border-radius: 0 !important;
   padding: .175rem .75rem !important;
}
.form-control:focus{
   border-color:#ddd !important;
   box-shadow: none !important;
}
.form-footer{
   font-size: 14px;
   text-align: center;
   color: #132B43;
   position: relative;
   margin: 20px 0 0;
   
}

.form-footer p,
.form-footer h6{
   font-size: 14px;
   text-align: center;
   /*display: ruby;*/

}
.login-form form .title,
.register-form form .title{
   color: #c61f25;
   margin: 30px 0 15px;
   font-size: 18px;
}
.login-form form .title:first-child,
.register-form form .title:first-child{
   margin-top: 0 !important;
}


/*.register-form form,*/
.register-form .forming{
   padding: 3em 2em;
   /*margin: 0em auto;*/
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   border-radius: 2px;
  
}

.register-form.ptt-0{
   padding-top: 0 !important;
}
.register-form .form-footer h6 a{
   font-size: 14px;
   color: #6c757d;
}

/* Company Page */
/* new section major */

.company-wrapper {
   margin: 40px 0;
}
.company-item {
   padding: 40px 20px;
   text-align: center;
}
.company-item .icon img {
   max-width: 120px;
   display: inline-block;
   text-align: center;
   margin-bottom: 20px;
   border-radius: 0;
}
.company-item .company-content h3 {
   margin-bottom: 10px;
   font-family: 'hacen';
   font-size: 20px;
   letter-spacing: 0.5px;
   color: #132B43 !important;
}
.company-item .comp-field{
   color: #6c757d;
}
.padding-left {
   padding: 0;
   border-right: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
}

.companies-area{
   margin: 60px 0;
}
.companies-area .company-link .single-company .company-position {
   margin-left: 30px;
}
.companies-area .company-link .single-company .company-position  h6{
   font-size: 18px;
   color: #132B43;
   font-family: 'hacen';
}
.companies-area .company-link .single-company .company-position  p {
   color: #c61f25;
   /*color: #6c757d;*/
   margin-bottom: 0;
}
.companies-area .company-link .single-company .company-position  p span {
   color: #132B43;
}
.companies-area .company-link .company-time-place {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 35%;
   flex: 0 0 35%;
   max-width: 35%;
   width: 35%;
   padding: 0 15px;
}
.companies-area .company-link .company-time-place {
   color: #6c757d;
   margin-bottom: 0;
   font-size: 15px;
   letter-spacing: 1px;
}
.companies-area .company-link .company-time-place img {
   color: #c61f25;
   margin-right: 5px;
}


.file-upload-content {
   display: none;
}

.file-upload-input{
   position: absolute;
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   outline: none;
   opacity: 0;
   cursor: pointer;
}


.image-title-wrap,
.image-title-wrap2 {
   padding: 0 15px 15px 15px;
   color: #222;
}

.file-upload-image {
   max-height: 150px;
   padding: 15px 0;
}

/* Article Details */
.article-details,
.category{
  padding: 60px 0;
}
.article-details .details-img img{
  width: 100%;
  border-radius: 1%;
  transition: all 0.5s ease-in-out 0s;
}
.article-details .details-img {
  overflow: hidden;
  position: relative;
  border-radius: 1%;
  margin-bottom: 30px;
}

.article-details .details-img img:hover {
  transform: scale(1.1);
  transition: all 0.5s ease-in-out 0s;
}
.article-details .details-desc h3{
  font-size: 24px;
  color: #c61f25;
  font-family: 'hacen';
  margin-bottom: 20px;
}
.article-details .details-desc p{
  font-size: 16px;
  color: #6c757d;
  line-height: 1.8;
  /*font-family: 'Raleway-Medium';*/
  font-family: 'univers';
}
.article-details .related{
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   border-radius: 2px;
   padding: 40px 30px 40px;
   margin-bottom: 30px;
   position: relative;
   overflow: hidden;
   background-color: #fff;
}

.article-details .related ul{
  list-style: none;
  padding-left: 0;
  margin-top: 30px;
}
.article-details .related ul li{
  margin-bottom: 15px;
  font-size: 16px; 
}
.article-details .related ul li a{
  color: #132b43 !important;
}

.article-details .related ul li i{
  font-size: 12px;
  margin-right: 7px;
}
.related .section-title h2{
   font-size: 28px !important;
}

/* Start Edit Cv */
.edit-cv{
   padding: 60px 0;
}
#sidebar-wrapper .nav-pills .nav-link{
   position: relative;
   display: block;
   color: #132B43 !important;
   margin: 5px 0;
   font-size: 15px;
   border-radius: 2px !important;
}
#sidebar-wrapper .nav-pills .nav-link.active{
   background: #c61f25 !important;
   color: #fff !important;
   position: relative;
}

.tab-content{
   width: 100% !important;
}
.start-ed,
.end-ed{
   display: flex;
   align-items: center;
}
.report-label,
.report-label1{
   align-items: center;
}
.start-ed label,
.end-ed label{
   /*width: 20%;*/
   font-size: 15px;
  /* color: #132B43; */
   color: #817f7f;
}
.report-label1 input,
.report-label input{
   max-width: 165px;
}
.report-label1 label{
   /*width: 40%;*/
   font-size: 16px;
   color: #132B43;
   font-family: 'hacen';
}
.report-label label{
   /*width: 10%;*/
   font-size: 16px;
   color: #132B43;
   font-family: 'hacen';
}
.report-form input[type="date"]{
   color: #132B43  !important; 
}
.register-form .save_btn,
.register-form .add_btn,
.register-form .submit_btn,
.register-form  .btn-out-primary {
   display: block;
   font-size: 14px;
   text-transform: capitalize;
   float: inline-end;
   margin-right: 10px;
  
}
.btn-out-primary{
   color: #c61f25 !important;
   background-color: transparent;
   border-color: #c61f25;
   border-radius:  0 !important;
}
#myNewEducation,
#myNewSkill,
#myNewExperience,
#myNewTraining,
#myNewAwards,
#myNewLanguages,
#myNewReferences{
   display: none;
   /*visibility: hidden;*/
}

#myNewEducation1,
#myNewSkill1,
#myNewExperience1,
#myNewTraining1,
#myNewAwards1,
#myNewLanguages1,
#myNewReferences1{
   display: none;
   /*visibility: hidden;*/
}

#companyJobs{
   display: none;
}
.comp-info:first-child{
   margin-top: 0 !important;
   margin-bottom: 20px;
}
.comp-info{
   margin: 30px 0;
   border-bottom: 1px solid #ddd;
}
.comp-info:last-child{
   margin: 30px 0 0 !important;
   border-bottom: none !important;
}
.register-form form .title-info {
   color: #c61f25;
   text-transform: capitalize;;
   font-size: 18px;
}
.register-form form .parg-info,
.register-form form .parg-info a,
.register-form form .parg-info a:hover {
   color: #6c757d !important;
   font-size: 15px !important;
}
.register-form form .parg-info.com-logo{
   max-width: 75px;
}





.notification{
   padding: 60px 0;
}
input[type="checkbox"] {
   margin-left: 6px;
}
.notification form{
   width: 100%;
}
.notification form label{
   color: #6c757d !important;
   font-size: 15px !important;
}
.notification .notific-title{
   font-size: 20px;
   color: #c61f25 !important;
  /* color: #132B43;*/
   margin-bottom: 15px;
   font-family: 'hacen';
}
.notific-section{
   margin-bottom: 30px;
   padding-bottom: 20px;
   border-bottom: 1px solid #ddd;
}
.notific-section:last-child{
   border-bottom: none !important;
}
.notification form .salary{
   min-width: 150px !important;
   color: #6c757d;
}
.my-jobs {
   padding: 60px 0;
}
.jobs-area{
   position: relative;
}
.job-favourite {
   position: absolute;
   right: 3%;
   top: 15%;
}
.change-pw label{
   color: #888888 !important;
   font-size: 14px;
}


/*----------------------------*\
	Rating
\*----------------------------*/

.rating {
  display: inline-block;
  position: relative;
  font-size: 25px;
  margin-right: -8px;
  transition: all 0.9 ease-in-out;
}
#ratingModal p {
   color: #6c757d;
   /*margin-bottom: 18px;*/
   line-height: 30px;
}
.modal-title {
   color: #c61f25 !important;
   /*position: absolute;*/
   font-size: 20px;
}
.modal-header .close {
   padding: 1rem;
   margin: -1rem 1rem -1rem -1rem !important;

   position: absolute;
   left: 3%;
}
.modal-body{
   padding: 0 !important;
   margin-top: -30px;
   margin-bottom: 20px;
}
.rating label {
  position: absolute;
  top: 0;
  left: 0;
  /*left: 16px;*/
  height: 100%;
  cursor: pointer;
  transition: all 0.9 ease-in-out;
}
.rating label:last-child {
  position: static;
}
.rating label:nth-child(1) {
  z-index: 5;
}
.rating label:nth-child(2) {
  z-index: 4;
}
.rating label:nth-child(3) {
  z-index: 3;
}
.rating label:nth-child(4) {
  z-index: 2;
}
.rating label:nth-child(5) {
  z-index: 1;
}
.rating label input {
  position: relative;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.9 ease-in-out;
}
.rating label .icon {
  float: left;
  color: transparent;
  padding-top: 3px;
  padding-left: 4px;
  transition: all 0.9 ease-in-out;
}
.rating label:last-child .icon {
  color: #6c757d;
}
.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
  color: #f7df34;
  position: relative;
  top: 12px;
}
.rating label input:focus:not(:checked) ~ .icon:last-child {
  color: #6c757d;
}
.stars{
   margin-top: 10px;
}
i.yellow-star {
   color: #f7df34;
   /*margin-right: -2px;*/
}
i.gray-star {
   color: #6c757d;
   /*margin-right: -2px;*/
}


/*Vaccancy */

.vaccancy-table,
.follower-table,
.applicant-table{
   padding: 60px 0;
}

.vaccancy-table table,
.follower-table table,
.applicant-table table {
   width: 100%;
   /*min-width: 480px;*/
   padding: 3em 2em;
   margin: 0em auto;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   border-radius: 2px;
}
.vaccancy-table table tr,
.follower-table table tr,
.applicant-table table tr{
   border-bottom: 1px solid #ddd;
}
.vaccancy-table table tr th,
.follower-table table tr th,
.applicant-table table tr th{
   padding: 15px 0 !important;
   font-family: 'hacen';
   font-weight: 400 !important;
   text-align: center;
}
.follower-table table tr th i{
   /*color: #c61f25;
   margin-right: 10px;*/
   visibility: hidden;
}
.vaccancy-table table tr td,
.applicant-table table tr td{
  text-align: center;
  padding: 15px 0;
  font-size: 15px;
}
.vaccancy-table table tr td a,
.applicant-table table tr td a,
.applicant-table table tr td a{
   color: rgb(33, 37, 41) !important;
}
.vaccancy-table table tr td a.btn-primary,
.applicant-table table tr td a.btn-primary,
.applicant-table table tr td a.btn-primary{
   color: #fff !important;
}


.follower-table table tr td{
   text-align: center;
   padding:   15px 20px 15px 15px;
   font-size: 15px;
} 
.follower-table table tr td a{
   color: #132B43 !important;
}

.follower-table table tr td a:hover{
   color: #c61f25 !important;
 }
.vaccancy-table table tr th.title,
.vaccancy-table table tr th.major,
.vaccancy-table table tr td.title,
.vaccancy-table table tr td.major,
.vaccancy-table table tr th.deadline{
   width: 15%;
   text-align: center;
}

.vaccancy-table table tr th.watchCount,
.vaccancy-table table tr th.applications,
.vaccancy-table table tr td.watchCount,
.vaccancy-table table tr td.applications{ 
  width: 15%;
  text-align: center;
}
.vaccancy-table table tr th.settings,
.vaccancy-table table tr td.settings{ 
  width: 20%;
  text-align: center;
}


.settings ul{
   list-style: none;
   display: inline-flex;
}
.settings ul li a i{
   color: #c61f25 !important;
   padding-right: 10px;
}

.btn-primary.p-10{
   padding: 4px 10px !important;
}

.buttons{
   display: flex;
   flex-direction: row-reverse;
}/*
.salary-form input{

}*/
.create-cv{
   padding: 60px 0;
}

#v-pills-tab.nav{
   display: initial;
}
.register-form.pad15{
   padding: 20px 0px 0 15px !important;
}
#page-content-wrapper .navbar{
   justify-content: start !important;
}
.heading-list{
   display: inline-flex;
}



/* Submenu*/

.dropdown-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
   /*min-width: 210px;*/
   min-width: 185px;
   font-size: 14px;
   /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
   text-align: right !important;
   z-index: 1;
   transition: all 0.5s ease-in-out;
}
.dropdown-content:hover{
   transition: all 0.5s ease-in-out;
}
.dropdown-content a {
   float: none;
   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   text-align: right;
   /*font-family: 'Raleway-Medium' !important;*/
   font-family: 'univers';
}
 
.dropdown-content a:hover {
   background-color: #c61f25;
   color: #fff;
}
 
.dropdown:hover .dropdown-content {
   display: block;
   transition: all 0.5s ease-in-out;
}
.who-we-are{
   padding: 60px 0;
}

.who-we-are h5 {
   color: #c61f25;
   /*color: #132B43;*/
   margin-bottom: 10px;
   font-family: 'hacen';
   font-size: 20px;
}
.who-we-are p {
   color: #6c757d;
   margin-bottom: 18px;
   line-height: 30px;
}
.who-we-are ul li{
   color: #6c757d;
   line-height: 35px;
}

.accordion {
   /*width: 100%;*/
   width: 96%;
   margin-left: 2%;
}
.accordion details {
   box-shadow: 0 2px 10px -1px #ddd;
   padding: 25px;
   margin-bottom: 30px;
   border-left: 5px solid #c61f25;
   transition: all 0.3s ease-in-out;
}
.accordion details summary {
   padding: 5px;
   padding-top: 0;
   outline: none;
   font-size: 17px;
   color: #132B43;
   font-family: 'hacen';
}
.accordion details hr {
   border: 0;
   height: 1px;
   background-image: -webkit-linear-gradient(left, white, rgba(0, 119, 170, 0.07), white);
}
.accordion details p {
   font-size: 15px;
   line-height: 1.8em;
   max-width: 75ch;
}
.accordion details h6{
   color: #c61f25;
}

/* Course Page */
.course-page{
   padding: 60px 0;
}
.course-page .course-logo img{
   border-radius: 4% !important;
}
.course-page .course-logo{
   width: 90px !important;
   /*margin-right: 30px;*/
}
.course .single-course .course-link .course-name h3,
.course .single-course .course-name h3 {
   font-size: 20px;
   font-family: 'hacen';
   color: #c61f25;
   margin-bottom: 20px;
}

.course .single-course .course-link .course-name h6,
.course .single-course .course-name h6  {
   color: #6c757d;
   /*font-size: 17px;*/
   margin-bottom: 20px;
}
.course .single-course .course-link .course-name h6.rtl,
.course .single-course .course-link .course-name p.rtl,
.course .single-course .course-name h6.rtl{
   direction: rtl !important;
   /*font-family: 'Cairo' !important;*/
   font-family: 'univers';
}
.course .single-course .course-link .course-name p {
   color: #6c757d;
   line-height: 25px;
   font-size: 15px;
   min-height: 75px;
}
.single-course{
   padding: 25px 10px;
   border-bottom: 1px solid #ddd;
   transition: all 0.3s ease-in-out;
}

.course-page .course{
   border-bottom: 1px solid #ddd;
}
.single-course:last-child,
.course-page .course:last-child{
   border-bottom: none !important;
}
.single-course.hover:hover {
   background: #fafafb;
   transition: all 0.3s ease-in-out;
}
.contact-us .social-company li a{
   color: #6c757d !important
}
.contact-us .social-company li a:hover{
   color: #c61f25 !important;
}
.contact-us .social-company li a i{
   color: #c61f25 !important;
   padding: 0px 14px 14px 14px;
}

.owl-centered .owl-wrapper {
   display: table !important;
}
.owl-centered .owl-item {
   display: table-cell;
   float: none;
   vertical-align: middle;
}
.owl-centered .owl-item > div {
   text-align: center;
}

.vacancy_description div h5{
   /*font-weight: bold !important;*/
   font-family: 'hacen';
   font-size: 16px;
}
.vacancy_description div h5 img{
   margin-left: 10px;
}

.cv_header h4{
   font-weight: bold;
}

.cv_header a{
   color: #333;
}

.cv_header a i{
   color: #c61f25 !important;
   font-size: 20px;
   font-weight: bold;
}

.new_cv_row{
   background-color: #f9f9f9;
   padding: 10px;
   margin-top: 10px;
   margin-bottom: 10px;
}

/* -------------------------------------------------------------------
   progress parcent
------------------------------------------------------------------- */

.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
   clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
   position: absolute;
   border: 0.09em solid #000000;
   width: 0.82em;
   height: 0.82em;
   clip: rect(0em, 0.5em, 1em, 0em);
   border-radius: 50%;
   -moz-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.c100 {
   position: relative;
   font-size: 100px;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   margin: 0 auto 20px;
   background-color: #dfe8ed;
}
.c100 *, .c100 *:before, .c100 *:after {
   -moz-box-sizing: content-box;
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
}
.c100 > span {
   position: absolute;
   width: 100%;
   z-index: 1;
   left: 0;
   top: 0;
   width: 5em;
   line-height: 5em;
   font-size: 0.2em;
   color: #3c4761;
   display: block;
   text-align: center;
   white-space: nowrap;
   -moz-transition-property: all;
   -o-transition-property: all;
   -webkit-transition-property: all;
   transition-property: all;
   -moz-transition-duration: 0.2s;
   -o-transition-duration: 0.2s;
   -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
   -moz-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   -webkit-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
}
.c100:after {
   position: absolute;
   top: 0.09em;
   left: 0.09em;
   display: block;
   content: " ";
   border-radius: 50%;
   background-color: #ffffff;
   width: 0.82em;
   height: 0.82em;
   -moz-transition-property: all;
   -o-transition-property: all;
   -webkit-transition-property: all;
   transition-property: all;
   -moz-transition-duration: 0.2s;
   -o-transition-duration: 0.2s;
   -webkit-transition-duration: 0.2s;
   transition-duration: 0.2s;
   -moz-transition-timing-function: ease-in;
   -o-transition-timing-function: ease-in;
   -webkit-transition-timing-function: ease-in;
   transition-timing-function: ease-in;
}
.c100 .slice {
   position: absolute;
   width: 1em;
   height: 1em;
   clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
   -moz-transform: rotate(3.6deg);
   -ms-transform: rotate(3.6deg);
   -webkit-transform: rotate(3.6deg);
   transform: rotate(3.6deg);
}
.c100.p2 .bar {
   -moz-transform: rotate(7.2deg);
   -ms-transform: rotate(7.2deg);
   -webkit-transform: rotate(7.2deg);
   transform: rotate(7.2deg);
}
.c100.p3 .bar {
   -moz-transform: rotate(10.8deg);
   -ms-transform: rotate(10.8deg);
   -webkit-transform: rotate(10.8deg);
   transform: rotate(10.8deg);
}
.c100.p4 .bar {
   -moz-transform: rotate(14.4deg);
   -ms-transform: rotate(14.4deg);
   -webkit-transform: rotate(14.4deg);
   transform: rotate(14.4deg);
}
.c100.p5 .bar {
   -moz-transform: rotate(18deg);
   -ms-transform: rotate(18deg);
   -webkit-transform: rotate(18deg);
   transform: rotate(18deg);
}
.c100.p6 .bar {
   -moz-transform: rotate(21.6deg);
   -ms-transform: rotate(21.6deg);
   -webkit-transform: rotate(21.6deg);
   transform: rotate(21.6deg);
}
.c100.p7 .bar {
   -moz-transform: rotate(25.2deg);
   -ms-transform: rotate(25.2deg);
   -webkit-transform: rotate(25.2deg);
   transform: rotate(25.2deg);
}
.c100.p8 .bar {
   -moz-transform: rotate(28.8deg);
   -ms-transform: rotate(28.8deg);
   -webkit-transform: rotate(28.8deg);
   transform: rotate(28.8deg);
}
.c100.p9 .bar {
   -moz-transform: rotate(32.4deg);
   -ms-transform: rotate(32.4deg);
   -webkit-transform: rotate(32.4deg);
   transform: rotate(32.4deg);
}
.c100.p10 .bar {
   -moz-transform: rotate(36deg);
   -ms-transform: rotate(36deg);
   -webkit-transform: rotate(36deg);
   transform: rotate(36deg);
}
.c100.p11 .bar {
   -moz-transform: rotate(39.6deg);
   -ms-transform: rotate(39.6deg);
   -webkit-transform: rotate(39.6deg);
   transform: rotate(39.6deg);
}
.c100.p12 .bar {
   -moz-transform: rotate(43.2deg);
   -ms-transform: rotate(43.2deg);
   -webkit-transform: rotate(43.2deg);
   transform: rotate(43.2deg);
}
.c100.p13 .bar {
   -moz-transform: rotate(46.8deg);
   -ms-transform: rotate(46.8deg);
   -webkit-transform: rotate(46.8deg);
   transform: rotate(46.8deg);
}
.c100.p14 .bar {
   -moz-transform: rotate(50.4deg);
   -ms-transform: rotate(50.4deg);
   -webkit-transform: rotate(50.4deg);
   transform: rotate(50.4deg);
}
.c100.p15 .bar {
   -moz-transform: rotate(54deg);
   -ms-transform: rotate(54deg);
   -webkit-transform: rotate(54deg);
   transform: rotate(54deg);
}
.c100.p16 .bar {
   -moz-transform: rotate(57.6deg);
   -ms-transform: rotate(57.6deg);
   -webkit-transform: rotate(57.6deg);
   transform: rotate(57.6deg);
}
.c100.p17 .bar {
   -moz-transform: rotate(61.2deg);
   -ms-transform: rotate(61.2deg);
   -webkit-transform: rotate(61.2deg);
   transform: rotate(61.2deg);
}
.c100.p18 .bar {
   -moz-transform: rotate(64.8deg);
   -ms-transform: rotate(64.8deg);
   -webkit-transform: rotate(64.8deg);
   transform: rotate(64.8deg);
}
.c100.p19 .bar {
   -moz-transform: rotate(68.4deg);
   -ms-transform: rotate(68.4deg);
   -webkit-transform: rotate(68.4deg);
   transform: rotate(68.4deg);
}
.c100.p20 .bar {
   -moz-transform: rotate(72deg);
   -ms-transform: rotate(72deg);
   -webkit-transform: rotate(72deg);
   transform: rotate(72deg);
}
.c100.p21 .bar {
   -moz-transform: rotate(75.6deg);
   -ms-transform: rotate(75.6deg);
   -webkit-transform: rotate(75.6deg);
   transform: rotate(75.6deg);
}
.c100.p22 .bar {
   -moz-transform: rotate(79.2deg);
   -ms-transform: rotate(79.2deg);
   -webkit-transform: rotate(79.2deg);
   transform: rotate(79.2deg);
}
.c100.p23 .bar {
   -moz-transform: rotate(82.8deg);
   -ms-transform: rotate(82.8deg);
   -webkit-transform: rotate(82.8deg);
   transform: rotate(82.8deg);
}
.c100.p24 .bar {
   -moz-transform: rotate(86.4deg);
   -ms-transform: rotate(86.4deg);
   -webkit-transform: rotate(86.4deg);
   transform: rotate(86.4deg);
}
.c100.p25 .bar {
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}
.c100.p26 .bar {
   -moz-transform: rotate(93.6deg);
   -ms-transform: rotate(93.6deg);
   -webkit-transform: rotate(93.6deg);
   transform: rotate(93.6deg);
}
.c100.p27 .bar {
   -moz-transform: rotate(97.2deg);
   -ms-transform: rotate(97.2deg);
   -webkit-transform: rotate(97.2deg);
   transform: rotate(97.2deg);
}
.c100.p28 .bar {
   -moz-transform: rotate(100.8deg);
   -ms-transform: rotate(100.8deg);
   -webkit-transform: rotate(100.8deg);
   transform: rotate(100.8deg);
}
.c100.p29 .bar {
   -moz-transform: rotate(104.4deg);
   -ms-transform: rotate(104.4deg);
   -webkit-transform: rotate(104.4deg);
   transform: rotate(104.4deg);
}
.c100.p30 .bar {
   -moz-transform: rotate(108deg);
   -ms-transform: rotate(108deg);
   -webkit-transform: rotate(108deg);
   transform: rotate(108deg);
}
.c100.p31 .bar {
   -moz-transform: rotate(111.6deg);
   -ms-transform: rotate(111.6deg);
   -webkit-transform: rotate(111.6deg);
   transform: rotate(111.6deg);
}
.c100.p32 .bar {
   -moz-transform: rotate(115.2deg);
   -ms-transform: rotate(115.2deg);
   -webkit-transform: rotate(115.2deg);
   transform: rotate(115.2deg);
}
.c100.p33 .bar {
   -moz-transform: rotate(118.8deg);
   -ms-transform: rotate(118.8deg);
   -webkit-transform: rotate(118.8deg);
   transform: rotate(118.8deg);
}
.c100.p34 .bar {
   -moz-transform: rotate(122.4deg);
   -ms-transform: rotate(122.4deg);
   -webkit-transform: rotate(122.4deg);
   transform: rotate(122.4deg);
}
.c100.p35 .bar {
   -moz-transform: rotate(126deg);
   -ms-transform: rotate(126deg);
   -webkit-transform: rotate(126deg);
   transform: rotate(126deg);
}
.c100.p36 .bar {
   -moz-transform: rotate(129.6deg);
   -ms-transform: rotate(129.6deg);
   -webkit-transform: rotate(129.6deg);
   transform: rotate(129.6deg);
}
.c100.p37 .bar {
   -moz-transform: rotate(133.2deg);
   -ms-transform: rotate(133.2deg);
   -webkit-transform: rotate(133.2deg);
   transform: rotate(133.2deg);
}
.c100.p38 .bar {
   -moz-transform: rotate(136.8deg);
   -ms-transform: rotate(136.8deg);
   -webkit-transform: rotate(136.8deg);
   transform: rotate(136.8deg);
}
.c100.p39 .bar {
   -moz-transform: rotate(140.4deg);
   -ms-transform: rotate(140.4deg);
   -webkit-transform: rotate(140.4deg);
   transform: rotate(140.4deg);
}
.c100.p40 .bar {
   -moz-transform: rotate(144deg);
   -ms-transform: rotate(144deg);
   -webkit-transform: rotate(144deg);
   transform: rotate(144deg);
}
.c100.p41 .bar {
   -moz-transform: rotate(147.6deg);
   -ms-transform: rotate(147.6deg);
   -webkit-transform: rotate(147.6deg);
   transform: rotate(147.6deg);
}
.c100.p42 .bar {
   -moz-transform: rotate(151.2deg);
   -ms-transform: rotate(151.2deg);
   -webkit-transform: rotate(151.2deg);
   transform: rotate(151.2deg);
}
.c100.p43 .bar {
   -moz-transform: rotate(154.8deg);
   -ms-transform: rotate(154.8deg);
   -webkit-transform: rotate(154.8deg);
   transform: rotate(154.8deg);
}
.c100.p44 .bar {
   -moz-transform: rotate(158.4deg);
   -ms-transform: rotate(158.4deg);
   -webkit-transform: rotate(158.4deg);
   transform: rotate(158.4deg);
}
.c100.p45 .bar {
   -moz-transform: rotate(162deg);
   -ms-transform: rotate(162deg);
   -webkit-transform: rotate(162deg);
   transform: rotate(162deg);
}
.c100.p46 .bar {
   -moz-transform: rotate(165.6deg);
   -ms-transform: rotate(165.6deg);
   -webkit-transform: rotate(165.6deg);
   transform: rotate(165.6deg);
}
.c100.p47 .bar {
   -moz-transform: rotate(169.2deg);
   -ms-transform: rotate(169.2deg);
   -webkit-transform: rotate(169.2deg);
   transform: rotate(169.2deg);
}
.c100.p48 .bar {
   -moz-transform: rotate(172.8deg);
   -ms-transform: rotate(172.8deg);
   -webkit-transform: rotate(172.8deg);
   transform: rotate(172.8deg);
}
.c100.p49 .bar {
   -moz-transform: rotate(176.4deg);
   -ms-transform: rotate(176.4deg);
   -webkit-transform: rotate(176.4deg);
   transform: rotate(176.4deg);
}
.c100.p50 .bar {
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.c100.p51 .bar {
   -moz-transform: rotate(183.6deg);
   -ms-transform: rotate(183.6deg);
   -webkit-transform: rotate(183.6deg);
   transform: rotate(183.6deg);
}
.c100.p52 .bar {
   -moz-transform: rotate(187.2deg);
   -ms-transform: rotate(187.2deg);
   -webkit-transform: rotate(187.2deg);
   transform: rotate(187.2deg);
}
.c100.p53 .bar {
   -moz-transform: rotate(190.8deg);
   -ms-transform: rotate(190.8deg);
   -webkit-transform: rotate(190.8deg);
   transform: rotate(190.8deg);
}
.c100.p54 .bar {
   -moz-transform: rotate(194.4deg);
   -ms-transform: rotate(194.4deg);
   -webkit-transform: rotate(194.4deg);
   transform: rotate(194.4deg);
}
.c100.p55 .bar {
   -moz-transform: rotate(198deg);
   -ms-transform: rotate(198deg);
   -webkit-transform: rotate(198deg);
   transform: rotate(198deg);
}
.c100.p56 .bar {
   -moz-transform: rotate(201.6deg);
   -ms-transform: rotate(201.6deg);
   -webkit-transform: rotate(201.6deg);
   transform: rotate(201.6deg);
}
.c100.p57 .bar {
   -moz-transform: rotate(205.2deg);
   -ms-transform: rotate(205.2deg);
   -webkit-transform: rotate(205.2deg);
   transform: rotate(205.2deg);
}
.c100.p58 .bar {
   -moz-transform: rotate(208.8deg);
   -ms-transform: rotate(208.8deg);
   -webkit-transform: rotate(208.8deg);
   transform: rotate(208.8deg);
}
.c100.p59 .bar {
   -moz-transform: rotate(212.4deg);
   -ms-transform: rotate(212.4deg);
   -webkit-transform: rotate(212.4deg);
   transform: rotate(212.4deg);
}
.c100.p60 .bar {
   -moz-transform: rotate(216deg);
   -ms-transform: rotate(216deg);
   -webkit-transform: rotate(216deg);
   transform: rotate(216deg);
}
.c100.p61 .bar {
   -moz-transform: rotate(219.6deg);
   -ms-transform: rotate(219.6deg);
   -webkit-transform: rotate(219.6deg);
   transform: rotate(219.6deg);
}
.c100.p62 .bar {
   -moz-transform: rotate(223.2deg);
   -ms-transform: rotate(223.2deg);
   -webkit-transform: rotate(223.2deg);
   transform: rotate(223.2deg);
}
.c100.p63 .bar {
   -moz-transform: rotate(226.8deg);
   -ms-transform: rotate(226.8deg);
   -webkit-transform: rotate(226.8deg);
   transform: rotate(226.8deg);
}
.c100.p64 .bar {
   -moz-transform: rotate(230.4deg);
   -ms-transform: rotate(230.4deg);
   -webkit-transform: rotate(230.4deg);
   transform: rotate(230.4deg);
}
.c100.p65 .bar {
   -moz-transform: rotate(234deg);
   -ms-transform: rotate(234deg);
   -webkit-transform: rotate(234deg);
   transform: rotate(234deg);
}
.c100.p66 .bar {
   -moz-transform: rotate(237.6deg);
   -ms-transform: rotate(237.6deg);
   -webkit-transform: rotate(237.6deg);
   transform: rotate(237.6deg);
}
.c100.p67 .bar {
   -moz-transform: rotate(241.2deg);
   -ms-transform: rotate(241.2deg);
   -webkit-transform: rotate(241.2deg);
   transform: rotate(241.2deg);
}
.c100.p68 .bar {
   -moz-transform: rotate(244.8deg);
   -ms-transform: rotate(244.8deg);
   -webkit-transform: rotate(244.8deg);
   transform: rotate(244.8deg);
}
.c100.p69 .bar {
   -moz-transform: rotate(248.4deg);
   -ms-transform: rotate(248.4deg);
   -webkit-transform: rotate(248.4deg);
   transform: rotate(248.4deg);
}
.c100.p70 .bar {
   -moz-transform: rotate(252deg);
   -ms-transform: rotate(252deg);
   -webkit-transform: rotate(252deg);
   transform: rotate(252deg);
}
.c100.p71 .bar {
   -moz-transform: rotate(255.6deg);
   -ms-transform: rotate(255.6deg);
   -webkit-transform: rotate(255.6deg);
   transform: rotate(255.6deg);
}
.c100.p72 .bar {
   -moz-transform: rotate(259.2deg);
   -ms-transform: rotate(259.2deg);
   -webkit-transform: rotate(259.2deg);
   transform: rotate(259.2deg);
}
.c100.p73 .bar {
   -moz-transform: rotate(262.8deg);
   -ms-transform: rotate(262.8deg);
   -webkit-transform: rotate(262.8deg);
   transform: rotate(262.8deg);
}
.c100.p74 .bar {
   -moz-transform: rotate(266.4deg);
   -ms-transform: rotate(266.4deg);
   -webkit-transform: rotate(266.4deg);
   transform: rotate(266.4deg);
}
.c100.p75 .bar {
   -moz-transform: rotate(270deg);
   -ms-transform: rotate(270deg);
   -webkit-transform: rotate(270deg);
   transform: rotate(270deg);
}
.c100.p76 .bar {
   -moz-transform: rotate(273.6deg);
   -ms-transform: rotate(273.6deg);
   -webkit-transform: rotate(273.6deg);
   transform: rotate(273.6deg);
}
.c100.p77 .bar {
   -moz-transform: rotate(277.2deg);
   -ms-transform: rotate(277.2deg);
   -webkit-transform: rotate(277.2deg);
   transform: rotate(277.2deg);
}
.c100.p78 .bar {
   -moz-transform: rotate(280.8deg);
   -ms-transform: rotate(280.8deg);
   -webkit-transform: rotate(280.8deg);
   transform: rotate(280.8deg);
}
.c100.p79 .bar {
   -moz-transform: rotate(284.4deg);
   -ms-transform: rotate(284.4deg);
   -webkit-transform: rotate(284.4deg);
   transform: rotate(284.4deg);
}
.c100.p80 .bar {
   -moz-transform: rotate(288deg);
   -ms-transform: rotate(288deg);
   -webkit-transform: rotate(288deg);
   transform: rotate(288deg);
}
.c100.p81 .bar {
   -moz-transform: rotate(291.6deg);
   -ms-transform: rotate(291.6deg);
   -webkit-transform: rotate(291.6deg);
   transform: rotate(291.6deg);
}
.c100.p82 .bar {
   -moz-transform: rotate(295.2deg);
   -ms-transform: rotate(295.2deg);
   -webkit-transform: rotate(295.2deg);
   transform: rotate(295.2deg);
}
.c100.p83 .bar {
   -moz-transform: rotate(298.8deg);
   -ms-transform: rotate(298.8deg);
   -webkit-transform: rotate(298.8deg);
   transform: rotate(298.8deg);
}
.c100.p84 .bar {
   -moz-transform: rotate(302.4deg);
   -ms-transform: rotate(302.4deg);
   -webkit-transform: rotate(302.4deg);
   transform: rotate(302.4deg);
}
.c100.p85 .bar {
   -moz-transform: rotate(306deg);
   -ms-transform: rotate(306deg);
   -webkit-transform: rotate(306deg);
   transform: rotate(306deg);
}
.c100.p86 .bar {
   -moz-transform: rotate(309.6deg);
   -ms-transform: rotate(309.6deg);
   -webkit-transform: rotate(309.6deg);
   transform: rotate(309.6deg);
}
.c100.p87 .bar {
   -moz-transform: rotate(313.2deg);
   -ms-transform: rotate(313.2deg);
   -webkit-transform: rotate(313.2deg);
   transform: rotate(313.2deg);
}
.c100.p88 .bar {
   -moz-transform: rotate(316.8deg);
   -ms-transform: rotate(316.8deg);
   -webkit-transform: rotate(316.8deg);
   transform: rotate(316.8deg);
}
.c100.p89 .bar {
   -moz-transform: rotate(320.4deg);
   -ms-transform: rotate(320.4deg);
   -webkit-transform: rotate(320.4deg);
   transform: rotate(320.4deg);
}
.c100.p90 .bar {
   -moz-transform: rotate(324deg);
   -ms-transform: rotate(324deg);
   -webkit-transform: rotate(324deg);
   transform: rotate(324deg);
}
.c100.p91 .bar {
   -moz-transform: rotate(327.6deg);
   -ms-transform: rotate(327.6deg);
   -webkit-transform: rotate(327.6deg);
   transform: rotate(327.6deg);
}
.c100.p92 .bar {
   -moz-transform: rotate(331.2deg);
   -ms-transform: rotate(331.2deg);
   -webkit-transform: rotate(331.2deg);
   transform: rotate(331.2deg);
}
.c100.p93 .bar {
   -moz-transform: rotate(334.8deg);
   -ms-transform: rotate(334.8deg);
   -webkit-transform: rotate(334.8deg);
   transform: rotate(334.8deg);
}
.c100.p94 .bar {
   -moz-transform: rotate(338.4deg);
   -ms-transform: rotate(338.4deg);
   -webkit-transform: rotate(338.4deg);
   transform: rotate(338.4deg);
}
.c100.p95 .bar {
   -moz-transform: rotate(342deg);
   -ms-transform: rotate(342deg);
   -webkit-transform: rotate(342deg);
   transform: rotate(342deg);
}
.c100.p96 .bar {
   -moz-transform: rotate(345.6deg);
   -ms-transform: rotate(345.6deg);
   -webkit-transform: rotate(345.6deg);
   transform: rotate(345.6deg);
}
.c100.p97 .bar {
   -moz-transform: rotate(349.2deg);
   -ms-transform: rotate(349.2deg);
   -webkit-transform: rotate(349.2deg);
   transform: rotate(349.2deg);
}
.c100.p98 .bar {
   -moz-transform: rotate(352.8deg);
   -ms-transform: rotate(352.8deg);
   -webkit-transform: rotate(352.8deg);
   transform: rotate(352.8deg);
}
.c100.p99 .bar {
   -moz-transform: rotate(356.4deg);
   -ms-transform: rotate(356.4deg);
   -webkit-transform: rotate(356.4deg);
   transform: rotate(356.4deg);
}
.c100.p100 .bar {
   -moz-transform: rotate(360deg);
   -ms-transform: rotate(360deg);
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
}
.c100 .bar, .c100 .fill {
   border-color: #c61f25 !important;
}

/*

form .checkbox-inline input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}*/
/*
form .checkbox-inline{
  position: relative;
  cursor: pointer;
  margin-bottom: 0 !important;
}

form .checkbox-inline:before{
  content:'';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #decd85;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 7px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 8px;
}*/
input[type="checkbox"]{
   border: 1px solid #ddd !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05) !important;
  padding: 7px !important;
}
/*
form .checkbox-inline input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 6px;
  height: 10px;
  border: solid #decd85;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}*/
#v-pills-personalInfo .register-form.pad15 {
   padding: 20px 0px 0 0px !important;
   margin-right: 2%;
}
#v-pills-personalInfo .register-form{
   width: 98% !important;
}
#sidebar-wrapper{
   min-width: 200px !important;
   padding: 0 !important;
}
#v-pills-personalInfo table tbody tr th{
   /*font-family: 'hacen' !important;*/
   font-weight: 400 !important;
   font-size: 14px;
}
.social-companyWithoutInline li{
   margin-right: 0px !important;
}
.table th {
   font-family: 'hacen' !important;
   font-weight: 400 !important;
}
.apply-job p{
   font-family: 'hacen';
   font-size: 17px;
   font-weight: normal !important;
}

@media only screen and (min-width: 767px) {
   .hide_on_laptop {
      display: none !important;
   }
}

.top_header{
   text-align: center;
   padding: 5px;
   position: fixed;
   z-index: 10000;
   top: 10px;
   left: 25%;
   right: 25%;
   margin: auto;
}
.top_header ul li{
   display: inline;

}

.top_header ul li a{
   color: #333;
}
.header__overlay-close , .close-mobile-menu{
   position: fixed;
   top: 10px;
   z-index: 10000;
   right: 60px !important;
}
.modal-header button{
   font-family: Tahoma !important;
}
.search-bar .search_for{
   width: 40%;
   padding: 7px;
   box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mobile_search_bar .search_for{
   width: 40% !important;
   padding: 7px;
   box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.required_field{
   color: #c61f25;
   font-size: 12px;
   font-family: Tahoma;
}

.input_label{
   color: #666 !important;
   font-size: 14px;
}