@font-face {
  font-family: NextExitRound;
  src: url("../fonts/nextexitround-light-webfont.eot");
  src: url("../fonts/nextexitround-light-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/nextexitround-light-webfont.woff") format("woff"),
    url("../fonts/nextexitround-light-webfont.svg#nextexitround-light-webfont")
      format("svg");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: NextExitRound;
  src: url("../fonts/nextexitround-regular-webfont.eot");
  src: url("../fonts/nextexitround-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/nextexitround-regular-webfont.woff") format("woff"),
    url("../fonts/nextexitround-regular-webfont.svg#nextexitround-regular-webfont")
      format("svg");
  font-weight: 400;
  font-style: normal;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a,
input[type="submit"],
.donationBlock .donate_calc .box > .donate_type li {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
}
input {
  -webkit-appearance: none;
  line-height: 1 !important;
}

input[type="text"],
input[type="password"],
input[type="email"] {
  width: 100%;
  border-radius: 5px;
  height: 42px;
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.11);
  box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.11);
  margin: 15px 0;
  padding: 0 15px;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

input[type="radio"] {
  width: 20px;
  height: 20px;
  border: 1px solid gray;
}

section.login-page .container {
  max-width: 780px;
}

.login-page .row {
  max-width: 780px;
}

.login-page .col-sm-6
{
  padding: 0;
}

.login-page .login-footer {
  display: flex;
  flex-direction: column;
  margin-top: 25px;
}

.login-page .login-footer .col-sm-4 {
  display: flex;
  padding: 0;
  min-width: 160px;
}

.login-page .login-footer .col-sm-8 {
    display: inline-flex;
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
}

section.account_page_bottom_sec input[type="text"]:not(.green-btn), section.account_page_bottom_sec input[type="email"],
section.account_page_bottom_sec .selectpicker {
  width: 90%;
}

section.account_page_bottom_sec .error {
  border: none !important;
}

#register-form .row {
  display: flex;
}

#register-form .save_edit {
  margin-top: 25px;
}

#packages-form .col-md-1 {
  display: inline-block;
  margin: 5px 0;
}

.green-btn,
.upload .buttonText {
  min-width: 150px;
  height: 55px;
  border: 1px solid rgba(104, 104, 104, 0.26);
  border-radius: 5px;
  background: #789b66 url(../images/start-btn-bg.png) center no-repeat;
  background-size: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 55px;
  text-align: center;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(85, 115, 70, 1);
  -moz-box-shadow: 0px 2px 0px 0px rgba(85, 115, 70, 1);
  box-shadow: 0px 2px 0px 0px rgba(85, 115, 70, 1);
  padding: 0;
  text-decoration: none;
}
.send-packag,
.send-packag-disabled {
  width: 100%;
}
.green-btn:hover,
.green-btn:visited,
.green-btn:focus {
  background: #6a895a url(../images/start-btn-bg.png) center no-repeat;
  background-size: 100%;
  text-decoration: none !important;
  color: #fff;
}

.sec-wrap {
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #d6d5d5;
  border-radius: 5px;
  padding: 35px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(208, 207, 207, 1);
  -moz-box-shadow: 0px 1px 0px 0px rgba(208, 207, 207, 1);
  box-shadow: 0px 1px 0px 0px rgba(208, 207, 207, 1);
}
.sec-wrap.ucp-header {
  height: 153px;
}

.info_wrap_item {
    margin: 5px;
}

a.info_wrap_item {
    color:#337ab7;
}

.error {
  border: red solid 1px !important;
}

.container {
  margin: 0 auto;
  padding: 50px 0 0;
  max-width: 1230px;
  width: 100%;
}

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

.container .lang_wrap {
  margin: 10px;
  float: left;
}

section .inner h3 {
  margin: 20px 0;
  text-align: center;
  font-size: 36px;
  font-weight: 300;
}


/** TOP SLIDER */

section.header .top .lang_wrap .langs {
  display: none;
  position: absolute;
  right: 18px;
  top: 25px;
}

section.top_slider video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-height: 616px;
  transform: translateX(-50%) translateY(-50%);
  z-index: -10;
}

