body {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: #172136;
  line-height: 1.6rem;
}
h1, h2, h3, h4, h5, h6 {
  /*font-family: 'Titillium Web', serif;*/
  /* font-family: 'Open Sans', sans-serif; */
  font-family: 'Merriweather', serif;
  -webkit-font-smoothing: antialiased;
}
h5 {
  font-size: 16px;
}
.form-control::-webkit-input-placeholder { color: #cccccc; font-size: 0.9rem; }  /* WebKit, Blink, Edge */
.form-control:-moz-placeholder { color: #cccccc; font-size: 0.9rem; }  /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder { color: #cccccc; font-size: 0.9rem; }  /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder { color: #cccccc; font-size: 0.9rem; }  /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder { color: #cccccc; font-size: 0.9rem; }  /* Microsoft Edge */
button:focus, .carousel {
  outline:0;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}
select {
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZBJREFUeJzt0jtOw0AYhdG7AVgQj57XhlkBm6GDAiooIguEQrCxnZnfOUea2jO+XwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAHnbW+wAK28IYmrpM8J7lpfZEZHrJ7w0Xri1RzneQ1yUeSt9SM4CHJe3ZveIkIRrvK1/jDqRbB9/GHI4IR9o1fLYJ944tghKvsftC+H1clgkPji+CAy/w9/nDek9y2ueZBY8YXwR5Txu81ginji+CHx0z7cb1F8J/xh/PY4L7dOU/ylJoRzBn/Kbu3k5oRGH9hlSIw/koqRGD8lc2N4G7Fuxn/SHqMwPhH1lMExm+khwiM31jLCIzfiRYRGL8zcyO4n/At43fqGBEYv3NrRmD8ItaIwPjFLBmB8YtaIgLjFzc3AuNvwJwIjL8Rx4rA+B1bOwLjF7BWBMYvZOkIjF/QUhEYv7C5ERh/A/4bgfE3ZGoExt+gsREYf8P+isD4J+C3CIx/Qn5GYPwTNERg/BN2HuMDAAAAAAAAAAAAAAAAAAAAAAAAAAAADX0C1EVRxOOijgAAAAAASUVORK5CYII=') !important;
  background-repeat: no-repeat;
  background-position: 98% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  width: 100%;
  background-size: 18px;
  padding: 7px 15px !important;
  border-radius: 2px;
  background-color: #fff;
  border-color: #fff;
}
.breadcrumb {
  padding: 0 0 2px;
  color: #999;
  margin-top: 0;
  margin-bottom: 30px;
  list-style: none;
  background-color: #292828;
  border-radius: 0;
  font-size: 13px;
  font-family: 'Merriweather', serif;
}
.breadcrumb span {
  word-spacing: 5px;
}
a {
  color: #172136;
}
a:hover, a:active, a:focus {
  color: #006df7;
  text-decoration: none;
}
.cursor-link {
  color: #3A3A3A;
  cursor: pointer;
}
.cursor-link:hover, .cursor-link:active, .cursor-link:focus {
  color: #006df7 !important;
  text-decoration: none;
}
.logo {
  height: 34px;
  margin: 5px 0px;
}
.icon-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  display: inline-block;
}
.tags__white {
  line-height: 1;
  background-color: #eee;
  padding: 4px 7px;
  border-radius: 2px;
  display: inline-block;
  margin: 0 5px 5px 0;
  color: #000;
  font-size: 13px;
}
.tags__dark{
  line-height: 1;
  background-color: #eee;
  padding: 4px 7px;
  border-radius: 2px;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.badge {
  padding: 2px 15px 2px;
  border-radius: 25px;
  font-size: 10px;
  vertical-align: bottom;
  font-weight: 400;
}
.badge-primary {
  background-color: #e8b75c;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
}
.strike {
  text-decoration: line-through;
}
sup {
  font-size:54%;
}
/*
===================================
  Navbar
===================================
*/
.navbg {
  background-color: #172136;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}
.navbg .navbar {
  padding: 0;
}
.navbg .nav-link {
  text-transform: uppercase;
  color: #fff;
}
.navbg .nav-link:hover {
  color: #eee;
}
.navbg .nav-item {

}
.navbg .nav-item .btn-secondary {
  background-color: transparent;
  border: 1px solid #fff;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 15px;
  color: #fff;
}
.navbg .nav-item .btn-secondary:hover {
  background-color: #eee;
  border: 1px solid #eee;
  color: #fff;
}
.navbar .list-inline-item:not(:last-child) {
  margin-right: 25px;
}
.navbar .list-inline-item {
  text-transform: uppercase;
  color: #fff;
}
.nav.navbar .list-inline {
  padding-top: 8px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .nav.navbar {
    text-align: right;
    padding-right: 0;
    padding-left: 0;
  }
  .navbar .list-inline-item:not(:last-child) {
    margin-right: 5px;
  }
}
/*
===================================
  Buttons
===================================
*/
.cursor {
  cursor: pointer;
}
.cursor:hover {
  color: #006df7;
}
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}
.btn {
  cursor: pointer;
  text-transform: uppercase;
  border-radius: 2px;
  font-size: 14px;
}
.btn:hover {
  text-decoration: none;
}
.btn-font {
  margin-bottom: 15px;
}
.btn-sm {
  font-size: 85%;
  padding: 7px 15px;
}
.btn-success, .btn-success:focus, .btn-success:active, .btn-success:visited,
.btn-primary, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
  background-color: #006df7;
  border-color: #006df7;
  color: #fff;
}
.btn-primary:hover, .btn-success:hover {
  color: #006df7;
  background-color: transparent;
  border-color: #006df7;
}
.btn-default {
  background-color: #fff;
  border-color: #006df7;
  color: #006df7;
}
.btn-default:hover {
  background-color: #006df7;
  border-color: #006df7;
  color: #fff;
}
.btn-secondary {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.btn-secondary:hover {
  background-color: #0275d8;
  border-color: #0275d8;
  color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #006df7;
  border-color: #006df7;
}
.btn-info:hover {
  color: #fff;
  background-color: #006df7;
  border-color: #006df7;
}
.btn-light {
  color: #006df7;
  background-color: #fff;
  border-color: #fff;
}
.btn-light:hover {
  color: #fff;
  background-color: #006df7;
  border-color: #006df7;
}
.btn-outline-info {
  color: #006df7;
  background-image: none;
  background-color: transparent;
  border-color: #006df7;
  font-size: 13px;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #006df7;
  border-color: #006df7;
}
.btn-outline-success {
  color: #006df7;
  background-image: none;
  background-color: transparent;
  border-color: #006df7;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #006df7;
  border-color: #006df7;
}
.btn-outline-pro {
  color: #d9af5d;
  background-image: none;
  background-color: transparent;
  border-color: #d9af5d;
}
.btn-outline-pro:hover {
  color: #fff;
  background-color: #d9af5d;
  border-color: #d9af5d;
}
.btn-outline-primary {
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: #fff;
  padding-left: 30px;
  padding-right: 30px;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #006df7;
  border-color: #006df7;
}
.btn-outline-secondary {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-outline-secondary:hover {
  color: #006df7;
  background-color: #fff;
  border-color: #fff;
}
.btn-default-primary {
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: #fff;
}
.btn-default-primary:hover {
  color: #006df7;
  background-color: #fff;
  border-color: #fff;
}
.btn-outline-dark {
  color: #172136;
  background-color: transparent;
  border-color: #172136;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #006df7;
  border-color: #006df7;
}
.btn-resume {
  cursor: zoom-in;
  border: 0;
  background-color: transparent;
}
.btn-job {
  border: 0;
  font-size: 13px;
  padding: 9px 30px;
  vertical-align: sub;
}
.btn-job:hover {
  border: 0;
  background-color: transparent;
  color: #006df7;
}
@media (max-width: 767px) {
  .btn-login, .btn-job {
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: sub;
  }
}
.btn-format {
  margin-top: 15px;
  padding-right: 7px;
}
.btn-format .icon {
  font-size: 14px;
  vertical-align: middle;
  line-height: 1;
}
.btn-change {
  margin-top: 15px;
  padding-left: 7px;
}
.btn-change .icon {
  font-size: 14px;
  vertical-align: middle;
  line-height: 1;
}
.btn-change {
  margin-top: 15px;
}
.btn-inner {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.btn-outer {
  display: inline-flex;
  border-radius: 50%;
  padding: 2px;
  border: 1px solid transparent;
}
.btn-black {
  border: 1px solid #000;
  background-color: #000;
}
.btn-outer-black:hover, .btn-outer-black.active  {
  border: 1px solid #000;
}
.btn-red {
  border: 1px solid #cf4401;
  background-color: #cf4401;
}
.btn-outer-red:hover, .btn-outer-red.active {
  border: 1px solid #cf4401;
}
.btn-green {
  border: 1px solid #00baa2;
  background-color: #00baa2;
}
.btn-outer-green:hover, .btn-outer-green.active {
  border: 1px solid #00baa2;
}
.btn-blue {
  border: 1px solid #0041cf;
  background-color: #0041cf;
}
.btn-outer-blue:hover, .btn-outer-blue.active {
  border: 1px solid #0041cf;
}
.btn-purple {
  border: 1px solid #B8003A;
  background-color: #B8003A;
}
.btn-outer-purple:hover, .btn-outer-purple.active {
  border: 1px solid #B8003A;
}
.btn-padding {
  padding: 8px 0;
}
/*
===================================
  Popover
===================================
*/
.popover {
  border-radius: 2px;
  min-width: 240px;
  padding: 0;
}
.popover .btn-block {
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.popover-title, .popover-content {
  font-size: 13px;
  color: #333;
}
/*
===================================
  Custom Checkbox
===================================
*/
.checkbox__container {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox__container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: transparent;
  border-radius: 2px;
  border: 1px solid #006df7;
}
.checkbox__container:hover input ~ .checkbox__checkmark {
  background-color: #ccc;
}
.checkbox__container input:checked ~ .checkbox__checkmark {
  background-color: #006df7;
}
.checkbox__checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox__container input:checked ~ .checkbox__checkmark:after {
  display: block;
}
.checkbox__container .checkbox__checkmark:after {
  left: 8px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*
===================================
  Check Switch
===================================
*/
.check__checkbox {
  display: inline-block;
  float: right;
}
.check__switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
  margin: 5px 0;
}
.check__switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.check__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.check__slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .check__slider {
  background-color: #006df7;
}
input:focus + .check__slider {
  box-shadow: 0 0 1px #006df7;
}
input:checked + .check__slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.check__slider.round {
  border-radius: 26px;
}
.check__slider.round:before {
  border-radius: 50%;
}
.check__slider--on {
  display: none;
}
.check__slider--off {
  position: absolute;
  top: 0px;
  left: 24px;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
}
/*
===================================
  Header
===================================
*/
.header__profile {
  margin: 0;
  cursor: pointer;
}
.header__profile .dropdown-toggle::after {
  display: none;
}
.header__profile .dropdown-menu {
  padding: 2px 0;
  border: 0;
  border-radius: 0 0 2px 2px;
  background-color: #172136;
  margin-top: 10px;
  box-shadow: 0 2px 4px 2px rgba(51, 51, 51, 0.12);
  min-width: 240px;
}
@media (max-width: 767px) {
  .header__profile .dropdown-menu {
    width: 100%;
  }
  .header__profile {
    text-align: right;
    margin: 0;
  }
  .navbar-toggler-right {
    right: 0;
  }
}
.header__profile .dropdown-item {
  font-size: 14px;
  color: #fff;
  padding: 10px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.025em;
}
.header__profile .dropdown-item:hover {
  color: #006df7;
  background-color: #fff;
  border-radius: 0px;
}
.header__profile a {
  color: #fff;
}
.header__profile a:hover {
  color: #eee;
}
.header__profile--block {
  display: inline-block;
  margin-left: 10px;
  padding-top: 0;
}
.header__profile--bg {
  border: 0px solid red;
  border-radius: 50%;
  object-fit: cover;
  height: 30px;
  width: 30px;
}
.header__profile .d-inline-block {
  vertical-align: -webkit-baseline-middle;
}
.header__name {
  text-transform: uppercase;
}
.header__name--welcome {
  vertical-align: middle;
}
.header__otp {
  background-color: #fff3cd;
  padding: 15px;
}
/*
.navbar .btn-outline-info {
  border-color: #fff;
  color: #fff;
}
.navbar .btn-outline-info:hover {
  background-color: #fff;
  color: #32ADEE;
}*/
/*
===================================
  Form
===================================
*/
.form-control {
  border-radius: 2px;
  padding: 12px;
}
.form-left {
  margin-right: 8px;
}
.form-right {
  margin-left: 8px;
}
/*
===================================
  Donate
===================================
*/
.donate {
  padding-top: 80px;
}
.donate h1 {
  font-weight: 700;
  margin-bottom: 30px;
  font-size: 22px;
}
.donate p {
  font-weight: 300;
  font-size: 16px;
}
.donate__button {
  padding: 15px;
}
/*
===================================
  Resume
===================================
*/
.resume__bg {
  position: relative;
  overflow: hidden;
  padding: 15px;
  text-align: left;
  border: 1px solid #fff;
  background-color: #f0f4f7;
  /*background-image: -webkit-linear-gradient(140deg, #bebfc0 50%, #dedede 50%);*/
  background-image: -webkit-linear-gradient(90deg, #a9dbea 30%, #f0f4f7 30%);
  margin-bottom: 30px;
}
.resume__bg--paid {
  width: 160px;
  height: 25px;
  font-size: 11px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
  background: #e8b75c;
  transform: rotate(-40deg);
  position: absolute;
  left: -60px;
  top: -10px;
}
.resume__img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0px 6px 10px 3px rgba(0,0,0,0.1);
}
.resume__overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-color: rgba(10, 203, 118, 0.5);
}
.resume__bg:hover .resume__overlay {
  opacity: 1;
  background-color: rgba(10, 203, 118, 0);
}
.resume__bg h6 {
  min-height: 50px;
  line-height: 1.45;
  margin-top: 15px;
}
.resume__body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.resume__body--text {
  color: #017117;
  font-size: 12px;
  text-shadow: 1px 1px 1px #ddd;
}

/*
===================================
  Preview Modal
===================================
*/
.modal-preview .modal-dialog {
  max-width: 100%;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.modal-preview .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.75);
}
.modal-preview .modal-header {
  border-bottom: 0;
}
.modal-preview .modal-title {
  color: #fff;
  text-shadow: 0 1px 0 #000;
}
.modal-preview .close {
  color: #fff;
  text-shadow: 0 1px 0 #000;
  opacity: 1;
}
.modal-preview .close:hover {
  color: #006df7;
  opacity: 1;
}
.modal-preview .modal-resume-text {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}
.modal-preview .resume__body {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}
/*
===================================
  Full Modal
===================================
*/
.modal-full .modal-dialog {
  max-width: 100%;
  margin: 0 auto;
}
.modal-full .modal-content {
  border-radius: 0;
  border: 0;
  background-color: #f3f3f3;
  min-height: 100vh;
}
.modal-full .modal-close {
  background-color: #fff;
  border-radius: 50%;
  padding: 0 5px 5px;
  cursor: pointer;
  display: inline-block;
  width: 32px;
  height: 32px;
  border: 1px solid #ccc;
  color: #aaa;
  margin-top: 7px;
}
.modal-full .modal-close:hover {
  border: 1px solid #006df7;
  color: #006df7;
}
.modal-full .modal-title {
  font-size: 16px;
  font-weight: 700;
}
.modal-full .modal-subtitle {
  font-size: 14px;
  margin: 0;
}
.modal-full .modal-picture {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.modal-full .modal-recruiter {
  font-size: 14px;
  margin: 0;
}
.modal-full .modal-recruiter.strong {
  font-weight: 700;
}
.modal-full .modal-padding {
  padding-left: 0;
}
.modal-full h6 {
  font-weight: 700;
  font-size: 14px;
}
.modal-full .modal-repeat {
  margin-bottom: 10px;
}
.modal-full .modal-details {
  background-color: #fff;
  padding: 15px 15px 0;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
}
.modal-full .modal-details p {
  margin: 0;
}
.modal-full .modal-bottom {
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  margin-bottom: 15px;
}
/*
===================================
  Resume Modal
===================================
*/
.modal-resume .modal {
  top: inherit;
}
.modal-resume .modal-dialog {
  max-width: 100%;
  width: 100%;
  height: 50%;
  margin: 0;
  padding: 0;
}
.modal-resume .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background-color: #fff;
}
.modal-resume .modal-header {
  border-bottom: 0;
}
.modal-resume .modal-header .icon {
  font-size: 14px;
  text-shadow: none;
}
.modal-resume .modal-title {
  font-size: 16px;
  font-weight: 600;
}
.modal-resume .close:hover {
  color: #006df7;
}
/*
===================================
  Resume Addition
===================================
*/
.modal-addition .modal {
  top: 0px;
}
.modal-addition .modal-dialog {
  max-width: 90%;
  width: 90%;
  height: 50%;
  margin: 0 auto;
  padding: 0;
}
.modal-addition .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background-color: #f0f4f7;
  border: transparent;
}
.modal-addition .modal-header {
  border-bottom: 0;
}
.modal-addition .modal-header .icon {
  font-size: 14px;
  text-shadow: none;
}
.modal-addition .modal-title {
  font-size: 16px;
  font-weight: 600;
}
.modal-addition .close:hover {
  color: #006df7;
}
.modal-addition .btn-modal, .modal-addition .btn-link {
  position: absolute;
  right: -42px;
  top: -10px;
  z-index: 9999999;
}
.modal-addition .btn-modal span {
  color: #fff;
  font-size: 20px;
}
/*
===================================
  Payment Modal
===================================
*/

.modal-payment .modal {
  top: 0px;
}
.modal-payment .modal-dialog {
  max-width: 80%;
  width: 80%;
  height: 50%;
  margin: 0 auto;
  padding: 0;
}
.modal-payment .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  border: transparent;
  background-color: #f0f4f7;
}
.modal-payment .modal-header {
  border-bottom: 0;
}
.modal-payment .modal-header .icon {
  font-size: 14px;
  text-shadow: none;
}
.modal-payment .modal-title {
  font-size: 16px;
  font-weight: 600;
}
.modal-payment .close:hover {
  color: #006df7;
}
.modal-payment .btn-modal, .modal-payment .btn-link {
  position: absolute;
  right: -42px;
  top: -10px;
  z-index: 9999999;
}
.modal-payment .btn-modal span {
  color: #fff;
  font-size: 20px;
}
/*
===================================
  Download Modal
===================================
*/

.modal-download .modal {
  top: 0px;
}
.modal-download .modal-backdrop.show {
  opacity: 0.85;
  background-color: #000;
}
.modal-download .img__edit--modal .btn-link {
  position: absolute;
  right: -30px;
  color: #fff;
  font-size: 22px;
  top: 0;
  padding: 0;
}
.modal-download .modal-dialog {
  max-width: 400px;
  width: 100%;
  height: auto;
  top: 20%;
  margin: 0 auto;
  padding: 0;
}
@media (max-width: 767px) {
  .modal-download .modal-dialog {
    max-width: 300px;
  }
}
.modal-download .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 2px;
  border: transparent;
  background-color: #f0f4f7;
}
.modal-download .modal-header {
  border-bottom: 0;
}
.modal-download .modal-header .icon {
  font-size: 14px;
  text-shadow: none;
}
.modal-download .modal-title {
  font-size: 16px;
  font-weight: 600;
}
.modal-download .close:hover {
  color: #006df7;
}
.modal-download .btn-modal, .modal-download .btn-link {
  position: absolute;
  right: -42px;
  top: -10px;
  z-index: 9999999;
}
.modal-download .btn-modal span {
  color: #fff;
  font-size: 20px;
}
/*
===================================
  Regular Modal
===================================
*/
.modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 2px;
}
.modal-header {
  border-bottom: 0;
}
.close {
  text-shadow: 0 1px 0 #000;
  opacity: 1;
}
.close:hover {
  color: #006df7;
  opacity: 1;
}
.modal-backdrop.show {
  opacity: 1;
}
.modal.show .modal-dialog {
  transition: 0.55s all;
  transform: translate(0, 0);
}
/*
===================================
  Tips
===================================
*/
.tips h1 {
  font-size: 24px;
  color: #006df7;
}
/*
===================================
  Recent Jobs
===================================
*/
.job {
  background-color: #f3f3f3;
  padding: 30px 0;
}
.recentjob__list {
  background-color: #ffffff;
  border-radius: 2px;
  padding: 15px;
  border: 1px solid #eee;
}
.recentjob__list:hover {
  border-bottom: 1px solid rgba(0, 109, 247, 0.85);
}
.recentjob__list h6 {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-bottom: 0px;
  line-height: 1.6;
}
.job .d-md-block {
  display: inline-block;
}
@media (min-width: 768px) {
  .job .d-md-block {
    display: inline-block !important;
  }
}
.employer__search--filter input {
  border: 0;
  width: 100%;
}
.recentcompany__list {
  background-color: #ffffff;
  border-radius: 2px;
  padding: 25px 20px 10px;
  border: 1px solid #eee;
}
.recentcompany__title {
  margin-bottom: 15px;
}
.recentcompany__title h6 {
  text-transform: uppercase;
}
.company__related {
  margin-top: 30px;
  margin-bottom: 30px;
}
.job__search, .job__search:focus {
  color: #464a4c;
  border-radius: 25px 0 0 25px;
  border: 1px solid rgba(255,255,255,0.95);
  background-color: rgba(255,255,255,0.7);
  border-right-width: 0;
  padding-left: 20px;
  outline: 0;
}
@media (max-width: 767px) {
  .job__search, .job__search:focus {
    border-right-width: inherit;
  }
}
.job__btn {
  border-radius: 0 25px 25px 0;
  border: 1px solid rgba(255,255,255,0.95);
  background-color: rgba(255,255,255,0.7);
  border-left-width: 0;
  padding: 15px 5px;
  color: #fff;
}
.job__btn:hover {
  border: 1px solid rgba(255,255,255,0.95);
  background-color: rgba(255,255,255,0.7);
  border-left-width: 0;
}
.job__btn--sub {
  background-color: #0068fb;
  padding: 12px 20px;
  border-radius: 25px;
  font-size: 13px;
}
.job__btn--sub:hover {
  background-color: #fff;
  color: #0068fb;
}
.job__type {
  margin-right: -5px;
}
.job__type .job__select {
  border-radius: 0;
  border-color: #eee;
  padding: 12px !important;
  min-width: 110px;
}
@media (max-width: 991px) {
  .job__type .job__select {
    max-width: 110px;
  }
}
.job__type:first-child .job__select {
  border-radius: 25px 0 0 25px;
}
.job__type:last-child .job__select {
  border-radius: 0 25px 25px 0;
}
.job__resume {
  border-radius: 25px;
  color: #fff;
  padding: 15px;
}
.job__resume:hover {
  color: #006df7;
  border-color: #fff;
  background-color: #fff;
}
.job__tagline {
  font-size: 16px;
  color: #fff;
}
.job__header {
  background: url('../images/job_bg.jpg');
  width: 100%;
  min-height: 200px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  padding: 60px 0;
}
.job__header:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 164, 255, 0.5);
  background-image: linear-gradient(to bottom, rgba(0, 164, 255, 0.5) , rgba(0, 151, 91, 0.75));
}
.job__header h2 {
  text-align: center;
  color: #212121;
  margin-bottom: 30px;
}
.job__header--margin {
  margin-top: 30px;
}
.job__float {
  margin-top: -150px;
  padding-bottom: 75px;
}
.job__filter {
  background-color: #fff;
  margin-bottom: 15px;
  border-radius: 2px;
}
.job__filter--select {
  border: 0;
}
.resume__create {
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 300px;
  background-color: #78e5d1;
  margin-top: 60px;
  position: relative;
}
.resume__create:before {
  content: "";
  display: inline-block;
  width: 320px;
  height: 320px;
  background-repeat: no-repeat;
  position: relative;
  right: 0;
  margin-top: -30px;
  background-image: url('../images/home-pg.png');
  background-size: contain;
}
.resume__create--text {
  position: absolute;
  bottom: 20%;
  left: 50%;
}
.resume__create--btn {
  position: relative;
  left: -50%;
  text-align: center;
}
.resume__create--btn .btn {
  border-radius: 25px;
}
.resume__create--btn .btn:hover {
  background-color: #fff;
}
/*
===================================
  tinyMCE
===================================
*/
.mce-panel {
  background-color: #006df7 !important;
}
.mce-btn {
  background-color: transparent !important;
}
.mce-btn-group .mce-btn, .mce-splitbtn .mce-open {
  border-width: 0px !important;
}
.mce-ico {
  color: #fff !important;
}
.mce-caret {
  border-top: 4px solid #fff !important;
}
.mce-statusbar, .mce-menubar.mce-toolbar, .mce-first.mce-btn-group {
  display: none !important;
}
.mce-btn-group:not(:first-child) {
  border: 0 !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.cke_6.cke_chrome {
  border: 1px solid #dde7ef !important;
}
.addDescriptions {
  border: 1px solid #eee;
  padding: 1em;
  border-radius: 0.15rem;
}
.titleSearch {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border: 1px solid #dde7ef;
  border-bottom: 0;
}
.titleBody {
  border: 1px solid #dde7ef;
  border-radius: 2px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow-x: hidden;
  overflow-y: auto;
  height: 244px;
}
.titleAdd {
  background-color: #fff;
  min-height: 4rem;
  position: relative;
}
.titleAdd__plus {
  border-bottom: 2px solid #fff;
  position: relative;
  cursor: pointer;
}
.titleAdd__plus:hover {
  background-color: #eee;
}
.titleAdd__text {
  position: absolute;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 0.05em;
  background-color: #006df7;
  color: #fff;
  font-size: 0.9rem;
  top: 0;
  bottom: 0;
  left: 0;
}
.titleAdd__text span {
  display: block;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  white-space: nowrap;
  height: 100%;
}
.titleAdd__body {
  padding-left: 2.4rem;
  font-size: 0.9rem;
  line-height: 1.6rem;
  height: 4rem;
  display: table-cell;
  vertical-align: middle;
}
/*
===================================
  Upload Image
===================================
*/
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.upload-btn-wrapper input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.img__edit--modal .btn-link {
  position: absolute;
  right: -50px;
  color: rgb(110, 110, 110);
  font-size: 22px;
  top: 10px;
}
.img__edit--modal .btn-success {
  border-radius: 0;
}
/*
===================================
  Static
===================================
*/
.static {

}
.static__slideshow {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
  min-height: 300px;
  margin-top: 0px;
  margin-bottom: 30px;
}
.static__slideshow--text {
  text-align: center;
  padding: 100px 0;
}
.static__slideshow--text h1 {
  font-weight: 700;
}
.static__slideshow--text h2 {
  font-weight: 300;
  font-size: 22px;
  margin-top: 15px;
}
/*--------------------------------------------------------------
# Pricing Table like WP version
--------------------------------------------------------------*/
.pricing-header {
  margin-top: 15px;
}
.pricing-table {
  margin-top: 15px;
  margin-bottom: 15px;
}
.pricing-table .block-heading {
  padding-top: 50px;
  margin-bottom: 40px;
  text-align: center;
}

.pricing-table .block-heading h2 {
  color: #006df7;
}

.pricing-table .block-heading p {
  text-align: center;
  max-width: 420px;
  margin: auto;
  opacity: 0.7;
}

.pricing-table .heading {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}

.pricing-table .item {
  background-color: #ffffff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
  border-top: 2px solid #e8b75c;
  padding: 30px;
  overflow: hidden;
  position: relative;
}

.pricing-table .col-md-5:not(:last-child) .item {
  margin-bottom: 30px;
}

.pricing-table .item button {
  font-weight: 600;
}

.pricing-table .ribbon {
  width: 160px;
  height: 32px;
  font-size: 12px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.25);
  background: #e8b75c;
  transform: rotate(45deg);
  position: absolute;
  right: -42px;
  top: 20px;
  padding-top: 4px;
}

