@import url(https://fonts.googleapis.com/css?family=Montserrat:400,900);@charset "UTF-8";

/**
* Project-specific configuration.
*/

/**
 * Front-end variables.
 */

/**
* Project styles.
*/

body {
  font-family: "Helvetica", sans-serif !important;
  font-weight: 300 !important;
  color: #000;
}

button:focus {
  outline: none;
}

.little-header {
  font-family: "Helvetica", sans-serif !important;
  text-transform: uppercase;
  font-size: 20px;
  display: inline-block;
  position: relative;
}

.little-header:after {
  content: url("https://i.imgur.com/WsTZoL1.png");
  position: absolute;
  left: 0;
  bottom: -18px;
}

.big-header {
  font-size: 80px;
  font-family: "Helvetica", sans-serif !important;
  text-transform: uppercase;
}

.bold-part {
  font-weight: bold;
}

.colorized {
  color: #00FFDF;
}

form label {
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  padding-bottom: 5px;
}

.section-title {
  margin: 0 0 30px;
  color: #333;
  font-size: 48px;
}

@media (max-width: 767px) {
  .section-title {
    font-size: 28px;
  }
}

.section-title span {
  display: block;
  color: #00c2e3;
}

.section-title--primary {
  text-align: center;
}

.section-title--secondary {
  color: #eee;
  font-size: 36px;
}

@media (max-width: 767px) {
  .section-title--secondary {
    font-size: 28px;
  }
}

.price {
  position: absolute;
  top: 50%;
  left: -170px;
  width: 218px;
  height: 218px;
  background: #fff;
  border-radius: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  .price {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
            transform: none;
    margin: 15px 0;
  }
}

.price::after {
  position: relative;
  display: block;
  top: 19px;
  left: 19px;
  width: 180px;
  height: 180px;
  content: "";
  background: #5937a8;
  border-radius: 100%;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5);
}

.price .value {
  position: absolute;
  z-index: 1;
  top: 53%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  font-size: 66px;
}

.price .value span {
  font-size: 24px;
}

.navbar-toggle {
  position: relative;
  z-index: 2;
  background-image: none;
  border: 1px solid transparent;
  background: transparent;
}

.navbar-toggle .icon-bar--middle {
  opacity: 0;
}