section.top_slider {
  width: 100%;
  height: 616px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.top_slider .item {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
section.top_slider .item .text {
  position: relative;
  width: 100%;
  height: 100%;
}
section.top_slider .item .text .inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
}
section.top_slider .item .text .inner .middle {
  display: table-cell;
  vertical-align: middle;
}
section.top_slider .item .text .inner .middle .content {
  display: none;
  height: auto;
  width: 100%;
  max-width: 820px;
  z-index: 100;
  margin: -80px auto 0 auto;
  text-align: center;
  padding: 0 10px;
  box-sizing: border-box;
}

section.top_slider .item .text .inner .middle .content.active {
  display: block !important;
  -webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */
  animation-delay: 0.4s;
}
section.top_slider h1.big_line {
  display: block;
  margin: 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 50px;
  color: #ffffff;
}
section.top_slider h2.med_line {
  display: block;
  font-size: 22px;
  font-weight: 450;
  line-height: 25px;
  color: #bcbcbc;
  margin: 5px;
  line-height: 1.2;
}

section.top_slider__content {
  text-align: center;
}

section.top_slider .item.parallax-bg {
  background-size: auto;
  background: black;
}

section.about_us .image img {
  max-width: 100%;
}

/** HEADER */
section.header {
  position: fixed;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 124px;
  background: #ffffff;
  transition: height 0.7s;
  -webkit-transition: height 0.7s;
  -moz-transition: height 0.7s;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
}
/** menu */
section.header .btn_mobile_menu {
  display: none;
  position: absolute;
  top: 50%;
  right: 20px;
  background: url("../images/menu.png") no-repeat;
  background-size: 21px auto;
  width: 21px;
  height: 18px;
  cursor: pointer;
  margin-top: -10.5px;
}
section.header ul.menu {
  display: block;
  position: absolute;
  top: 35px;
  margin-left: 150px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  min-width: max-content;
  -moz-transition: 0.5s;
}
section.header ul.menu li {
  display: inline-block;
  margin-left: 26px;
  letter-spacing: 0.8px;
  position: relative;
}

section.header ul.menu li a {
  color: #1b1b1b;
  position: relative;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
section.header ul.menu li a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 3px;
  background: #241f20;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.3s;
}
section.header ul.menu li:hover a:before {
  width: 94%;
}
section.header ul.menu li a.active:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 3px;
  background: #241f20;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 94%;
}

/** buttons */
section.header .buttons {
  position: relative;
  float: right;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}
section.header .buttons .user-icon {
  position: absolute;
  top: 11px;
  left: -18px;
}
section.header .buttons .btn {
  display: block;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
}
section.header .buttons .btn.btn-login {
  display: inline-block;
  line-height: 2.5;
  color: black;
  font-size: 14px;
  margin: 0 5px;
  padding: 0;
  text-transform: uppercase;
  vertical-align: baseline;
}
section.header .buttons img {
  display: inline-block;
}

section.header .buttons .personal_zone_link:before {
  height: 20px;
  width: 1px;
  background: #000;
  content: "";
}

section.header .buttons .personal_zone_link {
  position: relative;
  display: inline-block;
  line-height: 40px;
  padding: 0 7px;
}

/** placeholder */
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #000;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
  opacity: 1;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
  opacity: 1;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000;
}

.desktop.d-in-blk {
  display: inline-block !important;
}

.desktop.d-none {
  display: none !important;
}

/* ABOUT  */

section.about_us .inner {
  display: flex;
  column-gap: 20px;
  max-width: 100%;
}

section.about_us .inner .image {
  display: flex;
  flex: 1;
  max-width: 350px;
  align-items: flex-end;
  justify-content: flex-start;
}

section.about_us .inner .text {
  flex: 1 1;
  text-align: justify;
  max-width: 1750px;
}
section.about_us .inner .text .content1 {
  margin: 15px;
  font-size: 14px;
  line-height: 22px;
  text-align: justify;
}

section.steps .container {
  width: 100%;
}

section.services {
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
  height: auto;
}

section.services .top {
  width: 100%;
}

section.services .container {
  max-width: 1100px;
}

.pricing-table {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.08),
    0px 20px 31px 3px rgba(0, 0, 0, 0.09), 0px 8px 20px 7px rgba(0, 0, 0, 0.02);
}

section.services .pricing-table:not(p) {
  text-align: center;
}

section.services .container.inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 14;
}