.pricing-table .item p {
  text-align: center;
  margin-top: 20px;
  opacity: 0.7;
}

.pricing-table .features .feature {
  font-weight: 600; }

.pricing-table .features h4 {
  text-align: center;
  font-size: 14px;
  padding: 5px;
}

.pricing-table .price h4 {
  margin: 15px 0;
  font-size: 24px;
  text-align: center;
  color: #006df7;
}

.pricing-table .buy-now button {
  text-align: center;
  margin: auto;
  font-weight: 600;
  padding: 9px 0;
}
/*
===================================
  Admin
===================================
*/
.admin {

}
.admin h2 {
  margin-bottom: 30px;
}
.admin .form-check-input {
  margin-right: 5px;
}
.admin__add {
  background-color: #f3f3f3;
  padding: 15px 15px 1px;
  border-radius: 2px;
}
.admin__list {
  background-color: #f3f3f3;
  padding: 15px 15px 1px;
  border-radius: 2px;
  margin-bottom: 15px;
}
.admin .icon {
  margin-left: 10px;
}
/*
===================================
  Resume
===================================
*/
.block dl, .block ol, .block ul {
  padding-left: 15px;
}
dl, ol, ul {
  padding-left: 15px;
}
/*
===================================
  Loading Spinner
===================================
*/
.backdrop {
  position: fixed !important;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75) !important;
  border-radius: 0 !important;
}
.spinner-wandering-cubes, .spinner-sk-rotateplane, .sk-cube-grid {
  position: fixed !important;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  color: #fff;
  background-color: #172136;
  font-size: 85%;
}
footer .nav-link {
  padding-top: 0;
  padding-left: 0;
}
.menu-footer-container {
  text-align: right;
}
.menu-footer-container > .menu {
  display: block;
}
.menu-footer-container > .menu .menu-item {
  display: inline-block;
}
.menu-footer-container > .menu .menu-item:hover {
  color: #006df7;
}
.site-footer {
  padding: 40px 0 30px;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}