.navbar-toggle .icon-bar--first {
  top: 6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.navbar-toggle .icon-bar--second {
  top: -6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.navbar-toggle.is-closed .icon-bar--middle {
  opacity: 1;
}

.navbar-toggle.is-closed .icon-bar--first {
  top: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.navbar-toggle.is-closed .icon-bar--second {
  top: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.navbar-toggle:focus {
  outline: none;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  margin-bottom: 4px;
  position: relative;
  background: #000;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.collapse:not(.show) {
  display: block;
}

@media screen and (max-width: 991px) {
  .navbar-collapse {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-align: center;
    width: 300px;
    padding: 120px 40px;
    background: #fff;
    box-shadow: 0px 1px 5px #000;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .navbar-collapse.is-hidden {
    -webkit-transform: translateX(305px);
            transform: translateX(305px);
  }

  .navbar-collapse.is-visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  .navbar-toggle {
    display: block;
  }

  .navbar .nav-link {
    display: inline-block;
  }
}

.nav-item {
  margin-left: 10px;
}

.button {
  display: inline-block;
  padding: 5px 25px;
  margin-right: 20px;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.2s;
  outline: none;
}

.button:last-of-type {
  margin-right: 0;
}

.button:hover,
.button:focus {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

.button--primary {
  font-size: 16px;
  color: #fff;
  background-color: #5937a8;
  border: 1px solid transparent;
  border-radius: 40px;
}

.button--primary:hover {
  color: #fff;
}

.button--secondary {
  font-size: 16px;
  color: #fff;
  border: none;
  border-radius: none;
}

.button--secondary:hover {
  color: #fff;
}

.button--blue--secondary {
  font-size: 16px;
  color: #fff;
  border: none;
  border-radius: none;
}

.button--blue--secondary:hover {
  color: #fff;
}

.nav-item--button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.button--primary {
  padding: 5px 25px;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: "Myriad Pro", sans-serif;
  transition: 0.25s ease-in;
  border: 1px solid #5937a8;
}

.button--primary:hover,
.button--primary:focus {
  color: #5937a8;
  background: #fff;
}

.button--primary:disabled {
  color: #aaa;
  border: 1px solid #aaa;
  background: #d8d8d8;
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .button--primary {
    font-size: 16px;
  }
}

.button--secondary {
  padding: 5px 25px;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: "Myriad Pro", sans-serif;
  background-color: transparent;
  border: 1px solid #5937a8;
  border-radius: 50px;
  color: #5937a8;
  text-align: center;
  transition: 0.25s ease-in;
}

.button--secondary:hover,
.button--secondary:focus {
  color: white;
  background: #5937a8;
}

.button--secondary:disabled {
  color: #aaa;
  border: 1px solid #aaa;
  background: #d8d8d8;
  cursor: not-allowed;
}

@media (max-width: 767px) {
  .button--secondary {
    font-size: 16px;
  }
}

.button--disabled {
  color: #aaa;
  border: 1px solid #aaa;
  background: #d8d8d8;
  cursor: not-allowed;
}

.button--disabled:hover {
  color: #aaa;
  border: 1px solid #aaa;
  background: #d8d8d8;
  cursor: not-allowed;
}

.button--nav {
  padding: 5px 25px !important;
  margin-left: 10px;
  border: 1px solid #fff;
  border-radius: 40px;
  background: transparent !important;
}

@media (max-width: 767px) {
  .button--nav {
    margin-left: 0;
  }
}

.button--nav:hover {
  background: #5937a8 !important;
}

.button--nav:hover span::after {
  display: none;
}

.button--tertiary {
  background-color: #00c2e3;
  text-align: center;
  padding: 13px 0;
  width: 100%;
  color: white !important;
  font-weight: bold;
  transition: 0.3s;
}

.button--tertiary:hover {
  background-color: #5937a8;
}

.last--tertiary {
  background-color: #5937a8;
}

.last--tertiary:hover {
  background-color: #00c2e3;
}

.link {
  display: inline-block;
  color: #000;
}

.link::before {
  position: relative;
  font-family: FontAwesome;
  font-size: 16px;
  color: #000;
  content: "";
  transition: color 0.2s;
}

.link::after {
  position: relative;
  display: block;
  width: 0;
  height: 1px;
  margin: 0 auto;
  content: "";
  background-color: #000;
  transition: width 0.2s;
}

.link:hover,
.link:focus {
  color: #000;
  text-decoration: none;
}

.link:hover::after,
.link:focus::after {
  width: 100%;
}

.link--leftAlign {
  display: block;
  float: left;
}

.link--rightAlign {
  display: block;
  float: right;
}

.link--email::before {
  margin-right: 15px;
  content: "\F0E0";
}

.link--phone::before {
  margin: 0 15px 0 4px;
  font-size: 24px;
  content: "\F10B";
}

.footer-link {
  display: inline-block;
  font-weight: 100 !important;
  color: #fff !important;
}

.footer-link::before {
  position: relative;
  font-family: FontAwesome;
  font-size: 16px;
  color: #fff;
  content: "";
  transition: color 0.2s;
}

.footer-link::after {
  position: relative;
  display: block;
  width: 0;
  height: 1px;
  margin: 0 auto;
  content: "";
  background-color: #fff;
  transition: width 0.2s;
}

.footer-link:hover,
.footer-link:focus {
  color: #fff;
  text-decoration: none;
}

.footer-link:hover::after,
.footer-link:focus::after {
  width: 100%;
}

.form-group {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 18px;
  position: relative;
}

.form-group label {
  margin-right: 5px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .form-group label {
    font-size: 12px;
  }
}

.form-group::after {
  border: unset;
  content: "";
  position: absolute;
  height: 1px;
  width: 0;
  bottom: 0;
  z-index: 10;
  transition: 0.3s;
  right: 50%;
  background-color: #5937a8;
}

.form-group::before {
  border: unset;
  content: "";
  position: absolute;
  height: 1px;
  width: 0;
  z-index: 10;
  bottom: 0;
  transition: 0.3s;
  left: 50%;
  background-color: #5937a8;
}

.form-group:hover::after,
.form-group:hover::before {
  width: 50%;
}

.form-group input {
  border: none;
}

.form-group textarea {
  border: none;
}

.form-control {
  height: 38px;
  padding-left: 0;
  box-shadow: none;
  font-size: 16px;
}

.form-control:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.form-control:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.form-control:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.form-control:disabled {
  background: transparent;
}

.form-control:focus {
  box-shadow: none;
}

textarea.form-control {
  margin-bottom: 30px;
  height: 100px;
}

.form-control-element::after {
  position: relative;
  top: -1px;
  display: block;
  width: 0;
  height: 2px;
  margin: 0 auto;
  content: "";
  background-color: #00c2e3;
  transition: width 0.2s;
}

.modal-header {
  border-bottom: none;
}

.modal-title {
  text-align: center;
  font-weight: bold;
  font-size: 32px;
}

.modal-content {
  border-radius: 15px;
}

.modal-button {
  position: relative;
  left: 50%;
  margin: 25px 0 15px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  outline: none;
}

.modal-colse {
  position: absolute;
  top: -15px;
  right: -15px;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #00c2e3;
  border-radius: 100%;
  cursor: pointer;
  transition: box-shadow 0.2s;
}

.modal-colse::after {
  position: relative;
  top: 50%;
  display: block;
  text-align: center;
  font-family: FontAwesome;
  color: #fff;
  content: "\F00D";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.modal-colse:hover,
.modal-colse:focus {
  box-shadow: 0 0 20px #5937a8;
}

.modal--login .tab-pane {
  min-height: auto;
}

.modal--login .tab-content {
  padding-top: 25px;
}

.nav-tabs {
  border-bottom: 1px solid #000;
}

.nav-tabs li.active a {
  color: #000;
  background: transparent;
  border-color: transparent;
}

.nav-tabs li.active a::before {
  position: relative;
  display: block;
  width: 0;
  height: 2px;
  margin: 0 auto;
  content: "";
  background: #5937a8;
  transition: width 0.2s;
}

.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus {
  color: #000;
  background: transparent;
  border-color: transparent;
}

.nav-tabs li.active a::before {
  width: 100%;
}

.nav-tabs li a {
  color: #000;
  font-weight: bold;
}

.nav-tabs li a::before {
  position: relative;
  display: block;
  width: 0;
  height: 2px;
  margin: 0 auto;
  content: "";
  background: #5937a8;
  transition: width 0.2s;
}

.nav-tabs li a:hover,
.nav-tabs li a:focus,
.nav-tabs li a.active {
  background: transparent;
  border-color: transparent;
}

.nav-tabs li a:hover::before,
.nav-tabs li a:focus::before,
.nav-tabs li a.active::before {
  width: 100%;
}

.nav-tabs li a {
  color: #000;
  font-weight: bold;
}

.nav-tabs li a::after {
  position: relative;
  display: block;
  width: 0;
  height: 2px;
  margin: 0 auto;
  content: "";
  background: #5937a8;
  transition: width 0.2s;
}

.nav-tabs li a:hover,
.nav-tabs li a:focus,
.nav-tabs li a.active {
  background: transparent;
  border-color: transparent;
}

.nav-tabs li a:hover::after,
.nav-tabs li a:focus::after,
.nav-tabs li a.active::after {
  width: 100%;
}

.tab-content {
  padding: 0 15px;
}

.tab-pane {
  min-height: 471px;
}

.tab-pane .section-title {
  font-size: 30px;
  margin-bottom: 25px;
}

.tab-pane .book {
  width: 260px;
}

.tab-pane .book::before {
  width: 260px;
}

.tab-pane .button {
  font-size: 14px;
}

.table {
  overflow-x: scroll;
  margin-bottom: 0;
}

.table table {
  width: 100%;
}

.table table thead {
  border-bottom: 1px solid #000;
}

.table table thead td {
  padding: 5px 10px;
  color: #000;
  font-weight: 600;
}

.table table tbody {
  padding: 10px 0;
}

.table table tbody td {
  width: auto;
  padding: 10px;
  font-weight: 500;
  color: #000;
}

.table table tbody td .button--secondary {
  font-size: 12px;
}

.filter-list {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
}

.filter-item {
  display: inline-block;
  padding: 30px 10px 5px;
  cursor: pointer;
}

.filter-item:hover,
.filter-item:focus,
.filter-item.active {
  background: linear-gradient(to right bottom, #00c2e3 0%, #5937a8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#00c2e3, endColorstr=#5937a8);
}

.slick-arrow {
  display: block;
  width: 60px;
  height: 60px;
  border: 1px solid #bbb;
  -webkit-transform: rotate(45deg) translate(0, -50%);
          transform: rotate(45deg) translate(0, -50%);
  cursor: pointer;
}

@media (max-width: 1024px) {
  .slick-arrow {
    display: none !important;
  }
}

.slick-prev {
  top: 40%;
  left: -50px;
  border-top: none;
  border-right: none;
}

.slick-next {
  top: 40%;
  right: -8px;
  border-bottom: none;
  border-left: none;
}

.slideshow {
  margin-top: 60px;
  visibility: hidden;
}

.slick-initialized {
  visibility: visible;
}

.slideshow-slide {
  padding: 0 70px;
}

@media (max-width: 767px) {
  .slideshow-slide {
    padding: 0;
  }
}

.slideshow-image img {
  margin: 0 auto 25px;
}

.slideshow-content {
  text-align: left;
  font-size: 16px;
  line-height: normal;
}

.customer-image {
  display: block;
  width: 70px;
  height: 70px;
  margin: 0 auto 15px;
  background: #eee;
  border-radius: 100%;
}

.customer-image img {
  width: 100%;
  height: auto;
}

.customer-name {
  margin-bottom: 5px;
  text-align: left;
  font-weight: bold;
  font-size: 22px;
  font-family: "Myriad Pro", sans-serif;
}

.customer-proffesion {
  margin-bottom: 15px;
  font-weight: normal;
  font-size: 16px;
  font-family: "Myriad Pro", sans-serif;
  color: #999;
}

.pagination {
  display: flex;
  justify-content: center;
}

@media (max-width: 1024px) {
  .pagination {
    margin-top: 0;
  }
}

.paginationLink {
  position: relative;
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 30px;
  text-decoration: none;
  text-transform: uppercase;
}

.paginationLink:last-child {
  margin-right: 0;
}

.paginationLink::before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #000;
  border-radius: 28px;
  content: "";
  -webkit-transform: translate(-4px, -4px);
          transform: translate(-4px, -4px);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.paginationLink::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 28px;
  background: transparent;
  content: "";
  -webkit-transform: translate(2px, 2px);
          transform: translate(2px, 2px);
  transition: background 0.3s;
}

.paginationLink:hover,
.paginationLink:focus,
.paginationLink.active-page {
  text-decoration: none;
}

.paginationLink:hover::after,
.paginationLink:focus::after,
.paginationLink.active-page::after {
  background: #d8d8d8;
}

.paginationLink span {
  position: relative;
  display: block;
  z-index: 3;
  width: 40px;
  height: 40px;
  text-align: center;
  font-weight: bold;
  line-height: 40px;
  color: #000;
}

@media (max-width: 767px) {
  .paginationLink {
    width: 40px;
    height: 40px;
    margin-right: 5px;
  }

  .paginationLink span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

@media (max-width: 320px) {
  .paginationLink {
    margin-right: 1px;
  }
}

.section {
  padding: 0;
}

@media (max-width: 767px) {
  .section {
    padding: 45px 0;
  }
}

.section-title {
  max-width: 750px;
  margin: 0 auto 46px;
  font-size: 48px;
  font-family: "Myriad Pro", sans-serif;
}

@media (max-width: 1024px) {
  .section-title {
    width: 100%;
    font-size: 32px;
  }
}

.section-subtitle {
  margin: 0 0 15px;
  font-size: 18px;
  font-family: "Myriad Pro", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.section-content {
  width: 60%;
}

.section-content .section-title {
  width: 100%;
}

.section-lead {
  max-width: 700px;
  margin: 0 auto 40px;
  text-align: center;
}

.navbar-nav {
  z-index: 2;
  align-items: center;
}

@media (max-width: 1023px) {
  .navbar-nav .dropdown-menu {
    border: none;
  }
}

.navbar-nav .button--primary,
.navbar-nav .button--secondary {
  margin-bottom: 0;
}

.navbar-nav--primary .dropdown-menu .nav-link {
  color: #333;
}

@media (max-width: 767px) {
  .navbar-nav--primary .dropdown-menu {
    border: none;
  }
}

.navbar-nav--primary .nav-link {
  text-transform: none;
  position: relative;
  color: #000;
  transition: color 0.2s;
}

@media (max-width: 1023px) {
  .navbar-nav--primary .nav-link {
    color: #333;
  }
}

.navbar-nav--primary .nav-link.active,
.navbar-nav--primary .nav-link:hover,
.navbar-nav--primary .nav-link:focus {
  color: #00c2e3;
}

.navbar-nav--secondary .dropdown-menu .nav-link {
  color: #333;
}

.navbar-nav--secondary .nav-link {
  position: relative;
  color: #333;
  transition: color 0.2s;
}

.navbar-nav--secondary .nav-link.active,
.navbar-nav--secondary .nav-link:hover,
.navbar-nav--secondary .nav-link:focus {
  color: #5937a8;
}

.navbar-toggle {
  margin-top: 10px;
  padding-top: 20px;
  position: absolute;
  top: 50%;
  right: 60px;
  z-index: 21;
  padding: 9px 10px;
  margin: 0;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.navbar-toggle .icon-bar--middle {
  opacity: 0;
}

.navbar-toggle .icon-bar--first {
  top: 6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.navbar-toggle .icon-bar--second {
  top: -6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.navbar-toggle.is-closed .icon-bar--middle {
  opacity: 1;
}

.navbar-toggle.is-closed .icon-bar--first {
  top: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.navbar-toggle.is-closed .icon-bar--second {
  top: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.navbar-toggle.is-shown {
  position: fixed;
}

.navbar-toggle .icon-bar {
  position: relative;
  display: none;
  width: 22px;
  height: 2px;
  margin: 4px;
  border-radius: 1px;
  background: #000;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

@media (max-width: 1023px) {
  .navbar-toggle .icon-bar {
    display: block;
  }
}

@media (max-width: 1023px) {
  .navbar-toggle {
    margin-top: 10px;
    display: block;
    top: 10px;
    -webkit-transform: none;
            transform: none;
  }
}

@media (max-width: 1023px) {
  .navbar-toggle {
    right: 10px;
  }
}

.navbar-toggle--primary .icon-bar {
  background: #000;
}

.navbar-toggle--primary.is-shown .icon-bar {
  background: #000;
}

.navbar-collapse {
  justify-content: flex-end;
}

@media (max-width: 1023px) {
  .navbar-collapse {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20;
    align-items: flex-start;
    width: 270px;
    height: 100% !important;
    padding: 80px 40px !important;
    background: #fff;
    box-shadow: 0px 1px 5px #000;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .navbar-collapse.is-hidden {
    -webkit-transform: translateX(275px);
            transform: translateX(275px);
  }

  .navbar-collapse.is-visible {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.collapse:not(.show) {
  display: block;
}

.dropdown .nav-link--icon::before {
  color: inherit;
  width: 25px;
}

.navbar-brand img {
  width: 150px;
}

@media (max-width: 1022px) {
  .navbar-brand img {
    margin-left: 15px;
  }
}

@media (max-width: 1023px) {
  .navbar-expand-lg .navbar-nav {
    flex-direction: column;
  }
}

.nav-right {
  width: calc(100% - 300px);
  margin-left: auto;
}

.footer {
  overflow: hidden;
  position: relative;
  color: white;
  width: 100%;
  min-height: 281px;
  background-color: #6030af;
  padding: 30px 0 0;
}

.footer .footerContent--noWrap {
  white-space: nowrap;
}

.footer .footer--row {
  margin-bottom: 50px;
}

.footer .footerContent {
  display: inline-block;
  line-height: 30px;
  font-weight: 100;
}

.footer .logo {
  font-size: 20px;
  font-weight: 400;
  line-height: 60px;
}

.footer p {
  margin: 0;
}

.footer .contactInfo {
  margin-bottom: 10px;
}

.footer .contactInfo .contactInfo-Main {
  text-transform: uppercase;
  color: #e59285;
  font-size: 20px;
  font-weight: bold;
}

.footer .footerMain {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 60px;
}

.footer .contactInfo-Content {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

.footer .fa-phone {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.footer .footer-nav ul {
  margin: 0;
  padding: 5px 0;
  list-style-type: none;
}

.footer .footer-nav li {
  color: white;
  padding-bottom: 10px;
}

.footer .footer-nav a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
}

.footer-right {
  width: calc(100% - 300px);
  margin-left: auto;
}

.footerList {
  list-style: none;
  padding: 0;
  margin: 0;
}

.nav-link--icon {
  position: relative;
}

.nav-link--icon::before,
.nav-link--icon::after {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.nav-link--icon::after {
  position: absolute;
  top: 50%;
  right: 0;
  opacity: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.nav-link--icon::before,
.nav-link--icon::after {
  content: "\F192";
}

.sidebar {
  position: fixed;
  top: 0;
  z-index: 6;
  width: 300px;
  height: 100%;
  background-color: #333333;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  overflow-y: auto;
  padding-top: 80px;
  padding-bottom: 40px;
}

@media (max-width: 1023px) {
  .sidebar {
    overflow: auto;
  }
}

.sidebar .btn-primary,
.sidebar .btn-secondary {
  display: block;
  width: 100%;
  border-radius: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}

.sidebar.is-closed {
  -webkit-transform: translateX(-255px);
          transform: translateX(-255px);
}

.sidebar.is-closed .sidebar-title span {
  opacity: 0;
}

.sidebar.is-closed .sidebar-title::after {
  left: auto;
  right: -15px;
  width: 50px;
  text-align: center;
}

.sidebar.is-closed .btn-secondary {
  position: relative;
  border-radius: 0;
}

.sidebar.is-closed .btn-secondary::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\F0C5";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sidebar.is-closed .nav--sidebar .btn-primary {
  position: relative;
}

.sidebar.is-closed .nav--sidebar .btn-primary::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\F0C7";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sidebar.is-closed .nav--sidebar .nav-link--icon::after,
.sidebar.is-closed .nav--sidebar .btn-primary::after {
  opacity: 1;
}

.sidebar.is-opened {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.sidebar--templates {
  padding-right: 15px;
  padding-left: 15px;
}

.sidebar--templates.is-closed .customize {
  opacity: 0;
}

.nav--sidebar {
  margin-bottom: 25px;
}

.sidebar-header {
  padding: 0 15px;
}

.sidebar-title {
  position: relative;
  margin: 0 0 15px;
  color: #fff;
  font-size: 24px;
}

.sidebar-title::before,
.sidebar-title::after {
  position: absolute;
  z-index: -1;
  top: -30px;
  left: -13px;
  font-size: 64px;
  color: rgba(0, 194, 227, 0.6);
}

.sidebar-title--fillForm::before,
.sidebar-title--fillForm::after {
  content: "1";
}

.sidebar-title--choseTemplate::before,
.sidebar-title--choseTemplate::after {
  content: "2";
}

.sidebar-title--choseFont::before {
  content: "1";
}

.sidebar-title--choseColor::before {
  content: "2";
}

.sidebar-lead {
  color: #fff;
}

.nav--sidebar {
  margin-bottom: 25px;
}

.nav--sidebar .nav-link {
  padding-right: 50px;
  padding-left: 0;
  color: #fff;
  border-radius: 0;
  transition: background 0.2s;
}

.nav--sidebar .nav-link:hover {
  background: #00c2e3;
}

.nav--sidebar .nav-link.active {
  background: #5937a8;
}

.nav-link--personalInfo::before,
.nav-link--personalInfo::after {
  content: "\F007";
}

.nav-link--contact::before,
.nav-link--contact::after {
  content: "\F095";
}

.nav-link--education::before,
.nav-link--education::after {
  content: "\F19D";
}

.nav-link--courses::before,
.nav-link--courses::after {
  content: "\F02E";
}

.nav-link--language::before,
.nav-link--language::after {
  content: "\F0AC";
}

.nav-link--workExperience::before,
.nav-link--workExperience::after {
  content: "\F0B1";
}

.nav-link--skills::before,
.nav-link--skills::after {
  content: "\F085";
}

.nav-link--socialMedia::before,
.nav-link--socialMedia::after {
  content: "\F1E0";
}

.nav-link--account::before {
  content: "\F2BD";
}

.nav-link--profile::before {
  content: "\F406";
}

.nav-link--cv::before {
  content: "\F15C";
}

.nav-link--login::before {
  content: "\F2F6";
}

.nav-link--logout::before {
  content: "\F2F5";
}

.sidebar-toggle {
  display: none;
}

@media (max-width: 1023px) {
  .sidebar-toggle {
    position: absolute;
    top: 10px;
    right: 2px;
    display: block;
    height: 40px;
    width: 25px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    transition: all 1s ease;
    cursor: pointer;
  }
}

.toggle-btn {
  height: 2px;
  width: 25px;
  background-color: #fff;
  position: relative;
  top: 50%;
  left: 0;
  margin: auto;
  transition: all 0.3s ease-in-out;
}

.toggle-btn:before {
  content: "";
  height: 2px;
  width: 25px;
  box-shadow: 0 -10px 0 0 #fff;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}

.toggle-btn:after {
  content: "";
  height: 2px;
  width: 25px;
  box-shadow: 0 10px 0 0 #fff;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-in-out;
}

.active .toggle-btn {
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}

.active .toggle-btn:before {
  top: 0;
  transition: all 0.3s ease-in-out;
}

.active .toggle-btn:after {
  top: 0;
  transition: all 0.3s ease-in-out;
}

.active .type5 {
  background-color: #fff;
}

.active .type5:before {
  left: 2px;
  -webkit-transform: translateY(0) rotate(-40deg);
          transform: translateY(0) rotate(-40deg);
}

.active .type5:after {
  left: 2px;
  -webkit-transform: translateY(0) rotate(40deg);
          transform: translateY(0) rotate(40deg);
}

.color-holder p {
  color: #fff;
}

.hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: left;
  min-height: 1079px;
  margin-bottom: 60px;
  color: #5937a8;
  text-align: center;
  background-color: white;
  overflow: hidden;
}

.hero .hero-button--one {
  margin-right: 25px;
}

@media (max-width: 1024px) {
  .hero {
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .hero {
    padding: 50px 0;
    height: auto;
  }
}

.hero--home:after {
  display: block;
  position: absolute;
  right: -5%;
  top: 0;
  content: "";
  height: 988px;
  width: 50%;
  background-image: url("https://files.fieryx.com/cv_start/hero_after_two.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 1024px) {
  .hero--home:after {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .hero--home {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .hero--home .hero-title {
    text-align: center;
  }
}

.hero-content {
  margin-bottom: 200px;
  position: relative;
  z-index: 2;
  padding-right: 500px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  align-items: center;
  justify-content: left;
}

@media (max-width: 991px) {
  .hero-content {
    padding-right: 300px;
  }
}

.hero-content p {
  margin-top: 20px;
  margin-bottom: 40px;
  font-weight: 400;
  line-height: 23px;
  font-weight: 700;
}

.hero-title {
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
  margin: 0;
  text-align: left;
}

@media (max-width: 767px) {
  .hero-title {
    margin-bottom: 20px;
    font-size: 50px;
  }

  .hero-title .hero-content {
    flex-direction: column;
  }
}

.hero--about {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 450px;
  background-image: url("https://files.fieryx.com/cv_start/hero_tertiary.png");
}

.hero--about .hero-content p,
.hero--about .hero-content h1,
.hero--about .hero-content {
  margin: 0;
  text-align: left;
}

.heroTitle--other {
  color: white;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}

@media (max-width: 767px) {
  .heroTitle--other {
    font-size: 50px;
  }
}

.hero--contact p,
.hero--about p {
  color: white;
}

.hero--contact {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 450px;
  background-image: url("https://files.fieryx.com/cv_start/hero_secondary.png");
}

.hero--contact .hero-content p,
.hero--contact .hero-content h1,
.hero--contact .hero-content {
  margin: 0;
  text-align: left;
}

.hero--profile {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 450px;
  background-image: url("https://files.fieryx.com/cv_start/hero_secondary.png");
}

.hero--profile .hero-content p,
.hero--profile .hero-content h1,
.hero--profile .hero-content {
  margin: 0;
  text-align: left;
}

.hero--forPass {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 350px;
  background-image: url("https://files.fieryx.com/cv_start/hero_tertiary.png");
}

.hero--forPass .hero-content,
.hero--forPass h1 {
  margin: 0;
}

.hero--loggedIn {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  margin-bottom: 0;
  background-image: linear-gradient(180deg, #1d1d1d 0%, #0f0f0f 100%);
}

.hero--loggedIn .hero-content p,
.hero--loggedIn .hero-content h1,
.hero--loggedIn .hero-content {
  margin: 0;
  text-align: left;
}

.hero--contact .hero-content h1,
.hero--about .hero-content h1 {
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .hero--contact .hero-content p,
  .hero--contact .hero-content h1,
  .hero--contact .hero-content,
  .hero--about .hero-content p,
  .hero--about .hero-content h1,
  .hero--about .hero-content {
    text-align: center;
  }
}

.hero-title--logged {
  color: white;
  font-size: 60px !important;
}

.aboutSection {
  margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
  .sectionTitle,
  .sectionComment {
    text-align: center;
  }
}

.contact--section {
  min-height: 500px;
  width: 100%;
}

.contact--section .contactMail {
  text-align: left;
  width: 50%;
}

.contact--section .contactInfo {
  padding-left: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  color: black;
  background-color: #fff;
  min-height: 90%;
  width: 450px;
}

.contact--section .contactInfo .contactInfo--row {
  margin-bottom: 30px;
}

.contact--section .contactInfo .footerContent {
  display: inline;
  line-height: 30px;
}

.contact--section .contactInfo .fa-phone {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.contact--section .contactInfo .sectionTitle {
  margin: 30px 0;
}

.contact--section .contactInfo a {
  color: black;
}

.contact--section .contactDisplay {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact--section .contact--container {
  position: relative;
  display: flex;
  flex-direction: column;
}

.contact--section .contactTabs {
  border-bottom: 1px solid #000;
  text-align: center;
  margin-bottom: 50px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-evenly;
}

.contact--section .contactTabs button {
  color: black;
  font-size: 30px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.contact--section .contact--hide {
  display: none;
}

.contact--section .contact--show {
  display: block;
}

.contact--section .contactTab {
  position: relative;
}

.contact--section .contactTab::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 0;
  bottom: 0;
  transition: 0.3s;
  right: 50%;
  background-color: #5937a8;
}

.contact--section .contactTab::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 0;
  bottom: 0;
  transition: 0.3s;
  left: 50%;
  background-color: #5937a8;
}

.contact--section .contactTab:hover::after,
.contact--section .contactTab:hover::before,
.contact--section .contactTab:active::after,
.contact--section .contactTab:active::before,
.contact--section .contactTab:focus::after,
.contact--section .contactTab:focus::before {
  width: 100%;
}

.contact--section .tabActive::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  transition: 0.3s;
  right: 50%;
  background-color: #5937a8;
}

.contact--section .tabActive::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  bottom: 0;
  transition: 0.3s;
  left: 50%;
  background-color: #5937a8;
}

@media only screen and (max-width: 768px) {
  .contact--section .nav-item {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1024px) {
  .hero--contact .hero-content {
    padding-right: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .hero--contact .hero-content,
  .hero--about .hero-content {
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0;
  }

  .hero--contact .hero-content .heroTitle--other,
  .hero--about .hero-content .heroTitle--other {
    text-align: center;
  }

  .hero--home .hero-content {
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0;
  }

  .hero--home .hero-content .heroTitle--other {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .contactMail {
    width: 100%;
  }

  .contactMail .contact--show {
    width: 100%;
    padding: 0 10px;
  }
}

.green-side .button-part {
  margin-top: 50px;
}

.green-side label {
  margin-right: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  width: 400px;
}

@media (max-width: 767px) {
  .green-side label {
    font-size: 16px;
  }
}

.login--container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .login--container h2 {
    font-size: 30px;
  }
}

.login--section {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loginInfo {
  width: 50%;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .loginInfo {
    width: 100%;
  }
}

.active {
  border-color: #F89B1F;
  color: #58595b;
}

section .add-bcg-color h2 {
  margin: 0;
}

.wrapper-flex {
  padding: 90px 0;
  background-color: #ffffff;
  min-height: 765px;
  border-bottom: none !important;
  color: gray;
  padding-bottom: 15px;
  border-bottom: 1px solid gray;
}

.wrapper-flex .border-bnt {
  text-align: left;
  margin-bottom: 0;
}

.wrapper-flex .nav-tabs {
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: center;
  padding: 30px;
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Helvetica", sans-serif !important;
}

.wrapper-flex .nav-tabs .nav-link {
  padding: 0 20px 0 0;
  color: #ccc;
  border-color: transparent;
}

.wrapper-flex .nav-tabs .nav-item.show .nav-link,
.wrapper-flex .nav-tabs .nav-link.active {
  border-color: transparent;
  color: #000;
}

.cv-steps {
  color: #e6e7e8;
}

.cv-steps .cv-step-one {
  margin-top: 5px;
}

.cv-steps .cv-step-one .image-first-bck {
  background-image: url("https://i.imgur.com/UNDzjCl.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  height: 95px;
  margin-bottom: 25px;
}

.cv-steps .cv-step-two {
  width: 75%;
}

.cv-steps .cv-step-two .image-second-bck {
  background-image: url("https://i.imgur.com/monPOIw.png");
  background-size: 85%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 107px;
  margin-bottom: 18px;
}

.cv-steps .cv-step-three h4 {
  margin-bottom: 29px;
}

.cv-steps .cv-step-three .image-third-bck {
  background-image: url("https://i.imgur.com/3nH2lw2.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 90px;
  margin-bottom: 35px;
}

.cv-steps .cv-step-one a,
.cv-steps .cv-step-two a,
.cv-steps .cv-step-three a {
  text-decoration: none;
  color: #EBEBEB;
}

.cv-step-one:hover .image-first-bck {
  background-image: url("https://i.imgur.com/1UdnE6q.png");
}

.cv-step-two:hover .image-second-bck {
  background-image: url("https://i.imgur.com/rxXjjYP.png");
}

.cv-step-three:hover .image-third-bck {
  background-image: url("https://i.imgur.com/SuWHSFe.png");
}

.my-cv,
.my-orders,
.my-profile {
  background-color: #fff;
  padding: 60px 0;
  border: 1px solid transparent;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.modal-header {
  border-bottom: transparent;
}

.body-mdl {
  padding: 40px;
  font-family: "Helvetica", sans-serif!important;
}

.body-mdl .modal-img .arrow-poly {
  width: 15%;
  margin-bottom: 15px;
}

.body-mdl .modal-img span {
  color: gray;
  font-size: 16px;
}

.body-mdl .modal-img .regular-text {
  color: gray;
  font-size: 14px;
  padding: 10px 15px;
  margin-bottom: 20px;
}

.body-mdl .modal-img .modal-headline {
  color: gray;
  font-weight: 200;
  text-transform: none;
  font-size: 30px;
  border-bottom: 1px solid gray;
  padding-bottom: 5px;
  margin-bottom: 40px;
}

.body-mdl .modal-img .modal-headline:before {
  left: -50px;
  top: -25px;
}

.body-mdl .modal-img .wrap-image {
  margin-bottom: 40px;
}

.body-mdl .modal-img .wrap-image .border-img {
  border: 1px solid #1BB1FE;
  width: 150px;
  margin: 0 auto;
  transition: all 0.3s;
}

.body-mdl .modal-img .wrap-image .border-img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.body-mdl .modal-img .wrap-image .border-img a img {
  width: 100%;
  margin-bottom: 0;
  opacity: 1;
}

.body-mdl .modal-img .wrap-image .overlay {
  position: absolute;
  margin: 0 auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 212px;
  width: 150px;
  transition: 0.5s ease;
}

.body-mdl .modal-img .wrap-image .overlay .text-overlay {
  position: absolute;
  font-size: 15px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
}

.body-mdl .modal-img .wrap-image .overlay:hover {
  opacity: 1;
  background: rgba(27, 177, 254, 0.6);
}

.body-mdl .modal-img .wrap-image .overlay:hover .text-overlay {
  color: #fff;
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  cursor: pointer;
  opacity: 1;
}

.profile-background {
  height: 330px;
  padding-top: 190px;
}

.profile-background h3 {
  font-size: 47px;
}

.table {
  overflow-x: scroll;
}

.table td {
  color: #afadad;
}

.table td a {
  width: 100px;
  padding: 5px 10px;
  font-size: 14px;
  color: "Myriad Pro", sans-serif;
  text-decoration: none;
}

.table thead {
  border-bottom: 6px solid #e6e7e8;
}

.table thead td {
  font-weight: 500;
  color: #000;
  width: 10%;
}

.profile-section small {
  display: block;
  text-align: right;
  font-size: 12px;
}

.form-group {
  display: flex;
  align-items: unset;
  justify-content: left;
  flex-direction: column;
}

.form-group label {
  display: flex;
  align-items: unset;
  justify-content: left;
}

.profile-info input {
  background-color: #fff;
  font-size: 15px;
  border-color: #eee;
}

.profile-info input:focus {
  box-shadow: none;
  background-color: #fafafaed;
  border-color: #00FFDF;
}

.profile-info label {
  margin-bottom: 0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.profile-info .flex-helper {
  display: flex;
}

.profile-info .flex-helper .green-btn {
  margin-right: 15px;
}

.profile-info .flex-helper a {
  text-decoration: none;
  color: #000;
}

.subscription-info {
  width: 100%;
}

.subscription-info .cancel-btn {
  display: flex;
}

.subscription-info .cancel-btn a {
  text-decoration: none;
  color: #000;
  font-size: 16px;
  color: #fff;
}

.subscription-info input {
  background-color: #fff;
  font-size: 15px;
  border-color: #eee;
}

.subscription-info input:hover {
  cursor: not-allowed;
}

.subscription-info input:focus {
  box-shadow: none;
  background-color: #fafafaed;
  border-color: #F89B1F;
}

.subscription-info label {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.gradient-customers {
  background-color: #fafafaed;
}

.gradient-customers .white {
  text-align: center;
  color: #1BB1FE;
  font-size: 35px;
  margin-bottom: 20px;
}

.arrow-poly {
  background-color: #e6e7e8;
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

.arrow-poly span {
  line-height: 2.5;
  color: #6d6e71;
  padding-left: 20px;
}

.arrow-poly-done {
  background: linear-gradient(to right bottom, #1BB1FE 0%, #A5FFCB 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1BB1FE, endColorstr=#A5FFCB);
}

.arrow-poly-done span {
  color: white;
}

.step h4 {
  color: grey;
}

.step p {
  color: grey;
}

.step a {
  display: inline-block;
  padding: 4px 14px;
  margin-left: auto;
  background-color: #e6e7e8;
  border-radius: 12px;
  transition: all 0.3s;
}

.step a:hover {
  background: linear-gradient(to right bottom, #1BB1FE 0%, #A5FFCB 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1BB1FE, endColorstr=#A5FFCB);
  color: white;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .profile--section .nav-item {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .editButtons-flex {
    display: flex;
    text-align: center;
    flex-direction: column;
  }
}

.form-control {
  font-weight: 300;
}

.form-group label {
  font-weight: bold;
}

.vidane-zadaj-klasu {
  background-color: #fff;
  padding: 60px 80px;
  border: 1px solid #eee;
  border-radius: 5px;
  border-top-left-radius: 0;
}

.add-remove {
  text-align: right;
}

.add-remove button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
}

.add-remove button i {
  color: #afadad;
}

.add-remove button .fa-trash-alt {
  transition: all 0.3s;
}

.add-remove button .fa-trash-alt:hover {
  color: red;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.add-remove button .fa-plus-circle {
  transition: all 0.3s;
}

.add-remove button .fa-plus-circle:hover {
  color: yellowgreen;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.cv-form {
  padding: 90px 0;
  background-color: #fafafaed;
  min-height: 700px;
}

.color {
  background-color: #fff;
}

.color i {
  color: gray;
}

.tab-navigation {
  padding-right: 0;
}

.top-bar {
  margin-top: 200px;
}

.color {
  width: 100%;
  height: 100%;
}

.btns {
  text-align: right;
  margin: 15px;
  position: fixed;
  bottom: 0px;
  right: 10px;
}

.btns button {
  font-size: 17px;
  margin-right: 10px;
}

.wrap-input {
  padding-top: 9px;
}

.education-2 {
  margin-top: 50px;
}

.info-user {
  margin-bottom: 15px;
}

.info-user .name {
  padding-top: 5px;
  padding-left: 15px;
}

.info-user textarea {
  border-radius: 5px;
  padding-left: 10px;
  width: 100%;
  font-size: 13px;
  border-color: #eee;
  background-color: transparent;
  outline: none;
}

.info-user textarea:focus {
  box-shadow: none;
  background-color: #fafafaed;
  border-color: #00c2e3;
}

.info-user textarea::-webkit-input-placeholder {
  color: #8d8d8d;
}

.info-user textarea::-moz-placeholder {
  color: #8d8d8d;
}

.info-user textarea:-ms-input-placeholder {
  color: #8d8d8d;
}

.info-user textarea::-ms-input-placeholder {
  color: #8d8d8d;
}

.info-user textarea::placeholder {
  color: #8d8d8d;
}

.info-user label {
  font-size: 14px;
  color: #8e8c8c;
  font-weight: 600;
  margin: 0;
  text-align: left;
}

.info-user input {
  font-size: 15px;
  background-color: transparent;
  border-color: #eee;
  padding-left: 10px;
}

.info-user input:focus {
  box-shadow: none;
  border-color: #00c2e3;
  background-color: #fafafaed;
}

.info-user input::-webkit-input-placeholder {
  color: #8d8d8d;
}

.info-user input::-moz-placeholder {
  color: #8d8d8d;
}

.info-user input:-ms-input-placeholder {
  color: #8d8d8d;
}

.info-user input::-ms-input-placeholder {
  color: #8d8d8d;
}

.info-user input::placeholder {
  color: #8d8d8d;
}

.rb-box {
  width: 100%;
  padding: 10px;
}

.question {
  font-size: 12px;
}

.rb {
  display: flex;
  justify-content: space-between;
  padding: 22px 0;
  text-align: center;
}

.rb-tab {
  display: inline-block;
  position: relative;
  width: 20%;
}

.rb-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 11px;
  color: #000;
}

.rb-spot {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #e6e7e8;
  border-radius: 100%;
  cursor: pointer;
  transition: ease 0.5s;
}

.rb-tab-active .rb-spot {
  background: #00FFDF;
  color: #000;
}

.p-image {
  display: none;
}

.file-img {
  padding: 3px 15px;
  border-radius: 50px;
  transition: all 0.4s;
}

.file-img:hover {
  cursor: pointer;
}

.image-icon {
  display: inline-block;
  margin-right: 35px;
}

.image-icon i {
  font-size: 100px;
}

.image-icon img {
  border-radius: 200px;
}

.mainwrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mainwrap .image-warp p {
  margin-bottom: 0;
}

.mainwrap .label-wrap label {
  margin-bottom: 0;
}

.mainwrap .label-wrap input {
  display: none;
}

.fill-in-doc-pg {
  position: relative;
}

.fill-in-doc-pg .container-fluid {
  padding: 0;
  margin: 0;
}

.fill-in-doc-pg .container-fluid .row-custom-made {
  content: " ";
  clear: both;
  display: table;
  width: 100%;
  height: 100vh;
}

.fill-in-doc-pg .container-fluid .row-custom-made .col-10-a {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #ffffff;
  height: 100%;
}

.fill-in-doc-pg .container-fluid .row-custom-made .col-10-a ul {
  line-height: 60px;
}

.fill-in-doc-pg .container-fluid .row-custom-made .vertical-text {
  display: none;
}

.page-right {
  color: #000000;
  width: 100%;
}

.page-right .tips {
  margin: 30px 0;
}

.page-right .tips h3 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 34px;
  margin: 0;
  color: #000;
}

.page-right .tips p {
  display: inline-block;
  font-size: 14px;
  color: #CACACA;
  margin: 30px 0 0;
}

.page-right .tips p span {
  text-transform: uppercase;
  margin-right: 20px;
}

.page-right .tips img {
  vertical-align: top;
}

.page-right .tips i {
  font-size: 30px;
  margin-right: 10px;
  color: #000;
}

@media (max-width: 1200px) {
  .data-form-section {
    padding-left: 50px;
  }
}

.data-form-right {
  width: calc(100% - 300px);
  margin-left: auto;
}

@media (max-width: 991.98px) {
  .fill-in-doc-pg .container-fluid .row-custom-made .page-left-lg .save-btn {
    display: none;
  }

  .fill-in-doc-pg .container-fluid .row-custom-made .wrap {
    height: 150px;
  }

  .fill-in-doc-pg .container-fluid .row-custom-made .wrap .logo {
    display: none;
  }

  .fill-in-doc-pg .container-fluid .row-custom-made .wrap .header-remove {
    display: none !important;
  }

  .fill-in-doc-pg .container-fluid .row-custom-made .vertical-text {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-weight: 900;
    display: block;
  }

  .fill-in-doc-pg .container-fluid .row-custom-made .vertical-text .p-1 {
    width: 300px;
    margin-top: 70px;
  }

  .fill-in-doc-pg .container-fluid .row-custom-made .vertical-text .p-2 {
    width: 300px;
    margin-top: 300px;
  }

  .fill-in-doc-pg .container-fluid .row-custom-made .col-2-a {
    z-index: 1;
    width: 60px;
  }

  .fill-in-doc-pg .container-fluid .row-custom-made .col-2-a .span-text {
    display: none;
  }

  .fill-in-doc-pg .container-fluid .row-custom-made .col-10-templates {
    width: 100%;
    padding-left: 50px;
  }

  .arrow {
    display: inline-block;
  }

  .page-left-lg img {
    margin-left: 15px;
  }

  .page-left-lg i {
    margin: 0;
  }
}

@media (max-width: 768px) {
  .fill-in-doc-pg .page-right {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }

  .fill-in-doc-pg .page-right .tips h3 {
    font-size: 20px;
  }

  .fill-in-doc-pg .page-right .tips i {
    font-size: 25px;
  }
}

.reset-passowrd-section {
  padding: 120px 0;
}

@media (max-width: 767px) {
  .reset-passowrd-section {
    padding: 45px 0;
  }
}

.data-form-wrapper {
  margin: 75px 0;
}

.personal-info-right {
  width: calc(100% - 300px);
  margin-left: auto;
}

.templateCarousel--section .carousel-item img {
  display: block;
  margin: auto;
}

.fa-chevron-right,
.fa-chevron-left {
  color: #5937a8;
  font-weight: 900;
  font-size: 50px;
}

.carousel-indicators {
  height: 5px;
}

.carousel-indicators li {
  height: 100%;
  cursor: pointer;
  background-color: #5937a8;
}

.carousel-indicators li.active {
  background-color: #00c2e3;
}

@media only screen and (max-width: 767px) {
  .carousel-item {
    padding: 50px;
  }
}

.templateWrap {
  overflow-x: auto;
}

.templateWrap-right {
  width: calc(100% - 300px);
  margin-left: auto;
}

.steps--section {
  padding: 0 !important;
}

.serviceCard {
  text-align: center;
}

.serviceCard--row {
  margin: 100px 0;
}

.serviceCard-title {
  color: black;
  position: relative;
  font-size: 28px;
  font-weight: 700;
  line-height: 60px;
}

.serviceCard-title:before {
  content: "";
  margin: 20px auto;
  display: block;
  width: 140px;
  height: 139px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.serviceCard-info {
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}

.serviceCard-title--one:before {
  background-image: url("https://files.fieryx.com/cv_start/asset_2.png");
}

.serviceCard-title--two:before {
  background-image: url("https://files.fieryx.com/cv_start/asset_3.png");
}

.serviceCard-title--three:before {
  background-image: url("https://files.fieryx.com/cv_start/asset_1.png");
}

.pricing-title {
  color: #767676;
  margin-bottom: 30px;
}

.pricingBox {
  position: relative;
  width: fit-content;
  color: white;
  margin-bottom: 50px;
  text-align: center;
  height: auto;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.16);
  background-color: #fff;
}

.pricingBox-price {    
  padding-left: 45px;
  width: 280px;    
  height: 280px;
  color: white;    
  display: flex;
  text-align: center;    
  justify-content: center;
  align-items: center;
}

.pricingBox-price p {
  font-size: 28px;
  font-weight: 700;
}

.pricingBox-price p span {
  font-size: 90px;
  font-weight: 700;
  line-height: 60px;
}

.pricing {
  margin-bottom: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.section--pricing {
  overflow: hidden;
  position: relative;
}

.section--pricing::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  background-color: #FBFBFB;
  width: 1200px;
  height: 1000px;
  -webkit-transform: translate(20%, 30%);
          transform: translate(20%, 30%);
  -webkit-animation: morph 8s ease-in-out infinite;
          animation: morph 8s ease-in-out infinite;
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  transition: all 2s ease-in-out;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

.section--pricing::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  background-color: #FBFBFB;
  width: 980px;
  height: 870px;
  -webkit-transform: translate(-60%, 20%);
          transform: translate(-60%, 20%);
  -webkit-animation: morph 8s ease-in-out infinite;
          animation: morph 8s ease-in-out infinite;
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  transition: all 2s ease-in-out;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

.customerProfile--wrapper {
  position: relative;
}

.customerProfile--wrapper--one::before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

.customerProfile--wrapper--two::before {
  -webkit-animation-delay: -1.5s;
          animation-delay: -1.5s;
}

.customerProfile--wrapper::before {
  z-index: 0;
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  background-color: #6939B9;
  width: 95px;
  height: 90px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: morph 8s ease-in-out infinite;
          animation: morph 8s ease-in-out infinite;
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
  transition: all 3s ease-in-out;
}

.customerProfile--wrapper img {
  z-index: 1;
}

.pricingInfo {
  margin: 0 0 50px 0;
  padding: 10px 50px;
  background-color: #5937a8;
}

.pricingInfo-price {
  position: relative;
  display: inline;
  margin-bottom: 0;
}

.pricingInfo-price sup {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 900;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
}

.pricingInfo-price::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline;
  bottom: 0;
  right: 0;
  -webkit-transform: translate(100%, -100%);
          transform: translate(100%, -100%);
}

.customer--section {
  position: relative;
  color: white;
  width: 100%;
  min-height: 599px;
  background-color: #6939b9;
}

.customerCard {
  position: relative;
  color: black;
  border: 1px solid #eee;
  margin-bottom: 50px;
  background-color: white;
  width: 348px;
  height: 311px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
  border-radius: 29px;
  text-align: center;
  padding: 30px 10px;
}

.customer--container {
  display: flex;
  justify-content: center;
}

.customerProfile {
  position: relative;
}

.customerProfile .customerProfile-image {
  display: block;
  z-index: 2;
}

.customerProfile-border {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url("https://files.fieryx.com/cv_start/price_after.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}

.customerName {
  padding-top: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.customerTitle {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: #bdbdbd;
}

.customerInfo {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  justify-content: flex-start;
}

.customerInfo-text {
  margin-left: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
}

.customerComment {
  margin-top: 30px;
  position: relative;
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  line-height: 19px;
  padding: 0 30px;
  color: #bdbdbd;
}

.customerComment::before {
  position: absolute;
  font-size: 25px;
  left: 5%;
  font-weight: 900;
  content: "\F10D";
  top: -10%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  font-family: "Font Awesome 5 Free";
  color: #6939b9;
}

.sectionTitle {
  font-size: 38px;
  font-weight: 700;
  line-height: 60px;
}

.sectionTitle--middle {
  text-align: center;
}

.sectionTitle--left {
  text-align: left;
}

.sectionOne--row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 200px;
}

.sectionOne--row h1,
.sectionOne--row p {
  margin: 0;
}

.sectionOne--row .sectionOne-title {
  margin: 50px 0;
}

@media only screen and (max-width: 767px) {
  .sectionOne--row {
    margin-bottom: 100px;
  }
}

.section--text {
  color: #767676;
}

@media only screen and (max-width: 1440px) {
  .hero--home::after {
    right: -15%;
  }
}

@media only screen and (max-width: 1024px) {
  .hero--home::after {
    right: -35%;
  }
}

@media only screen and (max-width: 768px) {
  .hero--home {
    min-height: 900px;
  }

  .hero--home::after {
    display: none;
  }

  .hero--home .hero-content {
    margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  .sectionOne--row {
    text-align: center;
  }

  .section--pricing::after {
    -webkit-transform: translate(70%, 30%);
            transform: translate(70%, 30%);
  }
}

@media only screen and (max-width: 767px) {
  .hero--home {
    min-height: 600px;
  }

  .hero--home .hero-content h1 {
    font-size: 30px;
  }
}

.buble {    
  background: #6939B9;
  -webkit-animation: morph 8s ease-in-out infinite;    
  animation: morph 8s ease-in-out infinite;
  border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;    
  height: 230px;
  transition: all 1s ease-in-out;    
  width: 300px;
  margin-left: auto;    
  margin-right: auto;
  display: flex;    
  align-items: center;
  justify-content: center;    
  background-position: center center;
  background-repeat: no-repeat;    
  margin-bottom: 30px;
}

@-webkit-keyframes morph {
  0% {
    border-radius: 60% 40% 30% 70%/60% 50% 70% 40%;
  }

  50% {
    border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;
  }

  100% {
    border-radius: 60% 40% 30% 70%/60% 50% 70% 40%;
  }
}

@keyframes morph {
  0% {
    border-radius: 60% 40% 30% 70%/60% 50% 70% 40%;
  }

  50% {
    border-radius: 30% 60% 70% 40%/50% 60% 30% 60%;
  }

  100% {
    border-radius: 60% 40% 30% 70%/60% 50% 70% 40%;
  }
}

.contact-info-text h4 {
  color: #767676;
}

@media (max-width: 767px) {
  .contact-info-card {
    margin: 0 auto;
  }
}

.contact-info-card i {
  font-size: 45px;
  color: #6939b9;
}

.section-qoute {
  background-color: #6939b9;
}

.section-qoute h3 {
  color: #fff;
}

.cv--container h1 {
  text-align: center;
  margin-bottom: 50px;
}

.cv--container .cv-title {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .cv--container .button {
    margin-bottom: 50px;
  }
}

.cp--section form {
  padding: 0 150px;
}

@media only screen and (max-width: 778px) {
  .cp--section form {
    padding: 0;
  }
}

.passwordReset-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.passwordReset-wrapper h2 {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .form--wrapper,
  .form--wrapper label {
    width: 100%;
  }
}

.u-leftAlign {
  text-align: left;
}

.u-centerAlign {
  text-align: center;
}

.section {
  padding: 60px 0;
}

@media (max-width: 767px) {
  .section {
    padding: 20px 0;
  }
}

.section.row {
  margin-right: 0;
  margin-left: 0;
}

.section--pricing {
  padding: 0;
  min-height: 500px;
}

@media (max-width: 767px) {
  .section--pricing {
    min-height: 300px;
  }
}

.section--pricing .background {
  background-image: url("https://i.imgur.com/HbvhfeT.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .section--pricing .background {
    display: none;
  }
}

.section--pricing .contentWrap {
  display: flex;
  align-items: center;
  background: #333;
  color: #eee;
  padding-left: 100px;
}

@media (max-width: 767px) {
  .section--pricing .contentWrap {
    flex-direction: column;
    padding-left: 15px;
  }
}

.section--pricing ul {
  max-width: 390px;
  padding: 0;
  margin-bottom: 35px;
  list-style: none;
}

.section--pricing ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 15px;
}

.section--pricing ul li::before {
  position: absolute;
  left: 0;
  content: "\F0DA";
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
}

.section--info {
  padding: 0;
  min-height: 900px;
  background-image: url("https://i.imgur.com/eI7cBzw.jpg");
  background-position: right;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .section--info {
    background: none;
  }
}

.section--info .contentWrap {
  padding-top: 150px;
  padding-bottom: 150px;
}

@media (max-width: 767px) {
  .section--info .contentWrap {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}

.section--info ul {
  padding: 0;
  list-style: none;
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}

@media (max-width: 767px) {
  .section--info ul {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}

.section--info ul li {
  position: relative;
  margin-bottom: 25px;
  padding-left: 55px;
  line-height: 55px;
}

.section--info ul li::before {
  position: absolute;
  left: 0;
  width: 44px;
  height: 54px;
  content: "";
  background-image: url("https://i.imgur.com/NlUsZlY.png");
  background-size: 44px 54px;
}

.section--fillCv {
  padding: 80px 0;
}

.section--fillCv .section-title {
  margin: 0 0 60px;
}

.section--fillCv .col-sm-6 {
  padding: 0 15px;
}

@media (max-width: 1023px) {
  .section--fillCv .col-sm-6 {
    padding: 25px 15px;
  }
}

.add-remove {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.add-remove .add,
.add-remove .remove {
  border: 2px solid #6d6e71;
  color: #6d6e71;
  width: 15px;
  height: 15px;
  line-height: 12px;
  border-radius: 50%;
  margin: 3px 4px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 12px;
}

.add-remove .add:hover {
  color: blue;
  border: 2px solid blue;
}

.add-remove .remove:hover {
  color: deeppink;
  border: 2px solid deeppink;
}

.single-template {
  margin: 70px 0;
  border: 1px solid #e6e7e8;
  width: 690px;
  height: 977px;
  background-color: #fcfcfc;
  font-family: none;
}

.user-image {
  position: relative;
}

.user-image form {
  position: absolute;
  top: 15%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  width: 100%;
  opacity: 0.2;
  transition: all 0.3s;
}

.user-image form input[type=file] {
  display: none;
}

.user-image form .file,
.user-image form .file-sub {
  font-size: 14px;
  border: 1px solid white;
  display: inline-block;
  padding: 6px 20px;
  cursor: pointer;
  border-radius: 50px;
  color: white;
  background-color: rgba(0, 0, 0, 0.2);
  width: 180px;
}

.user-image form .file:focus,
.user-image form .file-sub:focus {
  outline: none;
}

.user-image form:hover {
  opacity: 1;
}

.single-template input {
  border: none;
  padding: 0;
}

.square-color .color-holder {
  display: flex;
  flex-wrap: wrap;
}

.square-color .color-holder p {
  width: 100%;
  margin-bottom: 3px;
}

.square-color .color-holder span {
  width: 20px;
  height: 20px;
  margin: 0 1px;
  cursor: pointer;
}

.color-template-1 .color-holder-1 .color-1 {
  background-color: #e6e7e8;
  border-radius: 3px;
  border: 1px solid white;
}

.color-template-1 .color-holder-1 .color-2 {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  border: 1px solid white;
}

.color-template-1 .color-holder-1 .color-3 {
  background-color: #6d6e71;
  border-radius: 3px;
  border: 1px solid white;
}

.color-template-1 .color-holder-2 .color-1 {
  background-color: #e6e7e8;
  border-radius: 3px;
  border: 1px solid white;
}

.color-template-1 .color-holder-2 .color-2 {
  background-color: #C7ECF8;
  border-radius: 3px;
  border: 1px solid white;
}

.color-template-1 .color-holder-2 .color-3 {
  background-color: #458CB0;
  border-radius: 3px;
  border: 1px solid white;
}

.color-template-1 .color-holder-3 .color-1 {
  background-color: rgba(238, 196, 94, 0.3);
  border-radius: 3px;
  border: 1px solid white;
}

.color-template-1 .color-holder-3 .color-2 {
  background-color: #EFC46C;
  border-radius: 3px;
  border: 1px solid white;
}

.color-template-1 .color-holder-3 .color-3 {
  background-color: #658E88;
  border-radius: 3px;
  border: 1px solid white;
}

.color-template-2 .color-holder-1 .color-1 {
  width: 60px;
  background-image: url("https://i.imgur.com/bgSFH5T.jpg");
  background-position: center;
  border: 1px solid white;
}

.color-template-2 .color-holder-1 .color-2 {
  display: none;
}

.color-template-2 .color-holder-1 .color-3 {
  display: none;
}

.color-template-2 .color-holder-2 .color-1 {
  width: 60px;
  background-image: url("https://i.imgur.com/88HFNCs.jpg");
  background-position: center;
  border: 1px solid white;
}

.color-template-2 .color-holder-2 .color-2 {
  display: none;
}

.color-template-2 .color-holder-2 .color-3 {
  display: none;
}

.color-template-2 .color-holder-3 .color-1 {
  width: 60px;
  background-image: url("https://i.imgur.com/HuWNc5u.jpg");
  background-position: center;
  border: 1px solid white;
}

.color-template-2 .color-holder-3 .color-2 {
  display: none;
}

.color-template-2 .color-holder-3 .color-3 {
  display: none;
}

.color-template-3 .color-holder-1 .color-1 {
  background-color: #FCDCCF;
  border: 1px solid white;
}

.color-template-3 .color-holder-1 .color-2 {
  background-color: #686964;
  border: 1px solid white;
}

.color-template-3 .color-holder-1 .color-3 {
  background-color: #BDD6D0;
  border: 1px solid white;
}

.color-template-3 .color-holder-2 .color-1 {
  background-color: #C7ECF8;
  border: 1px solid white;
}

.color-template-3 .color-holder-2 .color-2 {
  background-color: #77949F;
  border: 1px solid white;
}

.color-template-3 .color-holder-2 .color-3 {
  background-color: #F9D87A;
  border: 1px solid white;
}

.color-template-3 .color-holder-3 .color-1 {
  background-color: #EEA3A3;
  border: 1px solid white;
}

.color-template-3 .color-holder-3 .color-2 {
  background-color: #77949F;
  border: 1px solid white;
}

.color-template-3 .color-holder-3 .color-3 {
  background-color: #FEE3A0;
  border: 1px solid white;
}

.color-template-4 .color-holder-1 .color-1 {
  background-color: #97CED8;
  width: 60px;
  border: 1px solid white;
}

.color-template-4 .color-holder-1 .color-2 {
  display: none;
}

.color-template-4 .color-holder-1 .color-3 {
  display: none;
}

.color-template-4 .color-holder-2 .color-1 {
  background-color: #F0AB5D;
  width: 60px;
  border: 1px solid white;
}

.color-template-4 .color-holder-2 .color-2 {
  display: none;
}

.color-template-4 .color-holder-2 .color-3 {
  display: none;
}

.color-template-4 .color-holder-3 .color-1 {
  background-color: #FFC0CB;
  width: 60px;
  border: 1px solid white;
}

.color-template-4 .color-holder-3 .color-2 {
  display: none;
}

.color-template-4 .color-holder-3 .color-3 {
  display: none;
}

.color-template-5 .color-holder-1 .color-1 {
  width: 40px;
  background-image: url("https://i.imgur.com/bgSFH5T.jpg");
  background-position: center;
  border: 1px solid white;
}

.color-template-5 .color-holder-1 .color-2 {
  background-color: #ee5a24;
  border: 1px solid white;
}

.color-template-5 .color-holder-1 .color-3 {
  display: none;
}

.color-template-5 .color-holder-2 .color-1 {
  width: 40px;
  background-image: url("https://i.imgur.com/88HFNCs.jpg");
  background-position: center;
  border: 1px solid white;
}

.color-template-5 .color-holder-2 .color-2 {
  background-color: #24a0ee;
  border: 1px solid white;
}

.color-template-5 .color-holder-2 .color-3 {
  display: none;
}

.color-template-5 .color-holder-3 .color-1 {
  width: 40px;
  background-image: url("https://i.imgur.com/HuWNc5u.jpg");
  background-position: center;
  border: 1px solid white;
}

.color-template-5 .color-holder-3 .color-2 {
  background-color: #7524ee;
  border: 1px solid white;
}

.color-template-5 .color-holder-3 .color-3 {
  display: none;
}

.color-template-6 .color-holder-1 .color-1 {
  width: 30px;
  background-color: #6ab04c;
  border: 1px solid white;
}

.color-template-6 .color-holder-1 .color-2 {
  width: 30px;
  background-color: #badc58;
  border: 1px solid white;
}

.color-template-6 .color-holder-1 .color-3 {
  display: none;
}

.color-template-6 .color-holder-2 .color-1 {
  width: 30px;
  background-color: #b04c4c;
  border: 1px solid white;
}

.color-template-6 .color-holder-2 .color-2 {
  width: 30px;
  background-color: #dc5858;
  border: 1px solid white;
}

.color-template-6 .color-holder-2 .color-3 {
  display: none;
}

.color-template-6 .color-holder-3 .color-1 {
  width: 30px;
  background-color: #4c9cb0;
  border: 1px solid white;
}

.color-template-6 .color-holder-3 .color-2 {
  width: 30px;
  background-color: #58bbdc;
  border: 1px solid white;
}

.color-template-6 .color-holder-3 .color-3 {
  display: none;
}

.all-templates .col-xl-8 {
  height: 100%;
}

@media (max-width: 1200px) {
  .customize {
    padding: 0 20px;
    margin-bottom: 40px;
  }

  .all-templates .single-template {
    margin: 0 auto 60px;
  }
}

@media (max-width: 991.98px) {
  .customize {
    padding: 0 10px;
  }
}

@media (max-width: 575.98px) {
  .template-1,
  .template-2,
  .template-3,
  .template-4,
  .template-6,
  .template-7 {
    margin: 10px auto;
  }

  .fill-in-doc-pg .page-left-lg .p1 {
    margin-top: 270px !important;
  }

  .fill-in-doc-pg .page-left-lg .p2 {
    margin-top: 60px;
  }

  .fill-in-doc-pg .page-left-lg .customize {
    margin: 25px 15px 0;
    overflow-x: scroll;
    height: 530px;
  }

  .fill-in-doc-pg .page-left-lg .customize p {
    font-size: 14px;
  }

  .fill-in-doc-pg .page-left-lg h5 {
    margin-top: 0;
    padding-bottom: 10px;
  }

  .fill-in-doc-pg .page-left-lg .middle label {
    margin: 0;
  }

  .fill-in-doc-pg .page-left-lg .middle .box {
    width: 100px;
    margin-right: 5px;
    height: 30px;
    line-height: 30px;
  }

  .fill-in-doc-pg .page-left-lg .middle .box span {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  .fill-in-doc-pg .page-left-lg .color-template-1 .color-holder span,
  .fill-in-doc-pg .page-left-lg .color-template-3 .color-holder span,
  .fill-in-doc-pg .page-left-lg .color-template-6 .color-holder span,
  .fill-in-doc-pg .page-left-lg .color-template-7 .color-holder span {
    width: 16px;
    height: 16px;
    margin: 0 1px;
  }

  .fill-in-doc-pg .page-left-lg h4 {
    margin-bottom: 15px;
    font-family: "Helvetica", sans-serif !important;
  }

  .fill-in-doc-pg .page-left-lg .save-cv {
    padding-top: 0;
    margin-top: 20px;
  }

  .fill-in-doc-pg .page-left-lg .hide {
    font-family: "Helvetica", sans-serif !important;
  }
}

.template-1 {
  margin: 100px auto;
  border: 1px solid #e6e7e8;
  width: 690px;
  height: 977px;
  background-color: #fcfcfc;
}

.template-1 .template-wrapper {
  height: 100%;
}

.template-1 .template-wrapper .row {
  height: 100%;
}

.template-1 .left-info {
  background-color: #e6e7e8;
}

.template-1 .user-image {
  width: 160px;
  margin: 0 auto;
}

.template-1 .user-image img {
  border-radius: 50%;
  margin-top: 20px;
}

.template-1 .name {
  text-align: center;
  margin: 15px 0;
}

.template-1 .name h4,
.template-1 .name p {
  margin: 0;
}

.template-1 .contact-item,
.template-1 .social-media-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.template-1 .contact i,
.template-1 .social-media i {
  margin-right: 10px;
  font-size: 16px;
}

.template-1 .contact p,
.template-1 .social-media p {
  font-size: 12px;
  margin: 0;
}

.template-1 .social-media a {
  font-size: 12px;
  color: #58595b;
  text-decoration: none;
}

.template-1 .skills .skill {
  font-size: 12px;
  margin-bottom: 5px;
}

.template-1 .skills .skill p {
  margin: 0;
}

.template-1 .about p {
  margin: 0;
}

.template-1 .about,
.template-1 .languages {
  font-size: 12px;
}

.template-1 .right-info {
  padding-top: 15px;
}

.template-1 .right-info p {
  color: #000;
}

.template-1 .right-info .education-title,
.template-1 .right-info .job-title {
  margin-bottom: 5px;
  font-size: 14px;
  border: none;
  padding-left: 0;
  text-align: left;
}

.template-1 .right-info .job-duration,
.template-1 .right-info .school-duration {
  border: none;
  text-align: left;
  padding-left: 0;
  font-size: 12px;
}

.template-1 .right-info .job-description {
  text-align: left;
  font-size: 12px;
}

.template-1 .section-headline {
  text-transform: uppercase;
  font-size: 13px;
  color: #000;
  border-bottom: 1px solid #000;
}

.template-1 .contact,
.template-1 .about,
.template-1 .skills,
.template-1 .languages,
.template-1 .social-media,
.template-1 .experience,
.template-1 .education,
.template-1 .courses,
.template-1 .hobbies,
.template-1 .biography {
  margin-bottom: 15px;
}

.template-1 .experience-section {
  margin-bottom: 10px;
}

.template-1 .education-description {
  text-align: left;
  font-size: 12px;
}

.rating {
  display: flex;
  justify-content: space-between;
}

.rating span {
  color: #cccccc;
  font-size: 14px;
}

.rating .checked {
  color: #58595b;
}

.customize {
  text-align: left;
}

.customize h4 {
  font-size: 34px;
  font-family: "Helvetica", sans-serif !important;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.customize p {
  font-family: "Helvetica", sans-serif !important;
  font-size: 16px;
}

.customize .colors {
  margin-top: 30px;
  margin-bottom: 30px;
}

.customize .colors h5 {
  margin-bottom: 20px;
}

.customize .colors label {
  color: #6d6e71;
  margin-right: 20px;
  margin-bottom: 20px;
}

.customize .middle {
  margin-bottom: 25px;
}

.fonts h5 {
  margin-bottom: 20px;
}

.middle {
  width: 100%;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-family: "Helvetica", sans-serif !important;
}

.middle h1 {
  color: #fff;
}

.middle input[type=radio] {
  display: none;
}

.middle input[type=radio]:checked + .box {
  background-color: #414042;
}

.middle input[type=radio]:checked + .box span {
  color: white;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.middle input[type=radio]:checked + .box span:before {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

.middle .box {
  border-radius: 4px;
  width: 120px;
  height: 25px;
  background-color: #fff;
  transition: all 250ms ease;
  will-change: transition;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  font-size: 16px;
  margin-right: 5px;
}

.middle .box:active {
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.middle .box span {
  border-radius: 4px;
  border: 1px solid #e6e7e8;
  height: 25px;
  position: absolute;
  -webkit-transform: translate(0, 0px);
          transform: translate(0, 0px);
  left: 0;
  right: 0;
  transition: all 300ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #58595b;
  line-height: 25px;
  font-size: 16px;
}

.middle .box span:before {
  line-height: 25px;
  font-size: 16px;
  margin-right: 8px;
  display: inline-block;
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px);
  opacity: 0;
  transition: all 300ms ease-in-out;
  font-weight: normal;
  color: white;
}

.save-cv {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  margin-top: 30px;
}

.template-1-color-1 .section-headline {
  color: #458CB0;
  border-bottom: 1px solid #458CB0;
}

.template-1-color-1 .name {
  color: #458CB0;
}

.template-1-color-1 .left-info {
  background-color: #C7ECF8;
}

.template-1-color-2 .section-headline {
  color: #658E88;
  border-bottom: 1px solid #658E88;
}

.template-1-color-2 .name {
  color: #658E88;
}

.template-1-color-2 .template-1-contact {
  color: #658E88;
}

.template-1-color-2 .left-info {
  background-color: #EFC46C;
}

.fill-in-doc-pg .container-fluid .row-custom-made .templates-section .col-2-a {
  max-width: 390px;
  width: 100%;
}

.show-hide {
  display: none;
}

.show-hide-1 {
  display: none !important;
}

.col-10-templates {
  float: left;
  width: 100%;
  background-color: #ffffff;
  height: 100%;
  padding-left: 300px;
}

.col-10-templates .page-right-templates {
  padding-left: 10px;
}

.header-2 .navbar-expand-lg .navbar-nav {
  line-height: 70px;
}

@media (max-width: 1200px) {
  .fill-in-doc-pg .container-fluid .row-custom-made .templates-section .col-2-a {
    max-width: 280px;
  }

  .square-color .color-holder p {
    text-align: center;
  }

  .fill-in-doc-pg .page-left-lg h5 {
    text-align: center;
    font-family: "Helvetica", sans-serif !important;
  }

  .middle label {
    margin: 0 auto 0.5rem;
  }

  .square-color .color-holder {
    justify-content: center;
  }

  .save-cv {
    justify-content: center;
  }

  .col-10-templates {
    padding-left: 280px;
    width: 100%;
  }
}

@media (max-width: 991.98px) {
  .fill-in-doc-pg .container-fluid .row-custom-made .templates-section .col-2-a {
    max-width: 280px;
    width: 60px;
  }

  .hide {
    display: none;
    font-family: "Anton", sans-serif;
  }

  .show-hide {
    display: block;
    text-transform: uppercase;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    position: absolute;
    left: -120px;
    top: 170px;
    margin-top: 200px;
    width: 300px;
  }

  .page-left-lg .p1 {
    margin-top: 500px;
  }

  .col-10-templates {
    padding-left: 50px;
  }

  .col-10-templates .add-overflow {
    overflow: scroll;
    height: 977px;
    width: 660px;
    padding-right: 30px;
  }

  .col-10-templates .page-right-templates {
    padding-left: 30px;
  }
}

@media (max-width: 575.98px) {
  .col-10-templates .add-overflow {
    width: calc(100vw - 70px);
  }

  .col-10-templates .page-right-templates {
    padding-left: 20px;
  }
}

.template-2 {
  margin: 100px auto;
  border: 1px solid #e6e7e8;
  width: 690px;
  height: 977px;
  background-color: #fcfcfc;
}

.template-2 .template-wrapper {
  height: 100%;
}

.template-2 .template-wrapper .row {
  height: 100%;
}

.template-2 header {
  background-image: url("https://i.imgur.com/bgSFH5T.jpg");
  width: 100%;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
}

.template-2 header .user-info {
  color: #fff;
  padding-left: 40px;
}

.template-2 header .user-info h2 {
  margin: 30px 0 10px 0;
}

.template-2 header .user-info p {
  margin: 0;
}

.template-2 header .user-info .user-title {
  font-size: 20px;
  margin: -10px 0 5px 0;
}

.template-2 .content-wrapper {
  height: calc(100% - 150px);
}

.template-2 .right-info {
  background-color: #e6e7e8;
  padding-top: 60px;
}

.template-2 .user-image {
  position: relative;
  z-index: 1;
}

.template-2 .user-image img {
  border-radius: 50%;
  width: 180px;
  height: 180px;
  border: 8px solid #fff;
  margin-top: 20px;
}

.template-2 .section-headline {
  font-size: 13px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

.template-2 .experience p,
.template-2 .education p,
.template-2 .courses p,
.template-2 .biography p,
.template-2 .hobbies p {
  font-size: 12px;
}

.template-2 .experience .title,
.template-2 .education .title,
.template-2 .courses .title,
.template-2 .biography .title,
.template-2 .hobbies .title {
  margin-bottom: 5px;
}

.template-2 .contact {
  display: flex;
}

.template-2 .contact-item {
  display: flex;
  align-items: center;
  margin-right: 20px;
  font-size: 12px;
}

.template-2 .contact i {
  margin-right: 5px;
}

.template-2 .social-media-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.template-2 .social-media i {
  margin-right: 10px;
  font-size: 16px;
}

.template-2 .social-media p {
  margin: 0;
}

.template-2 .about p {
  margin: 0;
}

.template-2 .about,
.template-2 .languages {
  font-size: 12px;
}

.template-2 .social-media a {
  font-size: 12px;
  color: #58595b;
  text-decoration: none;
}

.template-2 .skills .skill {
  font-size: 12px;
  margin-bottom: 5px;
}

.template-2 .skills .skill p {
  margin: 0;
}

.template-2 .contact,
.template-2 .about,
.template-2 .skills,
.template-2 .languages,
.template-2 .social-media,
.template-2 .experience,
.template-2 .education,
.template-2 .courses,
.template-2 .hobbies,
.template-2 .biography {
  margin-bottom: 15px;
}

.template-2 .left-info {
  padding-top: 25px;
}

.template-2-color-1 header {
  background-image: url("https://i.imgur.com/88HFNCs.jpg");
  background-position: center;
  height: 150px;
}

.template-2-color-2 header {
  background-image: url("https://i.imgur.com/HuWNc5u.jpg");
  background-position: center;
  height: 150px;
}

.template-3 {
  margin: 100px auto;
  border: 1px solid #e6e7e8;
  width: 690px;
  height: 977px;
  background-color: #fcfcfc;
}

.template-3 .template-wrapper {
  height: 100%;
}

.template-3 .template-wrapper .row:last-of-type {
  height: calc(100% - 172px);
}

.template-3 header {
  display: flex;
}

.template-3 .user-image {
  padding: 0;
}

.template-3 .user-info {
  color: #fff;
  background-color: #686964;
}

.template-3 .user-info h2 {
  margin: 40px 0 10px 0;
}

.template-3 .user-info p {
  margin: 0;
}

.template-3 .user-info .user-title {
  font-size: 20px;
  margin: -10px 0 5px 0;
}

.template-3 .section-headline {
  font-size: 13px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

.template-3 p {
  font-size: 12px;
  margin: 0;
}

.template-3 .left-info {
  background-color: #FCDCCF;
  padding-top: 10px;
}

.template-3 .right-info {
  background-color: #BDD6D0;
  padding-top: 10px;
}

.template-3 .contact {
  display: flex;
}

.template-3 .contact-item {
  margin-right: 20px;
  font-size: 12px;
}

.template-3 .contact-item,
.template-3 .social-media-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.template-3 .contact i,
.template-3 .social-media i {
  margin-right: 5px;
  font-size: 14px;
}

.template-3 .contact p,
.template-3 .social-media p {
  font-size: 12px;
  margin: 0;
}

.template-3 .social-media a {
  font-size: 12px;
  color: #58595b;
  text-decoration: none;
}

.template-3 .skills .skill {
  font-size: 12px;
  margin-bottom: 5px;
}

.template-3 .skills .skill p {
  margin: 0;
}

.template-3 .skills .skill span {
  font-size: 12px;
}

.template-3 .about p {
  margin: 0;
}

.template-3 .contact,
.template-3 .about,
.template-3 .skills,
.template-3 .languages,
.template-3 .social-media,
.template-3 .experience,
.template-3 .education,
.template-3 .courses,
.template-3 .hobbies,
.template-3 .biography {
  margin-bottom: 15px;
}

.template-3-color-1 .user-info {
  background-color: #77949F;
}

.template-3-color-1 .left-info {
  background-color: #C7ECF8;
}

.template-3-color-1 .right-info {
  background-color: #F9D87A;
}

.template-3-color-2 .user-info {
  background-color: #77949F;
}

.template-3-color-2 .left-info {
  background-color: #EEA3A3;
}

.template-3-color-2 .right-info {
  background-color: #FEE3A0;
}

.template-4 {
  margin: 100px auto;
  border: 1px solid #e6e7e8;
  width: 690px;
  height: 977px;
  background-color: #fcfcfc;
}

.template-4 header {
  display: flex;
  flex: 1;
  margin: 15px 0;
}

.template-4 .section-headline {
  font-size: 14px;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  background-color: #97CED8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 5px;
}

.template-4 p {
  font-size: 12px;
  margin: 0;
}

.template-4 .user-image {
  text-align: center;
}

.template-4 .user-image img {
  width: 150px;
}

.template-4 .user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.template-4 .user-info h2,
.template-4 .user-info h6 {
  color: #97CED8;
  margin: 0;
}

.template-4 .contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.template-4 .contact i {
  margin-right: 5px;
  font-size: 14px;
}

.template-4 .contact p {
  font-size: 12px;
  margin: 0;
}

.template-4 .social-media a {
  font-size: 12px;
  color: #58595b;
  text-decoration: none;
}

.template-4 .skills .skill {
  font-size: 12px;
  margin-bottom: 10px;
}

.template-4 .skills .skill p {
  margin: 0;
}

.template-4 .skills .skill span {
  font-size: 12px;
}

.template-4 .skills .skill .checked {
  color: #97CED8;
}

.template-4 .skills .rating {
  display: block;
}

.template-4 .about p {
  margin: 0;
}

.template-4 .contact,
.template-4 .skills,
.template-4 .languages,
.template-4 .social-media,
.template-4 .experience,
.template-4 .education,
.template-4 .courses,
.template-4 .hobbies,
.template-4 .biography {
  margin-bottom: 15px;
}

.template-4-color-1 .section-headline {
  background-color: #F0AB5D;
}

.template-4-color-1 .skills .skill .checked {
  color: #F0AB5D;
}

.template-4-color-1 .user-info h2,
.template-4-color-1 .user-info h6 {
  color: #F0AB5D;
}

.template-4-color-2 .section-headline {
  background-color: #FFC0CB;
}

.template-4-color-2 .skills .skill .checked {
  color: #FFC0CB;
}

.template-4-color-2 .user-info h2,
.template-4-color-2 .user-info h6 {
  color: #FFC0CB;
}

.template-5 {
  margin: 100px auto;
  border: 1px solid #e6e7e8;
  width: 690px;
  height: 977px;
  background-color: #fcfcfc;
}

.template-5 header {
  background-image: url("https://i.imgur.com/bgSFH5T.jpg");
  width: 100%;
  height: 150px;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  margin-bottom: 60px;
}

.template-5 header img {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 5px solid #fff;
  position: relative;
  top: 15px;
}

.template-5 header h2 {
  margin: 10px 0;
}

.template-5 .section-headline {
  font-size: 14px;
  color: #ee5a24;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 5px;
}

.template-5 p {
  font-size: 12px;
  margin: 0;
}

.template-5 .contact-item,
.template-5 .social-media-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.template-5 .contact i,
.template-5 .social-media i {
  margin-right: 5px;
  font-size: 14px;
}

.template-5 .contact p,
.template-5 .social-media p {
  font-size: 12px;
  margin: 0;
}

.template-5 .social-media a {
  font-size: 12px;
  color: #58595b;
  text-decoration: none;
}

.template-5 .skills .skill {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 10px;
}

.template-5 .skills .skill p {
  margin: 0;
}

.template-5 .skills .skill span {
  font-size: 12px;
}

.template-5 .skills .skill .checked {
  color: #ee5a24;
}

.template-5 .skills .rating {
  display: block;
  margin-top: -5px;
}

.template-5 .about p {
  margin: 0;
}

.template-5 .contact,
.template-5 .about,
.template-5 .skills,
.template-5 .languages,
.template-5 .social-media,
.template-5 .experience,
.template-5 .education,
.template-5 .courses,
.template-5 .hobbies,
.template-5 .biography {
  margin-bottom: 15px;
}

.template-5 .contact .title,
.template-5 .about .title,
.template-5 .skills .title,
.template-5 .languages .title,
.template-5 .social-media .title,
.template-5 .experience .title,
.template-5 .education .title,
.template-5 .courses .title,
.template-5 .hobbies .title,
.template-5 .biography .title {
  color: #ee5a24;
}

.template-5-color-1 header {
  background-image: url("https://i.imgur.com/88HFNCs.jpg");
}

.template-5-color-1 .section-headline,
.template-5-color-1 .skills .skill .checked {
  color: #24a0ee;
}

.template-5-color-1 .contact .title,
.template-5-color-1 .about .title,
.template-5-color-1 .skills .title,
.template-5-color-1 .languages .title,
.template-5-color-1 .social-media .title,
.template-5-color-1 .experience .title,
.template-5-color-1 .education .title,
.template-5-color-1 .courses .title,
.template-5-color-1 .hobbies .title,
.template-5-color-1 .biography .title {
  color: #24a0ee;
}

.template-5-color-2 header {
  background-image: url("https://i.imgur.com/HuWNc5u.jpg");
}

.template-5-color-2 .section-headline,
.template-5-color-2 .skills .skill .checked {
  color: #7524ee;
}

.template-5-color-2 .contact .title,
.template-5-color-2 .about .title,
.template-5-color-2 .skills .title,
.template-5-color-2 .languages .title,
.template-5-color-2 .social-media .title,
.template-5-color-2 .experience .title,
.template-5-color-2 .education .title,
.template-5-color-2 .courses .title,
.template-5-color-2 .hobbies .title,
.template-5-color-2 .biography .title {
  color: #7524ee;
}

.template-6 {
  margin: 100px auto;
  border: 1px solid #e6e7e8;
  width: 690px;
  height: 977px;
  background-color: #fcfcfc;
}

.template-6 header {
  display: flex;
  flex: 1;
  margin: 15px 0;
}

.template-6 .user-image {
  text-align: center;
}

.template-6 .user-image-background {
  position: absolute;
  height: 100%;
  display: block;
  width: 50%;
  left: 0;
  background-color: #badc58;
}

.template-6 .user-image img {
  position: relative;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

.template-6 .user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.template-6 .section-border {
  margin-bottom: 10px;
  border-bottom: 2px solid #000;
}

.template-6 .section-headline {
  font-size: 14px;
  color: #6ab04c;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 5px;
}

.template-6 p {
  font-size: 12px;
  margin: 0;
}

.template-6 .contact {
  display: flex;
}

.template-6 .contact-item {
  margin-right: 20px;
  font-size: 12px;
}

.template-6 .contact-item,
.template-6 .social-media-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.template-6 .contact i,
.template-6 .social-media i {
  margin-right: 5px;
  font-size: 14px;
}

.template-6 .contact p,
.template-6 .social-media p {
  font-size: 12px;
  margin: 0;
}

.template-6 .social-media a {
  font-size: 12px;
  color: #58595b;
  text-decoration: none;
}

.template-6 .skills .skill {
  font-size: 12px;
  margin-bottom: 10px;
}

.template-6 .skills .skill p {
  margin: 0;
}

.template-6 .skills .skill span {
  font-size: 12px;
}

.template-6 .skills .skill .checked {
  color: #6ab04c;
}

.template-6 .about p {
  margin: 0;
}

.template-6 .contact,
.template-6 .about,
.template-6 .skills,
.template-6 .languages,
.template-6 .social-media,
.template-6 .experience,
.template-6 .education,
.template-6 .courses,
.template-6 .hobbies,
.template-6 .biography {
  margin-bottom: 15px;
}

.template-6-color-1 .user-image-background {
  background-color: #dc5858;
}

.template-6-color-1 .section-headline {
  color: #b04c4c;
}

.template-6-color-1 .skills .skill .checked {
  color: #b04c4c;
}

.template-6-color-2 .user-image-background {
  background-color: #58bbdc;
}

.template-6-color-2 .section-headline {
  color: #4c9cb0;
}

.template-6-color-2 .skills .skill .checked {
  color: #4c9cb0;
}

.curreny-GYD, 
    .curreny-PYG,
    .curreny-PEN, 
    .curreny-SRD,
    .curreny-UYU,
    .curreny-HUF,
    .curreny-IDR,
    .curreny-JPY,
    .curreny-CLP, 
    .curreny-CZK,
    .curreny-COP,
    .curreny-KRW,
    .curreny-PHP,
    .curreny-YEN {
        font-size: 90px!important;
    }
    @media(max-width:576px) {
    .curreny-GYD, 
    .curreny-PYG,
    .curreny-PEN, 
    .curreny-SRD,
    .curreny-UYU,
    .curreny-HUF,
    .curreny-IDR,
    .curreny-JPY,
    .curreny-CLP, 
    .curreny-CZK,
    .curreny-COP,
    .curreny-KRW,
    .curreny-PHP,
    .curreny-YEN {
            font-size: 60px!important;
        }
    }