section.services .image {
  width: 100%;
  height: 160px;
  text-align: center;
  /* background: url(../images/box.png); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

section.services .package {
  display: flex;
  flex-direction: column;
  z-index: 16;
}

section.services .pricing-header {
  margin: 10px;
  font-weight: 600;
  font-size: 25px;
  letter-spacing: 1px;
}

section.services .pricing-table .pricing-plan p {
  text-align: justify;
}

section.services .pricing-features {
  color: #1b1b1b;
  letter-spacing: 1px;
  margin: 10px 0;
}

section.services .pricing-plan .flex-container {
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  align-items: flex-end;
}

.pricing-features-item {
  border-top: 1px solid #e1f1ff;
  font-size: 14px;
  line-height: 1.8;
}

.pricing-plan .select-container {
  flex: 1;
}

.selectpicker {
  margin: 15px 0;
  height: 40px;
  width: 100%;
  line-height: 40px;
  padding-left: 14px;
  background: #fafafa;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #fafafa 0%, #f5f5f5 100%);
  background: -webkit-linear-gradient(top, #fafafa 0%, #f5f5f5 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0 );
  font-size: 14px;
  color: #000;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
}

section.how_it_work {
  background: #fbfbfb;
  border-bottom: 1px solid #d9d9d9;
  padding: 35px;
}
section.how_it_work .inner {
  display: flex;
  justify-content: center;
}

section.how_it_work .inner .row .col {
  text-align: justify;
  max-width: 585px;
  padding: 0 30px;
}
section.how_it_work .inner .image {
  float: left;
  margin-top: 40px;
}

section.how_it_work .inner .text p {
  display: block;
  margin: 20px 0px 0 3px;
  font-size: 14px;
  line-height: 20px;
}
section.how_it_work .inner .row {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
section.how_it_work .inner .text {
  padding-right: 20px;
  padding-left: 20px;
}
section.how_it_work .video-link {
  position: relative;
  float: right;
  max-width: 605px;
}
section.how_it_work .video-link .v-img {
  width: 100%;
}
section.how_it_work .video-link .video-icon {
  position: absolute;
  top: 50%;
  right: 50%;
}
section.how_it_work .playVid {
  display: block;
  max-height: 412px;
  height: 100%;
}
section.how_it_work .video-wrap .close {
  display: none;
}
section.how_it_work .video-wrap .shop-btn {
  display: block;
  position: absolute;
  bottom: -90px;
  left: 50%;
  margin-left: -87px;
}
section.how_it_work iframe {
  min-height: 270px;
}

section.logos img {
  width: 100%;
  max-width: 80px;
  margin: 15px;
}

section.services .select-container .selectbox {
  display: none !important;
}

.chosen-container {
  display: none !important;
}

.selectpicker {
  display: block !important;
}

.personal-analysis .analys_step .container {
  max-width: 980px;
}

section.analys_step .icon-container {
  text-align: center;
}

section.logos {
  padding-top: 120px;
  padding-bottom: 50px;
}
section.logos .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

section.logos .inner .images {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  align-items: center;
  max-width: 1110px;
}

section.logos .inner .images .col {
  display: table;
}
section.logos .inner .images .img-wrapper {
  vertical-align: middle;
  width: 100%;
  text-align: center;
}
section.logos .inner .text {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #97a0a7;
  font-weight: 500;
  margin-bottom: 30px;
}

section.logos .col-sm-3 {
  max-width: 25%;
}

/* INNER PAGES */
.inner-page {
  background: #ebebeb;
}
.inner-page .top_slider {
  height: 170px;
  margin-bottom: 40px;
}
.inner-page .top_slider .page_title_inner {
  display: table;
  height: 170px;
}
.inner-page .top_slider .page_title_middle {
  display: table-cell;
  vertical-align: middle;
}
.inner-page .top_slider .page_title_middle .page_title_text {
  margin: 0 15px;
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
}
.inner-page .top_slider .page_title_middle .page_title_text .thin_text {
  font-weight: 500;
}

.inner-page .step_dec {
  position: absolute;
  top: 0;
  left: 20px;
  width: 80px;
  height: 82px;
  background: #000;
  color: #fff;
  padding-top: 20px;
}
.inner-page .step_dec .step_text {
  display: block;
  font-size: 20.47px;
  line-height: 9.36px;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
.inner-page .step_dec .step_num {
  display: block;
  font-size: 35px;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  margin-top: 14px;
}
.inner-page .step_title {
  font-size: 30px;
  margin: 15px 0;
  margin-bottom: 25px;
  font-weight: 300;
  text-transform: uppercase;
}

.personal-analysis .user_already_exists {
  margin: 0 20px 30px 79px;
  text-align: center;
}
.personal-analysis .user_already_exists h3 {
  color: red;
}
.personal-analysis .user_already_exists a {
  color: #090093;
}
.personal-analysis .user_already_exists p {
  text-align: center !important;
}

.personal-analysis .analys_step {
  position: relative;
  margin-bottom: 15px;
}
.personal-analysis .analys_step .analys_step_inner {
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #d6d5d5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(208, 207, 207, 1);
  -moz-box-shadow: 0px 1px 0px 0px rgba(208, 207, 207, 1);
  box-shadow: 0px 1px 0px 0px rgba(208, 207, 207, 1);
}

.personal-analysis .analys_step .analys_step_inner .step_title {
  margin: 25px 0;
  display: block;
}
.personal-analysis
  .analys_step
  .analys_step_inner
  .step_content
  .errors_bottom {
  margin-top: 20px;
  color: red;
}

.personal-analysis .analys_step .analys_step_inner .step_content {
  margin-top: 110px;
  padding: 0 20px;
}

.personal-analysis .step_content.step1 {
  padding: 0 35px;
}

.personal-analysis .step_content.packages {
  display: flex;
  justify-content: center;
  padding: 0;
}

.error_diagnostics {
  margin: 10px;
  color: red;
  font-size: 20px;
  text-align: center;
}

.upload .form-control {
  background: #fff;
  margin: 15px 0;
  padding: 0 15px;
  border-radius: 5px;
  border: 1px solid #d0d0d0;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.11);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.11);
  box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.11);
}

.upload .input-group {
  display: flex;
  align-items: center;
  gap: 10px;
}

.personal-analysis
  .analys_step
  .analys_step_inner
  .chosen-container-single
  .chosen-single,
.personal-analysis
  .analys_step
  .analys_step_inner
  .chosen-container-active.chosen-with-drop
  .chosen-single {
  background: #fafafa; /* Old browsers */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(
    top,
    #fafafa 0%,
    #f5f5f5 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #fafafa 0%,
    #f5f5f5 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #fafafa 0%,
    #f5f5f5 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
  font-size: 14px;
  color: #000;
}
.personal-analysis
  .analys_step
  .analys_step_inner
  .chosen-container
  .chosen-drop {
  background: #f4f4f4;
}
.personal-analysis
  .analys_step
  .analys_step_inner
  .chosen-container
  .chosen-results {
  padding: 0;
  margin: 0;
}
.personal-analysis
  .analys_step
  .analys_step_inner
  .chosen-container
  .chosen-results
  li {
  font-size: 14px;
}
.personal-analysis
  .analys_step
  .analys_step_inner
  .chosen-container
  .chosen-results
  li.active-result {
  background: #ccc;
}
.personal-analysis .analys_step.step_2 .analys_step_inner p {
  display: block;
  margin-bottom: 15px;
}

.personal-analysis .analys_step .analys_step_inner .upload {
  padding: 30px;
  background: #fcfcfc;
  border-top: 1px solid #d7d7d7;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.personal-analysis .analys_step .analys_step_inner .upload .row {
  display: flex;
  max-width: 920px;
}
.personal-analysis .analys_step .analys_step_inner .upload .upload-btn {
  display: block;
  width: 100px;
  height: 42px;
  line-height: 42px;
}
.personal-analysis .analys_step.step_3 {
  z-index: 10;
}
.personal-analysis .analys_step.step_2 {
  z-index: 11;
}

.personal-analysis .analys_step.step_3 .analys_step_inner {
  padding-bottom: 25px;
}
.personal-analysis .analys_step.step_3 .analys_step_inner form {
  max-width: 915px;
  width: 100%;
  margin-top: 25px;
}
.personal-analysis .analys_step.step_3 form label,
.personal-analysis .analys_step.step_2 label {
  display: block;
  border: 0;
}

.personal-analysis .analys_step.step_3 form input[type="text"] {
  margin-bottom: 30px;
}
.personal-analysis .analys_step.step_3 .step_3_next {
  display: block;
  width: 150px;
  margin-left: 10px;
  float: right;
}
.personal-analysis .total_n_submit {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.personal-analysis .total_n_submit .goto_next_step {
  display: block;
  /*float: right;*/
  height: 60px;
  text-transform: uppercase;
  font-size: 18px;
  width: 180px;
}
.personal-analysis .total_n_submit .total {
  display: inline-block;
  padding: 0 27px;
  line-height: 60px;
  text-transform: uppercase;
  border: 1px solid #c0c0c0;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(208, 207, 207, 1);
  -moz-box-shadow: 0px 1px 0px 0px rgba(208, 207, 207, 1);
  box-shadow: 0px 1px 0px 0px rgba(208, 207, 207, 1);
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  /*float: left;*/
}

.personal-analysis .step_content.packages .seperator-line {
  display: none;
  width: 100%;
  border-top: 2px solid #2aa0c6;
  margin: 25px 0;
}

.personal-analysis .analys_step .analys_step_inner h3 {
  text-align: center;
  position: relative;
  font-size: 24px;
  font-weight: 700;
  line-height: 16px;
  margin: 15px 0px;
}

.personal-analysis .analys_step .analys_step_inner p {
  font-size: 14px;
  line-height: 16px;
  text-align: justify;
}

.personal-analysis .analys_step .package h3 {
  color: #016fa4;
}

.personal-analysis .col-sm-4 {
  width: 32%;
}

.package.item.col.col-sm-4 {
  padding: 15px;
}

.personal-analysis
  .analys_step
  .analys_step_inner
  .step_content
  .package
  label {
  display: block;
  padding-left: 22px;
  margin-bottom: 15px;
  position: relative;
  cursor: pointer;
}

.personal-analysis .analys_step .package h3 {
  color: #016fa4;
}

.personal-analysis
  .analys_step
  .analys_step_inner
  .step_content
  .package
  label
  input[type="radio"] {
  width: 17px;
  height: 17px;
  border: 1px solid gray;
  position: absolute;
  left: 0px;
  top: 2px;
  margin-top: 0;
}

.personal-analysis .analys_step .draw_btn {
  display: block;
  width: 150px;
  font-size: 16px;
  float: left;
  margin: 30px;
}

.personal-analysis .analys_step_inner .row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}

.personal-analysis .analys_step_inner .upload .row {
  align-items: center;
}

.upload .group-span-filestyle .buttonText {
  display: block;
  height: 40px;
  width: 100%;
  min-width: 110px;
  line-height: 40px;
  cursor: pointer;
  font-weight: 700;
}

.upload .btn-default {
  padding: 0;
}

.personal-analysis .ul-footer-links li {
  margin: 0 15px;
}

.ul-footer-links  {
    position: absolute;
    top: 25px;
    right: 0;

}

/* drawing analysis */

.analys_step.step_4 .step_title,
.analys_step.step_5 .step_title {
  text-align: center;
}

.personal-analysis .drawing-analysis .category-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.personal-analysis .drawing-analysis .col-sm-4 {
  width: 150px;
}

.personal-analysis section.footer {
  background-image: url(https://test.drawinganalysis.com/templates/defaultDesign/design/media/images/start-bg.jpg);
  background-color: initial;
  background-size: cover;
}

/* tabs */
.tabs {
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
}
.tabs > .btn-prev {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  background: url("../images/top-slider-left.png") no-repeat;
  width: 15px;
  height: 17px;
  margin-top: -8.5px;
}
.tabs > .btn-next {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  background: url("../images/top-slider-right.png") no-repeat;
  width: 15px;
  height: 17px;
  margin-top: -8.5px;
}
.tabs .tab-stage {
  display: none;
  height: 100%;
}
.tabs .tab-stage.active {
  display: block;
}
.tabs .tab-stage .content {
  height: 550px;
}
.tabs .tab-stage .content .text {
  display: table;
  width: 100%;
  height: 90%;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.tabs .tab-stage .content .text .ver-center {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
.tabs .tab-stage .content .text .quote {
  display: block;
  margin: 7px auto;
  font-size: 30px;
  font-weight: 200;
  width: 100%;
  text-align: center;
  line-height: 46px;
  max-width: 850px;
  font-style: italic;
}
.tabs .tab-stage .content .text .person {
  display: block;
  text-transform: uppercase;
  font-size: 16px;
  color: #d2d2d2;
  margin-top: 18px;
  padding: 0 15px;
}
.tabs .tab-stage .content .text .btn {
  display: block;
  margin: 7px auto 0 auto;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-family: "Open Sans";
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  height: 44px;
  width: 164px;
  line-height: 44px;
  background: #08bccc;
  color: #ffffff;
  text-shadow: 1px 2px rgba(0, 0, 0, 0.25);
}
.tabs .tab-stage .image {
  width: 100%;
  height: 100%;
  filter: brightness(50%);
  position: absolute;
  top: 0;
  left: 0;
  /*background: url(../images/quote-bg.png);*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* wizard */
.wizard {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
.wizard .top {
  height: 75px;
  display: block;
  position: absolute;
  bottom: -47.5px;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
}
.wizard .wizard-stages {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 23px;
  row-gap: 14px;
  margin: 5px;
}
.wizard .wizard-stages .wizard-stage {
  width: 75px;
  height: 75px;
}
.wizard .wizard-stages .wizard-stage:last-child {
  margin: 0;
}
.wizard .wizard-stages .wizard-stage:hover {
  transform: scale(1.2, 1.2);
}
.wizard .wizard-stages .wizard-stage.active {
  transform: scale(1.2, 1.2);
}
.wizard .wizard-stages .wizard-stage .circle-outer {
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: 0;
  background: #fff;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.wizard .wizard-stages .wizard-stage .circle-inner {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70px;
  height: 70px;
  background: #545454;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  transition: 0.6s ease;
  -webkit-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
  line-height: 20;
  text-align: center;
  cursor: pointer;
}
.wizard .wizard-stages .wizard-stage .circle-inner.first-pic {
  /*background: url(../images/img1.png);*/
  background-size: 100px !important;
  background-repeat: no-repeat;
}
.wizard .wizard-stages .wizard-stage .circle-inner.second-pic {
  /*background: url(../images/img2.png);*/
  background-size: 100%;
  background-repeat: no-repeat;
}
.wfizard .wizard-stages .wizard-stage .circle-inner.third-pic {
  /*background: url(../images/img3.png);*/
  background-size: 100%;
  background-repeat: no-repeat;
}
.wizard .wizard-stages .wizard-stage .circle-inner.fourth-pic {
  /*background: url(../images/img4.png);*/
  background-size: 100%;
  background-repeat: no-repeat;
}
.wizard .wizard-stages .wizard-stage .circle-inner.fifth-pic {
  /*background: url(../images/img5.png);*/
  background-size: 100%;
  background-repeat: no-repeat;
}
.wizard .wizard-stages .wizard-stage.active .circle-inner {
  transition-delay: 0;
  -webkit-transition-delay: 0;
}

@media only screen and (max-width: 640px) {
    .wizard .wizard-stages {
        position: static;
        text-align: center;
        column-gap: 18px;
    }
}

/* CONTACT US */
.contact {
  background: url("../images/start-bg.jpg") no-repeat;
  background-position: top left;
  background-size: cover;
  width: 100%;
  color: #fff;
  text-align: center;
}
.contact .center-text {
  display: table;
  max-width: 490px;
  width: 100%;
  height: 585px;
  margin: 0 auto;
}
.contact .center-text .inner-ct {
  display: table-cell;
  vertical-align: middle;
}
.contact .center-text h2 {
  color: #ffffff;
  font-size: 42px; /* Approximation due to font substitution */
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 14px;
}
.contact .center-text .ct-subtitle {
  display: block;
  font-size: 18px; /* Approximation due to font substitution */
  font-weight: 500;
  line-height: 26px;
}
.contact .center-text .ct-text {
  display: block;
  font-size: 18px; /* Approximation due to font substitution */
  font-weight: 300;
  line-height: 40px;
  margin: 10px 0 18px 0;
}
.contact .center-text .ct-phone {
  color: #fff !important;
  font-size: 30px; /* Approximation due to font substitution */
  font-weight: 300;
  line-height: 40px;
  letter-spacing: 1px;
}
.contact .center-text .ct-phone:focus,
.contact .center-text .ct-phone:active,
.contact .center-text .ct-phone:active {
  text-decoration: none !important;
}

.contact .center-text .ct-phone:hover {
  text-decoration: none !important;
}
.contact .center-text .join-btn {
  display: block;
  border-radius: 3px;
  width: 210px;
  color: #fff;
  font-size: 16px; /* Approximation due to font substitution */
  font-weight: 600;
  line-height: 3;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #fff;
  text-decoration: none !important;
}
.contact .center-text .join-btn:hover {
  text-decoration: 0;
}
.contact .center-text2 {
  display: table;
  max-width: 730px;
  width: 100%;
  height: 585px;
  margin: 0 auto;
}
.contact .center-text2 .inner-ct {
  display: table-cell;
  vertical-align: middle;
}
.contact .center-text2 h2 {
  color: #ffffff;
  font-size: 47.99px;
  font-weight: 300;
  line-height: 50px;
  display: block;
  margin-bottom: 14px;
  width: 100%;
  word-break: break-word;
}
.contact .center-text2 .ct-subtitle {
  max-width: 425px;
  display: block;
  font-size: 18px; /* Approximation due to font substitution */
  font-weight: 600;
  line-height: 26px;
  margin: 0 auto 40px auto;
}
.contact .center-text2 .ct-text {
  display: block;
  font-size: 18px; /* Approximation due to font substitution */
  font-weight: 300;
  line-height: 40px;
  margin: 10px 0 18px 0;
}
.contact .center-text2 .row {
  display: flex;
  align-items: center;
}
.contact .center-text2 .row .col {
  padding-right: 5px;
  padding-left: 5px;
}
.contact .center-text2 input[type="text"] {
  position: relative;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  padding: 0 15px;
  border-radius: 5px;
  line-height: 40px !important;
  color: #4b4b4b;
}
.contact .center-text2 ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #4b4b4b;
  font-size: 14px; /* Approximation due to font substitution */
  font-weight: 400;
}
.contact .center-text2 :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #4b4b4b;
  font-size: 14px; /* Approximation due to font substitution */
  font-weight: 400;
}
.contact .center-text2 ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #4b4b4b;
  font-size: 14px; /* Approximation due to font substitution */
  font-weight: 400;
}
.contact .center-text2 :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #4b4b4b;
  font-size: 14px; /* Approximation due to font substitution */
  font-weight: 400;
}
.contact .center-text2 .bootstrap-select {
  width: 100% !important;
  margin-bottom: 10px;
}
.contact .center-text2 .bootstrap-select .dropdown-toggle {
  border-radius: 5px;
  color: #000;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  color: #4b4b4b;
  font-size: 14px; /* Approximation due to font substitution */
  font-weight: 400;
  outline: none !important;
}
.contact .center-text2 .bootstrap-select .dropdown-toggle .filter-option {
  text-align: left;
}
.contact .center-text2 .bootstrap-select.btn-group .dropdown-toggle .caret {
  left: auto;
  right: 15px;
}
.contact .center-text2 .bootstrap-select .dropdown-menu {
  margin-top: 0px;
  background: #fff;
  border-top: 0;
  width: 100%;
  text-align: right;
  direction: rtl;
  white-space: normal;
  overflow-x: hidden;
  border-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.contact .center-text2 .btn-default:active,
.contact .center-text2 .btn-default.active,
.contact .center-text2 .btn-default:hover,
.contact .center-text2 .btn-default:focus {
  background-color: #fff;
  border-color: #dbdbdb;
}
.contact .center-text2 .bootstrap-select.open .dropdown-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.contact .center-text2 textarea {
  position: relative;
  width: 100%;
  height: 90px;
  border-radius: 5px;
  padding: 8px 15px;
  color: #4b4b4b;
}
.contact .center-text2 input[type="submit"] {
  position: relative;
  width: 99px;
  height: 50px;
  float: right;
  margin-top: 20px;

  display: block;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 50px;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #fff;
  text-decoration: none !important;
  background: transparent;
}
.contact .center-text2 .tt-err {
  display: none;
  position: absolute;
  left: 0;
  top: 5px;
  width: 110px;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  font-size: 12px; /* Approximation due to font substitution */
  font-weight: 600;
  height: auto;
  line-height: 16px;
  padding: 5px 7px;
}

@media only screen and (min-width: 769px) {
  .login-page .col-md-4 {
    width: 40%;
}
}

@media only screen and (max-width: 768px) {
  .desktop.d-none {
    display: block !important;
  }

  section.top_slider .item.parallax-bg {
    background: url("https://test.drawinganalysis.com/upload/files/146848031157873b37549bb626828.jpg?v=1726393251")
      50% -50% no-repeat;
  }
  section.top_slider {
    margin-top: 0;
  }

  section.header {
    height: 0;
  }

  section.top_slider h1.big_line {
    font-size: 44px;
  }


  section.header ul.menu {
    margin: 0;
  }

  section.header .bottom .btn_mobile_menu {
    display: block;
  }

  section.header .bottom {
    height: 75px;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 2;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
    border-bottom: 0;
  }

  section.header .bottom .container {
    position: static;
    width: 100%;
    margin: 0;
  }
  section.header .bottom .logo,
  section.header.sticky .bottom .logo {
    position: relative;
    margin: 0 auto;
    left: auto;
    right: auto;
  }

  section.header ul.menu li a.active:before {
    display: none;
  }

  .login-page .col-md-4 {
    flex-direction: column;
  }

  #register-form .row  {
    flex-direction: column;
    max-width: 400px;
  }

  section.logos img {
  width: 100%;
  max-width: 40px;
  margin: 8px;
}

  section.steps {
    height: 570px
  }

  /* menu mobile */
  section.header.sticky .bottom .buttons {
    position: absolute;
    top: 30%;
    left: 15px;
  }
  section.header .bottom .buttons img {
    margin-top: -8px;
  }
  section.header .buttons .btn.btn-login {
    display: inline-block;
    padding-left: 3px;
  }
  section.header .buttons .btn.btn-login.logout_btn {
    display: block;
    padding-left: 13px;
  }
  section.header .bottom ul.menu,
  section.header.sticky .top ul.menu {
    display: none;
    position: fixed;
    top: 76px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.87);
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.28);
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
  }
  section.header .bottom ul.menu li {
    display: block;
    border-bottom: 1px solid #595959;
    color: white;
    width: 100%;
    text-align: center;
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
  }
  section.header .bottom ul.menu li a {
    color: white;
    height: 100%;
    width: 100%;
    line-height: 40px;
  }
  section.header .bottom ul.menu li:last-child {
    border-bottom: 0;
  }

  .page_title_inner {
    margin-top: 40px;
  }

  .personal-analysis .step_content.packages {
    flex-direction: column;
    justify-content: center;
  }

  .personal-analysis .step_content.packages .seperator-line {
    display: block;
  }

  .personal-analysis .col-sm-4 {
    width: 100%;
  }
}