.copyright a, footer#colophon a {
  color: inherit;
}
.copyright a, footer#colophon a:hover {
  background-color: transparent;
  color: #006df7;
}

@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
  .menu-footer-container {
    float: left;
  }
  .nav-link {
    padding: 15px 15px 0 0;
  }
}
/*
===================================
  Home
===================================
*/
.home__testimonial .carousel-indicators {
  display: none;
}
.carousel-item {
  /* Force to always be block */
  display: inline-block !important;
  position: absolute;
  transition: opacity ease-in .7s;
  opacity: 0;
  visibility: hidden;
}

.carousel-item.active {
  position: relative;
  transition: opacity ease-out .7s;
  visibility: visible ;
  opacity: 1;
}
/*  ===================================
    Resume
    =================================== */
.resume__name {
  display: inline-block;
  padding: 12px;
}
.resume__name h1 {
  color: #fff;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
}
.resume__name h2 {
  color: #fff;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}
.resume__header {
  min-height: 120px;
}
.myrow:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.resumeOne .myrow {
  margin-bottom: 10px;
  line-height: 1.45;
}
.myrow .icon.icon-edit {
  font-size: 14px;
}
.font__Roboto, .font__Roboto h1, .font__Roboto h2, .font__Roboto h3, .font__Roboto h4, .font__Roboto h5, .font__Roboto h6 {
  font-family: 'Roboto', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.font__Rubik, .font__Rubik h1, .font__Rubik h2, .font__Rubik h3, .font__Rubik h4, .font__Rubik h5, .font__Rubik h6 {
  font-family: 'Rubik', sans-serif;
  -webkit-font-smoothing: antialiased;
}
.font__Times, .font__Times h1, .font__Times h2, .font__Times h3, .font__Times h4, .font__Times h5, .font__Times h6 {
  font-family: 'Tinos', serif;
  -webkit-font-smoothing: antialiased;
}
/* =================================
    Theme Color */
.theme__black.showBorder {
  border-color: #000;
}
.theme__black .hr__first, .theme__black .hr__last, .theme__black .hr__main {
  border-top: 3px solid #000;
}
.theme__black .resumeFive--title {
  border-left: 6px solid #000;
}
.theme__black .resumeFive--date, .theme__black .resumeFive--emp {
  color: #000;
}
.theme__black .skill__full, .theme__black .skill__half {
  border: 1px solid #000;
  background-color: transparent;
}
.theme__black .skill__full {
  background-color: #000;
}
.theme__black .listing li::before {
  color: #000;
}
.theme__black .resumeFive--picture, .theme__black .resume__two--picture {
  border: 2px solid #000;
}
.theme__black .resumeSix--title {
  border-left: 6px solid #000;
}
.theme__black .resumeSix--date, .theme__black .resumeSix--emp {
  color: #000;
}
.theme__black .resumeSix--left h1, .theme__black .resumeSix--left h4 {
  color: #fff;
}
.theme__black .resumeSix--left {
  background-color: #000;
}
.theme__black .resume__name {
  background-color: #000;
}
.theme__black .resume__name h1 {
  color: #fff
}
.theme__black .resumeSeven__name {
  background-color: #000;
  color: #fff;
}
.theme__black .resumeSeven__line:before, .theme__black .resumeSeven__flex--body:before, .theme__black .resumeSeven__line--head:before {
  border-color: #000;
}
.theme__black .resumeSeven__line {
  display:inline-block;
  border-bottom: 3px solid #000;
  padding-bottom: 10px;
}
.theme__black .resumeSeven__rating--one, .theme__black .resumeSeven__rating--two, .theme__black .resumeSeven__rating--three, .theme__black .resumeSeven__rating--four, .theme__black .resumeSeven__rating--five {
  background-color: #000;
}
/* Red */
.theme__red.showBorder {
  border-color: #cf4401;
}
.theme__red h1, .theme__red h4, .theme__red strong {
  color: #cf4401;
}
.theme__red .hr {
  border-top: 1px solid #cf4401;
}
.theme__red .resume__two--underline {
  border-bottom: 2px solid #cf4401;
}
.theme__red .Resume3Headers {
  background-color: rgba(207, 68, 0, 0.1) !important;
}
.theme__red .hr__first, .theme__red .hr__last, .theme__red .hr__main {
  border-top: 3px solid #cf4401;
}
.theme__red .resumeFive--title {
  border-left: 6px solid #cf4401;
}
.theme__red .resumeFive--title {
  border-left: 6px solid #cf4401;
}
.theme__red .resumeFive--date, .theme__red .resumeFive--emp {
  color: #cf4401;
}
.theme__red .skill__full, .theme__read .skill__half {
  border: 1px solid #cf4401;
  background-color: transparent;
}
.theme__red .skill__full {
  background-color: #cf4401;
}
.theme__red .listing li::before {
  color: #cf4401;
}
.theme__red .resumeFive--picture, .theme__red .resume__two--picture {
  border: 2px solid #cf4401;
}
.theme__red .resumeSix--title {
  border-left: 6px solid #cf4401;
}
.theme__red .resumeSix--date, .theme__red .resumeSix--emp {
  color: #cf4401;
}
.theme__red .resumeSix--left h1, .theme__red .resumeSix--left h4 {
  color: #fff;
}
.theme__red .resumeSix--left {
  background-color: #cf4401;
}
.theme__red .resume__name {
  background-color: #cf4401;
}
.theme__red .resume__name h1 {
  color: #fff
}
.theme__red .resumeSeven__name {
  background-color: #cf4401;
  color: #fff;
}
.theme__red .resumeSeven__line:before, .theme__red .resumeSeven__flex--body:before, .theme__red .resumeSeven__line--head:before {
  border-color: #cf4401;
}
.theme__red .resumeSeven__line {
  display:inline-block;
  border-bottom: 3px solid #cf4401;
  padding-bottom: 10px;
}
.theme__red .resumeSeven__rating--one, .theme__red .resumeSeven__rating--two, .theme__red .resumeSeven__rating--three, .theme__red .resumeSeven__rating--four, .theme__red .resumeSeven__rating--five {
  background-color: #cf4401;
}

/* Green */
.theme__green.showBorder {
  border-color: #00baa2;
}
.theme__green h1, .theme__green h4, .theme__green strong {
  color: #00baa2;
}
.theme__green .hr {
  border-top: 1px solid #00baa2;
}
.theme__green .resume__two--underline {
  border-bottom: 2px solid #00baa2;
}
.theme__green .Resume3Headers {
  background-color: rgba(0, 186, 162, 0.1) !important;
}
.theme__green .hr__first, .theme__green .hr__last, .theme__green .hr__main {
  border-top: 3px solid #00baa2;
}
.theme__green .resumeFive--title {
  border-left: 6px solid #00baa2;
}
.theme__green .resumeFive--date, .theme__green .resumeFive--emp {
  color: #00baa2;
}
.theme__green .skill__full, .theme__green .skill__half {
  border: 1px solid #00baa2;
  background-color: transparent;
}
.theme__green .skill__full {
  background-color: #00baa2;
}
.theme__green .listing li::before {
  color: #00baa2;
}
.theme__green .resumeFive--picture, .theme__green .resume__two--picture {
  border: 2px solid #00baa2;
}
.theme__green .resumeSix--title {
  border-left: 6px solid #00baa2;
}
.theme__green .resumeSix--date, .theme__green .resumeSix--emp {
  color: #00baa2;
}
.theme__green .resumeSix--left h1, .theme__green .resumeSix--left h4 {
  color: #fff;
}
.theme__green .resumeSix--left {
  background-color: #00baa2;
}
.theme__green .resume__name {
  background-color: #00baa2;
}
.theme__green .resume__name h1 {
  color: #fff
}
.theme__green .resumeSeven__name {
  background-color: #00baa2;
  color: #fff;
}
.theme__green .resumeSeven__line:before, .theme__green .resumeSeven__flex--body:before, .theme__green .resumeSeven__line--head:before {
  border-color: #00baa2;
}
.theme__green .resumeSeven__line {
  display:inline-block;
  border-bottom: 3px solid #00baa2;
  padding-bottom: 10px;
}
.theme__green .resumeSeven__rating--one, .theme__green .resumeSeven__rating--two, .theme__green .resumeSeven__rating--three, .theme__green .resumeSeven__rating--four, .theme__green .resumeSeven__rating--five {
  background-color: #00baa2;
}

/* Blue */
.theme__blue.showBorder {
  border-color: #0041cf;
}
.theme__blue h1, .theme__blue h4, .theme__blue strong {
  color: #0041cf;
}
.theme__blue .hr {
  border-top: 1px solid #0041cf;
}
.theme__blue .resume__two--underline {
  border-bottom: 2px solid #0041cf;
}
.theme__blue .Resume3Headers {
  background-color: rgba(0, 65, 206, 0.1) !important;
}
.theme__blue .hr__first, .theme__blue .hr__last, .theme__blue .hr__main {
  border-top: 3px solid #0041cf;
}
.theme__blue .resumeFive--title {
  border-left: 6px solid #0041cf;
}
.theme__blue .resumeFive--date, .theme__blue .resumeFive--emp {
  color: #0041cf;
}
.theme__blue .skill__full, .theme__blue .skill__half {
  border: 1px solid #0041cf;
  background-color: transparent;
}
.theme__blue .skill__full {
  background-color: #0041cf;
}
.theme__blue .listing li::before {
  color: #0041cf;
}
.theme__blue .resumeFive--picture, .theme__blue .resume__two--picture {
  border: 2px solid #0041cf;
}
.theme__blue .resumeSix--title {
  border-left: 6px solid #0041cf;
}
.theme__blue .resumeSix--date, .theme__blue .resumeSix--emp {
  color: #0041cf;
}
.theme__blue .resumeSix--left h1, .theme__blue .resumeSix--left h4 {
  color: #fff;
}
.theme__blue .resumeSix--left {
  background-color: #0041cf;
}
.theme__blue .resume__name {
  background-color: #0041cf;
}
.theme__blue .resume__name h1 {
  color: #fff
}
.theme__blue .resumeSeven__name {
  background-color: #0041cf;
  color: #fff;
}
.theme__blue .resumeSeven__line:before, .theme__blue .resumeSeven__flex--body:before, .theme__blue .resumeSeven__line--head:before {
  border-color: #0041cf;
}
.theme__blue .resumeSeven__line {
  display:inline-block;
  border-bottom: 3px solid #0041cf;
  padding-bottom: 10px;
}
.theme__blue .resumeSeven__rating--one, .theme__blue .resumeSeven__rating--two, .theme__blue .resumeSeven__rating--three, .theme__blue .resumeSeven__rating--four, .theme__blue .resumeSeven__rating--five {
  background-color: #0041cf;
}

/* Purple */
.theme__purple.showBorder {
  border-color: #B8003A;
}
.theme__purple h1, .theme__purple h4, .theme__purple strong {
  color: #B8003A;
}
.theme__purple .hr {
  border-top: 1px solid #B8003A;
}
.theme__purple .resume__two--underline {
  border-bottom: 2px solid #B8003A;
}
.theme__purple .Resume3Headers {
  background-color: rgba(206, 0, 100, 0.1) !important;
}
.theme__purple .hr__first, .theme__purple .hr__last, .theme__purple .hr__main {
  border-top: 3px solid #B8003A;
}
.theme__purple .resumeFive--title {
  border-left: 6px solid #B8003A;
}
.theme__purple .resumeFive--date, .theme__purple .resumeFive--emp {
  color: #B8003A;
}
.theme__purple .skill__full, .theme__purple .skill__half {
  border: 1px solid #B8003A;
  background-color: transparent;
}
.theme__purple .skill__full {
  background-color: #B8003A;
}
.theme__purple .listing li::before {
  color: #B8003A;
}
.theme__purple .resumeFive--picture, .theme__purple .resume__two--picture {
  border: 2px solid #B8003A;
}
.theme__purple .resumeSix--title {
  border-left: 6px solid #B8003A;
}
.theme__purple .resumeSix--date, .theme__purple .resumeSix--emp {
  color: #B8003A;
}
.theme__purple .resumeSix--left h1, .theme__purple .resumeSix--left h4 {
  color: #fff;
}
.theme__purple .resumeSix--left {
  background-color: #B8003A;
}
.theme__purple .resume__name {
  background-color: #B8003A;
}
.theme__purple .resume__name h1 {
  color: #fff
}
.theme__purple .resumeSeven__name {
  background-color: #B8003A;
  color: #fff;
}
.theme__purple .resumeSeven__line:before, .theme__purple .resumeSeven__flex--body:before, .theme__purple .resumeSeven__line--head:before {
  border-color: #B8003A;
}
.theme__purple .resumeSeven__line {
  display:inline-block;
  border-bottom: 3px solid #B8003A;
  padding-bottom: 10px;
}
.theme__purple .resumeSeven__rating--one, .theme__purple .resumeSeven__rating--two, .theme__purple .resumeSeven__rating--three, .theme__purple .resumeSeven__rating--four, .theme__purple .resumeSeven__rating--five {
  background-color: #B8003A;
}

.vessel {
  /* font-family: 'Times New Roman', serif; */
  /* font-family: 'Roboto', sans-serif; */
  /* font-family: 'Rubik', sans-serif; */
  margin-right: auto;
  margin-left: auto;
  font-size: 13px;
  /*padding-left: 15px;
  padding-right: 15px;*/
}
.vessel h1, .vessel h2, .vessel h3, .vessel h4, .vessel h5, .vessel h6 {
  /* font-family: 'Times New Roman', serif; */
  /* font-family: 'Roboto', sans-serif; */
  /* font-family: 'Rubik', sans-serif; */
  text-transform: uppercase;
}
.vessel h1 {font-size: 24px; margin-top: 0;font-weight: 700;}
.vessel h2 {font-size: 20px; margin-top: 0;}
.vessel h3 {font-size: 18px; margin-top: 0;}
.vessel h4 {font-size: 14px; margin-top: 0; font-weight: bold}
.vessel h5 {font-size: 13px; margin-top: 0;}
.vessel h6 {font-size: 12px; margin-top: 0;}
.vessel p {
  line-height: 1.6;
  font-size: 13px;
  margin-bottom: 5px;
}
.vessel a {
  color: #3A3A3A !important;
}
.series {
  margin-left: -15px;
  margin-right: -15px;
  clear: both;
}
.block {
  border: 1px solid transparent;
  height: auto;
  display: inline-block;
  margin: 0;
  cursor: pointer;
  width: 100%;
  padding-top: 15px;
  -moz-transition: padding-left .2s ease-in;
  -o-transition: padding-left  .2s ease-in;
  -webkit-transition: padding-left .2s ease-in;
  transition: padding-left .2s ease-in;
}
.block:hover {
  height: auto;
  display: inline-block;
  border-radius: 2px;
  /*border: 1px solid rgba(44, 65, 148, 0.17);*/
  border: 1px solid rgba(44, 65, 148, 0.17);
  box-shadow: 0 0 10px 4px #eee;
  padding-left: 15px;
  padding-right: 5px;
}
/*.preview__edit {
  color: #006df7;
  text-transform: capitalize;
  transition: .5s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 15px;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: right;
}
.block:hover .preview__edit {
  opacity: 1;
  visibility: visible;
}*/
.block .icon {
  vertical-align: middle;
}
.block__list {
  padding-left: 0 !important;
  margin-bottom: 5px;
}
.block__list li {
  list-style-type: none;
  margin: 0;
  padding-right: 15px;
  display:inline-block;
}
.block__unstyle {
  padding-left: 0 !important;
}
.block__unstyle li {
  list-style-type: none;
}
[class*="column-"] {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  float: left;
}
.column-1 {width: 8.33%;}
.column-2 {width: 16.66%;}
.column-3 {width: 25%;}
.column-4 {width: 33.33%;}
.column-5 {width: 41.66%;}
.column-5a {width: 50.66%;}
.column-6a {width: 49.33%;}
.column-6 {width: 50.00%;}
.column-7 {width: 58.33%;}
.column-8 {width: 66.66%;}
.column-9 {width: 75%;}
.column-10 {width: 83.33%;}
.column-11 {width: 91.66%;}
.column-12 {width: 100%;}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.profile__picture {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
}
.padding-left {
  padding-left: 0;
}
.padding-right {
  padding-right: 0;
}
.listing {
  margin-bottom: 15px;
}
.listing ul {
  margin-bottom: 5px;
}
.listing li {
  line-height: 1.5;
  margin-bottom: 5px;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-muted {
  color: #777;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.hide {
  display: none;
}
.invisible {
  visibility: hidden;
}
.img-circle {
  border-radius: 50%;
  width: 80px;
  max-width: 100%;
}
.hr2 {
  color: rgba(0, 0, 0, 0.15);
  border-top-style: double;
  margin: 15px 0 20px;
}
.hr {
  border-top: 1px solid rgba(0, 0, 0, 0.75);
  margin: 15px 0 10px;
}
.hr-white {
  border-top: 1px solid rgba(255, 255, 255, 1);
  margin: 25px 0 10px;
}
.preview__sidebar {
  padding-top: 30px;
}
.preview__sidebar hr {
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #fff;
}
.preview__sidebar .btn-primary {
  padding: 10px;
}
.preview__sidebar .badge-primary {
  vertical-align: text-top;
  line-height: 1.4;
  padding: 2px 10px;
}
.stars {
  width: 10px;
  display: inline-block;
  padding: 0;
  margin: 0;

}
.icon-size {
  width: 12px;
  margin-right: 4px;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .column-1, .column-2, .column-3, .column-4, .column-5, .column-5a, .column-6, .column-6a, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12 {
    width: 100%;
  }
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50.00%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
  .text-center {
    text-align: left;
  }
  .text-right {
    text-align: left !important;
  }
  .padding-left {
    padding-left: 15px;
  }
  .profile__picture, .profile__photo {
    width: 70px;
    height: 70px;
  }
  .hide-xs {
   display: none;
  }
  .show-xs .btn {
    margin-top: 5px;
  }
}
@media (min-width: 992px) {
  .show-xs {
    display: none;
  }
}
.preview__main {
  margin-top: 30px;
  margin-bottom: 60px;
  border-radius: 2px;
  box-shadow: 0 0 10px 4px #eee;
  background-color: #fff;
  padding: 45px;
}
.a4size {
  width: 210mm;
  height: 297mm;
  page-break-after: always;
  size: A4 portrait;
}
@media (max-width: 767px) {
  .a4size {
    width: 100%;
    height: auto;
    page-break-after: always;
    size: auto;
  }
}
.iconic .icon-size {
  width: 11px;
  vertical-align: baseline;
}
.hideBorder {
  border: 8px solid transparent;
}
.showBorder {
  border: 8px solid #000;
}
/*  ===================================
    Resume 1
    =================================== */
.resumeOne {
    height: 287mm;
}
/*  ===================================
    Resume 2
    =================================== */
.resume__two--picture {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 2px;
  text-align: right;
  float: right;
  object-fit: cover;
  margin-bottom: 15px;
}
.resumeTwo .hr-dashed {
  border-top: 1px dashed rgba(0, 0, 0, 0.25);
  margin: 0 0 10px;
}
.resume__two--address {
  margin-top: 5px;
}
.resume__two {
  color: #2396f1;
}
.resume__two--title {
  position: relative;
  border-bottom: 2px solid #eee;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.resume__two--title.top {
  margin-top: 15px;
}
.resume__two--underline {
  display: inline-block;
  border-bottom: 2px solid #000;
  font-weight: 300;
  padding-bottom: 10px;
  margin-bottom: -2px;
}
.resume__two--experience p {
  margin-bottom: 0;
}
/*  ===================================
    Resume 3
    =================================== */
.resumeThree__top {
  margin-top: 10px;
}
.resumeThree__edit {
  padding: 0 7px;
}
/*  ===================================
    Resume 4
    =================================== */
.resumeFour .hr__last {
  margin: 15px 0 10px;
}
.resumeFour .hr-dashed {
  border-top: 1px dashed rgba(0, 0, 0, 0.25);
  margin: 10px 0 10px;
}
.resumeFour .hr__first {
  margin: 5px 0 10px
}
.resumeFour__summary {
  min-height: 45px;
}
/*  ===================================
    Resume 5
    =================================== */

.resumeFive--picture {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 2px;
  text-align: right;
  float: left;
  object-fit: cover;
}
.resumeFive .hr__main {
  margin-bottom: 25px;
}
.resumeFive .hr-dashed {
  border-top: 1px dashed rgba(0, 0, 0, 0.25);
  margin: 0 0 10px;
}
.resumeFive--address {
  margin-top: 5px;
}
.resumeFive--title {
  position: relative;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-left: 15px;
}
.resumeFive--title.top {
  margin-top: 15px;
}
.resumeFive--title h4 {
  line-height: 1;
}
.resumeFive--experience p {
  margin-bottom: 0;
}
.resumeFive .skill__full, .resumeFive .skill__half {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  margin-left: 4px;
}
.resumeFive--date {
  font-size: 11px;
}
.resumeFive ul {
  list-style: none;
  padding-left: 0;
}
.resumeFive .listing li {
  padding-left: 15px;
  text-indent: -15px;
}
.resumeFive .listing li::before {
  content: "• ";
  padding-right: 5px;
}
.resumeFive .top {
  margin-top: 20px;
}
.resumeFive--header {
  font-size: 16px;
}
.resumeFive .iconic.phone img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

/*  ===================================
    Resume 6
    =================================== */
.resumeSix {
  height: 287mm;
}
.resumeSix--left {
  padding: 45px 35px 45px 35px;
  color: #fff;
  height: 287mm;
  page-break-after: always;
  size: A4 portrait;
}
.resumeSix--left .icon {
  color: #fff;
  padding: 0 0 0 15px;
}
.resumeSix--right {
  padding: 45px 45px 45px 15px;
}
.resumeSix--picture {
  border: 2px solid #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 2px;
  text-align: center;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
}
.resumeSix .hr {
  border-top: 4px solid #B8003A;
  margin-bottom: 25px;
}
.resumeSix .hr-dashed {
  border-top: 1px dashed rgba(0, 0, 0, 0.25);
  margin: 0 0 10px;
}
.resumeSix--address {
  margin-top: 5px;
}
.resumeSix--title {
  position: relative;
  text-transform: uppercase;
  margin-bottom: 15px;
  padding-left: 15px;
}
.resumeSix--title.top {
  margin-top: 15px;
}
.resumeSix--title h4 {
  line-height: 1;
}
.resumeSix--experience p {
  margin-bottom: 0;
}
.resumeSix .skill__full, .resumeSix .skill__half {
  border: 1px solid #fff;
  background-color: transparent;
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  margin-left: 4px;
}
.resumeSix .skill__full {
  background-color: #fff;
}
.resumeSix--date {
  font-size: 11px;
}
.resumeSix ul {
  list-style: none;
  padding-left: 0;
}
.resumeSix .listing li {
  padding-left: 15px;
  text-indent: -15px;
}
.resumeSix .listing li::before {
  content: "• ";
  padding-right: 5px;
}
.resumeSix .top {
  margin-top: 20px;
}
.resumeSix--header {
  font-size: 16px;
}
.resumeSix--emp {
  color:#B8003A;
}
.resumeSix .iconic.phone img {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}
.pac-container {
  z-index: 9999;
}
.padding-20 {
  padding-bottom: 20px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  width: 100%;
  color: #006df7;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-font {
  border: 1px solid #006df7;
  border-radius: 2px;
  display: block;
  width: 100%;
  color: #006df7;
  background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZBJREFUeJzt0jtOw0AYhdG7AVgQj57XhlkBm6GDAiooIguEQrCxnZnfOUea2jO+XwIAAAAAAAAAAAAAAAAAAAAAAAAAAAAHnbW+wAK28IYmrpM8J7lpfZEZHrJ7w0Xri1RzneQ1yUeSt9SM4CHJe3ZveIkIRrvK1/jDqRbB9/GHI4IR9o1fLYJ944tghKvsftC+H1clgkPji+CAy/w9/nDek9y2ueZBY8YXwR5Txu81ginji+CHx0z7cb1F8J/xh/PY4L7dOU/ylJoRzBn/Kbu3k5oRGH9hlSIw/koqRGD8lc2N4G7Fuxn/SHqMwPhH1lMExm+khwiM31jLCIzfiRYRGL8zcyO4n/At43fqGBEYv3NrRmD8ItaIwPjFLBmB8YtaIgLjFzc3AuNvwJwIjL8Rx4rA+B1bOwLjF7BWBMYvZOkIjF/QUhEYv7C5ERh/A/4bgfE3ZGoExt+gsREYf8P+isD4J+C3CIx/Qn5GYPwTNERg/BN2HuMDAAAAAAAAAAAAAAAAAAAAAAAAAAAADX0C1EVRxOOijgAAAAAASUVORK5CYII=') !important;
  background-repeat: no-repeat;
  background-position: 98% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background-size: 18px;
  margin-bottom: 15px;
}
.dropdown-font:hover {
  background-color: #006df7;
  color: #fff;
}
.dropdown-font .dropdown-main {
  padding: 4px 15px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .dropdown-font {
    margin-top: 5px;
  }
}
.dropdown-content p {
  padding: 7px 15px;
  margin-bottom: 0;
}
.dropdown-content p:hover {
  background-color: #006df7;
  color: #fff;
}
@media (min-width: 768px) {
  .onepage {
    width: 210mm;
  }
}
.onepage {
  position: fixed;
  bottom: -10px;
  z-index: 1;
}
.onepage .alert {
  margin-bottom: 0;
  border-radius: 6px 6px 0 0;
}
/*  ===================================
    Resume 7
    =================================== */
.resumeSeven {
  height: 287mm;
}
.resumeSeven__header {
  background-color: #e6e6e6;
  padding: 45px 45px 35px;
}
.resumeSeven__body {
  padding: 45px 45px 0px;
}
.resumeSeven__others {
  padding: 20px 45px 0px;
}
.resumeSeven__line {
  display:inline-block;
  border-bottom: 3px solid #000;
  padding-bottom: 10px;
}
.resumeSeven__line--head {
  padding-bottom: 10px;
  position: relative;
  margin-bottom: 10px;
}
.resumeSeven__line--head:before {
  content: "";
  position: absolute;
  width: 40px;
  bottom: 0;
  left: 0;
  border-bottom: 3px solid #000;
}
.resumeSeven__name {
  background-color: #000;
  border-radius: 50%;
  text-align: center;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  padding: 30px 0;
}
.resumeSeven__name h1 {
  color: #fff;
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
}
.resumeSeven.theme__black h1, .resumeSeven.theme__black h4, .resumeSeven.theme__black strong,
.resumeSeven.theme__red h1, .resumeSeven.theme__red h4, .resumeSeven.theme__red strong,
.resumeSeven.theme__green h1, .resumeSeven.theme__green h4, .resumeSeven.theme__green strong,
.resumeSeven.theme__blue h1, .resumeSeven.theme__blue h4, .resumeSeven.theme__blue strong,
.resumeSeven.theme__purple h1, .resumeSeven.theme__purple h4, .resumeSeven.theme__purple strong {
  color: inherit;
}
.resumeSeven__rating {
  background-color: #eee;
  height: 4px;
  margin-bottom: 5px;
}
.resumeSeven__rating--one {
  background-color: #000;
  width: 20%;
  height: 4px;
}
.resumeSeven__rating--two {
  background-color: #000;
  width: 40%;
  height: 4px;
}
.resumeSeven__rating--three {
  background-color: #000;
  width: 60%;
  height: 4px;
}
.resumeSeven__rating--four {
  background-color: #000;
  width: 80%;
  height: 4px;
}
.resumeSeven__rating--five {
  background-color: #000;
  width: 100%;
  height: 4px;
}