/* width-max 580px */
@media only screen and (max-width: 580px) {
  .tabs .tab-stage .content .text span.quote {
    display: block;
    margin: 7px auto;
    font-size: 20px;
    font-weight: 200;
    width: 100%;
    text-align: center;
    /*line-height: 40px;*/
    max-width: 850px;
    padding: 0 20px;
    font-style: italic;
    line-height: 1.4;
  }

  .personal-analysis .total_n_submit {
    width: 100%;
  }
  .personal-analysis .total_n_submit .total {
    width: 100%;
    margin-bottom: 10px;
  }
  .personal-analysis .total_n_submit .goto_next_step {
    width: 100%;
  }
  .center_account_menu {
    width: 100%;
  }
  .sec-wrap {
    padding: 20px;
  }

  .sec-wrap .col-md-4 {
    padding: 0;
    max-width: 350px;
  }
  .account_menu {
    line-height: 28px;
  }
}

@media only screen and (max-width: 900px) {
  section.top_slider h1.big_line {
    font-size: 48px;
  }
  section.top_slider p.med_line {
    font-size: 20px;
  }

  section.how_it_work .inner .row {
    flex-direction: column;
  }

  section.analys_step .step_content .row {
    flex-direction: column;
  }

  .services .pricing-table {
    max-width: 400px;
  }

  .tabs .tab-stage .content .text .quote {
    font-size: 24px;
    width: 80%;
  }

  section.logos img {
  margin: 12px;
}
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1080px) {
  /* about us */
  section.about_us .inner {
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (min-width: 1920px) {
  section.top_slider video {
    min-width: 85%;
  }
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1; /* ie 6/7 */
}