@import url("https://fonts.googleapis.com/css?family=Raleway:400,600,700,800&display=swap");

html,
body {
  /*font-family: "Mark" !important;
    */
  font-family: "Montserrat", sans-serif;
  background-color: #fff;
  font-weight: 400;
}

@font-face {
  font-family: "Arial";
  src: url(fonts/../Arial.ttf);
}

@font-face {
  font-family: "JustAnotherHand";
  src: url(../fonts/JustAnotherHand.ttf);
}

:hover {
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

img {
  max-width: 100%;
}

/******** Header Start***********/
.modal {
  z-index: 1000;
}

.button:focus:not(:active),
.button.is-focused:not(:active) {
  box-shadow: 0 0 0 0 rgba(50, 115, 220, 0);
}

.hero {
  position: relative;
  z-index: 99;
}

.hero .navbar-item {
  padding-left: 0;
}

.gray-hero-head {
  /* background: #0018A8; ticket # 784 requires to change is color to #0018A8*/
  /* New Blue color #1a67a3; ticket # 796 requires to change is color to #1a67a3*/
  background: #1a67a3;
  padding: 5px;
}

.gray-hero-head .login-user .dropdown-trigger .button .togle-dots>p {
  background: #fff;
}

.gray-hero-head .login-user .dropdown-trigger .button {
  color: #fff;
}

.gray-hero-head .notification-iocn .fa-bell {
  color: #fff;
}

.notification-iocn .fa-caret-down {
  color: #fff;
  margin-left: 8px;
}

.logo {
  padding: 0;
}

.logo figure img {
  max-height: none;
  width: 77px;
  display: inline-block;
  vertical-align: middle;
}

.logoName {
  margin-right: 8px;
  margin-left: 10px;
  font-size: 24px;
  font-weight: 500;
  vertical-align: middle;
  display: inline-block;
}

.visible_only_mobile {
  display: none !important;
}

.logo .logoInfo {
  font-weight: 500;
  margin-left: 5px;
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin-top: 8px;
  padding-top: 11px;
}

.gray-hero-head figure span {
  color: #fff;
}

.menu-right {
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
}

.dropdown.login-user {
  float: right;
  position: relative;
}

.login-user .dropdown-trigger .button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #2f3033;
  display: inline-block;
  font-family: "Mark";
  /* font-size: 17px; */
  font-weight: 600;
  padding: 0px;
  /* padding: 0px 0 0 33px; */
  position: relative;
}

.login-user .dropdown-trigger .button label {
  margin: 0 5px 0 0;
}

.login-user .dropdown-trigger .button span {
  width: 28px;
  height: 44px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
  margin-top: auto;
  /* position: absolute; */
  /* left: 0; */
  /* top: 0; */
}

.login-user .dropdown-trigger .button .togle-dots>p {
  background: #6d6e70 none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 7px;
  margin: 0 1.4px;
  width: 7px;
}

.login-user .dropdown-menu.is-open {
  display: block;
}

.login-user .dropdown-menu {
  left: auto;
  padding-top: 11px;
  right: 0;
  width: 250px;
}

.login-user .dropdown-menu .dropdown-content {
  border-radius: 0;
  padding: 0;
  box-shadow: 0 0 8px #b0b0b0;
  position: relative;
}

.login-user .dropdown-menu .dropdown-content::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-style: solid;
  border-width: 0 8px 12px;
  content: "";
  height: 0;
  position: absolute;
  right: 9px;
  top: -12px;
  width: 0;
}

.login-user .dropdown-menu .dropdown-content>a {
  border-bottom: 1px solid #f0f1f4;
  color: #2f3033;
  display: inline-block;
  font-family: "Mark";
  font-size: 13px;
  font-weight: 600;
  padding: 6px 15px;
  text-align: right;
  width: 100%;
}

.login-user .dropdown-menu .dropdown-content>a:hover {
  /* background: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  background: #1a67a3;
  color: #fff;
}

.notification-sec {
  display: inline-block;
  margin: 0 32px 0 0;
  position: relative;
  vertical-align: middle;
}

.notification-iocn {
  color: #2f3033;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-align: center;
}

.notification-iocn .fa-bell {
  font-size: 22px;
  color: #2f3033;
}

.notification-iocn>span {
  /* background: #1a67a3 none repeat scroll 0 0; ticket # 784 requires to change is color to #1a67a3*/
  background: #1a67a3 none repeat scroll 0 0;
  background: #1a67a3;
  border: 2px solid #f8fafb;
  border-radius: 50%;
  display: inline-block;
  height: 11px;
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  z-index: 99;
}

.notify-content {
  display: none;
}

.notify-content.is-active {
  display: block;
}

.notify-content::before {
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff;
  border-style: solid;
  border-width: 0 8px 12px;
  content: "";
  height: 0;
  position: absolute;
  right: 17px;
  top: -11px;
  width: 0;
  z-index: 99;
}

.notify-content {
  max-width: 300px;
  position: absolute;
  right: 0;
  width: 300px;
}

.notify-content .dropdown-content {
  border-radius: 0;
  box-shadow: 0 0 8px #b0b0b0;
  padding: 0;
  position: relative;
}

.notifica-inner {
  display: inline-block;
  width: 100%;
}

.notifica-inner>li {
  border: 1px solid #f0f1f4;
  display: inline-block;
  padding: 15px;
  width: 100%;
}

.notifica-inner>li h4 {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 2px;
}

.notifica-inner>li p {
  color: #505153;
  float: left;
  font-size: 12px;
  font-style: italic;
  line-height: 19px;
  width: 100%;
}

.back-dashboard {
  display: inline-block;
  margin: 0;
  width: auto;
  vertical-align: middle;
}

.back-dashboard a {
  color: #ffffff;
  display: block;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-right: 15px;
  position: relative;
  border: solid 1px #fff;
  border-radius: 7px;
  padding: 7px 20px;
  text-transform: uppercase;
  transition: 0.3s;
}

.logined_dashboard a {
  border: none;
}

.home_butn {
  padding: 11px 0;
}

.btn-submit {
  background-color: #1a67a3 !important;
}

.btn-cancel {
  background-color: white !important;
  color: gray !important;
  border: 1px solid #c10000 !important;
}

.blob-btn {
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #fcc75c;
  padding: 9px 16px;
  line-height: normal;
  border-radius: 7px;
  width: auto;
  margin: 0;
  border: solid 1px #fcc75c;
}

.blob-btn {
  z-index: 1;
  position: relative;
}

.blob-btn:hover .blob-btn__blob {
  -webkit-transform: translateZ(0) scale(1.6);
  transform: translateZ(0) scale(1.6);
  -moz-transform: translateZ(0) scale(1.6);
}

.btn_yellow {
  float: left;
  margin-right: 10px;
}

.blob-btn__inner {
  border-radius: 4px;
}

.blob-btn__inner {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.blob-btn__blobs {
  position: relative;
  display: block;
  height: 100%;
}

.blob-btn__blob:nth-child(1) {
  left: 0;
  transition-delay: 0.04s;
}

.blob-btn__blob {
  -webkit-transform: translate3d(1%, 107%, 0) scale(1.4);
  transform: translate3d(1%, 109%, 0) scale(1.4);
  -moz-transform: translate3d(1%, 109%, 0) scale(1.4);
}

.blob-btn__blob {
  position: absolute;
  top: 9px;
  width: 100%;
  height: 100%;
  background: #fcc75c
    /* #fcc75c */
  ;
  border-radius: 7px;
  -webkit-transform: translate3d(1%, 107%, 0) scale(1.4);
  transform: translate3d(1%, 107%, 0) scale(1.4);
  transition: -webkit-transform 0.45s;
  transition: transform 0.45s;
  transition: transform 0.45s, -webkit-transform 0.45s;
  -webkit-transition: transform 0.45s;
  -moz-transition: transform 0.45s;
  -o-transition: transform 0.45s;
  transition: transform 0.45s;
}

.blob-btn:hover {
  color: #fff;
}

.back-dashboard a:hover {
  background: #fcc75c
    /* #fcc75c */
  ;
  transition: 0.3s;
  color: #fff;
}

.extra_text {
  text-align: center;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 800;
  font-size: 12px;
  padding-top: 10px;
}

.extra_text span {
  font-weight: 500;
}

.back-dashboard a img {
  /*   left: 0;
  position: absolute; */
  top: 8px;
  width: 19px;
}

/******** Header End***********/
/******** Profile page Start***********/
.is-left-section {
  padding: 0;
}

.container.is-fluid {
  margin-left: 20px;
  margin-right: 20px;
}

.reprot-profile {
  margin: 10px 0 0 0;
  text-align: center;
  width: 100%;
}

.reprot-profile>a {
  color: #9e9e9e !important;
  font-size: 14px !important;
  font-style: italic;
  display: inline !important;
  font-weight: 400;
  margin: 0 7px 0 0;
  background: none !important;
  padding: 0 37px 0 0;
  position: relative;
}

.reprot-profile a:hover {
  color: #fcc75c
    /* #f9b62f */
     !important;
  /* ticket 796 */
  margin: 0 !important;
}

.reprot-profile a img {
  position: absolute;
  right: 0;
  top: -8px;
}

.user-detail-top {
  width: 100%;
  float: left;
}

.user-profile-image {
  /* border-radius: 50%;
     */
  float: left;
  height: 280px;
  left: 0;
  /* overflow: hidden;
     */
  position: absolute;
  top: 0;
  width: 280px;
}

.swiper-container1 {
  margin: 0 0;
  width: 100%;
}

.porfolio-main .swiper-container1 {}

.user-info {
  padding: 10px 0 0 310px;
  position: relative;
  width: 100%;
}

.user-profile-image .is-rounded {
  border: solid 2px #1a67a3;
}

.pro-pic .is-rounded {
  border: solid 2px #1a67a3;
}

.user-detail-right {
  width: 100%;
}

.user-detail-right table {
  width: 100%;
}

.user-detail-right table td {
  vertical-align: middle;
  padding-bottom: 5px;
}

.user-detail-right table td:last-child {
  width: 40%;
}

.company-name {
  color: #31b1e0;
  font-weight: 700;
  margin: 0;
  float: left;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-size: 20pt;
  margin-left: 2px;
}

.user-name {
  color: #2f3033;
  font-weight: 700;
  margin: 0;
  float: left;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-size: 24pt;
}

.loc-detail li {
  color: #2f3033;
  font-size: 16pt;
  padding: 0 0 0 34px;
  position: relative;
  width: 100%;
}

.light_email {
  color: #2f3033;
  font-size: 14pt;
  padding: 0 0 0 34px;
  position: relative;
  width: 100%;
}

.light_email a {
  color: #2f3033;
}

.light_email span {
  left: 0;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 25px;
}

.light_add {
  color: #2f3033;
  font-size: 14pt;
  /* padding: 0 0 0 34px;
     */
  position: relative;
  /* width: 100%;
     */
  text-align: right;
  /* display: inline-block;
    */
}

.light_add p {
  color: #2f3033;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}

.light_add span {
  /* left: 0;
     */
  /* position: absolute;
     */
  /* text-align: center;
     */
  /* top: 5px;
     */
  width: 25px;
  display: inline-block;
  vertical-align: middle;
}

.loc-detail li span {
  left: 0;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 25px;
}

.loc-detail li a {
  color: #2f3033;
  margin: 0;
  width: 100%;
}

.loc-detail li a:hover {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
}

.right-rating-sec {
  float: right;
  text-align: right;
}

.website-url>a {
  color: #31b1e0;
  font-size: 19px;
  font-style: italic;
  font-weight: 500;
}

.website-url>a:hover {
  color: #fcc75c
    /* #f9b62f */
  ;
}

.star-icon {
  display: block;
  /* float: right;
     */
  /* margin: 12px 0 0;
     */
  width: 100%;
  text-align: right;
}

.star-icon>img {
  max-width: 160px;
}

.star-icon>p {
  color: #2f3033;
  display: inline-block;
  font-size: 16pt;
  font-weight: bold;
  margin: 0 0 0 5px;
  position: relative;
  top: -3px;
}

.invidual-sec {
  color: #2f3033;
  /* float: left;
     */
  font-size: 14pt;
  font-style: italic;
  line-height: 27px;
  /* margin: 10px 0 0;
     */
  text-align: right;
  width: 100%;
}

.invidual-sec>strong {
  font-size: 16pt;
  font-style: normal;
  width: 100%;
}

.favorite-sec {
  /* float: left;
     */
  /* margin: 9px 0 5px 0;
     */
  position: relative;
  width: 100%;
  text-align: right;
}

.favorite-sec>label {
  color: #2f3033;
  font-size: 14pt;
  padding: 0 0 0 22px;
  cursor: pointer;
}

/* Hide the browser's default checkbox */
.favorite-sec input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  background-color: #ffffff;
  border: 1px solid #2f3033;
  height: 16px;
  position: absolute;
  right: 0;
  top: 4px;
  width: 16px;
}

/* When the checkbox is checked, add a blue background */
.favorite-sec input:checked~.checkmark {
  background-color: #1a67a3;
  border: 1px solid #1a67a3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.favorite-sec input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.favorite-sec .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.suply-points {
  margin: 20px 0 20px;
  width: 61%;
  display: table;
}

.suply-points h3.title {
  color: #2f3033;
  font-size: 16pt;
  font-weight: bold;
  width: 37%;
  display: table-cell;
  vertical-align: top;
}

.suply-points h3.title span {
  color: #fcc75c
    /* #f9b62f */
  ;
}

.suply-points>ul {
  display: table-cell;
  vertical-align: top;
}

.suply-points li {
  color: #6d6d6d;
  float: left;
  font-size: 13pt;
  margin: 0 10px 0px 0;
  position: relative;
}

.suply-points li:last-child::after {
  display: none;
}

.suply-points li:nth-child(3)::after {
  display: none;
}

.porfolio-main {
  margin: 0;
  width: 100%;
  position: relative;
}

.porfolio-main .swiper-container1 .swiper-button-next {
  background: #d1edf9;
  padding: 21px 20px;
  color: #0e0e0e;
  font-weight: bolder;
  outline: 0;
  border: 0;
  margin: 0;
  top: 0;
  height: 100%;
  opacity: 1;
}

.illo ul li a {
  position: relative;
  border-radius: 0 !important;
  background: #1a67a3;
  color: #ffffff;
  font-size: 14pt;
  font-weight: bolder;
  margin: 0;
  padding: 10px 10px;
  vertical-align: middle;
  border: none !important;
  transition: 0.2s;
  text-align: center;
}

.illo ul li.is-active a {
  background-color: #fcc75c
    /* #fab62f */
     !important;
  color: #fff;
  transition: 0.2s;
}

.illo ul li.is-active a:hover {
  background-color: #fcc75c
    /* #fab62f */
     !important;
}

.illo ul li:first-child a {
  border: none !important;
}

.illo li {
  width: 100%;
  position: relative;
  padding: 0;
}

.illo {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.porfolio-main .swiper-container1 .swiper-button-prev {
  background: #d1edf9;
  padding: 21px 20px;
  color: #000;
  font-weight: bolder;
  outline: 0;
  border: 0;
  border-right: none;
  margin: 0;
  top: 0;
  height: 100%;
  opacity: 1;
}

.porfolio-main .swiper-slide {
  padding-bottom: 0;
}

.porfolio-main .swiper-button-disabled.swiper-button-prev:after {
  opacity: 0.5;
}

.porfolio-main .swiper-button-disabled.swiper-button-next:after {
  opacity: 0.5;
}

.illo ul li a:hover {
  background-color: #1a67a3 !important;
  transition: 0.2s;
  color: #fff !important;
}

.only-this.tabs {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 12px;
}

.only-this ul li {
  position: relative;
  padding: 0;
}

.only-this ul li a {
  position: relative;
  border-radius: 0 !important;
  background: #d0cfcb;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 4px 10px;
  vertical-align: middle;
  border: none !important;
  transition: 0.2s;
  border-left: solid 2px #363378 !important;
  text-align: center;
}

.dashboard_top_new_head ul {
  border: 0 !important;
}

.prof-main {
  margin-top: 20px;
  position: relative;
  margin-bottom: 0;
  font-family: "Montserrat", sans-serif;
}

.p-s1 {
  background: #fff;
}

.p-s2 {
  background: #fff;
  padding-bottom: 25px;
}

.only-this ul li:first-child a {
  border: none !important;
}

.only-this ul li.is-active a {
  color: #000;
  background-color: #fcc75c
    /* #f9b62f */
     !important;
  transition: 0.2s;
}

.only-this ul li a:hover {
  background-color: #fcc75c
    /* #f9b62f */
     !important;
  transition: 0.2s;
  color: #000 !important;
}

.portfolio-in-sec {
  float: left;
  padding: 0;
  width: 100%;
  margin-top: 10px;
}

.super-title {
  color: #2f3033;
  float: left;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 15px;
  width: 100%;
  padding: 0 15px;
}

.portf-images-main {
  float: left;
  width: 100%;
}

.port-img-out {
  float: left;
  padding: 0 15px 15px;
  width: 50%;
}

.port-image-sec {
  float: left;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.portf-img {
  background: #fdfefe;
  float: left;
  max-height: 248px;
  min-height: 248px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.portf-img a {
  position: relative;
  float: left;
  width: 100%;
  max-height: 248px;
  min-height: 248px;
}

.portf-img a img {
  max-width: 100%;
  width: 100%;
}

.portf-img a:hover::after {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  /* height:98%;
     */
  height: 150%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.portf-img a:hover::before {
  color: #fff;
  content: "+";
  font-size: 43px;
  height: 100%;
  left: 0;
  position: absolute;
  text-align: center;
  top: 32%;
  vertical-align: bottom;
  width: 100%;
  z-index: 99;
}

.report-like {
  background: #b1b2b2ab none repeat scroll 0 0;
  bottom: 20px;
  padding: 3px 7px 3px 0;
  position: absolute;
  right: 11px;
  z-index: 99;
  opacity: 0.8;
}

.report-like:hover {
  opacity: 1;
}

.like-icons {
  float: left;
  margin: 0;
}

.like-icons>a {
  color: #ffffff;
  font-size: 15px;
  margin: 0 10px 0 0;
}

.like-icons>a:hover {
  color: #2f3033;
}

.report-pro {
  color: #ffffff;
  font-size: 13px;
  font-style: italic;
  font-weight: 500;
  margin: 0 0 0 3px;
  position: relative;
  top: -2px;
}

.report-pro:hover {
  color: #2f3033;
}

.is-left-section {
  display: block;
  flex: unset !important;
  float: left;
}

.right-section {
  display: block;
  flex: unset !important;
  float: right;
  padding: 0 0 0 40px;
  margin-top: -135px;
}

.testimonial-sec {
  background: #d0edf8;
  border: 1px solid #000000;
  float: left;
  padding: 28px 20px;
  padding-right: 0;
  width: 100%;
  height: 868px;
  margin-top: 40px;
  position: relative;
}

.testimonial-title {
  color: #367fd3;
  font-size: 16pt;
  font-weight: 700;
  margin: 0;
  padding: 0 20px 8px 0;
  text-transform: uppercase;
  text-align: center;
}

.testimonial-sec .swiper-container {
  float: left;
  margin: 0;
  width: 100%;
}

.testimonial-sec .swiper-pagination {
  margin: 10px 0 15px;
  position: relative;
}

.test-discrip {
  border-bottom: 1px solid #f0f0f0;
  float: left;
  margin: 15px 0 0;
  padding: 0 0 15px;
  position: relative;
  width: 100%;
}

.test-discrip h5 {
  color: #333437;
  font-size: 14pt;
  font-weight: 700;
  margin: 0;
  width: 100%;
}

.test-discrip h6 {
  color: #31b1e0;
  font-size: 14pt;
  margin: 0;
  width: 100%;
}

.post-date {
  color: #b0b0b0;
  font-size: 12pt;
  font-style: italic;
  position: absolute;
  right: 10px;
  top: 8px;
}

.post-date .fa-clock {
  margin: 0 4px 0 0;
}

.test-discrip p {
  color: #838386;
  font-size: 13pt;
  font-style: italic;
  margin: 8px 0 0;
  width: 99%;
}

.test-discrip:last-child {
  border: medium none;
}

.testimonial-sec .swiper-pagination-bullet-active {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 none repeat scroll 0 0;
}

/******** Profile page End***********/
/******** Footer Start***********/
footer.footer {
  padding: 0px 0px;
  /* background: #313131 none repeat scroll 0 0;
     */
  background: #ebebeb;
  width: 100%;
  display: table;
}

.foot-logo-2 {
  width: 200px;
  display: block;
  margin: 10px auto;
}

.foot-logo>img {
  margin: 0 0 40px;
  max-width: 270px;
}

.foot-nav>li {
  display: inline-block;
  margin: 0 27px;
  position: relative;
}

.foot-nav>li::after {
  background: #f8fafb;
  content: "";
  height: 12px;
  position: absolute;
  right: -29px;
  top: 8px;
  width: 1px;
}

.get-touch-btn {
  border: solid 1px #fff;
  padding: 5px 5px;
  color: #fff;
  text-decoration: none;
  margin: auto;
  margin-bottom: 15px;
  margin-top: 33px;
  display: block;
  text-align: center;
  width: 163px;
  text-transform: uppercase;
  font-weight: 600;
  transition: 0.2s;
}

.new_foot_nav {
  /* display: table;
     */
  text-align: center;
  /* min-width: 150px;
     */
}

.new_foot_nav li {
  margin-bottom: 5px;
}

footer {
  text-align: center;
  bottom: 0;
  left: 0;
  width: 100%;
  /* position: fixed; */
  /* position: absolute !important; */
  position: relative !important;
}

@media only screen and (max-width: 1024px) {
  .footer {
    position: relative !important;
  }
}

.new_foot_nav.is-3 {
  margin-top: 50px;
}

.get-touch-btn:hover {
  background: #fcc75c
    /* #f9b62f */
  ;
  transition: 0.2s;
  color: #fff;
  text-decoration: none;
}

.foot-nav>li:last-child::after {
  display: none;
}

.foot-nav li a {
  color: #f8fafb;
  font-size: 14px;
  font-weight: 500;
}

.foot-nav li a:hover {
  color: #fcc75c
    /* #f9b62f */
  ;
}

.copy-right {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  margin: 10px 0 0;
  padding: 12px 0 0;
  text-align: center;
}

/******** Footer End***********/
/******** Service page Start***********/
.service-sec-main {
  float: left;
  margin: 55px 0;
  width: 100%;
}

.service-sec-main nav.tabs {
  max-width: 950px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 12px;
}

.service-sec-main .tabs ul {
  display: inline-block;
}

.service-sec-main .tabs.is-boxed li {
  float: left;
  position: relative;
  padding: 0 60px 0 0;
}

.service-sec-main .tabs.is-boxed li.is-active a::after {
  background: #31b1e0 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.service-sec-main .tabs.is-boxed a {
  position: relative;
  border: medium none;
  border-radius: 0;
  color: #2f3033;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  display: table;
  padding: 0 0 22px;
  justify-content: flex-start;
}

.service-sec-main .tabs.is-boxed li.is-active a {
  color: #31b1e0;
  background-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0) !important;
  border-left: rgba(0, 0, 0, 0);
}

.service-sec-main .tabs.is-boxed a:hover {
  background-color: rgba(0, 0, 0, 0);
}

.service-in-sec {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 7px #d0d0d0;
  float: left;
  padding: 30px 40px;
  width: 100%;
  min-height: 860px;
}

.service-in-sec .field .label {
  display: inline-block;
  margin-left: 10px;
}

.digital-upgrate-btn {
  float: right;
  margin: 25px 0 15px;
  width: 100%;
  text-align: right;
}

.digital-upgrate-btn a {
  background: #1a67a3 none repeat scroll 0 0;
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 0 7px;
  padding: 10px 25px;
  text-transform: uppercase;
}

.digital-upgrate-btn a.digital-btn {
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #ffffff;
  width: 18rem;
  text-align: center;
  font-size: 18px;
}

.digital-upgrate-btn a.digital-btn:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #f8fafb;
}

.digital-upgrate-btn a.upgrade-btn {
  border: 1px solid #fcc75c
    /* #f9b62f */
  ;
  color: #fcc75c
    /* #f9b62f */
  ;
}

.digital-upgrate-btn a.upgrade-btn:hover {
  background: #fcc75c
    /* #f9b62f */
  ;
  color: #f8fafb;
}

.sevices-status {
  float: left;
  margin: 20px 0 0;
  width: 100%;
}

.service-select {
  float: left;
  width: 100%;
}

.service-select {
  padding: 0;
}

.service-select h3.title {
  color: #2f3033;
  float: left;
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 0;
  padding: 0;
}

.service-select .add-new {
  background: #f8fafb none repeat scroll 0 0;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  float: right;
  font-size: 13px;
  font-weight: 600;
  margin: 0 0 0 7px;
  padding: 7px 13px;
  text-transform: uppercase;
}

.service-select .add-new:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff;
}

.service-selcet {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 7px #d0d0d0;
  float: left;
  margin: 16px 0 0;
  padding: 10px;
  width: 100%;
  min-height: 133px;
}

.srv-ckbox {
  float: left;
  width: 100%;
}

.srv-ckbox li {
  display: inline-flex;
  float: left;
  margin-bottom: 10px;
  min-height: 40px;
  padding: 0 10px 0 0;
  position: relative;
  width: 50%;
}

.srv-ckbox li label {
  word-wrap: break-word;
  color: #2f3033;
  line-height: 18px;
  cursor: pointer;
  float: left;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 0 0 20px;
  width: 100%;
}

.srv-ckbox li.selected label {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
}

/* Hide the browser's default checkbox */
.srv-ckbox li input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.srv-ckbox li .checkmark {
  background-color: #ffffff;
  border: 1px solid #2f3033;
  border-radius: 3px;
  height: 15px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 15px;
}

/* When the checkbox is checked, add a blue background */
.srv-ckbox li input:checked~.checkmark {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3;
  border: 1px solid #1a67a3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.srv-ckbox li:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.srv-ckbox li input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.srv-ckbox li .checkmark:after {
  left: 4.1px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.left-serv {
  padding-right: 30px;
}

.right-serv {
  padding-left: 30px;
}

.service-select.active h3.title {
  color: #fcc75c
    /* #f9b62f */
  ;
}

.service-select.active .service-selcet {
  background: #fff9e8 none repeat scroll 0 0;
  border: 1px solid #fcc75c
    /* #f9b62f */
  ;
}

.service-action {
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
  float: left;
  margin: 40px 0;
  padding: 20px 30px;
  text-align: center;
  width: 100%;
}

.service-action li {
  display: inline-flex;
  margin: 0;
  padding: 0 34px;
  position: relative;
  text-align: left;
}

.service-action ul li label {
  word-wrap: break-word;
  position: relative;
  color: #000;
  line-height: 18px;
  cursor: pointer;
  float: left;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 0 0 20px;
  width: 100%;
}

/* Hide the browser's default checkbox */
.service-action ul li input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.service-action ul li .checkmark {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 3px;
  height: 15px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 15px;
}

/* When the checkbox is checked, add a blue background */
.service-action ul li input:checked~.checkmark {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3;
  border: 1px solid #1a67a3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.service-action ul li:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.service-action ul li input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.service-action ul li .checkmark:after {
  left: 4.1px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.new-service-main {
  float: left;
  margin: 15px 0 0;
  width: 100%;
}

.new-service-main h3.title {
  color: #2f3033;
  float: left;
  font-size: 32px;
  font-weight: bolder;
  margin: 0 0 30px;
  width: 100%;
}

.service-type-select {
  float: left;
  width: 100%;
}

.service-type-select nav {
  max-width: 100%;
  text-align: center;
  padding: 0;
  margin: 0 !important;
}

.service-type-select nav ul {
  border: medium none;
  text-align: center;
}

.service-type-select nav ul li {
  position: relative;
  display: inline-block;
  float: none;
  margin: 0;
  margin-bottom: 1px;
  width: 20%;
}

.new-alertt .map-buton {
  text-align: left;
}

.service-type-select nav ul li:first-child {
  margin-left: 0;
}

.service-type-select nav ul li:last-child {
  margin-right: 0;
}

.service-type-select nav ul li a {
  background: #ffffff none repeat scroll 0 0;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3 !important;
  color: #2f3033;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 2px;
  /* padding: 12px 21.3%; */
  padding: 12px 40px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  z-index: 9;
  border-right: none !important;
}

.service-type-select nav ul li:last-child a {
  /* ticket # 784 requires to change is color to #1a67a3 */
  border-right: 1px solid #1a67a3 !important;
}

.service-type-select nav li.is-active a {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
}

.service-type-select nav li.is-active2 a {
  background-color: #fcc75c
    /* #f9b62f */
  ;
  /* border-bottom-color: #f9b62f !important;
  border-left: 1px solid #f9b62f;
  border-color: #f9b62f !important;*/
  color: #fff;
}

.service-type-select nav li.is-active2 a:hover {
  background-color: #fcc75c
    /* #f9b62f */
     !important;
  /* border-bottom-color: #f9b62f !important;
  border-left: 1px solid #a8a5a0;
  border-color: #f9b62f !important;*/
}

.service-type-select nav li.is-service-selected a {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3 !important;
  border-bottom-color: #1a67a3 !important;
  border-left: 1px solid #1a67a3;
  border-color: #1a67a3 !important;
  color: #fff;
}

.service-type-select nav li.is-service-selected a:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3 !important;
  border-bottom-color: #1a67a3 !important;
  border-left: 1px solid #1a67a3;
  border-color: #1a67a3 !important;
  color: #fff;
}

.service-type-select nav li.current a {
  background-color: #fcc75c
    /* #f9b62f */
  ;
  border-bottom-color: #fcc75c
    /* #f9b62f */
     !important;
  border-left: 1px solid #fcc75c
    /* #f9b62f */
  ;
  border: 1px solid #fcc75c
    /* #f9b62f */
     !important;
  color: #fff;
}

.service-type-select nav li.is-active2::before {
  /* ticket # 784 requires to change is color to #1a67a3 */
  border-bottom: 2px dashed #1a67a3;
}

.service-type-select nav li.is-active2 a::after {
  display: none;
}

.service-type-select nav ul li:last-child::before {
  display: none;
}

.service-type-select .tabs.is-boxed a:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3;
  border-bottom-color: #1a67a3;
  color: #fff;
}

.service-type-select .tabs.is-boxed a {
  border-radius: 0;
}

.new-sev-options {
  float: left;
  width: 100%;
}

.service-optn-in {
  background: rgba(54, 51, 119, 0.4392156862745098) none repeat scroll 0 0;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
  border-top: 0;
  padding: 20px;
  width: 100%;
  float: left;
}

.sehment-optn {
  float: left;
  padding: 13px 10px 0;
  width: 100%;
}

.sehment-optn>li {
  /* float: left;
     */
  margin-right: 5px;
  margin-left: 5px;
  width: 32%;
  margin-bottom: 10px;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
}

.sehment-optn li a {
  background: #ffffff none repeat scroll 0 0;
  color: #2f3033;
  font-size: 13px;
  font-weight: 500;
  padding: 12px 22px;
  text-transform: uppercase;
  display: block;
}

.sehment-optn li a:hover,
.sehment-optn li.active a {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
}

.upload-related {
  float: left;
  margin: 50px 0 0;
  width: 100%;
}

.upload-related h3.title {
  color: #2f3033;
  float: left;
  font-size: 32px;
  font-weight: bolder;
  margin: 0 0 30px;
  width: 100%;
}

.upload-related h3.title p {
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  margin: 3px 0 0;
}

.file-upload {
  background-color: "#E2ECED";
  display: block;
  overflow: hidden;
  position: relative;
}

.file-upload-new>img {
  height: 80px;
  width: 80px;
}

.file-upload-new input {
  width: 100%;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.file-upload {
  border: 1px solid #f7f9fa;
  display: block;
  height: 35px;
  max-width: 220px;
  overflow: hidden;
  position: relative;
}

.file-upload>p {
  color: #2f3033;
  float: left;
  font-size: 14px;
  font-style: italic;
  margin: 0;
  padding: 7px 30px 6px 60px;
  width: 100%;
}

.file-upload span {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 none repeat scroll 0 0;
  color: #ffffff;
  height: 33px;
  left: 0;
  line-height: 33px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 33px;
}

.file-upload input {
  left: 0;
  cursor: pointer;
  opacity: 0;
  padding: 7px 0;
  position: absolute;
  top: 0;
}

.upload-img-view {
  float: left;
  margin: 25px 30px 0 0;
  max-width: 240px;
  width: 200px;
  height: 200px;
  background-size: contain;
  position: relative;
}

.remove-image {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -10px;
  width: 20px;
}

.remove-image:hover {
  background: #fcc75c
    /* #f9b62f */
    none repeat scroll 0 0;
  color: #ffffff;
}

.zipcode {
  float: left;
  margin: 50px 0 0;
  width: 100%;
}

.zipcode h3.title {
  color: #2f3033;
  float: left;
  font-size: 32px;
  font-weight: bolder;
  margin: 0 0 20px;
  width: 100%;
}

.map-btn {
  background: #f8fafb none repeat scroll 0 0;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  float: left;
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding: 7px 32px;
}

.map-btn:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 none repeat scroll 0 0;
  color: #ffffff;
}

.unit-numb {
  float: left;
  margin: 50px 0 0;
  width: 100%;
}

.unit-numb h3.title {
  color: #2f3033;
  float: left;
  font-size: 32px;
  font-weight: bolder;
  margin: 0 0 15px;
  width: 100%;
}

.unit-numb li {
  display: inline-flex;
  float: left;
  margin: 11px 0;
  min-width: 160px;
  padding: 0 20px 0 0;
  position: relative;
}

.see-dig {
  text-align: center;
  float: left;
  width: auto;
}

.new-dash-but {
  padding-top: 50px;
  text-align: right;
}

.newly-added .pf-submit {
  font-weight: bold;
}

.unit-numb li label {
  word-wrap: break-word;
  color: #2f3033;
  line-height: 18px;
  cursor: pointer;
  float: left;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 0 0 20px;
}

.unit-numb li.selected label {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
}

/* Hide the browser's default checkbox */
.unit-numb li input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.unit-numb li .checkmark {
  background-color: #ffffff;
  border: 1px solid #2f3033;
  border-radius: 3px;
  height: 15px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 15px;
}

/* When the checkbox is checked, add a blue background */
.unit-numb li input:checked~.checkmark {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3;
  border: 1px solid #1a67a3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.unit-numb li:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.unit-numb li input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.unit-numb li .checkmark:after {
  left: 4.1px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.submit-btn {
  border-top: 1px solid #e5e5e5;
  float: left;
  margin: 50px 0 30px;
  padding: 30px 0 0;
  text-align: right;
  width: 100%;
}

.submit-btn a {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 10px 40px;
  text-transform: uppercase;
}

.submit-btn a:hover {
  background: #fcc75c
    /* #f9b62f */
    none repeat scroll 0 0;
}

.default-servc {
  float: left;
  margin: 20px 0 50px;
  width: 100%;
}

.default-servc h3.title {
  color: #2f3033;
  float: left;
  font-size: 29px;
  font-weight: bolder;
  margin: 0 0 25px;
  width: 100%;
}

.optin-btns {
  float: left;
  margin: 0;
  text-align: left;
  width: 100%;
}

.optin-btns a {
  background: #f8fafb none repeat scroll 0 0;
  font-size: 13px;
  font-weight: 600;
  margin: 0 7px 0 0;
  padding: 6px 34px;
  text-transform: uppercase;
}

.optin-btns a.yes-btn {
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
}

.optin-btns a.yes-btn:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 none repeat scroll 0 0;
  color: #f8fafb;
}

.optin-btns a.no-btn {
  border: 1px solid #fcc75c
    /* #f9b62f */
  ;
  color: #fcc75c
    /* #f9b62f */
  ;
}

.optin-btns a.no-btn:hover {
  background: #fcc75c
    /* #f9b62f */
    none repeat scroll 0 0;
  color: #f8fafb;
}

.custom-modal .modal-content,
.modal-card {
  overflow: visible;
  max-width: 590px;
}

.custom-modal .modal-content .error-message-modal {
  background: #ffe3df none repeat scroll 0 0;
  border: 1px solid #f15946;
  max-width: 590px;
  padding: 32px 15px;
  position: relative !important;
  text-align: center;
}

.custom-modal .error-message-modal .modal-close {
  background: #f15946 none repeat scroll 0 0;
  border: 1px solid #ffffff;
  position: absolute;
  right: -12px;
  top: -9.8px;
  z-index: 10000;
}

.error-message-modal>p {
  color: #000000;
  font-size: 18px;
  font-style: italic;
  padding: 10px;
}

.custom-modal .modal-content .success-message-modal {
  background: #fff9e8 none repeat scroll 0 0;
  border: 1px solid #fcc75c
    /* #f9b62f */
  ;
  max-width: 590px;
  padding: 32px 15px;
  position: relative !important;
  text-align: center;
}

.custom-modal .success-message-modal .modal-close {
  background: #fcc75c
    /* #f9b62f */
    none repeat scroll 0 0;
  border: 1px solid #ffffff;
  position: absolute;
  right: -12px;
  top: -9.8px;
  z-index: 10000;
}

.success-message-modal>p {
  color: #000000;
  font-size: 18px;
  font-style: italic;
  padding: 10px;
}

/******** Service page End***********/
/******** Login page Start***********/
.form-wrapper {
  margin: 0 auto;
  max-width: 510px;
  /* min-height: 80vw; */
}

.form-inner {
  float: left;
  margin: 40px 0 30px;
  padding: 0 15px;
  width: 100%;
  min-height: max-content;
}

.logo-forms {
  float: left;
  margin: 0 0 35px;
  text-align: center;
  width: 100%;
}

.logo-forms a img {
  max-width: 340px;
}

.form-main {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 7px #d0d0d0;
  float: left;
  /* min-height: 860px;
     */
  padding: 40px 40px 40px;
  width: 100%;
}

.form-main.thankyou-main {
  border: 0px;
  box-shadow: none;
}

.form-title {
  float: left;
  text-align: center;
  width: 100%;
}

.form-title h3 {
  color: #2f3033;
  float: left;
  font-size: 31px;
  font-weight: bold;
  letter-spacing: 4px;
  margin: 0;
  text-transform: uppercase;
  width: 100%;
}

.form-title p {
  color: #2f3033;
  float: left;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 4px;
  margin: 3px 0 0;
  width: 100%;
}

.form-fields {
  float: left;
  margin: 0px 0 0;
  width: 100%;
}

.form-group {
  float: none;
  margin: 0 0 25px;
  width: 100%;
  position: relative;
}

.form-group label {
  color: #2f3033;
  float: left;
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 8px;
  width: 100%;
}

.form-group .form-control {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #cbcbcb;
  font-weight: 400;
  height: 46px;
  padding: 0 15px;
  width: 100%;
}

.forget-pasword {
  color: #2f3033;
  float: right;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  margin: 5px 0 0;
}

.forget-pasword:hover {
  color: #fcc75c
    /* #f9b62f */
  ;
}

.captcha {
  float: left;
  margin: 0 0 25px;
  width: 100%;
}

.captcha img {
  max-width: 300px;
}

.checkbox {
  display: inline-flex;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.checkbox label {
  color: #2f3033;
  cursor: pointer;
  float: left;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  padding: 2px 0 0 21px;
  word-wrap: break-word;
}

/* Hide the browser's default checkbox */
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkbox .checkmark {
  background-color: #f8fafb;
  border: 1px solid #2f3033;
  border-radius: 3px;
  height: 15px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 15px;
}

/* When the checkbox is checked, add a blue background */
.checkbox input:checked~.checkmark {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3;
  border: 1px solid #1a67a3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox .checkmark:after {
  left: 4.3px;
  top: 0.9px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.login-btn {
  float: left;
  margin: 25px 0 30px;
  width: 100%;
}

.login-btn .btn {
  box-shadow: 0 0 16px #d0d0d0;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  height: 52px;
  letter-spacing: 3px;
  margin: 0;
  padding: 10px 15px;
  text-transform: uppercase;
  width: 100%;
  cursor: pointer;
}

.login-btn .btn:hover {
  background: #fcc75c
    /* #f9b62f */
  ;
}

.get-started {
  color: #2f3033;
  float: left;
  font-size: 18px;
  font-weight: 700;
  margin: 20px 0 0;
  text-align: center;
  width: 100%;
}

.get-started a {
  color: #fcc75c
    /* #f9b62f */
  ;
}

.get-started a:hover {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
}

.forget-password .form-title h3 {
  font-size: 28px;
  letter-spacing: 2px;
}

.forget-password .form-title p {
  letter-spacing: 1px;
}

.forget-password .login-btn {
  margin: 0 0 30px;
}

.forget-password .login-btn .btn {
  box-shadow: 0 0 0 #d0d0d0;
}

/* loader */
/* HTML: <div class="loader"></div> */

.div-loader{
  width: 5rem;
  height: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.MuiDialog-paper {
  background-color: #ff000000!important;
  box-shadow: none!important;;
}

.new-loader {
  width: 50px;
  padding: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #1a67a3;
  --_m:
    conic-gradient(#0000 10%, #000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  to {
    transform: rotate(1turn)
  }
}

/******** Login page End***********/
/******** Signup page Start***********/
.signup-form .form-title p {
  font-size: 18px;
  letter-spacing: 1px;
}

.view-password {
  bottom: 8px;
  position: absolute;
  right: 11px;
}

.view-password {
  bottom: 12px;
  position: absolute;
  right: 13px;
  width: 17px;
}

.membership-type {
  background: #fcc75c
    /* #f9b62f */
    none repeat scroll 0 0;
  color: #ffffff;
  float: left;
  font-size: 16px;
  font-weight: 700;
  padding: 12px 15px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.terms {
  float: left;
  margin: 0 0 25px;
  width: 100%;
}

.terms h4 {
  color: #2f3033;
  float: left;
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 8px;
  width: 100%;
}

.terms>p {
  color: #5c5c5d;
  float: left;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  line-height: 19px;
  width: 100%;
  word-break: break-word;
  word-wrap: break-word;
  text-align: justify;
}

.signup-btns {
  float: left;
  margin: 25px 0 15px;
  text-align: center;
  width: 100%;
}

.signup-btns button {
  background: #f8fafb none repeat scroll 0 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 12px 15px;
  text-transform: uppercase;
  width: 48.4%;
}

.signup-btns button.signup-btn {
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  margin: 0 5px 0 0;
}

.signup-btns button.signup-btn:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 none repeat scroll 0 0;
  color: #f8fafb;
}

.signup-btns button.skip-btn {
  border: 1px solid #fcc75c
    /* #f9b62f */
  ;
  color: #fcc75c
    /* #f9b62f */
  ;
  margin: 0 0 0 5px;
}

.signup-btns button.skip-btn:hover {
  background: #fcc75c
    /* #f9b62f */
    none repeat scroll 0 0;
  color: #f8fafb;
}

/******** Signup page End***********/
/******** select-area page Start***********/
.form-wrapper.select-area-main {
  max-width: 1180px;
}

.form-wrapper.select-area-main .area-names {
  max-width: 100%;
}

.select-area-main .form-title {
  text-align: left;
}

.select-area-main .form-title h3 {
  font-size: 23px;
  letter-spacing: 0;
}

.select-area-main .form-title p {
  font-size: 16px;
  letter-spacing: 1px;
  margin: 13px 0 0;
}

.metropolitan-area {
  float: left;
  margin: 50px 0 0;
  width: 100%;
}

.area-title {
  color: #2f3033;
  float: left;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 0 0 20px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

.metro-imp {
  color: #363636;
  font-weight: 600;
  padding: 11px;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: solid 4px #1a67a3;
  background: rgba(0, 159, 217, 0.29);
}

.area-names {
  margin: 0 auto;
  max-width: 870px;
}

.area-names ul {
  float: left;
  width: 100%;
}

.area-names ul li {
  display: inline-flex;
  float: left;
  margin: 0 0 15px;
  padding: 0 15px 0 0;
  min-height: 19px;
  position: relative;
  width: 33.33%;
}

.area-names ul li label {
  color: #2f3033;
  cursor: pointer;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 2px 0 0 21px;
  word-wrap: break-word;
}

.area-names ul li.active label {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 700;
}

/* Hide the browser's default checkbox */
.area-names ul li input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.area-names ul li .checkmark {
  background-color: #f8fafb;
  border: 1px solid #2f3033;
  border-radius: 3px;
  height: 15px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 15px;
}

/* When the checkbox is checked, add a blue background */
.area-names ul li input:checked~.checkmark {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3;
  border: 1px solid #1a67a3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.area-names ul li:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.area-names ul li input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.area-names ul li .checkmark:after {
  left: 4.3px;
  top: 0.9px;
  width: 5px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.next-btn {
  float: left;
  margin: 40px 0 30px;
  text-align: right;
  width: 100%;
}

.next-btn button.next-butn {
  background: #f8fafb none repeat scroll 0 0;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  width: 187px;
}

.next-btn button.next-butn:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 none repeat scroll 0 0;
  color: #f8fafb;
}

.select-area-form .login-btn {
  margin: 0 0 30px;
}

.select-area-form .login-btn .btn {
  box-shadow: 0 0 0 #d0d0d0;
}

.back-btn {
  float: left;
  margin: 0;
  text-align: left;
  width: 100%;
}

.back-btn button.back-butn {
  background: #f8fafb none repeat scroll 0 0;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 7px 15px;
  text-align: center;
  text-transform: uppercase;
  width: 147px;
}

.back-btn button.back-butn:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 none repeat scroll 0 0;
  color: #f8fafb;
}

.back-btn a.back-butn .fa-arrow-left {
  margin: 0 12px 0 0;
}

.select-dropdown {
  background: #fcfcfc none repeat scroll 0 0;
  border: 1px solid #ececec;
  float: left;
  font-weight: 400;
  height: 46px;
  padding: 9px 15px;
  position: relative;
  width: 100%;
}

.down-arrow {
  cursor: pointer;
  font-size: 18px;
  position: absolute;
  right: 18px;
  top: 9px;
}

/******** select-area page End***********/
/******** Thank you page Start***********/
.thankyou-title {
  float: left;
  text-align: center;
  width: 100%;
}

.thankyou-title h3 {
  color: #2f3033;
  float: left;
  font-size: 54px;
  font-weight: 800;
  letter-spacing: 0;
  margin: 10px 0;
  text-transform: uppercase;
  width: 100%;
}

.tick-icon {
  float: left;
  width: 100%;
}

.tick-icon {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  float: left;
  font-size: 73px;
  margin: -8px 0 0;
  width: 100%;
}

.thankyou-title p {
  color: #2f3033;
  float: left;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 15px 0 20px;
  padding: 0 20px;
  width: 100%;
}

.visible-in-small-reso {
  display: none;
}

.get-touch-radio {
  margin-top: 42px;
}

.pp-tt-popup .home-modal {
  padding: 30px 10px 30px 30px;
}

.pp-tt-popup .modal-card {
  width: 70% !important;
}

.pp-tt-popup .home-modal h1 {
  font-size: 20px;
  text-align: left;
  margin-bottom: 0;
}

.pp-tt-popup .home-modal hr {
  margin-top: 6px;
  margin-right: 0;
  margin-left: 0;
}

.pp-tt {
  height: 380px;
  overflow: auto;
  padding-right: 15px;
}

.pp-tt ul {
  text-align: left;
  list-style-type: disc;
  padding-left: 25px;
  margin-bottom: 25px;
}

.pp-tt ul li {
  font-size: 14px;
}

.pp-tt h2 {
  font-weight: bold;
  text-transform: uppercase;
}

.pp-tt p {
  font-size: 14px;
  margin-bottom: 5px !important;
}

.pp-tt::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

.pp-tt::-webkit-scrollbar {
  width: 7px;
  background-color: #fcc75c
    /* #f9b62f */
  ;
  border-radius: 10px;
}

.pp-tt::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fcc75c
    /* #f9b62f */
  ;
  height: 50px;
}

.pp-tt-buttons {
  padding: 15px 20px 0 0;
}

.pp-tt-agree {
  background: rgba(0, 159, 217, 0.7686274509803922);
  color: #fff;
  padding: 10px 15px;
  width: 120px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 8px;
  float: left;
}

.pp-tt-agree:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff;
  transition: 0.3s;
}

.pp-tt-cancel {
  float: right;
  padding: 10px 15px;
  width: 120px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: solid;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 8px;
  background: #c5c5c5;
  color: #ffffff;
}

.subscription-new-box {
  position: relative;
}

.darker {
  width: 100vw;
  background-color: #f1f0f6;
  padding-top: 70px;
  padding-bottom: 70px;
}

.darker:after {
  content: " ";
  /* border-left: 100vw solid transparent;
     */
  width: 0;
  position: absolute;
  top: 0;
  height: 50%;
  width: 100%;
  /*background: #fab500;
    */
}

.bubbles {
  position: absolute;
  width: 15px;
  height: 15px;
  border: solid 1px #fff;
  z-index: 1;
  opacity: 0.4;
}

.buble-1 {
  top: 5%;
  border-radius: 50%;
  left: 14%;
  background: #fab4c9;
}

.buble-2 {
  top: 25%;
  left: 20%;
  background: #ff9bb6;
}

.buble-3 {
  top: 132px;
  left: 23%;
  border-top: 7px solid transparent;
  border-right: 14px solid red;
  border-bottom: 7px solid transparent;
}

.buble-4 {
  top: 41px;
  left: 50%;
  background: #ff9bb6;
  border-radius: 50%;
}

.buble-5 {
  top: 40px;
  left: 30%;
  border-top: 7px solid transparent;
  border-right: 14px solid red;
  border-bottom: 7px solid transparent;
}

.buble-6 {
  top: 10px;
  left: 40%;
  background: #ff9bb6;
}

.buble-7 {
  top: 10px;
  left: 60%;
  border-top: 7px solid transparent;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border-right: 14px solid #1a67a3;
  border-bottom: 7px solid transparent;
}

.buble-8 {
  top: 125px;
  left: 14%;
  background: #fab4c9;
  border-radius: 33%;
}

.buble-9 {
  top: 333px;
  left: 30%;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  border-radius: 33%;
}

.buble-10 {
  top: 125px;
  right: 20%;
  background: #fab4c9;
  border-radius: 33%;
}

.buble-11 {
  top: 55px;
  right: 29%;
  background: #48b7e1;
  border-radius: 54%;
}

.buble-12 {
  top: 74px;
  right: 14%;
  background: #fab4c9;
  border-radius: 33%;
}

.buble-13 {
  top: 13px;
  right: 17%;
  background: #fa4849;
  border-radius: 50%;
}

.buble-14 {
  top: 152px;
  right: 35%;
  background: #fa4849;
  border-radius: 50%;
}

.buble-15 {
  top: 188px;
  right: 17%;
  background: #f7c6d6;
  border-radius: 50%;
}

.buble-16 {
  top: 313px;
  left: 60%;
  background: #fa4849;
  border-radius: 50%;
}

.pr2_1 .table-footer {
  background: #f5adb1 url(../images/wave-05.png) no-repeat;
}

.pr2_2 .table-footer {
  background: #6561c5 url(../images/wave-05.png) no-repeat;
}

.pr2_3 .table-footer {
  background: #28c1ba url(../images/wave-05.png) no-repeat;
}

.table-body {
  padding: 20px;
}

.table-footer {
  height: 200px;
  background-size: cover !important;
  position: relative;
  background-position: left !important;
}

.bubbles {
  -webkit-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

.subsc-contain {
  position: relative;
  z-index: 100;
}

.subsc-contain h1 {
  font-size: 26px;
  text-align: center;
  width: 700px;
  margin: auto;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 20px;
  color: #313131;
  /* font-weight: 600;
     */
  line-height: normal;
  /* text-shadow: 1px 1px 1px #000;
    */
}

.subsc-contain p {
  font-family: "Montserrat", sans-serif;
  width: 490px;
  margin: auto;
  font-size: 18px;
  text-align: center;
  color: #1b1b1a;
  /* font-weight: 600;
     */
  /* line-height: normal;
     */
  /* text-shadow: 0px 2px 2px #d4d4d4;
     */
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: solid 2px #1a67a3;
  padding: 6px;
  background: #c7f0ff;
}

.sub-radio {
  text-align: center;
  max-width: 500px;
  margin: 20px auto;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
}

.sub-radio .inputGroup {
  background-color: #fff;
  display: inline-block;
  margin: 10px 0;
  width: 38%;
  /* float: left;
     */
  position: relative;
}

.sub-radio .inputGroup label {
  padding: 10px 15px;
  width: 100%;
  display: block;
  text-align: left;
  color: #3c454c;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  font-size: 15px;
}

.sub-radio .inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  background-color: #fab500;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}

.sub-radio .inputGroup label:after {
  width: 20px;
  height: 20px;
  content: "";
  border: 2px solid #d1d7dc;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-position: -4px -4px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}

.sub-radio .inputGroup input:checked~label {
  color: #fff;
}

.sub-radio .inputGroup input:checked~label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}

.sub-radio .inputGroup input:checked~label:after {
  background-color: #fcce4f;
  border-color: #fcce4f;
}

.sub-radio .inputGroup input {
  width: 20px;
  height: 20px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 17px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.main-pricing-table {
  margin-top: 40px;
  position: relative;
  z-index: 100;
}

.main-pricing-table ul {
  display: none;
}

.main-pricing-table table {
  width: 100%;
}

.main-pricing-table th {
  width: 25%;
  font-size: 30px;
  font-weight: 400;
  border-bottom: 0;
  background: #2f313a;
  color: #ebedf3;
  text-transform: uppercase;
  text-align: center !important;
}

.main-pricing-table table td:first-child {
  padding-left: 20px;
  text-align: left;
  padding-top: 35px;
  background: #5f97fb;
}

.main-pricing-table table th,
.main-pricing-table table td {
  padding: 20px 10px;
  border: 1px solid #ddd;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.table-header {
  /*border-bottom: solid 1px #cdcdcd;
    */
  padding: 20px;
  text-align: center;
}

.table-header hr {
  width: 40px;
  margin: 10px auto;
  text-align: center;
  border: 0;
}

.pr2_details {
  float: left;
  width: 30%;
  background: #fff;
  box-shadow: 2px 3px 19px 0px rgba(0, 0, 0, 0.18);
  min-height: 400px;
}

.pr2_1 {
  float: left;
  width: 20%;
  background: #fff;
  box-shadow: 2px 3px 19px 0px rgba(0, 0, 0, 0.18);
  min-height: 400px;
}

.pr2_1 hr {
  background: #f6a8c0;
}

.pr2_2 {
  float: left;
  width: 30%;
  background: #fff;
  box-shadow: 2px 3px 19px 0px rgba(0, 0, 0, 0.46);
  min-height: 440px;
  margin-top: -15px;
  position: relative;
  z-index: 10;
}

.pr2_2 hr {
  background: #9e93f8;
}

.pr2_3 {
  float: left;
  width: 20%;
  background: #fff;
  box-shadow: 2px 3px 19px 0px rgba(0, 0, 0, 0.18);
  min-height: 400px;
}

.pr2_3 hr {
  background: #8debe7;
}

.main-pricing-table h1 {
  font-size: 25px;
  font-weight: 600;
  color: #9c9c9c;
  text-transform: uppercase;
  margin: 0;
  line-height: normal;
}

.main-pricing-table h3 sup {
  font-size: 0.5em;
  font-weight: 400;
  display: inline-block;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  color: #9c9c9c;
}

.main-pricing-table h3 small {
  font-size: 0.4em;
  text-transform: lowercase;
  color: #9c9c9c;
}

.main-pricing-table h3 {
  font-size: 32px;
  line-height: 23px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 21px 0;
  color: #000;
  margin-bottom: 0;
}

.pr_detail {
  float: left;
  width: 50%;
}

.pr_basic {
  float: left;
  width: 16.6%;
}

.pr_premium {
  float: left;
  width: 16.6%;
}

.pr_business {
  float: left;
  width: 16.6%;
}

/******** Thank you page End***********/
/******** Responsive Start ***********/

@media only screen and (max-width: 600px) {
  .home_banner {
    background-image: none !important;
  }
}

@media (max-width: 1500px) {
  /* .service-type-select nav ul li {
    }
     */
}

@media (max-width: 1380px) {

  /* .service-type-select nav ul li {
    }
     */
  .post-date {
    font-size: 10pt;
  }

  .new-profile-image figure {
    height: 175px !important;
  }
}

@media (max-width: 1300px) {
  .user-profile-image {
    height: 220px;
    width: 220px;
  }

  /* .right-section {
    }
     */
  .new-profile-image .is-280x280 {
    width: 100%;
    height: auto !important;
  }

  .user-profile-image .is-280x280 {
    height: 220px;
    width: 220px;
  }

  .new-profile-image .is-140x140 {
    width: 100%;
    height: auto !important;
  }

  .user-profile-image .is-140x140 {
    height: 110px;
    width: 110px;
  }

  .user-info {
    padding: 10px 0 0 240px;
  }

  .company-name {
    font-size: 21px;
  }

  .user-name {
    font-size: 20pt;
  }

  .star-icon>img {
    max-width: 130px;
  }

  .star-icon>p {
    font-size: 18px;
    top: -4px;
  }

  .website-url {
    margin: -8px 0 0;
  }

  .invidual-sec {
    font-size: 14px;
    line-height: 24px;
  }

  .invidual-sec>strong {
    font-size: 20px;
  }

  .favorite-sec>label {
    font-size: 13px;
  }

  .checkmark {
    right: 0;
    top: 5px;
  }

  .suply-points h3.title {
    font-size: 18px;
  }

  .suply-points li {
    font-size: 12pt;
  }

  .only-this ul li a {
    font-size: 13px;
  }

  .service-type-select nav ul li a {
    font-size: 14px;
    letter-spacing: 1px;
    padding: 12px 30px;
  }

  .new-supplychain-tab {
    font-size: 12px !important;
    letter-spacing: 1px !important;
    padding: 8px !important;
  }

  .service-type-select nav ul li::before {
    left: 130px;
    width: 170px;
  }

  .sehment-optn li a {
    font-size: 12px;
  }

  .srv-ckbox {
    padding: 2px 0;
  }
}

@media (max-width: 1280px) {
  .new-profile-image figure {
    height: 160px !important;
  }

  .test-discrip p {
    font-size: 11pt;
    width: 95%;
  }

  .post-date {
    font-size: 10pt;
  }

  .test-discrip h5 {
    font-size: 12pt;
  }

  .test-discrip h6 {
    color: #31b1e0;
    font-size: 12pt;
  }

  .user-detail-right {
    padding-left: 35px !important;
  }
}

@media (max-width: 1216px) {
  .new-scroll {
    height: 535px !important;
  }

  .righ-social h1 {
    margin-bottom: 10px;
    font-size: 34px;
  }

  .righ-social a {
    width: 25px;
    color: #fff;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
  }

  .testimonial-sec {
    height: 775px;
  }

  .new-profile-image figure {
    width: 160px;
  }

  .user-detail-right {
    width: 83%;
  }

  .testimonial-title {
    font-size: 14pt;
  }
}

@media (max-width: 1200px) {
  .loc-detail li span {
    top: 2px;
  }

  .loc-detail li {
    font-size: 13pt;
  }

  .light_email {
    font-size: 12pt;
  }

  .suply-points h3.title {
    font-size: 12pt;
  }

  .srv-ckbox li {
    width: 49.33%;
  }
}

@media (max-width: 1087px) {
  .test-discrip p {
    width: 100%;
  }

  .testimonial-sec {
    height: auto !important;
  }

  .suply-points {
    width: 100%;
  }

  .new-scroll {
    height: auto !important;
  }

  .righ-social {
    position: relative !important;
  }

  .right-section {
    margin-top: 50px;
    padding: 0;
  }
}

@media (max-width: 1023px) {
  .right-section {
    padding: 0;
    width: 100%;
  }

  .login-user .dropdown-trigger .button label {
    display: none;
  }

  .left-serv {
    padding-bottom: 20px;
    padding-right: 0;
  }

  .right-serv {
    padding: 20px 0 0;
  }

  .service-type-select nav ul li a {
    letter-spacing: 0 !important;
  }

  .new-supplychain-tab {
    letter-spacing: 0;
  }
}

@media (max-width: 991px) {
  .landing-banner {
    height: 360px !important;
  }

  .user-name {
    font-size: 16pt;
  }

  .light_add {
    font-size: 12pt;
  }

  .new-profile-image {
    width: 20% !important;
  }

  .user-detail-right {
    width: 80% !important;
    padding-left: 15px !important;
  }

  .user-detail-right table td:last-child {
    width: auto;
  }

  .service-action li {
    padding: 0 12px;
  }

  .service-type-select nav ul li a {
    font-size: 12px;
    padding: 12px 14px;
  }

  .new-supplychain-tab {
    font-size: 10px !important;
    letter-spacing: -1px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  .service-type-select nav ul li::before {
    left: 39px;
    width: 110px;
  }

  .sehment-optn {
    padding: 13px 0 0;
  }

  .sehment-optn li a {
    padding: 9px 11px;
  }

  .new-service-main h3.title {
    font-size: 28px;
    margin: 0 0 22px;
  }

  .upload-related h3.title {
    font-size: 28px;
  }

  .upload-related h3.title p {
    font-size: 12px;
    margin: 5px 0 0;
  }

  .zipcode h3.title {
    font-size: 28px;
    margin: 0 0 16px;
  }

  .unit-numb h3.title {
    font-size: 28px;
  }

  .unit-numb li {
    min-width: auto;
    padding: 0 27px 0 0;
  }
}

@media (max-width: 800px) {
  .hidden-767 {
    display: none;
  }

  .visible-767 {
    display: table !important;
    margin: auto !important;
    margin-bottom: 50px !important;
    width: 250px !important;
    float: none !important;
  }

  .dashboard-pic {
    width: 250px !important;
    height: 250px !important;
  }

  .pro-info {
    width: 100% !important;
  }
}

@media (max-width: 790px) {
  .user-detail-right table td {
    float: left;
    width: 33%;
  }

  .user-detail-right {
    width: 100% !important;
    margin-top: 25px;
  }

  .star-icon>img {
    max-width: 96px;
  }

  .star-icon>p {
    font-size: 14px;
    top: -3px;
  }

  .user-detail-right table td:last-child {
    width: 33%;
  }

  .new-profile-image {
    width: 100% !important;
    float: none !important;
    text-align: center;
  }

  .new-profile-image figure {
    margin: auto;
  }
}

@media (max-width: 767px) {
  .first_h1 {
    font-size: 20px !important;
  }

  .tb-view td {
    width: auto !important;
  }

  .landing-box-2 h2 {
    color: #fff;
    font-size: 25px !important;
  }

  .landing-banner {
    height: 260px !important;
  }

  .gtouch .form-group {
    margin-bottom: 20px !important;
  }

  .gtouch .zip-fo {
    margin-bottom: 0 !important;
  }

  .gtouch .checkkk {
    text-align: center;
    display: inline-block !important;
    margin: auto;
  }

  .user-detail-right {
    display: block;
  }

  .left-name-sec {
    text-align: left;
    float: left;
    width: 50%;
  }

  .right-rating-sec {
    text-align: right;
    float: right;
    width: 50%;
  }

  /*.invidual-sec {
         text-align: left;
    }
    */
  .favorite-sec>label {
    position: relative;
  }

  .checkmark {
    top: 2px;
  }

  .service-sec-main .tabs.is-boxed li {
    display: flex;
    padding: 0 23px 0 0;
  }

  .service-sec-main .tabs ul {
    display: flex;
  }

  .digital-upgrate-btn a {
    display: inline-block;
    margin: 0 0 10px 7px;
    padding: 10px 13px;
  }

  .service-in-sec {
    padding: 20px;
  }

  .form-main {
    padding: 20px;
  }

  .illo ul li a {
    font-size: 12pt;
  }
}

@media (max-width: 751px) {
  .menu-right {
    padding-top: 28px;
  }
}

@media (max-width: 700px) {
  .divide-3 {
    width: 100% !important;
  }

  .login-user .dropdown-trigger .button span {
    height: 27px;
    width: 27px;
  }

  .login-user .dropdown-trigger .button {
    padding: 0px 0 7px 0px;
  }

  /*.notification-iocn {
         height: 53px;
         line-height: 53px;
         width: 31px;
    }
    */
  .notification-iocn .fa-bell {
    font-size: 19px;
  }

  /*.notification-iocn > span {
         height: 8px;
         right: 4px;
         top: 13px;
         width: 8px;
    }
    */
  .user-info {
    padding: 10px 0 0;
  }

  /* .user-info {
         text-align: center;
    }
     */
  /*.logo {
         float: left;
         max-width: 180px;
         padding: 0;
    }
    */
  /*.hero-head .columns {
         display: block;
         width: 100%;
    }
    */
  .is-left-section {
    width: 100%;
  }

  .super-title {
    padding: 0;
  }

  .port-img-out {
    padding: 0 0 15px;
    width: 100%;
  }

  /*footer.footer {
         padding: 100px 0 30px;
    }
    */
  .foot-nav>li {
    margin: 0 10px;
  }

  .foot-nav>li::after {
    right: -12px;
  }

  .notify-content {
    right: -80px;
  }

  .notify-content::before {
    right: 88px;
  }

  .only-this {
    display: inline-block;
    width: 100%;
  }

  .service-type-select nav li.is-active2::after {
    display: none;
  }

  .service-type-select nav ul li {
    width: 30%;
  }

  .service-type-select nav ul li::before {
    display: none;
  }

  .service-optn-in {
    padding: 15px;
  }

  .service-in-sec {
    padding: 10px 15px;
  }

  .srv-ckbox li {
    width: 100%;
  }

  .srv-ckbox li {
    min-height: auto;
  }

  .service-select h3.title {
    margin: 5px 0 15px;
  }

  .service-action li {
    float: left;
    margin: 4px 0;
    padding: 0;
    width: 100%;
  }

  .custom-modal .modal-content,
  .modal-card {
    width: 88%;
  }

  .signup-btns a {
    font-size: 14px;
    padding: 12px 10px;
    width: 47.4%;
  }

  .area-names ul li {
    padding: 0 0px 0 0;
    width: 100%;
  }
}

@media (max-width: 625px) {
  .favorite-sec>label {
    font-size: 14px !important;
  }

  .invidual-sec {
    margin-top: 0 !important;
  }

  .light_email {
    font-size: 14pt;
  }

  .light_add span {
    width: 15px;
    margin-top: 4px;
  }

  .light_email span {
    top: 3px;
    width: 20px;
  }

  .loc-detail li span {
    width: 15px;
  }

  .loc-detail li {
    font-size: 16pt;
    padding: 0 0 0 24px;
  }

  .hidden-in-small-reso {
    display: none;
  }

  .visible-in-small-reso {
    display: block;
  }

  .illo ul li a {
    font-size: 10pt;
  }

  .user-detail-right {
    padding-left: 0 !important;
  }

  .user-name {
    font-size: 18pt;
  }

  .star-icon>img {
    max-width: 130px;
  }

  .porfolio-main .swiper-container1 .swiper-button-prev {
    padding: 20px 20px;
  }

  .porfolio-main .swiper-container1 .swiper-button-next {
    padding: 20px 20px;
  }

  .light_add {
    text-align: left;
    font-size: 14pt;
  }

  .invidual-sec {
    line-height: normal;
    margin-top: 10px;
    text-align: left;
  }

  .user-detail-right table td:last-child {
    width: 100%;
  }

  .delete-empty {
    display: none !important;
  }

  .suply-points {
    margin-top: 10px;
  }

  .suply-points h3.title {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }

  .suply-points>ul {
    display: table;
    width: 100%;
  }

  .favorite-sec {
    text-align: left;
  }

  .star-icon {
    text-align: left;
  }

  .user-detail-right table td {
    float: none;
    width: 100%;
    display: table;
    margin-bottom: 5px;
  }
}

@media (max-width: 510px) {
  .menu-right {
    display: block;
    float: right;
    padding: 9px 0.75rem 0;
  }

  .new_home_span {
    width: 100%;
  }

  .new_home_span .logoInfo_small {
    display: inline;
  }

  .menu-right {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
  }

  .menu-right .dropdown.login-user {
    float: none;
  }
}

@media (max-width: 450px) {
  .inn-dashboard {
    padding: 14px 0 !important;
  }

  .visible-767 {
    width: 215px !important;
  }

  .dashboard-pic {
    width: 200px !important;
    height: 200px !important;
  }

  .landing-box-2 h2 {
    color: #fff;
    font-size: 20px !important;
  }

  .post-date {
    float: none;
    margin: 8px 0 5px;
    position: relative;
    right: 0;
    text-align: left;
    top: 0;
  }

  /*.logo {
         float: left;
         max-width: 159px;
         padding: 9px 0 0;
    }
    */
  .menu-right {
    padding: 15px 0.75rem 0 0;
  }
}

@media (max-width: 400px) {
  .logo-forms a img {
    width: 100%;
  }

  .signup-btns a {
    font-size: 13px;
    padding: 12px 5px;
    width: 46.4%;
  }
}

.new_home_span {
  color: #fcc75c
    /* #f6a54d */
     !important;
  font-weight: 600 !important;
  font-size: 23px;
  margin-top: 10px;
  display: block;
}

.new_home_span .logoInfo_small {
  color: #fcc75c
    /* #f6a54d */
     !important;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1px;
}

.home-banner {
  /*background:url('../images/home.jpg') no-repeat fixed;
    */
  position: relative;
}

.home-tbl-sec {
  display: table;
  width: 100%;
}

.home-sect-left {
  padding-right: 0;
  margin-top: 90px;
  display: table-cell;
  vertical-align: bottom;
  width: 50%;
}

.home-sect-right {
  width: 50%;
  padding-right: 0;
  display: table-cell;
  vertical-align: bottom;
}

.home-sect-left a {
  border: none;
  margin-top: 55px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.home-sect-left a:hover {
  background: #313131;
  color: #fff !important;
  border: none;
}

.home-sect-right {
  text-align: center;
}

.home-sect-right a {
  background: #313131;
  margin: 15px auto !important;
}

.home-sect-right a:hover {
  background: #fcc75c
    /* #f9b62f */
  ;
  color: #fff !important;
}

.home-sect-left p {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.home-banner span {
  display: block;
  font-size: 16px;
  text-transform: none;
  font-weight: 400;
}

.home-banner span strong {
  color: #000;
}

.home-banner span a {
  color: #fcc75c
    /* #f9b62f */
  ;
  font-size: 18px;
  display: inline;
  text-decoration: underline;
  text-transform: none;
  padding: 0;
  margin: 0 !important;
}

.home-banner hr {
  width: 50px;
  border: 0;
  background: #fff;
  height: 2px;
}

.home-banner h2 {
  /* text-align: center;
     */
  color: #313131;
  margin-bottom: 25px;
  font-style: italic;
  font-size: 22px;
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
}

.first-home-sec {
  text-align: center;
  margin: auto;
}

.first-home-sec p {
  color: #000;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 25px;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  line-height: normal;
}

.home-banner h4 {
  color: #000;
  font-size: 18px;
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
}

.home-banner a {
  display: table;
  padding: 0 31px;
  height: 40px;
  min-width: 150px;
  line-height: 38px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 3px;
  text-align: center;
  border: none;
  color: #fff;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  margin-right: 8px;
  margin-bottom: 24px !important;
  border-radius: 4px;
}

.home-banner .btn-fill {
  background: #fcc75c
    /* #f9b62f */
  ;
}

.btn-fill {
  background: #2f3033;
  border: 1px solid #2f3033;
}

.btn-fill:hover {
  background: #fff;
  /* color: #1a67a3 !important; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3 !important;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
}

.btn-empty {
  background: none;
  border: 1px solid #fff;
}

.btn-empty:hover {
  background: #fff;
  /* color: #1a67a3 !important; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3 !important;
}

.background-overlay {
  background-color: #2f3033;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.textarea-ff {
  height: auto !important;
}

.get-touch h1 {
  font-size: 35px;
  color: #e0e0e0;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
}

.get-touch label {
  color: #fff;
  display: block;
  font-weight: bold;
}

.get-touch .form-control {
  height: 35px;
  width: 100%;
  border-radius: 4px;
  background: rgba(35, 35, 35, 0.7490196078431373);
  border: solid 1px #424242;
  box-shadow: inset 1px 2px 9px #000;
  color: #fff;
}

.get-touch .form-group {
  margin-bottom: 10px;
}

.get-touch hr {
  width: 50px;
  margin: auto;
  margin-bottom: 17px;
}

/* .zip-btn {
}
 */
.zip {
  float: left;
  width: 50%;
}

.sent-btn-main {
  width: 50%;
  text-align: right;
  float: right;
}

.sent-btn {
  background: #fcfcfc;
  border: none;
  outline: 0;
  transition: 0.2s;
  padding: 15px 25px;
  color: #313131;
  font-weight: 700;
  border-radius: 4px;
  margin-top: 10px;
}

.sent-btn:hover {
  transition: 0.2s;
  cursor: pointer;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff;
}

/* .new_foot_nav {
}
 */
.new_foot_nav a {
  color: #fff;
  position: relative;
  margin-bottom: 5px;
}

.new_foot_nav a:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  left: 0;
  margin-left: 0;
  height: 2px;
  background: #fff;
  transition: 0.2s;
}

.new_foot_nav a:hover:before {
  transition: 0.2s;
  width: 100%;
  left: 50%;
  margin-left: -50%;
}

.social-links {
  padding-top: 15px;
  text-align: center;
}

.social-links h1 {
  font-size: 23px;
  line-height: normal;
  color: #e0e0e0;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}

.social-links h2 {
  color: #fff;
}

.social-links hr {
  width: 50px;
  margin: auto;
  margin-bottom: 17px;
}

.social-links a {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-size: 44px;
  margin: 0 8px;
  transition: 0.2s;
  display: inline-block;
}

.social-links a:hover {
  transition: 0.2s;
  color: #fff;
}

.new_foot_nav h2 {
  color: #e0e0e0;
  margin-bottom: 20px;
  font-size: 30px;
}

/* .clearfix {
}
 */
.clearfix:before {
  display: table;
  content: " ";
}

.clearfix:after {
  display: table;
  content: " ";
  clear: both;
}

.righ-social {
  text-align: center;
  display: table;
  margin: auto;
  position: absolute;
  width: 100%;
  bottom: 5px;
  z-index: 100;
  left: 0;
  background: #d0edf8;
}

.righ-social div {
  background: #fcc75c
    /* #fab62f */
  ;
  width: 30px;
  display: inline-block;
  margin-right: 5px;
  /* float: left;
     */
  color: #fff;
  height: 30px;
  line-height: 33px;
  border-radius: 6px;
  font-size: 16px;
  transition: 0.2s;
  cursor: pointer;
}

.righ-social div:hover {
  margin-top: -4px;
  transition: 0.2s;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
}

.righ-social h1 {
  /* margin-top: 25px;
     */
  font-family: "JustAnotherHand";
  margin-bottom: 5px;
  font-size: 40px;
  letter-spacing: 1px;
  color: #5f5965;
  font-weight: 100;
}

.righ-social hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.porfolio-main .gallery-top {
  height: 80%;
  width: 100%;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* z-index: 1; */
}

.gallery-top .main-profile-img {
  background-size: cover;
  background-repeat: no-repeat !important;
  height: 644px;
  background-position: center center;
}

.gall-thumb {
  float: left;
  height: 115px;
  /* margin: 0 0.3%;
     */
  width: 20%;
  position: relative;
  background-size: cover !important;
  padding-right: 6px;
}

.gall-thumb:last-child {
  margin-right: 0;
}

.new-gall-thumb-tbl {
  display: table;
  width: 100%;
  text-align: center;
  height: 100%;
}

.new-gall-thumb-cell {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background-size: cover !important;
  background-position: center !important;
}

.gall-thumb:first-child {
  margin-left: 0;
}

/* .order-tbl {
}
 */
.order-tbl {
  background: #fff;
  border: 1px solid #e5e5e5;
  padding: 50px 25px;
  box-shadow: 0 0 7px #d0d0d0;
  /* min-height: 860px;
     */
  width: 100%;
}

.inner-order-tbl {
  background: #fff;
  float: left;
  width: 100%;
}

.order-tbl table {
  width: 100%;
}

.order-tbl table td {
  padding: 15px;
  border: solid 1px #e4e4e4;
  font-weight: bold;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
}

.order-butn {
  margin-top: 25px;
}

.order-butn button {
  display: inline-block;
  padding: 0 31px;
  height: 40px;
  min-width: 150px;
  line-height: 38px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  margin-right: 8px;
  margin-bottom: 24px !important;
  border-radius: 4px;
}

.order-butn .btn-fill {
  background: #009fdc;
  color: #fff !important;
  border: none;
  cursor: pointer;
}

.order-butn .btn-empty {
  background: #2f3033;
  color: #fff !important;
  border: none;
  cursor: pointer;
}

.order-tbl table td:first-child {
  width: 30%;
  font-weight: bold;
  color: #8a8a8a;
}

.porfolio-main .gallery-thumbs {
  position: relative;
  overflow: hidden;
  list-style: none;
  /* z-index: 1; */
  margin-top: 6px;
}

.porfolio-main .gallery-thumbs .swiper-slide {
  width: 25%;
  height: 150px;
  opacity: 0.4;
}

.porfolio-main .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.new-scroll {
  height: 630px;
  /* overflow-y: auto;
     */
  overflow-x: hidden;
  width: 100%;
}

.pro-label {
  width: 100%;
  position: absolute;
  bottom: 0;
  /* background: rgb(54, 51, 119); */
  background: #1a67a3;
  color: #fff;
  text-align: center;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.swiper-container1 .tabs ul {
  padding: 0 30px;
  border: none;
  display: block;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
}

.swiper-container1 .swiper-button-next:after,
.swiper-container1 .swiper-button-prev:after {
  font-size: 20px;
}

.swiper-container1 .swiper-button-next {
  right: 0;
  top: 20px;
  color: #fff;
}

.swiper-container1 .swiper-button-prev {
  left: 0;
  top: 20px;
  color: #fff;
}

.dashboard-main {
  /* margin-top: 50px;
     */
  margin-bottom: 50px;
  float: left;
  width: 100%;
  /* padding: 0 50px;
    */
}

.inn-dashboard {
  /*background: #f9f9f9;
    */
  padding: 20px 50px;
  /* box-shadow: 1px 4px 10px -7px #000;
    */
}

.dashboard_top_new_head {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  padding: 10px 50px 24px 50px;
}

.only-this {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.only-this li {
  width: 33%;
}

.new-alertt .form-control {
  width: 315px;
}

.new-alertt .map-buton .btn-fill {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  background: none;
  padding: 10px 15px;
  min-width: 142px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: solid 1px;
  cursor: pointer;
  display: inline-block;
}

/* .dashboard-main .form-control {
}
 */
.sehment-optn .is-active a {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3 !important;
  font-weight: 600;
  color: #fff !important;
}

.pf-submit {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff;
  padding: 10px 15px;
  width: 50%;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: 0;
  cursor: pointer;
}

.profile-img {
  width: 250px;
  height: 250px;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: solid 2px #1a67a3;
  border-radius: 51%;
  position: relative;
  display: table;
  overflow: hidden;
  text-align: center;
}

.tbl-cell {
  display: table-cell;
  vertical-align: middle;
}

.profile-img img {
  width: 100%;
  max-width: 100%;
}

.pro-info {
  float: left;
  width: 60%;
  padding: 0 15px;
  position: relative;
}

.pro-pic {
  position: relative;
  float: left;
  padding: 0 15px;
  width: 30%;
  margin-left: 10%;
}

.pic-btn {
  position: absolute;
  bottom: 4px;
  padding: 6px 14px;
  color: #fff;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  border-radius: 50%;
  right: 56px;
  font-size: 30px;
  box-shadow: 3px 4px 10px -6px #000;
  cursor: pointer;
}

.changepassword {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;


  border: 1px solid rgb(185, 185, 185);
  background-color: rgb(250, 250, 250);
  padding: 10px 25px;
  width: 30rem;
  min-height: 25vh;
  border-left: 5px solid #1a67a3;
  border-radius: 5px;

  /* padding: 40px 15px;
  background: #f7f7f7;
  margin-top: 0; */
  /* border: solid 1px #d6d6d6;
     */
}

.changepassword h1 {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 15px;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-family: "Montserrat", sans-serif;
}

.checkkk {
  display: table-cell;
  vertical-align: middle;
}

.checkkk label {
  font-weight: bold;
  color: #888;
}

.map-buton {
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 10px;
}

.mainn-map .modal-card {
  max-width: inherit;
  width: 80%;
  text-align: center;
}

.is-active-checkbox {
  /* color: #1a67a3 !important; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3 !important;
}

.checkboxes_new {
  text-align: center;
  display: table;
  width: 50%;
  margin: auto;
  margin-bottom: 25px;
}

.mainn-map h1 {
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #000;
}

.mainn-map>.modal-card>.modal-card-body {
  padding: 10px;
}

.mappp {
  height: 450px;
}

.mappp iframe {
  height: 100%;
}

.mainn-map .delete {
  right: -7px;
  position: absolute;
  top: -10px;
  z-index: 100;
  opacity: 1;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  border: solid 2px #fff;
  width: 25px;
  height: 25px;
  max-width: inherit;
  max-height: inherit;
}

.map-buton button {
  color: #fff;
  padding: 10px 15px;
  min-width: 142px;
  text-align: center;
  text-transform: uppercase;
  outline: 0;
  border: solid 1px;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}

.map-buton .btn-fill {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  background: none;
}

.map-buton .btn-fill:hover {
  color: #fff !important;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
}

.mappp p {
  color: #444;
  font-weight: 600;
}

.map-buton .btn-empty {
  color: #fcc75c
    /* #f9b62f */
  ;
  background: none;
}

.map-buton .btn-empty:hover {
  background: #fcc75c
    /* #f9b62f */
  ;
  color: #fff !important;
}

.error-message-modal .btn-fill {
  padding: 10px;
  min-width: 150px;
  margin-top: 10px;
  display: inline-block;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #ffffff;
  border: 1px solid #1a67a3;
}

.error-message-modal .btn-fill:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff !important;
}

.error-message-modal .btn-fill-menu {
  padding: 10px;
  min-width: 150px;
  margin-top: 10px;
  margin-right: 10px;
  display: inline-block;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #ffffff;
  border: 1px solid #1a67a3;
  border-radius: 5px;
}

.error-message-modal .btn-fill-menu:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff !important;
}

.promo-main label {
  font-size: 25px;
}

.promo-main span {
  font-size: 14px;
  font-weight: 500;
  color: #2f3033;
  font-style: italic;
}

.promo-main .btn-empty {
  /* border: solid 1px #fcc75c ;
  padding: 10px 17px;
  color: #fcc75c ;
  min-width: 200px; */
  padding: 10px 17px;
  background: #1a67a3;
  width: 50%;
  color: white;
}

.promo-main .btn-empty:hover {
  background: #1a67a3
    /* #f9b62f */
  ;
  color: #fff !important;
  cursor: pointer;
}

.promo_checkboxes_new {
  margin-top: 40px;
}

.promo_checkboxes_new .checkkk {
  display: block;
  width: 100%;
  margin-bottom: 17px;
}

.promo_checkboxes_new .checkkk label {
  font-size: 15px;
  font-weight: 500;
  color: #444;
}

.promo-main .pf-submit {
  float: right;
}

.endorsment-form {
  text-align: left !important;
}

.endorsment-form .modal-card-body {
  padding: 35px;
}

.endorsment-form .map-buton {
  text-align: right;
}

.endorsment-form h2 {
  color: #444;
  font-size: 25px;
  font-weight: 700;
}

.endorsment-form hr {
  width: 70px;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  border: none;
  margin-top: 0;
  height: 2px;
}

.endorsment-form h2 i {
  color: #fcc75c
    /* #f9b62f */
  ;
  font-size: 21px;
}

.endorsment-form h2 span {
  color: #444;
  font-weight: 500;
  font-size: 18px;
}

.endos_panel1 {
  padding: 40px;
  background: #fcfcfc;
  border: solid 1px #eee;
  margin: 40px 0;
}

.endos_panel1 h1 {
  color: #fcc75c
    /* #f9b62f */
  ;
  font-weight: bold;
  font-size: 25px;
}

.endos_panel2 h1 {
  color: #fcc75c
    /* #f9b62f */
  ;
  font-weight: bold;
  font-size: 25px;
}

.endos_panel3 h1 {
  color: #fcc75c
    /* #f9b62f */
  ;
  font-weight: bold;
  font-size: 25px;
}

.endos_panel3 table {
  width: 100%;
  margin-bottom: 25px;
}

.endos_panel3 table tr {
  background: #fcfcfc;
  border: solid 1px #eee;
}

.endos_panel3 table td,
.endos_panel3 table th {
  padding: 10px;
}

.endos_panel2 hr {
  margin-top: 30px;
  height: 1px;
  background: #eee;
  width: 100%;
}

.add-btn {
  height: 45px;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  border: none;
  color: #fff;
  padding: 10px 15px;
  width: 100%;
  transition: 0.2s;
}

.add-btn:hover {
  background: #38393c;
  transition: 0.2s;
  border-color: #38393c;
}

.endos_panel1 table {
  width: 100%;
}

.endos_panel1 table td {
  padding-right: 15px;
}

.endos_panel1 span {
  /* width: 25%;
     */
  font-style: normal;
  font-size: 15px;
}

.endos_panel1 td:last-child {
  padding-right: 0;
}

.tick-yellow {
  color: #fcc75c
    /* #f9b62f */
  ;
}

.alert-text-box {
  text-align: left;
}

.alert-text-box button {
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
  background: #1a67a3;
  color: #fff;
  margin-top: 28px;
  height: 46px;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 15px;
  text-transform: uppercase;
  display: block;
  width: 100%;
}

.home-slider {
  padding: 15px;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
}

.home-slider .swiper-container {
  width: 95%;
}

.home-slider h2 {
  font-size: 27px;
  text-align: center;
  /* font-weight: 600;
     */
  color: #fdd866;
  margin-bottom: 12px;
}

.mapboxgl-canvas {
  position: relative !important;
  display: flex !important;
}

/* .mappp .mapboxgl-map .mapboxgl-canvas-container canvas {
  width: auto !important;
  height: 450px !important;
} */
.subscription-plan h1 {
  font-size: 26px;
  line-height: normal;
  /* text-transform: uppercase;
     */
  font-weight: 700;
  color: #000000;
  /* margin-bottom: 20px;
     */
  text-align: center;
  width: 700px;
  margin: auto;
  margin-bottom: 20px;
}

.subscription-plan {
  background: #ffffff none repeat scroll 0 0;
  /* min-height: 860px;
     */
  padding: 80px 40px 40px;
  width: 100%;
}

.buttoning {
  text-align: center;
  display: table;
  margin: auto;
  margin-bottom: 10px;
}

.subscription-plan .checkbox {
  display: table-cell;
  width: 209px;
  text-align: center;
  background: #f9fafc;
  border: solid 1px #dedede;
}

.subscription-plan .checkbox label .checkmark {
  border: 1px solid #bfbfbf;
  left: 31px;
  position: absolute;
  top: 16px;
}

.subscription-plan .checkbox label input:checked~.checkmark {
  background: #fff;
}

.subscription-plan .checkbox label .checkmark:after {
  /* ticket # 784 requires to change is color to #1a67a3 */
  border-color: #1a67a3;
}

.subscription-plan .checkbox label {
  position: relative;
  color: #2f3033;
  font-weight: 400;
  padding: 15px 30px;
  width: 100%;
}

.subscription-plan .checkbox_active {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff !important;
}

.subscription-plan .sub-btn-1 {
  margin-right: 40px;
}

/* .subscription-plan .sub-btn-2 label {
}
 */
/* .subscription-plan .sub-btn-1 label .checkmark {
     border: 1px solid #f8fafb;
     left: 31px;
     position: absolute;
     top: 16px;
}
 */
.sub-plans {
  width: 90%;
  margin: auto;
  border: solid 1px #fcc75c
    /* #f9b62f */
  ;
}

/* .discount-text {
}
 */
.discount-text ul {
  margin-top: 50px;
}

.discount-price {
  margin-top: 48px;
}

.discount-text h2 {
  font-size: 20px;
  /* text-transform: uppercase;
     */
  font-weight: bold;
  color: #fcc75c
    /* #f9b62f */
  ;
  margin-top: 0px;
  line-height: normal;
  text-align: center;
  width: 522px;
  margin: auto;
}

.discount-text ul li {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: 400;
  border-top: solid 1px #d0d0d0;
  padding: 10px 5px;
  color: #2d3243;
  margin: 0;
}

.discount-price ul li {
  font-size: 17px;
  margin-bottom: 10px;
  font-weight: 800;
  border-top: solid 1px #d0d0d0;
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #2d3243;
}

.bas-btn {
  cursor: pointer;
  /* height: 40px;
     */
  padding: 20px 15px;
  text-align: center;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff;
  border: 0;
  /* min-width: 130px;
     */
  text-transform: uppercase;
  font-weight: 600;
  margin: auto;
  display: block;
  cursor: pointer;
  margin-top: 25px;
  width: 90%;
  font-size: 25px;
  font-weight: 700;
  line-height: 18px;
}

.discount-text ul li:nth-child(even) {
  background: #fafafa;
}

.discount-price .sub-basic ul li:nth-child(even) {
  background: #e7ebf5;
}

.discount-price .sub-standard ul li:nth-child(even) {
  background: #f9f5eb;
}

.std-btn {
  cursor: pointer;
  /* height: 40px;
     */
  padding: 20px 15px;
  text-align: center;
  color: #ffffff;
  background: #fab500;
  border: solid 1px #fab500;
  /* min-width: 130px;
     */
  text-transform: uppercase;
  font-weight: 600;
  margin: auto;
  display: block;
  cursor: pointer;
  margin-top: 25px;
  width: 94%;
  font-size: 25px;
  font-weight: 700;
  line-height: 18px;
}

.sub_active_class {
  transition: 0.3s;
  margin-top: -20px;
  box-shadow: -1px -1px 10px -4px;
}

.sub-basic:hover {
  transition: 0.3s;
}

.sub-standard:hover {
  transition: 0.3s;
}

.discount-text ul li:last-child {
  border-bottom: solid 1px #d0d0d0;
}

.padLeft0 {
  padding-left: 0;
}

.padRight0 {
  padding-right: 0;
}

.discount-price ul li:last-child {
  border-bottom: solid 1px #d0d0d0;
}

.sub-button {
  margin-top: 45px;
  margin-bottom: 25px;
}

.sub-button p {
  font-size: 22px;
  line-height: normal;
  font-weight: 600;
  margin-bottom: 20px;
  color: #2d3243;
  text-align: center;
}

.try-btn {
  background: #767171;
  border: solid 1px #545454;
  padding: 10px 25px;
  /* height: 40px;
     */
  min-width: 150px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  margin: auto;
  display: block;
}

.try-btn:hover {
  background: #767171;
  cursor: pointer;
  color: #fff;
}

.sub-head {
  color: #fff;
  text-transform: uppercase;
  display: block;
  padding: 15px 5px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 25px;
}

.price-cutt {
  /* float: left;
     */
  /* width: 50%;
     */
  color: #2d3243;
  font-size: 30px;
  text-decoration: line-through;
  position: relative;
  font-weight: 200;
  display: block;
  margin: auto;
  text-align: center;
  font-weight: 600;
}

.price-cutt span {
  position: relative;
  bottom: 2ex;
  font-size: 80%;
  font-size: 14px;
}

.sub-priccce {
  padding: 5px 10px;
}

.discount-price h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 10px;
  text-align: center;
  color: #848484;
  line-height: normal;
}

.price-plan {
  color: #2d3243;
  font-size: 35px;
  font-weight: 600;
  margin: auto;
  text-align: center;
  line-height: normal;
}

.price-plan-single {
  text-align: center;
  width: 100%;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-size: 35px;
  font-weight: 600;
  line-height: normal;
}

.price-plan span {
  position: relative;
  bottom: 2ex;
  font-size: 80%;
  font-size: 14px;
}

.sub-basic {
  width: 50%;
  float: left;
  background: #ecf0fa;
  padding-bottom: 40px;
  box-shadow: 1px 5px 6px 1px #000;
}

.sub-standard {
  width: 50%;
  float: left;
  padding-bottom: 40px;
  background: #fefaf0;
  box-shadow: 1px 5px 6px 1px #000;
}

.sub-basic .sub-head {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
}

.sub-standard .sub-head {
  background: #fab500;
}

.membership {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0 7px #d0d0d0;
  /* min-height: 860px;
     */
  padding: 40px 40px 40px;
  width: 80%;
  margin: 25px auto;
}

.membership h1 {
  color: #fcc75c
    /* #f9b62f */
  ;
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.membership h2 {
  color: #444;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px;
}

.break-top {
  margin-top: 25px;
}

.membership h3 {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px;
}

.newly-added {
  margin-top: 25px;
}

.membership p {
  color: #2f3033;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}

.newly-added p span {
  font-weight: 400;
  display: block;
  font-size: 16px;
}

.memberlist {
  margin-top: 0;
  margin-bottom: 20px;
}

.is-280x280 {
  width: 280px;
  height: 280px;
}

.is-140x140 {
  width: 140px;
  height: 140px;
}

textarea {
  height: auto !important;
}

.al-fb-reviews .avatar {
  position: relative;
  top: -4px;
  height: 60px;
  width: auto;
  float: left;
  margin-right: 1em;
  margin-top: 0px !important;
  padding-bottom: 0px !important;
}

.al-fb-reviews .title {
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: bold;
}

.al-fb-reviews .meta {
  margin-bottom: 1.3em;
  letter-spacing: 0.5px;
  font-size: 14px;
  overflow: visible !important;
  list-style: none;
  margin: 0 0 13px;
  padding: 0;
}

.al-fb-reviews .rating {
  color: #dabb20;
  display: inline-block;
}

.al-fb-reviews .review-body {
  margin: 0 !important;
  /* padding: 0 !important;
     */
  border: none !important;
  background: none !important;
  font-style: normal !important;
  font-size: 16px;
  overflow: hidden;
  float: left;
  padding-left: 80px;
}

.al-fb-reviews .review-body p {
  font-weight: 400;
}

.al-fb-reviews .review-body *:last-child {
  margin-bottom: 0;
}

.al-fb-reviews {
  text-align: left;
  margin-bottom: 15px;
}

/* .home-slider {
}
 */
.home-modal {
  padding: 40px;
}

.home-modal hr {
  width: 50px;
  margin: auto;
  margin-bottom: 17px;
  border: 0;
  background: #fcc75c
    /* #f9b62f */
  ;
  height: 2px;
}

.home-modal p {
  margin-bottom: 25px;
}

.home-modal h1 {
  font-size: 20px;
}

.gtouch {
  text-align: left;
}

.gtouch .form-group {
  margin-bottom: 0;
}

.gtouch .signup-btns {
  text-align: right;
  margin: 30px 0 0;
}

.small-popup .modal-card {
  width: 650px;
  max-width: 95%;
  text-align: center;
}

.delete-popup .modal-card {
  width: 50rem;
  height: 12rem;
  max-width: 95%;
  text-align: center;
}

.small-popup .delete {
  right: -7px;
  position: absolute;
  top: -10px;
  z-index: 100;
  opacity: 1;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  border: solid 2px #fff;
  width: 25px;
  height: 25px;
  max-width: inherit;
  max-height: inherit;
}

.small-popup .map-buton button {
  min-width: 133px;
  display: inline-block !important;
}

.endos-ment-form {
  width: 650px;
  margin: auto;
}

.review-form-dd {
  width: 650px;
  margin: auto;
}

.review-form-dd .form-title {
  text-align: left;
}

.rev-stars {
  margin-top: 20px;
  display: table;
  width: 80%;
}

.rev-stars label {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
}

.rev-stars .v-stars {
  display: table-cell;
  vertical-align: middle;
  color: #fcc75c
    /* #f9b62f */
  ;
  width: 50%;
}

/* .rev-stars .v-stars .fa {
}
 */
.review-form-dd .form-group {
  margin-bottom: 10px;
}

.hommi {
  text-align: center;
}

.hommi h1 {
  margin-left: auto;
  margin-right: auto;
}

.hommi .form-control {
  width: 35%;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
}

.hommi .btn-fill {
  margin: 0 !important;
  height: 46px;
  line-height: 44px;
  display: inline-block;
  vertical-align: top;
}

.visible-637 {
  display: none;
}

.foot-visible-767 {
  display: none;
}

.new-bullet {
  display: none;
}

.vis-992 {
  display: none !important;
}

.new-profile-image {
  width: 15%;
  float: left;
}

.new-profile-image figure {
  background-size: cover !important;
  border-radius: 53%;
  border: solid 2px #f9f9f9;
  height: 200px;
}

.user-detail-right {
  width: 85%;
  float: left;
  padding-left: 15px;
}

/*.get-touch-radio .columns{
     display:block;
     margin:0;
}
 .get-touch-radio .column{
     padding-left:0;
}
*/
.landing-banner {
  background-size: cover !important;
  height: 500px;
  background-position: center center !important;
}

.landing-banner-body {
  padding-top: 50px;
  padding-bottom: 20px;
}

.landing-banner-body h1 {
  color: #fcc75c
    /* #f9b62f */
  ;
  font-size: 30px;
  text-transform: capitalize;
  text-align: center;
  font-weight: 700;
}

.break-60 {
  margin: 90px 0;
}

.landing-banner-body h5 {
  font-size: 23px;
  color: #fcc75c
    /* #f9b62f */
  ;
  margin-bottom: 25px;
}

.smll-hh {
  width: 670px;
  max-width: 100%;
  margin: auto;
  margin-top: 70px;
}

.landing-banner-body h5 span {
  font-size: 25px;
  color: #fcc75c
    /* #f9b62f */
  ;
  display: block;
}

.landing-banner-body h6 {
  color: #fcc75c
    /* #f9b62f */
  ;
  font-size: 30px;
  font-weight: 700;
}

.landing-banner-body h4 {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-size: 24px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 80px;
}

.landing-banner-body h2 {
  font-weight: bold;
  font-size: 25px;
  color: #000;
  text-align: center;
}

.landing-banner-body h2 span {
  font-weight: 400;
}

.landing-banner-body p {
  margin-top: 25px;
  color: #fcc75c
    /* #f9b62f */
  ;
  text-align: center;
}

.landing-box-2 {
  background: #4d4d4d;
  padding: 25px;
}

#formsubmit {
  background: #fcc75c
    /* #f9b62f */
  ;
  color: #fff;
  border: 0;
  padding: 10px 15px;
  outline: 0;
}

.landing-box-2 h2 {
  color: #fff;
  font-size: 30px;
  text-align: center;
  width: 700px;
  max-width: 100%;
  margin: auto;
  margin-bottom: 25px;
}

.tb-view {
  padding: 20px;
  width: 800px;
  margin: auto;
  max-width: 100%;
  background: #fff;
}

.tb-view .form-control {
  background: #fcfcfc none repeat scroll 0 0;
  border: 1px solid #ececec;
  font-weight: 400;
  height: 30px;
  padding: 0 15px;
  width: 100%;
}

.landing-box-2 table {
  width: 100%;
}

.gtouch .checkkk {
  text-align: center;
  display: table;
  margin: auto;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}

.row:after {
  display: table;
  content: " ";
}

.row:before {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.beta-ac {
  color: #fcc75c
    /* #f9b62f */
     !important;
  font-weight: 600 !important;
  margin-left: 4px;
}

.dashboard-pic {}

.dashboard-pic figure {
  background-size: cover !important;
  border-radius: 53%;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: solid 2px #1a67a3;
  height: 100%;
}

.home-slider .column is-12 {
  padding: 0 40px;
}

.home-slider .swiper-button-prev {
  left: 0px;
  margin-top: -38px;
  color: #fff;
}

.home-slider p {
  color: #fff !important;
}

.home-slider .swiper-button-next {
  right: 0px;
  margin-top: -38px;
  color: #fff;
}

.prof-button {
  padding: 0 20px;
}

.divide-3 {
  width: 33.3%;
  float: left;
  padding: 0 10px;
}

.divide-2 {
  width: 50%;
  float: left;
  padding: 0 10px;
}

.new-row {
  padding: 0 5px;
}

.pad_extra {
  padding: 0 15px;
}

.visible-767 {
  display: none;
}

span.zip-code-counter {
  font-size: 20px;
  margin-left: 7px;
  color: #10a5db;
}

.dashboard-highlight {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: bold !important;
  font-size: 23px !important;
}

.success-message .btn-fill {
  padding: 10px;
  min-width: 150px;
  margin-top: 10px;
  display: inline-block;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #ffffff;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1px solid #1a67a3;
}

.success-message .btn-fill:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff !important;
}

.home_revision_top {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 20px;
}

.home_revision_top h3 {
  color: #6e84a2 !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  margin-bottom: 0 !important;
}

.home_revision_top h3 span {
  font-size: 16px !important;
  font-weight: 600 !important;
}

/*mediaquery*/
@media (max-width: 1216px) {
  .home-sect-left {
    margin-top: 50px;
  }

  .home-banner h1 {
    font-size: 47px;
    line-height: 57px;
  }

  /*.gall-thumb {
         height: 150px;
    }
    */
  .gallery-top .main-profile-img {}
}

@media (max-width: 1200px) {
  .discount-text ul li {
    height: 70px;
  }

  .discount-price ul li {
    height: 70px;
  }

  .subscription-plan h1 {
    font-size: 23px;
    width: 600px;
    max-width: 100%;
  }

  .discount-price {
    margin-top: 35px;
  }

  .sub-head {
    font-size: 23px;
  }

  .discount-text h2 {
    font-size: 18px;
    width: 450px;
  }

  .pro-pic {
    width: 35%;
    margin-left: 5%;
  }

  .sub-plans {
    width: 95%;
  }

  .home-banner .container {
    padding-left: 50px;
    padding-right: 50px;
  }

  .righ-social div {
    width: 30px;
    height: 30px;
    line-height: 33px;
  }
}

@media (max-width: 992px) {
  .pckg_new_head {
    padding-left: 0px;
    padding-right: 0px;
  }

  .pckg_new_head .container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pckg_new_head {
    padding-top: 30px !important;
    padding-bottom: 25px !important;
  }

  .pckg_new_head h2 {
    font-size: 22px !important;
  }

  .pckg_new_head p a {
    display: table;
    margin: 5px auto 0 auto;
    font-size: 10px !important;
    border-bottom: solid 1px !important;
  }

  .only-this li {
    width: auto;
  }

  .dashboard-pic {
    width: 200px;
    height: 200px;
  }

  .dashboard-pic,
  .is140x140 {
    width: 120px;
    height: 120px;
  }

  .sehment-optn>li {
    width: 48%;
  }

  .sub-standard,
  .sub-basic {
    box-shadow: none;
  }

  .discount-price ul li {
    height: auto;
    padding: 10px 20px;
  }

  .discount-price ul li span {
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
  }

  .hidden-992 {
    display: none !important;
  }

  .vis-992 {
    display: block !important;
  }

  .home-banner h1 {
    font-size: 35px;
    line-height: 40px;
  }

  .endos-ment-form {
    width: 90%;
  }

  .right-section {
    margin-top: 30px;
    overflow: inherit;
    height: auto;
  }

  .discount-text h2 {
    width: auto;
  }

  .subscription-plan {
    padding-left: 15px;
    padding-right: 15px;
  }

  .discount-text {
    width: 100%;
  }

  .discount-price {
    width: 100%;
  }

  .pic-btn {
    font-size: 20px;
  }

  .pro-info {
    width: 67%;
  }

  .inn-dashboard {
    padding: 40px 25px;
  }

  .pro-pic {
    width: 33%;
    margin-left: 0%;
  }

  .get-touch h1 {
    font-size: 30px;
    text-align: center;
  }

  .get-touch hr {
    margin: auto;
    margin-bottom: 20px;
  }

  .new_foot_nav h2 {
    font-size: 23px;
  }

  .mainn-map h1 {
    font-size: 16px;
  }

  .checkboxes_new {
    width: 80%;
  }

  .endos_panel1 table td {
    padding-right: 15px;
    display: block;
  }

  .home-modal h1 {
    font-size: 20px;
  }

  .home-slider {
    padding: 20px 15px;
  }

  .social-links a {
    margin: 0 5px;
    font-size: 40px;
  }

  /*.gall-thumb{
         width: 31%;
    }
    */
}

@media (max-width: 767px) {
  .pckg_new_head h2 {
    font-size: 18px !important;
  }

  .pckg_new_head p {
    font-size: 10px !important;
  }

  .pckg_new_head p a {}

  .top_part_same_height {
    height: auto !important;
  }

  .pricing-list {
    height: auto !important;
    padding-bottom: 0 !important;
  }

  .changeer {
    margin-bottom: 30px !important;
  }

  .landing-banner-body h4 {
    font-size: 17px !important;
    margin-bottom: 40px !important;
  }

  .landing-banner-body h5 {
    font-size: 17px !important;
    margin-bottom: 40px !important;
  }

  .smll-hh {
    margin-top: 20px !important;
  }

  .landing-banner-body h1 {
    font-size: 24px !important;
  }

  .landing-banner-body h6 {
    font-size: 24px !important;
  }

  .landing-banner-body h2 {
    font-size: 17px !important;
  }

  .break-60 {
    margin: 30px 0 !important;
  }

  .gtouch .signup-btns {
    text-align: left;
    margin: 0;
  }

  .gtouch .signup-btn {
    margin: 0 !important;
  }

  .get-touch-radio {
    margin-top: 0px;
  }

  .sehment-optn>li {
    margin-right: 0;
    margin-left: 0;
    width: 100%;
  }

  .service-action {
    padding: 6px 10px;
  }

  .back-dashboard a {
    padding: 9px 10px;
  }

  .logined_dashboard a {
    padding: 7px 20px;
  }

  .dropdown.login-user {
    margin-right: 15px;
  }

  .logined_dashboard a img {
    top: 0;
    left: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
  }

  .foot-hide-767 {
    display: none;
  }

  .foot-visible-767 {
    display: block;
  }

  .home-slider h2 {
    font-size: 20px;
  }

  .home-banner span a {
    background: none;
  }

  .home-banner a {
    margin-bottom: 10px !important;
  }

  .first-home-sec {
    margin-top: 25px;
  }

  .new_foot_nav.is-3 {
    margin-top: 0;
  }

  .rev-stars {
    width: 100%;
  }

  .review-form-dd {
    width: 95%;
  }

  .form-title h3 {
    font-size: 23px;
  }

  .signup-form .form-title p {
    font-size: 14px;
  }

  .signup-btns button {
    display: block;
    margin: 10px auto !important;
  }

  .user-profile-image .is-280x280 {
    height: auto;
    width: 100%;
  }

  .user-profile-image .is-140x140 {
    height: auto;
    width: 100%;
  }

  .user-profile-image {
    display: inline-block;
    float: none;
    height: 170px;
    margin: 0 auto;
    position: relative;
    width: 170px;
  }

  .membership h2 {
    font-size: 18px;
  }

  .membership h3 {
    font-size: 16px;
  }

  .membership {
    width: 95%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .membership p {
    font-size: 15px;
  }

  .home-banner .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .checkboxes_new {
    width: 100%;
  }

  .mainn-map h1 {
    font-size: 10px;
    line-height: normal;
    font-weight: 700;
  }

  .dashboard_top_new_head {
    padding: 4px 5px 10px 5px;
  }

  .is-280x280 {
    margin: auto;
  }

  .is-140x140 {
    margin: auto;
  }

  .profile-img {
    display: table;
    margin: auto;
  }

  .inn-dashboard {
    padding: 30px 15px;
  }

  .home-banner p {
    width: 100%;
    font-size: 16px;
  }

  .new_foot_nav {
    text-align: center;
  }

  .new_foot_nav a {
    margin: auto;
    margin-bottom: 10px;
  }

  .social-links {
    margin-top: 25px;
    padding-top: 0;
  }

  .new_foot_nav h2 {
    font-size: 20px;
  }

  .home-banner h2 {
    font-size: 17px;
  }

  .home-banner {
    min-height: inherit;
  }

  .order-tbl table td:first-child {
    width: 20%;
  }

  .order-tbl table td {
    padding: 13px 10px;
    font-size: 13px;
  }

  .order-tbl {
    padding: 50px 5px;
  }

  .sub-button p {
    font-size: 16px;
  }

  .new-profile-image .is-280x280 {
    width: 240px;
  }

  .new-profile-image .is-140x140 {
    width: 120px;
  }

  .gallery-top .main-profile-img {
    height: 400px;
  }

  .back-dash .gallery-thumbs {
    display: none;
  }

  .new-bullet {
    display: block;
    text-align: center;
    margin-top: 15px;
  }
}

@media (max-width: 637px) {

  /*.gall-thumb{
         width: 47%;
    }
    */
  .divide-2 {
    width: 100%;
  }

  .home-banner h1 {
    font-size: 6vw;
    line-height: normal;
  }

  .home-sect-left a {
    margin-top: 20px;
  }

  .home-sect-right {
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
  }

  .home-sect-left {
    display: block;
    margin: auto;
    width: 100%;
    text-align: center;
  }

  .hidden-637 {
    display: none;
  }

  .visible-637 {
    display: block;
  }
}

@media (max-width: 555px) {
  .pckg_new_head h1 {
    font-size: 6vw !important;
  }

  .pckg_new_head p span {
    font-size: 16px !important;
  }

  .pricing-area {
    padding-top: 20px !important;
  }

  .sub-label-pricing {
    font-size: 12px !important;
  }

  .single-pricing .pricing-list ul li {
    font-size: 11px !important;
  }

  .promo_span {
    font-size: 12px !important;
  }

  .pckg_new_head h3 {
    font-size: 4vw !important;
  }

  .pckg_new_head h2 {
    font-size: 16px !important;
  }

  .pckg_new_head p {
    font-size: 16px !important;
  }

  .pckg_new_head p a {
    margin: 2px auto 0 auto;
    font-size: 8px !important;
    border-bottom: solid 1px !important;
  }

  .landing-banner {
    height: 170px !important;
  }

  .new-alertt .form-control {
    width: 100%;
    margin-bottom: 15px;
  }

  .gallery-top .main-profile-img {
    height: 187px;
  }

  .only-this li {
    width: 100%;
  }

  .review-form-dd .form-title h3 {
    font-size: 16px;
  }

  .login-user .dropdown-trigger .button {
    padding: 0px 0 7px 0px;
    /* font-size: 15px; */
  }

  .login-user .dropdown-trigger .button span {
    /* height: 35px;
    width: 35px; */
  }

  .gray-hero-head {}

  .review-form-dd p {
    font-size: 16px;
    line-height: normal;
  }

  .left-name-sec {
    text-align: left;
    float: none;
    width: 100%;
  }

  .invidual-sec {
    text-align: left;
  }

  .right-rating-sec {
    text-align: left;
    float: none;
    width: 100%;
  }

  .unit-numb li {
    /* min-width: auto;
         */
    padding: 0 27px 0 0;
    display: table;
    float: none;
    width: 100%;
  }

  .price-plan {
    float: none;
    width: 100%;
  }

  .price-cutt {
    float: none;
    width: 100%;
  }

  .mainn-map h1 {
    font-size: 12px;
  }

  .sub-priccce {
    padding: 6px;
    margin-bottom: 4px;
    text-align: center;
  }

  .mappp p {
    font-size: 14px;
  }

  .subscription-plan .checkbox {
    display: table;
    margin-bottom: 10px;
    float: none;
    margin-right: 0;
  }

  .checkkk {
    display: block;
  }

  .changepassword {
    padding: 30px 15px;
  }

  .changepassword h1 {
    font-size: 22px;
  }

  .order-butn {
    text-align: center;
  }

  .only-this ul {
    display: table;
    width: 100%;
    padding: 0 !important;
  }

  .only-this ul li a {
    display: block;
    margin: auto;
    margin-bottom: 5px;
    font-size: 15px;
    width: 90%;
    border: none !important;
  }

  .mainn-map .modal-card {
    width: 100%;
    padding: 0 15px;
  }

  .home-modal {
    padding: 25px 15px;
  }

  /*.discount-price ul li {
         height: auto;
         padding: 10px 10px;
         font-size: 14px;
         line-height: normal;
    }
     .discount-price h3 {
         font-size: 17px;
    }
     .price-cutt{
         font-size:25px;
    }
     .price-plan {
         color: #2d3243;
         font-size: 30px;
    }
    */
  .sub-basic,
  .sub-standard {
    width: 100%;
    float: none;
  }

  .std-btn,
  .bas-btn {
    width: 180px;
    font-size: 20px;
    padding: 15px;
  }
}

@media (max-width: 450px) {
  .map-buton button {
    display: block;
    min-width: 190px;
    margin: auto;
    margin-bottom: 10px;
    width: 100%;
  }
}

/*=========================== Section ===========================*/
.pckg_new_head {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 0px;
}

.pckg_new_head h1 {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 10px;
}

.pckg_new_head h3 {
  color: #fcc75c
    /* #e99709 */
  ;
  font-size: 30px;
  font-weight: 800;
  line-height: normal;
  margin-top: 0px;
  margin-bottom: 20px;
  display: block;
}

.pckg_new_head h2 {
  color: #fcc75c
    /* #e99709 */
  ;
  font-size: 40px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0px;
}

.pckg_new_head p {
  margin-top: 8px;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 600;
  font-size: 16px;
}

.pckg_new_head p span {
  text-decoration: none;
  font-weight: 700;
  padding-bottom: 0px;
  font-size: 19px;
}

.pckg_new_head p a {
  color: #fcc75c
    /* #e99709 */
  ;
  text-decoration: none;
  font-style: italic;
  font-size: 14px;
  border-bottom: solid 2px;
  /* padding-bottom: 4px;*/
}

.mem_op_h {
  display: block;
  text-align: center;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-size: 23px;
  /* text-decoration: underline; */
  border: solid 2px;
  /* border-bottom: 0; */
  margin: 0 auto -1px auto;
  line-height: normal;
  font-weight: 800;
  width: 100%;
  padding: 7px 15px;
  margin-bottom: 15px;
}

.purpl_head hr {
  margin-top: 0;
  margin-bottom: 10px;
}

.section {
  padding-bottom: 0;
}

.section-title {
  color: #ebebeb;
}

.section-title p {
  margin-bottom: 10px;
}

.section-title p strong {
  color: #fff;
  text-decoration: underline;
}

.section-title h3 {
  color: #fcc75c
    /* #e99709 */
  ;
  font-weight: bolder;
  font-size: 37px;
}

.ldara {
  font-size: 24px;
  margin-bottom: 10px;
}

.section-purple h4 {
  color: #fff;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 23px;
}

.ldara1 {
  color: #fff;
  font-size: 12px;
}

.ldara1 a {
  color: #fff;
  padding: 0 5px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
}

.footer {
  color: #ebebeb;
}

.pricing-list {
  padding: 0 10px;
}

.pricing-list li {
  position: relative;
  padding-left: 20px;
  font-size: 11px;
}

.pricing-list li .list_check {
  margin-right: 5px;
  position: absolute;
  left: 0;
  color: #fff;
}

.free_list_info {
  margin-top: 25px;
  padding: 0 10px;
  font-family: "Raleway", sans-serif;
}

.free_list_info ul {
  list-style: inherit;
  padding-left: 18px;
}

.free_list_info strong {
  font-size: 12px;
  font-weight: 800;
  color: #000;
  padding-left: 18px;
  position: relative;
  display: block;
}

.free_list_info li {
  margin-top: 7px;
  font-size: 12px;
  color: #000;
  font-weight: 600;
}

.free_list_info li small {
  position: relative;
  font-size: 11px;
  font-weight: 300;
  color: #5a5a5a;
}

.free_list_info p {
  text-align: center;
  font-size: 11px;
  font-weight: 300;
  margin-top: 5px;
  font-family: "Montserrat", sans-serif;
  color: #7d7d7d;
}

.free_list_info p sub {
  vertical-align: top;
}

.pricing-list li small {
  position: relative;
  font-size: 12px;
  font-weight: 300;
  color: #5a5a5a;
}

.pricing-list li i {}

.pricing-list li a {
  border-bottom: solid 1px #4a4a4a;
}

.social-box {
  text-align: center;
}

.social-box h2 {
  margin-top: 0;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
}

.price_touch {
  text-align: left;
  margin-top: 27px;
}

.foot_col1 {
  padding: 5px 0;
}

.foot_col2 {
  padding: 5px 0;
}

.price-copy {
  padding: 5px 0;
}

.pricing-price {
  text-align: center;
  font-size: 12px;
}

.pricing-color-1 .price-after {
  margin-bottom: 70px;
  margin-top: 90px;
}

.pricing-color-1 .price-after h1 {
  font-size: 27px;
  color: #fcc75c
    /* #e99709 */
  ;

  margin-bottom: 0;
  margin-top: 0;
  letter-spacing: 0px;
  padding: 0 10px;
}

.pricing-color-1 .price-after p {
  color: #7288a5;
  font-size: 13px;
}

.free_requirement {
  padding: 0 10px 0 5px;
}

.free_requirement ul {
  list-style: inherit;
  padding-left: 25px;
}

.free_requirement ul li {
  margin-top: 7px;
  font-size: 13px;
  color: #000;
}

.free_requirement p {
  color: #7388a5;
  font-size: 11px;
  margin-top: 7px;
  padding-left: 25px;
}

.free_Requ_p2 {
  padding-left: 15px !important;
}

.free_requirement ul li span {
  color: #8a8a8a;
}

.pricing-price h1 {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  display: block;
  line-height: normal;
  margin-bottom: 5px;
  margin-top: 6px;
}

.pricing-price p {
  color: #000;
  font-size: 11px;
  font-weight: 600;
}

.pricing-price strong {
  color: #000;
  font-size: 11px;
  font-family: "Raleway", sans-serif;
  font-weight: 800;
}

.new_feaut {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3;
  padding: 15px;
  min-height: 490px;
}

.price-before h2 {
  position: relative;
  line-height: normal;
  margin-top: 50px;
}

.price-before span.symbol {
  position: absolute;
  top: 16px;
  padding-left: 10px;
  color: #b5b5b5;
  font-size: 11px;
}

.price_touch a {
  color: #fff;
  border: solid 1px;
  padding: 10px;
}

.price_touch a:hover {
  background: #fcc75c
    /* #f9b62f */
  ;
}

.price-copy {
  color: #fff;
  text-align: right;
  font-size: 11px;
}

.section-purple {
  text-align: center;
}

.price-copy span {
  color: #fff;
  margin-right: 5px;
}

.hr1 {
  height: 1px;
}

.price-copy a {
  color: #fff;
  margin-right: 5px;
  margin-left: 5px;
}

.social-box ul li {
  display: inline-block;
  padding-left: 10px;
}

.social-box ul li a {
  color: #b0b3b8;
  font-size: 17px;
  background: #201e3e;
  width: 30px;
  height: 30px;
  padding: 5px 3px;
  border-radius: 5px;
  display: block;
  line-height: normal;
}

.social-box ul li a svg {
  width: auto;
  height: auto;
}

/* .social-box ul li a:hover {
  color: white;
} */
.last {
  font-size: 11px;
}

.single-pricing .pricing-title .title {
  font-weight: 400;
  font-size: 27px;
  list-style: none;
  padding: 8px 0;
  color: #fff;
  margin-bottom: 0;
  text-align: center;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
}

.pricing-area {
  padding-top: 55px;
  padding-bottom: 35px;
  padding-left: 50px;
  padding-right: 50px;
}

@media (max-width: 1480px) {
  .p_contain {
    max-width: 100%;
    width: 1430px;
    margin: auto;
  }

  .p_basic_price {
    padding: 0 15px !important;
  }

  .pckg_new_head h1 {
    font-size: 40px;
  }

  .pckg_new_head h3 {
    font-size: 24px;
  }
}

@media (max-width: 1330px) {
  .p_basic_price {
    padding: 0 5px !important;
  }
}

/*=========================== Pricing ===========================*/
.single-pricing {}

@media (max-width: 992px) {
  .pricing-color-1 .price-after {
    margin-bottom: 15px;
    margin-top: 50px;
  }

  .top_part_same_height {
    background: #f5f5f5;
    height: auto !important;
    padding-bottom: 15px;
  }

  .price-before h2 {
    margin-top: 30px;
  }

  .changeer {
    margin-bottom: 30px;
  }

  .pricing-list {
    height: auto !important;
  }
}

@media (max-width: 1080px) {
  .new_home_span {
    font-size: 15px !important;
    margin-top: 19px !important;
  }
}

@media (max-width: 1120px) {
  .pricing-color-1 .price-after {
    margin-bottom: 50px;
    margin-top: 70px;
  }
}

@media (max-width: 767px) {
  .pckg_new_head h1 {
    font-size: 25px;
  }

  .pckg_new_head h3 {
    font-size: 17px;
  }

  .pckg_new_head p span {
    font-size: 17px;
  }

  #change1 {
    font-size: 25px;
  }

  .pricing-area {
    padding-top: 40px;
  }

  .single-pricing .pricing-title .title {
    font-size: 20px;
    padding: 11px 0;
  }

  .home_logo {
    flex: auto;
    float: left;
    width: 50%;
  }

  .home_butn {
    flex: auto;
    float: left;
    width: 45%;
  }
}

@media (max-width: 550px) {
  .mem_op_h {
    font-size: 19px;
    margin-bottom: 15px;
  }

  .logo {
    float: none;
    width: 100% !important;
    padding: 0;
    text-align: center;
  }

  .hero-head .columns {
    display: block;
    width: 100%;
  }

  .logo figure span {
    display: block;
  }

  .pricing-color-1 .price-after h1 {
    font-size: 20px;
  }

  .new_feaut {
    padding: 15px 0;
  }

  .single-pricing .pricing-title .title span {
    display: block;
    margin-left: 0;
    position: relative !important;
    top: 0 !important;
    right: 0px;
  }

  .hot {
    padding: 12px 7px !important;
  }

  /*
  .hot:before {
    left: -4px !important;
    top: 1.1px !important;
    border-top: 7px solid #e99709 !important;
    border-right: 7px solid transparent !important;
}
*/
  .hot:after {
    bottom: -11px !important;
    left: 0 !important;
    border-left: 24px solid #fcc75c
      /* #e99709 */
       !important;
    border-right: 24px solid #fcc75c
      /* #e99709 */
       !important;
    border-bottom: 11px solid transparent !important;
  }
}

.single-pricing .pricing-price .price {
  font-size: 19px;
  color: #fcc75c
    /* #e99709 */
  ;
  font-weight: 600;
  letter-spacing: 0px;
}

.single-pricing .pricing-price .price span {
  font-size: 13px;
  font-weight: 500;
  margin-left: 5px;
}

.single-pricing .pricing-price .price .symbol {
  font-size: 15px;
  color: #6c7cf5;
  font-weight: 700;
}

.single-pricing .pricing-title {
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  position: relative;
}

.single-pricing .pricing-title .btn {
  padding: 0 5px;
  line-height: 25px;
  border-radius: 50px;
  background-color: #4bb3f9;
  color: #fff;
  font-size: 14px;
}

@media (max-width: 1075px) {
  .single-pricing .pricing-title .title span {
    position: absolute !important;
    top: 0px !important;
  }
}

.single-pricing .pricing-title .title span {
  color: #fcc75c
    /* #e99709 */
  ;
  font-size: 10px;
  bottom: 0px;
  left: 40%;
  position: absolute;
  /* margin-left: 5px; */
  vertical-align: middle;
}

.single-pricing .pricing-title hr {
  background: #000;
  height: 1px;
  border: 0;
  width: 34px;
  display: block;
  float: none;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 10px;
}

.pricing-btn {
  text-align: center;
}

.pricing-btn a {
  text-decoration: none;
  margin-top: 15px;
}

.p_basic_price {
  position: relative;
  width: 33.33%;
  padding: 0 15px;
  float: left;
}

.first_pckg {
  padding-left: 0 !important;
}

.last_pckg {
  padding-right: 0 !important;
}

.highlight_title {
  color: #fff;
}

.single-pricing {
  /* ticket # 784 requires to change is color to #1a67a3 */
  /* background: #1a67a3; */
  min-height: 530px;
  border: solid 1px #dedede;
  border-top: 0;
  position: relative;
}

.top_part_same_height {
  background: #f5f5f5;
  padding-bottom: 20px;
  position: relative;
}

.single-pricing .pricing-title .title svg {
  border-radius: 50%;
  background: #fff;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  padding: 6px;
}

.click_relative_div {
  position: relative;
}

.pop_on {
  position: relative;
}

.show-hid-div {
  display: block !important;
}

.hidden-div {
  display: none;
  position: absolute;
  background: #fcc75c
    /* #e99709 */
  ;
  padding: 10px;
  min-height: 180px;
  z-index: 10000;
  top: -91px;
  right: -305px;
  width: 500px;
}

.single-pricing .pricing-list ul li {
  font-size: 12px;
  margin-top: 7px;
  color: #fff;
}

.single-pricing .pricing-btn .main-btn {
  text-transform: uppercase;
}

.single-pricing .pricing-btn .main-btn.main-btn-2 {
  border-color: transparent;
  color: #222;
}

.single-pricing.pricing-active {
  -webkit-box-shadow: 0px 4px 12px -3px #000000;
  -moz-box-shadow: 0px 4px 12px -3px #000000;
  box-shadow: 0px 4px 12px -3px #000000;
  position: relative;
}

.line {
  text-decoration: line-through;
  color: #bbb !important;
  text-decoration-color: #b0b0b0;
}

.pricing-btn p {
  font-family: "Raleway", sans-serif;
  color: #000;
  font-size: 12px;
  font-weight: 600;
}

.pricing-btn p strong {
  font-size: 14px;
  color: #000;
}

.pricing-btn .btn-join {
  margin-top: 5px;
}

.pricing-btn .btn {
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: solid 2px #1a67a3;
  /* color: #1a67a3 !important; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3 !important;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  /* font-family: 'Raleway', sans-serif; */
  cursor: pointer;
  transition: 0.3s;
  min-width: 200px;
  vertical-align: middle;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 3px;
  border-radius: 20px;
}

.free-trail-btn .btn {
  border: solid 2px #fff;
  color: #fff !important;
  padding: 8px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  min-width: 200px;
  vertical-align: middle;
  line-height: normal;
  font-weight: 500;
  margin-bottom: 20px;
  margin-top: 3px;
  border-radius: 20px;
  font-style: normal;
}

.free-trail-btn .btn:hover {
  background: #fff;
  color: #f6a554 !important;
}

.top_margin {
  padding: 0 15px;
  text-align: center;
  width: 100%;
  bottom: 0;
  left: 0;
}

.pricing-btn .btn:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  transition: 0.3s;
  color: #fff !important;
}

.p_m_card {
  width: 562px !important;
  max-width: 95% !important;
}

.p_m_card th {
  text-align: center !important;
  border: solid 2px #fff;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff;
}

.p_m_card th,
.p_m_card td {
  padding: 2px;
  width: 50%;
}

.p_m_card tbody tr:nth-child(even) {}

.servic_orange {
  color: orange;
}

.servic_blue {
  text-align: right !important;
  /* color: #1a67a3 !important; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3 !important;
}

.price-after {
  padding-left: 0;
  margin-top: 4px;
}

.pricing-list a {
  font-style: italic;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
}

.price-before {}

.p_contain {
  max-width: 100%;
  margin: auto;
}

.p_contain h4 {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  color: #fcc75c
    /* #e99709 */
  ;
  font-family: "Montserrat", sans-serif;
}

#change {
  font-size: 30px;
  font-weight: 600;
}

#change1 {
  font-size: 30px;
  font-weight: 700;
}

#change2 {
  font-size: 30px;
  font-weight: 600;
}

.btn-join {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3;
  border: none;
  color: white;
  padding: 5px 10px;
  width: 200px;
  text-align: center;
  text-decoration: none;
  display: block;
  font-size: 20px;
  cursor: pointer;
  border-radius: 30px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
  letter-spacing: 1px;
  transition: 0.3s;
}

.btn-join:hover {
  color: white;
  background: #fcc75c
    /* #e99709 */
  ;
  transition: 0.3s;
  text-decoration: none;
}

.btn-join:active {
  color: white;
  text-decoration: none;
}

.btn-join:visited {
  color: white;
  text-decoration: none;
}

.feature {
  text-align: center;
  color: #fcc75c
    /* #e99709 */
  ;
  font-size: 14px;
  /* margin-left: 28px; */
  /* border-bottom: solid 2px; */
  display: table;
  line-height: 16px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight: 600;
  width: 100%;
}

.feature hr {
  border: 0;
  height: 2px;
  background: #848484;
  width: 87%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 9px;
}

.sub-label-pricing {
  text-align: center;
  color: #fcc75c
    /* #e99709 */
  ;
  display: block;
  width: 100%;
  font-weight: 600;
  line-height: 16px;
  margin-top: 20px;
  text-transform: none;
  font-size: 13px;
  margin-bottom: 20px;
  letter-spacing: 0.2px;
  text-decoration: underline;
}

.sub-list-item-pricing {
  line-height: 16px;
  text-transform: none;
  font-size: 12px;
}

.border-bottom-span-pricing {
  border-bottom-width: 1.5px;
  border-bottom-color: #ffffff;
  border-bottom-style: solid;
}

.switch {
  position: relative;
  display: inline-block;
  width: 57px;
  height: 28px;
  vertical-align: middle;
  margin: 0 10px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: solid 1px;
}

#switch .input {
  border-color: #7388a5;
}

.slider:before {
  position: absolute;
  content: "";
  height: 23px;
  width: 23px;
  left: 4px;
  bottom: 2px;
  background-color: #fcc75c
    /* #e99709 */
  ;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: solid 1px #fcc75c
    /* #e99709 */
  ;
}

input:checked+.slider {}

input:focus+.slider {
  box-shadow: 0 0 1px white;
}

input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 13px;
}

.slider.round:before {
  border-radius: 50%;
}

a:hover {
  cursor: pointer;
  text-decoration: none;
}

.show {
  display: none;
}

/*Popup box BEGIN */
/*.hover_bkgr_fricc{
     background:rgba(0,0,0,.4);
     cursor:pointer;
     display:none;
     height:100%;
     position:fixed;
     text-align:center;
     top:0;
     width:100%;
     z-index:10000;
}
 .hover_bkgr_fricc .helper{
     display:inline-block;
     height:100%;
     vertical-align:middle;
}
 .hover_bkgr_fricc > div {
     background-color: #fff;
     box-shadow: 10px 10px 60px #555;
     display: inline-block;
     height: auto;
     max-width: 551px;
     min-height: 100px;
     vertical-align: middle;
     width: 60%;
     position: relative;
     border-radius: 8px;
     padding: 15px 5%;
}
 .popupCloseButton {
     background-color: #fff;
     border: 3px solid #999;
     border-radius: 50px;
     cursor: pointer;
     display: inline-block;
     font-family: arial;
     font-weight: bold;
     position: absolute;
     top: -20px;
     right: -20px;
     font-size: 25px;
     line-height: 30px;
     width: 30px;
     height: 30px;
     text-align: center;
}
 .popupCloseButton:hover {
     background-color: #ccc;
}
*/
/* Popup box BEGIN */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 105%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Popover styling */
.popover__content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -150px;
  transform: translate(0, 10px);
  background-color: #bfbfbf;
  padding: 1.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: auto;
}

.popover__content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 10px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bfbfbf transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.popover__wrapper:hover .popover__content {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}

.popover__message {
  text-align: center;
}

.hot {
  position: absolute;
  top: -6px;
  background: #fcc75c
    /* #e99709 */
  ;
  color: #fff;
  text-transform: uppercase;
  z-index: 2;
  padding: 11px 12px;
  font-size: 15px;
  /* border-radius: 2px; */
  right: 8px;
  font-weight: 800;
}

.hot:before,
.hot:after {
  content: "";
  position: absolute;
}

.hot:before {
  height: 0;
  width: 0;
  left: -4.2px;
  top: 0.1px;
  border-top: 8px solid #fcc75c
    /* #e99709 */
  ;
  border-right: 9px solid transparent;
}

.hot:after {
  height: 0;
  width: 0;
  bottom: -20px;
  left: 0;
  border-left: 29px solid #fcc75c
    /* #e99709 */
  ;
  border-right: 29px solid #fcc75c
    /* #e99709 */
  ;
  border-bottom: 21px solid transparent;
}

.subscription_header {
  color: #c7c7c7;
}

.subscription_header h1 {
  color: #fff;
  font-size: 20px;
}

.subscription_header h1 span {
  color: #fcc75c
    /* #e99709 */
  ;
  font-weight: bold;
  font-size: 28px;
}

.subscription_header label {
  color: #fff;
}

/**/
@media (max-width: 1200px) {
  .section-purple {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 991px) {
  #pricing {
    overflow: auto;
    padding: 10px;
  }

  .p_contain {
    max-width: 1197px;
    margin: auto;
  }

  /*
  .p_basic_price {
    position: relative;
    width: 425px;
    padding: 0 !important;
    float: none;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }
*/
  /*
  .mem_op_h {
    width: 425px;
    max-width: 100%;
  }*/
  .single-pricing {
    height: auto !important;
    min-height: inherit !important;
  }

  .top_margin {
    position: relative !important;
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .subscription_header h1 {
    font-size: 15px !important;
    line-height: normal !important;
    margin-bottom: 10px;
  }

  .subscription_header h1:last-child {
    margin-bottom: 0 !important;
  }

  .subscription_header h1 span {
    font-size: 17px !important;
  }

  .price_touch {
    text-align: center;
  }

  .price-copy {
    color: #fff;
    text-align: center;
    font-size: 11px;
    margin-top: 0;
  }

  .section-title h3 {
    line-height: normal;
    font-size: 27px;
  }

  .section-title p {
    margin-bottom: 10px;
    line-height: normal;
  }

  .ldara {
    font-size: 20px;
  }
}

.services-next-bg {
  /* ticket # 784 requires to change is color to #1a67a3 */
  /* background: #1a67a3; */
  text-align: center;
  /* position: absolute; */
  width: 100%;
  /* bottom: 0px; */
  margin-top: auto;
  margin-bottom: 10px;
  padding: 40px 15px 15px 15px;
}

.services-next-bg .nxt-bn {
  /* border: solid 1px #fff; */
  border: solid 2px #1a67a3;
  border-radius: 15px;
  padding: 2px 13px;
  /* color: #fff; */
  color: #1a67a3;
  min-width: 110px;
  display: inline-block;
  transition: all 0.2s;
}

.services-next-bg .nxt-bn:hover {
  /* background: #fff; */
  background: #1a67a3;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #fff;
  /* color: #1a67a3; */
  transition: all 0.2s;
}

.services_main_top_head {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  text-align: center;
  padding-bottom: 25px;
}

.services_main_top_head hr {
  margin-top: 0;
  margin-bottom: 20px;
  height: 1px;
}

.services_main_top_head h1 {
  color: #fcc75c
    /* #fab62f */
  ;
  font-weight: bolder;
  font-size: 37px;
  margin-top: 0;
  margin-bottom: 0;
}

.home_banner {
  font-family: "Montserrat", sans-serif;
  position: relative;
}

.home_banner .services_main_top_head h1 {
  font-weight: 500 !important;
  line-height: normal;
}

.home_banner .services_main_top_head p {
  color: #b9b9b9 !important;
  font-size: 15px !important;
  font-weight: 600;
}

.home_banner .services_main_top_head p span {
  font-weight: 600;
  font-size: 15px !important;
}

.home_ban_body {}

.home_ban_body h4 {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  color: #fcc75c
    /* #e99709 */
  ;
}

.home_ban_body .container {
  min-height: 675px;
  font-family: "Montserrat", sans-serif;
  padding-top: 125px;
  max-width: 100%;
  width: 1350px;
  background-image: url(../images/home-page.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 0;
}

.home_ban_body_1 {
  width: 82%;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  padding: 0 15px;
  /* display: table-cell; */
  vertical-align: middle;
}

.home_ban_body_1 h3 {
  font-size: 81px;
  font-weight: 700;
  max-width: 100%;
  line-height: 107px;
  letter-spacing: -2px;
}

.home_ban_body_1 h3 span {
  font-size: 14px;
  /* display: block; */
  margin-top: 11px;
  font-weight: 500;
}

.home_ban_body_1 h3 a {
  font-style: italic;
  font-size: 16px;
  color: #fcc75c
    /* #fcc75c */
  ;
  font-weight: 700;
  text-decoration: underline;
}

.home_ban_body_1 h1 {
  font-size: 37px;
  font-weight: 700;
  /* line-height: 100px; */
  color: #fcc75c
    /* #e99709 */
  ;
  /* width: 616px; */
  margin-right: -145px;
  position: relative;
  /* margin-top: 30px; */
  letter-spacing: -3px;
  /* margin-top: 7px; */
  font-family: "Montserrat", sans-serif;
}

.home_ban_body_1 h1 span {
  font-size: 95px;
  display: block;
}

.home_ban_body_1 p {
  font-size: 22px;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 500;
}

.home_ban_body_1 p strong {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 700;
}

.home_ban_body_1 h2 {
  font-weight: 500;
  color: #bcb9b9;
  font-size: 22px;
  line-height: normal;
}

.home_ban_body_1 ul li {
  font-weight: 700;
  color: #bd0000;
  font-size: 15px;
  list-style: disc;
  margin-bottom: 10px;
}

.home_ban_body_1 ul li span {
  font-weight: 600;
  font-style: italic;
  font-size: 14px;
}

.home_ban_body_2 {
  margin-top: 15px;
  padding: 0 15px;
  text-align: center;
  position: relative;
}

.learmore_div {
  /* float: left; */
  margin-top: 13px;
  width: 42%;
  position: absolute;
  margin-top: 50px;
  text-align: center;
  bottom: 42px;
  right: 400px;
  text-align: center;
}

.video_main {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 35px;
}

.video_main a {
  background: none;
  display: block;
}

.video_apso {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60%;
}

.video_apso svg {
  color: rgb(255 255 0);
  font-size: 21px;
}

.video_apso p {
  color: rgb(255 255 0);
  font-size: 15px;
  font-weight: 800;
}

.joinClass {
  font-size: 16px;
  font-weight: 700;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
}

.joinClass a {
  font-style: italic;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  text-decoration: underline;
}

.learmore_div p {
  margin-top: 5px;
}

.learnmore_top {
  color: #6e84a2 !important;
  font-size: 14px !important;
}

.learmore_div p i {
  font-style: normal;
  text-decoration: underline;
}

.learnmore_btn {
  padding: 5px 21px;
  background: #fcc75c
    /*  #fcc75c */
  ;
  text-align: center;
  display: inline-block;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 700;
  font-size: 18px;
  transition: all 0.2s;
  /* min-width: 385px; */
  margin-top: 10px;
  border: solid 1px;
  border-radius: 8px;
}

.learnmore_btn:hover {
  transition: all 0.2s;
  background: #fcc75c
    /* #fcc75c */
  ;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border-color: #1a67a3;
  background-color: #1a67a3;
  transition: 0.3s;
  color: #fff;
}

.learnmore_p1 {
  font-size: 22px;
  color: #6e84a2;
  font-weight: 600;
}

.learnmore_p2 {
  color: #6e84a2;
  font-size: 15px;
  font-weight: 700;
}

.learnmore_p2 span {
  font-weight: 500;
  font-size: 15px;
}

.learnmore_p3 {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 600;
  font-size: 13px;
}

.learnmore_p2 a {
  background: no-repeat;
  font-size: 11px;
  text-align: left;
  padding: 0;
  color: #cf5d16;
  font-style: italic;
  text-decoration: underline;
  font-weight: 600;
  display: inline;
}

.learnmore_p2 a:hover {
  background: none;
}

.demo_div {
  position: absolute;
  bottom: 31px;
  right: -121px;
}

.demo_div p {
  font-size: 15px;
  font-weight: 600;
  margin: 0px;
  color: #3c3d8c;
}

.demo_div a {
  padding: 5px 20px;
  border: solid 2px #feb117;
  border-radius: 5px;
  display: table;
  margin-top: 4px;
  color: #27297d;
  font-weight: 500;
  transition: all 0.2s;
  font-size: 13px;
}

.demo_div a:hover {
  background: #feb117;
  color: #fff;
  transition: all 0.2s;
}

.no_space_top {
  margin-top: 0 !important;
}

.home_ban_body_3 {
  /* display: table-cell; */
  vertical-align: middle;
  width: 50%;
  /* margin-top: 100px; */
  padding: 0 15px;
  min-height: 250px;
  float: right;
}

.home_ban_body_3 img {
  margin-top: -40px;
  /*margin-left: -9px;*/
}

.home_ban_body_3_box {
  border: solid 1px #a3ba9c;
  padding: 15px;
  text-align: center;
}

.home_ban_body_3 h2 {
  font-weight: 500;
  font-size: 22px;
  line-height: normal;
  color: #a3ba9c;
}

.home_ban_body_3 p {
  font-size: 15px;
  color: #5b883e;
  margin-bottom: 0;
  font-weight: 600;
}

.home_ban_body_3 h1 {
  font-size: 17px;
  color: #5b883e;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
}

.home_ban_body_3 a {
  border: solid 4px #668b59;
  padding: 5px 5px;
  width: 91%;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
  display: inline-block;
  color: #668b59;
  font-weight: 700;
  font-size: 20px;
  transition: all 0.2s;
}

.home_ban_body_3 a:hover {
  transition: all 0.2s;
  background: #668b59;
  color: #fff;
}

.home_banner .services_main_top_head h3 {
  color: #d2d0cf !important;
  font-weight: 600 !important;
  font-size: 24px !important;
  margin-bottom: 0 !important;
}

.services_main_top_head p {
  color: #fff;
}

.p_tabs {
  padding-top: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.p_tabs a {
  display: block;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  transition: all 0.3s;
  font-weight: 600;
  padding: 10px 30px;
  font-size: 15px;
  position: relative;
  border-bottom: solid 1px #e1e1e1;
}

.p_tabs svg {
  margin-right: 5px;
}

.p_tabs .p_tab_active {
  background: #fcc75c;
  color: #545454 !important
}

.p_tabs a:hover {
  background: #fcc75c
    /* #fab62f */
  ;
  transition: all 0.3s;
}

#dropdown_menu_option:after {
  content: "\f107";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 10px;
  top: 15px;
}

#dropdown_menu_option:hover {
  background: none;
}

.dp_active:after {
  content: "\f106" !important;
}

.p_services_selected {
  margin-top: 0;
  border-top-width: 1px;
  border-top-color: white;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: white;
  border-bottom-style: solid;
  text-align: center;
  padding: 0px;
}

.p_services_selected a {
  color: #d0cfcb;
  margin-right: 4%;
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  transition: all 0.3s;
}

.p_services_selected a:hover {
  color: #fcc75c
    /* #fab62f */
  ;
  transition: all 0.3s;
}

.p_services_selected a:last-child {
  margin-right: 0;
}

.p_services_selected .p_select_active {
  color: #fcc75c
    /* #fab62f */
  ;
  border-bottom: solid 1px;
}

.apply_top {
  margin-top: 28px;
}

.apply_top input[type="checkbox"] {
  margin-right: 5px;
}

.apply_top label span {
  color: #4884e8;
  font-weight: 500;
}

.left_dashboard_menu {
  /* width: 20%; */
  /* display: table-cell; */
  /* min-height: 80vh; */
  position: relative;
  transition: 0.2s;
  background-color: #eee;
}

.trigger_left_dashboard_menu {
  left: -20%;
  transition: 0.2s;
}

#show-sidebar {
  display: none;
  position: absolute;
  color: white;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  width: 15px;
  height: 60px;
  margin-left: 0;
  padding: 10px;
  margin-top: 15px;
  line-height: 15px;
  /* padding-left: 15px; */
  text-align: right;
  float: right;
  right: 0;
  transition: 0.3s;
}

.trigger_left_dashboard_menu #show-sidebar {
  right: 0px;
  transition: 0.3s;
}

.input_search {
  position: relative;
  margin-top: 26px;
  padding: 0 25px;
}

.input_search .form-control {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: solid 1px #eee;
  padding: 12px 50px 12px 12px;
}

.input_search .fa-search {
  position: absolute;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #fff;
  padding: 12px;
  /*   width: 43px;
  height: 43px; */
  top: 0;
  right: 26px;
}

.sidebar-wrapper .fa-times {
  position: absolute;
  top: 4px;
  right: 9px;
  /* background: #fab62f; */
  /* color: #fff; */
  width: 26px;
  height: 26px;
  cursor: pointer;
  padding: 5px;
}

.services_main_body {
  margin-top: 2vh;
  min-height: 70vh;
  padding: 20px 0;
  padding-bottom: 0;
  font-family: sans-serif;
  transition: 0.3s;
}

.trigger_services_main_body {
  width: 125%;
  transition: 0.3s;
  display: block;
  left: -25%;
  position: relative;
}

.services_main_body select {
  font-family: sans-serif;
}

.services_main_body .container {
  /* width: 80%; */
  margin-left: auto;
  margin-right: auto;
}

.s_m_b_head {
  float: left;
}

.s_m_b_head span {
  display: inline-block;
  vertical-align: bottom;
}

.s_m_1 {
  color: #363378;
  font-weight: 700;
  font-size: 19px;
}

.s_m_2 {
  color: #000;
  font-weight: 700;
  font-size: 16px;
}

.s_m_3 {
  color: #000;
  font-size: 15px;
  font-weight: 500;
}

.s_m_3 a {
  color: #aaaaaa;
  text-decoration: underline;
  font-style: italic;
  font-weight: 400;
}

.s_m_b_head_right span {
  display: inline-block;
  vertical-align: middle;
  color: #5e5e5e;
  font-size: 12px;
  font-weight: 500;
}

.s_m_b_head_right {
  float: right;
}

.s_m_b_head_right .black_color {
  color: #000;
}

.segments_steps {
  display: table;
  width: 100%;
}

.segments_steps a {
  padding: 7px 5px;
  /* margin-right: 5px;
     */
  background: #d0cfcb;
  position: relative;
  display: table-cell;
  width: 33%;
  vertical-align: middle;
  text-align: center;
  color: #4f4f4f;
  transition: all 0.1s;
  font-size: 12px;
  float: left;
  border-right: solid 2px #fff;
}

.segments_steps a:last-child {
  border: 0;
}

.segments_steps a:before {
  width: 0;
  height: 31px;
  border-color: #d0cfcb00 white;
  left: 0;
  border-width: 16px 0px 16px 12px;
  border-style: solid;
  position: absolute;
  content: "";
  top: 0px;
}

.segments_steps a:after {
  width: 0;
  height: 31px;
  position: absolute;
  content: "";
  top: 0;
  z-index: 2;
  transition: all 0.3s;
  border-width: 16px 0px 16px 12px;
  right: -10px;
  border-color: transparent #d0cfcb;
  border-style: solid;
}

.segments_steps .segment_active:before {
  border-color: #fcc75c
    /* #fab62f */
    #fffffff2;
  left: 0px;
  border-width: 15.7px 0px 15.7px 13px;
  border-style: solid;
}

.segments_steps .segment_active:after {
  border-color: hsla(40, 95%, 58%, 0) #fcc75c
    /* #fab62f */
  ;
  right: -12px;
  border-width: 15.8px 0px 15.8px 13px;
  border-style: solid;
}

.ar_right {
  background: url(../images/ar_right_grey.png) no-repeat;
  position: absolute;
  right: 0;
  width: 36px;
  height: 110%;
  background-size: contain !important;
  top: -2px;
}

.segment_active .ar_right {
  background: url(../images/ar_right_white.png) no-repeat;
}

.segments_steps a:hover {
  transition: all 0.1s;
  font-weight: bold;
}

.segments_steps .segment_active {
  background: #fcc75c
    /* #fab62f */
  ;
}

.segments_steps .segment_active:hover {
  font-weight: 400;
}

.segment_steps_body {
  padding: 15px 0px;
  padding-bottom: 10px;
  overflow: auto;
  max-height: 400px;
}

.segment_steps_body a {
  padding: 4px 5px;
  margin-bottom: 10px;
  background: #f5f5f5;
  position: relative;
  float: left;
  border: solid 1px #afafaf;
  text-align: center;
  color: #4f4f4f;
  transition: all 0.3s;
  min-height: 25px;
  font-size: 12px;
  width: 22%;
  vertical-align: middle;
  margin-left: 1.5%;
  margin-right: 1.5%;
  font-family: sans-serif;
}

.segment_steps_body .selected_yellow {
  background: #fcc75c
    /* #fab62f */
  ;
}

.segment_steps_body a:hover {
  background: #fcc75c
    /* #fab62f */
  ;
  transition: all 0.3s;
}

.sub_tabs {
  margin-top: 5px;
  margin-bottom: 5px;
}

.segment_steps_body_no_border {
  border: none !important;
  padding-top: 0;
  padding-bottom: 0;
}

.sub_tabs a {
  color: #878787;
  border: solid 1px #8a8a8a;
  padding: 2px 10px;
  text-align: center;
  width: 49.7%;
  float: left;
  min-height: 32px;
  margin-right: 0.5%;
}

.sub_tabs a:last-child {
  margin-right: 0;
}

.sub_tabs .sub_tabs_active {
  border: solid 2px #fcc75c
    /* #fab62f */
  ;
  color: #fcc75c
    /* #fab62f */
  ;
  font-weight: 600;
}

.md_checkbox_main {
  /* display: inline-block;
     */
  width: 25%;
  vertical-align: middle;
  /* margin-left: 1.5%;
     */
  /* margin-right: 1.5%;
     */
  margin-bottom: 10px;
  float: left;
  padding: 0 15px;
}

.tbl {
  display: table;
  width: 100%;
  height: 100%;
}

.md_ch_1 {}

.md_ch_2 {
  width: 90%;
}

.md_checkbox_main a {
  width: 100% !important;
  margin-bottom: 0;
  margin-left: 0% !important;
  margin-right: 0% !important;
}

.md_checkbox_main a:hover {
  background: #f5f5f5;
  cursor: default;
}

.md-checkbox {
  position: relative;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 28px;
  background: #f5f5f5;
  border: solid 1px #afafaf;
  float: left;
  margin-right: 10px;
}

.md-checkbox label {
  cursor: pointer;
  display: block;
  clear: both;
  padding-left: 1px;
  height: 100%;
}

.md-checkbox input[type="checkbox"] {
  outline: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  display: block;
  font-size: inherit;
  position: absolute;
}

.md-checkbox input[type="checkbox"]:checked+label:after {
  position: relative;
  z-index: 100;
  content: "\f00c";
  display: inline-block;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: 900;
  line-height: 1;
  font-size: 18px;
}

.select_line_services_opt {
  text-align: center;
  margin-top: 35px;
  margin-bottom: 35px;
}

.select_line_services_opt_a {
  display: inline-block;
  margin: auto;
  border: solid 2px #fcc75c
    /* #f8b530 */
  ;
  color: #4f4f4f;
  font-weight: 500;
  text-decoration: none;
  border-radius: 40px;
  padding: 2px 20px;
  transition: all 0.2s;
  min-width: 200px;
}

.selectImg_btn {
  display: inline-block;
  margin: auto;
  border: solid 2px #fcc75c
    /* #f8b530 */
  ;
  color: #4f4f4f;
  font-weight: 500;
  text-decoration: none;
  border-radius: 40px;
  padding: 4px 20px;
  transition: all 0.2s;
  min-width: 200px;
  background: none;
  transition: all 0.2s;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.selectImg_btn:hover {
  background: #fcc75c
    /* #fab62f */
  ;
  transition: all 0.2s;
  color: #fff;
}

.select_line_services_opt_a:hover {
  background: #fcc75c
    /* #fab62f */
  ;
  transition: all 0.2s;
  color: #fff;
}

.select_line_services_opt_alt_a {
  display: inline-block;
  margin: auto;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: solid 2px #1a67a3;
  color: #4f4f4f;
  font-weight: 500;
  text-decoration: none;
  border-radius: 40px;
  margin-right: 20px;
  padding: 2px 20px;
  transition: all 0.2s;
  min-width: 200px;
}

.select_line_services_opt_alt_a:hover {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  transition: all 0.2s;
  color: #fff;
}

.select_line_services_opt_alt_a_inactive {
  display: inline-block;
  margin: auto;
  border: solid 2px #b0b3b7;
  color: #b0b3b7;
  font-weight: 500;
  text-decoration: none;
  border-radius: 40px;
  margin-right: 20px;
  padding: 2px 20px;
  transition: all 0.2s;
  min-width: 200px;
  cursor: default;
}

.select_line_services_opt_alt_a_inactive:hover {
  color: #b0b3b7;
  cursor: default;
}

.new_active_inactive_services {
  display: table;
  width: 100%;
  border: solid 1px;
  text-align: center;
  padding: 2px 10px;
  margin-top: 35px;
}

.new_active_inactive_services h2 {
  margin-top: 0;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: bold;
}

.top_no_margin {
  margin-top: 0;
}

.new_active_inactive_services a {
  display: table-cell;
  vertical-align: middle;
  padding: 6px 10px;
  text-align: center;
  background: #d0cfcb;
  color: #000;
  border-right: solid 1px #fff;
  width: 50%;
  transition: all 0.3s;
  font-size: 14px;
}

.new_active_inactive_services a:last-child {
  border-right: 0;
}

.new_active_inactive_services .new_active_inactive_services_active {
  background: #fcc75c
    /* #fab62f */
  ;
}

.further_options {
  text-align: center;
  margin-top: 40px;
}

.further_options .control {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  padding-left: 3%;
  padding-right: 3%;
  cursor: pointer;
  margin: 30px 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.further_options .control:last-child {}

.further_options .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: all 0.2s ease;
}

.further_options .control input:checked~.control__indicator:after {
  position: absolute;
  z-index: 100000;
  content: "\f00c";
  vertical-align: middle;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-weight: 900;
  font-size: 15px;
  opacity: 1;
  visibility: visible;
  height: 100%;
  left: 0;
  width: 100%;
  margin-top: -1px;
}

.further_options .control input:checked~.control__indicator.bounceUp {
  -webkit-animation: bounceUp 0.5s forwards;
  animation: bounceUp 0.5s forwards;
}

.further_options .control .control__indicator {
  position: relative;
  width: 21px;
  height: 21px;
  background: white;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: 1.4px solid #1a67a3;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.further_options .control .control__indicator:after {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  content: "";
  transition: all 0.2s ease;
}

.further_options .control span {
  display: inline-block;
  vertical-align: middle;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 600;
  margin-left: 4px;
  font-size: 14px;
  letter-spacing: 0.2px;
}

@-webkit-keyframes bounceUp {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes bounceUp {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  40% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.upload_portfolio {
  padding: 25px 15px;
  padding-bottom: 0;
}

.upload_portfolio .file-upload {
  display: inline-block;
  vertical-align: middle;
}

.upload_portfolio .inputContainer {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.upload_portfolio .inputContainer select.form-control {
  color: #4f4f4f;
  font-size: 15px;
  font-weight: 300;
  z-index: 0;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  border-color: #4f4f4f;
  padding: 3px 10px;
  padding-right: 36px;
  min-width: 247px;
  text-align: center;
}

.select-hidden {
  display: none;
  visibility: hidden;
}

.select_dorp_down {
  height: auto !important;
}

.select-styled {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  letter-spacing: normal;
  display: block;
  width: 100%;
  color: #c4cdd5;
  height: auto;
  padding: 2px 10px;
  padding-right: 37px;
  border-radius: 1px;
  border: solid 1px #4f4f4f;
  min-width: 260px;
  color: #000;
  font-size: 15px;
}

.upload_portfolio .select-options {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 1000000;
  margin: 0;
  padding: 0;
  list-style: none;
  color: #3470bf;
  background-color: #fff;
  border: 1px solid #3470bf;
  border-top: 0;
}

.upload_portfolio .select-options li {
  margin: 0;
  padding: 6px 10px;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  text-align: left;
  display: block;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #4f4f4f;
}

.upload_portfolio .select-options li:hover {
  color: #fff !important;
  background: #fcc75c
    /* #fab62f */
  ;
  transition: all 0.15s ease-in;
}

.upload_option {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-bottom: 15px;
}

.portfolio_text {
  padding-left: 80px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-decoration: underline;
}

.upload_portfolio .select-icon {
  z-index: 1;
  position: absolute;
  pointer-events: none;
  text-rendering: auto;
  right: 0;
  height: 100%;
  font-size: 21px;
  top: 0;
  padding: 5px 8px;
  padding-bottom: 0;
  padding-top: 5px;
  color: #fcc75c
    /* #fab62f */
  ;
  font-weight: 600;
  line-height: 1px !important;
  background: #4f4f4f;
}

.upload_portfolio .file-upload>p {
  color: #000000;
  font-size: 14px;
  padding: 7px 15px 6px 47px;
  font-style: normal;
}

.upload_portfolio .file-upload>input {
  z-index: 1000 !important;
}

.file-upload span {
  background: #fcc75c
    /* #fab62f */
    none repeat scroll 0 0;
}

.portfolio_btn_save {
  margin-top: 10px;
  margin-bottom: 50px;
  text-align: center;
}

.portfolio_btn_save a {
  color: #4f4f4f;
  font-size: 15px;
  position: relative;
  border: solid 1px #4f4f4f;
  width: 150px;
  display: inline-block;
}

.portfolio_images {
  width: 16%;
  height: 153px;
  float: left;
  padding: 0 8px;
  margin-bottom: 20px;
}

.img_thumbnail {
  background-size: cover !important;
  height: 100%;
  background-position: center !important;
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex;
}

.img_thumbnail span {
  color: white;
  z-index: 100;
  position: absolute;
  right: -8px;
  top: -11px;
  border-radius: 46%;
  background: #fcc75c
    /* #fab62f */
  ;
  padding: 1px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 15px;
  font-size: 11px;
  cursor: pointer;
}

.select_assign_heading {
  color: #4f4f4f;
  text-align: center;
  padding: 4px;
  background: #fcc75c
    /* #fab62f */
  ;
  font-weight: 500;
}

.metropoli_service_dropdown {
  text-align: center;
}

.metropoli_service_dropdown .select-options li {
  text-align: center;
}

.zip_codes_selected {
  text-align: center;
  color: #63c8f1;
  font-size: 15px;
  margin-top: 80px;
  margin-bottom: 20px;
  font-weight: 600;
}

.zip_codes_selected a {
  font-weight: 400;
  padding: 2px 15px;
  display: table;
  text-align: center;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: solid 1px #1a67a3;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  transition: 0.3s;
  margin-top: 10px;
  font-style: italic;
  text-decoration: underline;
  margin-left: auto;
  margin-right: auto;
}

.zip_codes_selected a:hover {
  background-color: #fcc75c
    /* #fab62f */
  ;
  color: #fff;
  transition: 0.3s;
}

.divide_segments_1 h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 10px;
}

.divide_segments_1 a {
  color: #4a4a4a;
}

.divide_segments_1 a:hover {
  color: #4a4a4a;
}

.divide_segments_1 {
  width: 60%;
  float: left;
}

.divide_segments_2 {
  width: 40%;
  padding-left: 50px;
  float: left;
  margin-top: 35px;
}

.divide_segments_2 h1 {
  color: #4f4f4f;
  text-align: center;
  padding: 4px;
  background: #fcc75c
    /* #fab62f */
  ;
  font-weight: 500;
}

.divide_segments_2_services_main {
  border: solid 1px #eee;
  overflow: auto;
  max-height: 400px;
  padding: 5px;
  padding-bottom: 5px;
}

.divide_segments_2_services {
  width: 50%;
  float: left;
}

.divide_segments_2 a {
  width: 100% !important;
  margin-bottom: 0;
  margin-left: 0% !important;
  margin-right: 0% !important;
  padding: 4px 5px;
  position: relative;
  float: left;
  text-align: center;
  color: #4f4f4f;
  transition: all 0.3s;
  min-height: 25px;
  font-size: 12px;
  vertical-align: middle;
  font-family: sans-serif;
}

.parameter_dropdown {
  padding-top: 50px;
  text-align: center;
}

.divide_segments_1 .md_checkbox_main {
  padding-left: 0;
  padding-right: 10px;
  margin-bottom: 0;
  font-size: 15px;
}

.new_profile_design {
  font-family: "Montserrat", sans-serif;
  margin-bottom: 10px;
  margin-top: 5px;
}

.new_profile_design_top {
  margin-bottom: 10px;
  background: #fcc75c
    /* #fab62f */
  ;
  text-align: center;
  color: #313131;
  padding: 5px 10px;
  font-size: 18px;
  font-weight: 500;
}

.left_testi {
  background: #eeeeee;
  padding: 10px 15px;
  width: 33%;
  float: left;
  display: block;
  position: relative;
  left: -67%;
  min-height: 812px;
}

.left_testi_heading {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 !important;
  color: #fff;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -10px;
  margin-bottom: 5px;
  padding: 10px 30px;
  text-align: center;
  font-weight: 600;
}

.right_main_slider {
  width: 67%;
  left: 33%;
  float: left;
  display: block;
  position: relative;
  border-left: solid 10px #fff;
}

.left_testi_dp {
  width: 160px;
  height: 160px;
  background-size: cover !important;
  border-radius: 53%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.testi_user_name {
  text-align: center;
  padding: 5px 10px;
  color: #000;
  font-weight: 600;
  display: table;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  font-size: 20px;
  line-height: normal;
}

.left_testi_stars {
  text-align: center;
  color: #fcc75c
    /* #fab62f */
  ;
  font-size: 17px;
}

.left_testi_stars span {
  display: inline-block;
  margin-left: 1px;
  vertical-align: middle;
}

.left_testi_stars .left_testi_stars_count {
  color: #acadae;
  margin-left: 3px;
  line-height: normal;
}

.left_testi_comp_info {
  margin-bottom: 22px;
  margin-top: 10px;
}

.left_testi_license {
  text-align: center;
  padding: 5px 10px;
  color: #4f4f4f;
  display: table;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  font-size: 15px;
  line-height: normal;
}

.left_testi_license a {
  text-align: center;
  padding: 5px 10px;
  color: #4f4f4f;
  display: table;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  font-size: 15px;
  line-height: normal;
  text-decoration: underline;
  font-style: italic;
}

.left_testi_skills_selected a {
  text-align: center;
  padding: 5px 0px;
  color: #4f4f4f;
  display: table;
  margin-right: -5px;
  width: 100%;
  font-size: 13px;
  line-height: normal;
  text-decoration: underline;
  font-style: italic;
}

.left_testi_left {
  float: left;
  width: 55%;
  overflow: hidden;
}

.left_testi_left h1 {
  font-size: 19px;
  color: #4f4f4f;
  margin-top: 0;
  /* font-weight: 600;
     */
  line-height: normal;
}

.left_testi_left p {}

.left_testi_left a {
  font-size: 14px;
  position: relative;
  padding-left: 25px;
  display: table;
  margin-bottom: 5px;
  color: #4f4f4f;
}

.comp_web_a {
  font-style: italic;
  padding-left: 0 !important;
  color: #4f4f4f;
  margin-top: 0;
  font-style: italic;
  line-height: normal;
  padding-top: 0px;
  display: table;
}

.left_testi_left a:last-child {
  margin-bottom: 0;
}

.left_testi_left a .fa-phone {
  transform: rotate(90deg);
}

.left_testi_left a svg {
  position: absolute;
  top: 3px;
  left: 0;
  color: #fcc75c
    /* #fab62f */
  ;
}

.left_testi_right {
  text-align: right;
  float: right;
  width: 40%;
}

.left_testi_right .favorite-sec {
  margin-bottom: 7px;
  display: table;
}

.left_testi_right .favorite-sec:last-child {
  margin-bottom: 0px;
}

.left_testi_right .favorite-sec .checkmark {
  left: 0px;
  background-color: #f5f5f5;
  border: 1px solid #cacaca;
  height: 18px;
  top: 3px;
  width: 18px;
}

.left_testi_right .favorite-sec input:checked~.checkmark {
  background-color: transparent;
  border: 1px solid #cacaca;
}

.left_testi_right .favorite-sec>label {
  font-size: 13px;
  font-weight: 500;
  color: #4f4f4f;
  display: table;
  float: left;
  text-align: left;
}

.left_testi_right .favorite-sec .checkmark:after {
  left: 1px;
  top: 0px;
  width: 8px;
  height: 13px;
  /* ticket # 784 requires to change is color to #1a67a3 */
  border: solid #1a67a3;
  border-width: 0px 2px 2px 0;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.left_testi_country {
  font-size: 15px;
  color: #4f4f4f;
  text-align: left;
  padding-left: 3px;
  line-height: normal;
  margin-bottom: 7px;
}

.left_testi_country span:first-child {
  color: #fcc75c
    /* #fab62f */
  ;
  margin-right: 4px;
}

.left_testi_endorsement {
  padding-left: 20px;
  padding-right: 20px;
}

.left_testi_endorsement h2 {
  font-size: 16px;
  margin-bottom: 2px;
  color: #505050;
  margin-top: 0;
  font-weight: 500;
  line-height: normal;
}

.left_testi_endorsement .righ-social {
  position: relative;
  background: no-repeat;
  margin-top: 10px;
}

.left_testi_endorsement .righ-social h1 {
  font-size: 30px;
}

.endorse_list {
  border-top: solid 1.5px #cacaca;
  border-bottom: solid 1.5px #cacaca;
  padding: 10px;
  min-height: 200px;
  max-height: 200px;
  overflow: auto;
}

.endorse_list::-webkit-scrollbar-track {
  background-color: #eee;
}

.endorse_list::-webkit-scrollbar {
  width: 18px;
}

.endorse_list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #d6d6d6;
}

.endorse_list_left {
  float: left;
}

.endorse_list_right {
  float: right;
}

.endorse_list_left span {
  display: block;
  font-size: 13px;
}

.endorse_list_right span {
  font-style: italic;
  color: #868686;
  font-size: 14px;
}

.endorse_list_left_name {
  font-size: 17px;
  color: #4e4e4e;
  font-weight: 500;
  line-height: normal;
}

.endorse_list_left_designation {
  color: #6b6b6b;
  font-weight: 600;
  margin-bottom: 10px;
}

.endorse_list_li {
  margin-bottom: 10px;
  border-bottom: solid 1px #dadada;
  padding-bottom: 10px;
}

.endorse_list_li:last-child {
  border-bottom: none;
}

.endorse_list p {
  color: #757575;
  line-height: normal;
  font-size: 12px;
}

.right_main_slider .illo ul li {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  display: table;
  width: 100%;
}

.right_main_slider .illo ul li a {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  color: #000000;
  font-weight: 100;
  padding: 6px 9px;
  font-size: 16px;
  width: auto;
  margin: auto;
  display: table-cell;
  vertical-align: middle;
}

.right_main_slider .illo ul li a span {
  font-weight: 600;
  margin-left: 5px;
  font-size: 20px;
}

.twenty-four-hour-tag {
  font-weight: 600;
  margin-left: 14px;
  font-size: 14px !important;
  color: #e2e2e2 !important;
  opacity: 0.8;
}

.right_main_slider .illo ul li a:hover {
  background-color: #d0cfcb !important;
  transition: 0.2s;
  color: #000000 !important;
}

.right_main_slider .tabs.is-boxed li.is-active a {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 !important;
  color: #fcc75c
    /* #f6a54d */
     !important;
  white-space: normal;
  font-weight: 500;
}

.right_main_slider .porfolio-main .swiper-container1 .swiper-button-prev {
  background: none;
  color: #fcc75c
    /* #f6a54d */
  ;
  padding: 0;
  border: 0;
  width: 25px;
  line-height: normal;
  top: 0;
  -webkit-animation: slider_bounceRight 1s infinite;
  animation: slider_bounceRight 1s infinite;
}

.right_main_slider .porfolio-main .swiper-container1 .swiper-button-next {
  background: none;
  color: #fcc75c
    /* #f6a54d */
  ;
  padding: 0;
  border: 0;
  width: 25px;
  line-height: normal;
  top: 0;
  -webkit-animation: slider_bounceRight 1s infinite;
  animation: slider_bounceRight 1s infinite;
}

.right_main_slider .porfolio-main .swiper-container1 .swiper-button-disabled {
  color: #a9a9a9;
  animation: none !important;
  -webkit-animation: none !important;
}

/* right bounce */
@-webkit-keyframes slider_bounceRight {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}

@-moz-keyframes slider_bounceRight {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }

  40% {
    transform: translateX(-5px);
  }

  60% {
    transform: translateX(-5px);
  }
}

@keyframes slider_bounceRight {

  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  60% {
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
}

.right_main_slider .porfolio-main .swiper-container1 .swiper-button-next:after {
  font-weight: bolder;
}

.right_main_slider .porfolio-main .swiper-container1 .swiper-button-prev:after {
  font-weight: bolder;
}

.right_main_slider .swiper-button-next,
.right_main_slider .swiper-button-prev {}

.right_main_slider .illo ul li .m_svc_left {
  left: 0px;
  padding-left: 4px;
  top: 0;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 !important;
  color: #fcc75c
    /* #f6a54d */
     !important;
  font-size: 12px;
  height: 100%;
  padding-right: 5px;
  font-weight: 500;
  display: table-cell;
  vertical-align: middle;
}

.right_main_slider .illo ul li .m_svc_right {
  top: 0;
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3 !important;
  color: #fcc75c
    /* #f6a54d */
     !important;
  font-size: 12px;
  height: 100%;
  padding-left: 10px;
  font-weight: 500;
  line-height: 34px;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.hour_left {
  /* position: absolute;
     left: 100px;
     top: 0;
    */
  color: lightgray;
  font-size: 12px;
  height: 100%;
  padding: 0 5px;
  line-height: 39px;
  font-weight: 800;
  background: #4f4f4f;
  display: table-cell;
  vertical-align: middle;
}

.hour_right {
  /* position: absolute;
     right: 100px;
     top: 0;
    */
  color: lightgray;
  font-size: 12px;
  height: 100%;
  padding: 0 5px;
  line-height: 39px;
  font-weight: 800;
  background: #4f4f4f;
  display: table-cell;
  vertical-align: middle;
}

.landing_inner {
  font-family: "Montserrat", sans-serif;
}

.landing_inner_main_top_head {
  padding: 31px 135px;
  text-align: center;
}

.landing_inner_main_top_head h1 {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: -0.4px;
}

.landing_inner_main_top_head h1 span {
  font-size: 37px;
  font-weight: 800;
}

.landing_inner_main_top_head p {
  color: #000;
  font-size: 28px;
  font-weight: 600;
}

.landing_inner_main_top_subhead {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background: #1a67a3;
  text-align: center;
  padding: 20px 10px;
  margin-bottom: 40px;
}

.landing_inner_main_top_subhead p {
  font-weight: 300;
  color: #fefefe;
  font-size: 17px;
  font-family: "Raleway", sans-serif;
}

.landing_inner_main_top_subhead strong {
  color: #fefefe;
  font-size: 20px;
  font-family: "Raleway", sans-serif;
}

.landing_inner_main_top_subhead span {
  font-weight: 700;
  color: #fefefe;
}

.membership_checkboxes {
  display: table;
  margin: auto;
  padding: 0 15px;
}

.membership_checkboxes .favorite-sec label {
  color: #000;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.3px;
  padding-left: 32px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.membership_checkboxes .favorite-sec label strong {
  font-weight: 800;
  color: #000;
}

.membership_checkboxes .favorite-sec {
  text-align: left;
  margin-bottom: 15px;
}

.membership_checkboxes .favorite-sec label span.checkmark {
  left: 0;
  right: inherit;
  height: 22px;
  width: 22px;
  top: 0;
  border: 1px solid #fcc75c
    /* #f9b62f */
  ;
}

.membership_checkboxes .favorite-sec input:checked~.checkmark {
  background-color: transparent;
}

.membership_checkboxes .favorite-sec .checkmark:after {
  left: 7px;
  top: 1px;
  width: 8px;
  height: 15px;
  border: solid #a0a0a0;
  border-width: 0 3px 3px 0;
}

.membership_checkboxes .favorite-sec label a {
  font-style: italic;
  color: #fcc75c
    /* #f9b62f */
  ;
  font-weight: 700;
  font-size: 17px;
  text-decoration: underline;
}

.membership_checkboxes .favorite-sec label span {
  color: #95a5bb;
  font-size: 11px;
}

.membership_checkboxes .favorite-sec label sub {
  vertical-align: super;
}

.click_trial_btn {
  margin-top: 30px;
  margin-bottom: 40px;
  text-align: center;
}

.click_trial_btn p {
  font-weight: 700;
  color: #bd0000;
  font-size: 15px;
  list-style: disc;
  margin-bottom: 5px;
}

.click_trial_btn a {
  padding: 10px 21px;
  background: #fcc75c
    /* #fcc75c */
  ;
  text-align: center;
  display: inline-block;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 700;
  font-size: 22px;
  transition: all 0.2s;
}

.click_trial_btn a:hover {
  transition: all 0.2s;
  background: #fcc75c
    /* #fcc75c */
  ;
  border-color: #fcc75c
    /* #fcc75c */
  ;
}

.all-field-left-align .modal-card {
  width: 725px;
}

.all-field-left-align label {
  text-align: left;
}

.all-field-left-align .form-group {
  margin-bottom: 0;
}

.all-field-left-align .map-buton {
  text-align: left;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}

.all-field-left-align .home-modal h1 {
  text-align: center;
}

.new-service-main .s_m_b_head_left {
  float: left;
  position: relative;
}

.new-service-main .s_m_b_head_right {
  float: right;
  padding-right: 40px;
  position: relative;
}

.new-service-main .s_m_1 {
  color: #000000;
  font-weight: 700;
  font-size: 22px;
}

.s_m_b_head_steps {
  color: #000000;
  font-weight: 500;
  font-size: 25px;
  position: relative;
}

.steped_active {
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-weight: 600;
  display: table;
}

.fa-blink-arrow {
  position: absolute;
  left: -16px;
  top: 5px;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  font-size: 17px;
}

.fa-blink-arrow {
  -webkit-animation: bounceRight 1s infinite;
  animation: bounceRight 1s infinite;
  float: right;
}

.changeer {
  font-size: 17px;
  text-align: center;
  /* font-weight: 600;*/
  margin-bottom: 50px;
}

.changeer span.chang_text {
  vertical-align: middle;
  display: inline-block;
  color: #bfbfbf;
  font-weight: 600;
  font-size: 12px;
}

.chang_text_2 {
  vertical-align: middle;
  display: inline-block;
  color: #fcc75c
    /* #e99709 */
  ;
  font-weight: 700;
  border-bottom: solid 2px #fcc75c
    /* #e99709 */
  ;
  line-height: 14px;
  font-size: 13px;
}

.promo_span {
  position: relative !important;
  color: #fcc75c
    /* #e99709 */
     !important;
  font-weight: 700;
  font-size: 13px;
}

.promo_span_2 {
  position: relative !important;
  font-weight: 700;
  font-size: 11px;
}

/* right bounce */
@-webkit-keyframes bounceRight {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  60% {
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}

@-moz-keyframes bounceRight {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateX(0);
  }

  40% {
    transform: translateX(-30px);
  }

  60% {
    transform: translateX(-15px);
  }
}

@keyframes bounceRight {

  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  60% {
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
  }
}

/* /right bounce */
.new-service-main .s_m_b_head_right {
  float: right;
  padding-right: 40px;
}

@media (max-width: 1650px) {
  .services_main_body .container {
    width: 92%;
  }

  .segment_steps_body {}

  .select_assign_heading {}
}

@media (max-width: 1500px) {
  .home_ban_body_3_box {
    padding: 10px;
  }

  /* .home_ban_body_1 {
    width: 48%;
  }
  .home_ban_body_3 {
    width: 45%;
  }*/
}

@media (max-width: 1380px) {
  .new_home_span {
    font-size: 21px;
    margin-top: 11px;
  }

  .landing_inner_main_top_head h1 {
    font-size: 1.5vw;
  }

  .landing_inner_main_top_head h1 span {
    font-size: 2.5vw;
  }

  .home_ban_body_1 h1 {}

  /* .home_ban_body_1 {
    width: 50%;
  }*/

  .home_ban_body_1 h1 span {}

  /*.home_ban_body .container {
    width: 100%;
  }*/
  .home_ban_body_2 {
    padding: 0 15px;
    text-align: center;
  }
}

@media (max-width: 1380px) {
  .notification-sec {
    margin: 0 16px 0 0;
  }

  .dropdown.login-user {
    margin-right: 0;
  }

  .new_profile_design .container {
    width: 100%;
  }

  .landing_inner_main_top_head {
    padding: 31px 35px;
  }
}

@media (max-width: 1280px) {
  .home_ban_body .container {
    min-height: 500px;
    width: 991px;
    padding-top: 100px;
  }

  .home_ban_body_1 h3 {
    font-size: 49px;
    line-height: 59px;
  }

  .home_ban_body_1 {
    width: 74%;
  }

  .learmore_div {
    width: 62%;
    right: inherit;
    left: 0;
  }

  /* .home_ban_body_1 h1 {
    font-size: 60px;
    line-height: 87px;
  }

  .home_ban_body_1 h1 span {
    font-size: 70px;
  }*/
}

@media (max-width: 1250px) {
  .home_ban_body_1 a {
    font-size: 19px;
  }

  .home_ban_body_3 a {
    font-size: 19px;
  }

  .md_checkbox_main {
    width: 33.3%;
  }

  .divide_segments_1 .md_checkbox_main {
    font-size: 14px;
  }

  .divide_segments_1 .md_checkbox_main {
    width: 25%;
  }

  .divide_segments_2 {
    padding-left: 10px;
  }

  .right_main_slider .illo ul li a {
    font-size: 15px;
  }
}

@media (max-width: 1200px) {
  .p_tabs a {
    padding: 10px 15px;
    font-size: 14px;
  }

  .new_home_span {
    font-size: 18px;
  }

  .input_search {
    padding: 0 14px;
  }

  .input_search .fa-search {
    right: 14px;
  }

  .foot_col1 {
    padding-left: 15px;
  }

  .foot_col2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .price-copy {
    padding-right: 15px;
  }

  .home_ban_body_1 {
    padding: 0;
    width: 65%;
  }

  .learmore_div {
    width: 58%;
    padding-left: 15px;
  }

  .joinClass {
    font-size: 15px;
  }

  .landing_inner_main_top_subhead p {
    font-size: 1.4vw;
  }

  .landing_inner_main_top_subhead strong {
    font-size: 1.5vw;
  }

  .home_ban_body_1 ul {
    padding-left: 15px;
  }

  .home_ban_body_3 a {
    font-size: 15px;
  }

  .home_ban_body_1 a {
    font-size: 15px;
  }

  .right_main_slider .illo ul li a {
    font-size: 14px;
  }

  .left_testi_dp {
    width: 128px;
    height: 128px;
  }

  .endorse_list::-webkit-scrollbar {
    width: 13px;
  }

  .left_testi_endorsement .righ-social h1 {
    font-size: 20px;
    line-height: normal;
  }

  .reprot-profile {
    margin: 5px 0 0 0;
  }

  .left_testi {
    padding: 10px;
  }

  .left_testi_heading {
    margin-right: -10px;
    margin-left: -10px;
  }

  .left_testi_skills_selected a {
    width: 100%;
  }

  .left_testi_comp_info {
    margin-bottom: 10px;
    margin-top: 0px;
  }

  .left_testi_endorsement {
    padding-left: 0;
    padding-right: 0;
  }

  .left_testi_right {
    text-align: left;
    float: none;
    width: 100%;
    margin-top: 4px;
  }

  .left_testi_right .favorite-sec {
    margin-bottom: 3px;
  }

  .left_testi_left {
    float: none;
    width: 100%;
  }

  .left_testi_country {
    padding-left: 0;
    float: none;
  }

  .left_testi_right .favorite-sec>label {
    float: none;
    width: auto;
  }

  .home_ban_body .container {
    width: 1120px;
  }

  .demo_div {
    position: absolute;
    bottom: 31px;
    right: 20px;
  }

  .home_ban_body_3 {
    padding: 0;
  }

  /* Landing Page Start*/

  /* Landing Page End */
  .segment_steps_body {
    margin-left: 0;
    margin-right: 0px;
  }

  .select_assign_heading {
    margin-left: 0;
    margin-right: 0px;
  }

  .services_main_body .container {
    width: 98%;
  }

  .segment_steps_body a {
    width: 30.3%;
  }
}

@media (max-width: 1080px) {
  .home_ban_body_1 h1 span {
    font-size: 75px;
  }

  .home_ban_body_1 h1 {
    font-size: 70px;
    line-height: 82px;
  }

  .home_ban_body_2 {
    margin-left: 0%;
  }

  .learmore_div {
    float: none;
    margin-top: 30px;
  }

  .demo_div {
    margin-top: 69px;
  }

  .demo_div a {
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 1065px) {
  .subscription_header h1 span {
    font-size: 24px;
  }

  .subscription_header h1 {
    font-size: 18px;
  }
}

@media (max-width: 1040px) {
  .landing_inner_main_top_head {
    padding: 31px 5px;
  }

  .landing_inner_main_top_head h1 {
    font-size: 2vw;
  }

  .landing_inner_main_top_head h1 span {
    font-size: 3vw;
  }

  .divide_segments_1 {
    width: 100%;
    float: none;
  }

  .divide_segments_2 {
    width: 100%;
    float: none;
    padding-left: 0;
  }

  .right_main_slider .illo ul li a {
    font-size: 13px;
  }
}

@media (max-width: 992px) {

  .delete-popup {
    width: 100%;
    height: 10rem;
    max-width: 100%;
    text-align: center;
  }

  .left_dashboard_menu {
    background: #eeeeee;
    position: fixed;
    z-index: 100;
    width: 100%;
    float: none;
    left: 0;
    top: 0;
    height: 100%;
    margin-left: -320px;
  }

  .menu_barr {
    overflow: auto;
    height: 78vh;
    position: relative;
    padding-bottom: 0;
  }

  #show-sidebar {
    /* display: block; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .trigger_left_dashboard_menu {
    margin-left: 0px;
  }


  .services_main_body {
    float: none;
    width: 100%;
    left: 0;
    margin-top: 0px;
  }

  .prof-button {
    width: 100%;
  }

  .pf-submit {
    width: 100%;
  }

  .promo-main .btn-empty {
    width: 100%;
  }

  .btn-join {
    margin-bottom: 15px;
  }

  .single-pricing .pricing-title .title span {
    position: relative !important;
    right: 0px;
    left: 0px;
  }

  .home_ban_body_1 h1 {}

  .home_ban_body_1 h1 span {
    font-size: 71px;
  }

  .home_ban_body_1 h3 {}

  .home_ban_body_3 p {
    font-size: 14px;
  }

  .home_ban_body_1 ul li {
    font-size: 14px;
  }

  .home_ban_body_1 ul li span {
    font-size: 13px;
  }

  .right_main_slider .illo ul li a {}

  .left_testi_left {
    float: left;
    width: 55%;
  }

  .left_testi_right {
    text-align: right;
    float: right;
    width: 40%;
  }

  .left_testi {
    width: 100%;
    left: 0;
    float: none;
    margin-top: 15px;
  }

  .right_main_slider {
    width: 100%;
    left: 0;
    float: none;
    border: 0;
  }

  .portfolio_images {
    width: 20%;
    height: 129px;
    padding: 0 10px;
  }

  .further_options .control {
    padding-left: 2%;
    padding-right: 2%;
  }

  .md_checkbox_main {
    width: 50%;
  }

  .p_tabs a {
    font-size: 15px;
    width: auto;
  }

  .services_main_top_head h1 {
    font-size: 26px;
  }

  .segment_steps_body a {
    width: 47%;
  }

  .new_feaut {
    padding: 10px 0;
  }

  .pricing-color-1 .price-after {
    margin-top: 52px;
  }

  .pricing-color-1 .price-after h1 {
    width: 80%;
    margin: auto;
  }
}

@media (max-width: 950px) {
  .social-box ul li a {
    font-size: 14px;
    width: 30px;
    height: 30px;
  }

  .landing_inner_main_top_subhead p {
    font-size: 14px;
  }

  .landing_inner_main_top_subhead strong {
    font-size: 15px;
  }

  .home_ban_body_2 {
    margin-left: 0;
  }

  .home_ban_body_3 {
    width: 100%;
    display: block;
    margin-top: 15px;
  }

  .home_ban_body_1 h1 span {
    text-align: center;
  }

  .home_ban_body .container {
    margin-top: 0;
    padding-top: 70px;
    min-height: 400px;
  }

  .demo_div {
    margin-top: 20px;
    position: relative;
    bottom: 0;
    right: 0;
  }

  .home_ban_body_1 h3 span {
    display: block;
  }

  .home_ban_body_3 {
    min-height: inherit;
  }

  .home_ban_body_1 h3 {}

  .home_ban_body_1 h3 span {
    text-align: center;
  }

  .home_ban_body_3 img {
    margin-top: 0;
    margin-left: 0;
  }

  .home_ban_body_1 h1 {
    margin: 0;
    text-align: center;
  }

  footer .section-purple .columns {
    display: block;
  }

  .foot_col1,
  .foot_col2 {
    width: 50% !important;
    text-align: center;
    padding: 8px 15px;
    margin: 0;
    flex: none !important;
    display: table;
    margin: auto;
    text-align: center;
    float: left;
  }

  .price-copy {
    width: 100% !important;
    flex: none !important;
    display: table !important;
    text-align: center;
  }
}

@media (max-width: 860px) {
  .btn_yellow {
    float: none;
    display: inline-block;
  }

  /*
  .home_ban_body .container {
    background-position: bottom right;
    background-size: 250px;
    padding-top: 10px;
    text-align: center;
  }*/

  .learmore_div {
    width: 68%;
    text-align: center;
    position: relative;
    top: 0;
    right: 0;
    margin-top: 141px;
  }

  .home_ban_body_1 h3 {}

  .home_ban_body_1 {
    padding: 0;
    width: 73%;
  }

  .mobile_hidden {
    display: none;
  }

  .visible_only_mobile {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .home_ban_body_2 {
    width: 100%;
    display: block;
  }

  .home_ban_body_3 {
    width: 100%;
    display: block;
    margin-top: 25px;
  }

  .home_ban_body_1 a {
    width: 310px;
  }

  .home_ban_body_1 ul {
    padding: 0;
  }

  .home_ban_body_1 ul li {
    margin-bottom: 5px;
    font-size: 14px;
    list-style-position: inside;
  }
}

@media (max-width: 768px) {

  .foot_col1,
  .foot_col2,
  .price-copy {
    width: 100% !important;
    text-align: center;
    padding: 8px 15px;
    margin: 0;
    flex: none !important;
    display: table;
    margin: auto;
    text-align: center;
  }

  .foot_col1 a {
    display: inline-block;
    float: none !important;
    min-width: 151px;
    margin: 5px;
  }

  footer .section-purple .columns {
    display: block;
    padding-top: 15px;
  }

  .p_contain {
    max-width: 100%;
  }

  .p_basic_price {
    position: relative;
    width: 100%;
    padding: 0 !important;
    float: none;
    margin-bottom: 16px;
  }

  .hidden_for_mobile {
    display: none;
  }

  .top_part_same_height {
    padding-bottom: 0;
  }

  .top_part_same_height_show {
    padding-bottom: 20px;
  }

  .logoName {
    font-size: 30px;
  }

  .logined_dashboard a {
    text-align: left !important;
  }

  .dropdown.login-user {
    margin-right: 20px;
  }

  .p_services_selected a {
    font-size: 13px;
  }

  .services_custom_top h3 {
    font-size: 27px !important;
  }

  .p_services_selected {
    margin-left: -20px;
    padding: 0;
    margin-top: 59px;
    margin-right: -20px;
  }

  .home_ban_body .container {
    background-size: 316px;
    background-position: bottom right;
    padding-bottom: 0;
  }

  .home_ban_body_1 h3 {
    font-size: 44px;
    line-height: 57px;
  }

  .landing_inner_main_top_subhead p {
    font-size: 16px;
  }

  .landing_inner_main_top_subhead strong {
    font-size: 19px;
  }

  .landing_inner_main_top_head h1 {
    font-size: 15px;
  }

  .landing_inner_main_top_head h1 span {
    font-size: 20px;
  }

  .learmore_div {
    float: none;
    display: block;
    margin-bottom: 15px;
  }

  .home_ban_body_2 {
    margin-left: 0%;
  }

  .demo_div {
    float: none;
    display: block;
  }

  .demo_div a {
    margin-left: auto;
    margin-right: auto;
  }

  .all-field-left-align .modal-card {
    width: 90%;
  }

  .right_main_slider .illo ul li a {
    /*width: 42%;
        */
  }

  .right_main_slider .illo ul li a {
    white-space: normal;
  }

  .divide_segments_1 .md_checkbox_main {
    width: 50%;
    margin-bottom: 10px;
  }

  .upload_option {
    display: block;
    width: 100%;
  }

  .portfolio_text {
    display: block;
    width: 100%;
    text-align: left;
    margin-top: 15px;
    padding-left: 0;
  }

  .portfolio_images {
    width: 25%;
    height: 129px;
    padding: 0 10px;
  }

  .md-checkbox input[type="checkbox"]:checked+label:after {
    font-size: 20px;
  }

  .services_main_top_head h1 {
    font-size: 20px;
  }

  .services_main_top_head p {
    font-size: 14px;
  }

  .p_tabs a {
    display: block;
    margin: auto;
    margin-bottom: 5px;
    font-size: 15px;
    width: 100%;
  }

  .input_search .form-control {
    padding: 5px 43px 12px 12px;
  }

  /*   .input_search .fa-search {
    width: 35px;
    height: 35px;
  } */

  .sidebar-wrapper {
    padding-bottom: 0;
  }

  .sidebar-submenu a {
    padding-left: 30px;
    margin: 0;
  }

  /*   .left_dashboard_menu {
  } */

  .p_tabs {
    margin-bottom: 0;
    padding-top: 14px;
  }

  .sub_tabs a {
    display: block;
    margin: auto !important;
    margin-bottom: 5px !important;
    font-size: 15px;
    width: 90%;
    float: none;
  }

  .segment_steps_body a {
    width: 100%;
    margin-left: 0;
    display: block;
  }

  .further_options {
    text-align: left;
  }

  .further_options .control {
    margin-bottom: 5px;
  }
}

@media (max-width: 680px) {
  .home_ban_body .container {
    background: none;
  }

  .home_ban_body_1 {
    width: 100%;
  }

  #show-sidebar {
    /* top: 27% !important; */
    /* top: 50% !important; */
    top: 0% !important;
  }

  .logined_dashboard a {
    padding: 7px 10px;
  }

  .home_ban_body_1 h3 {
    font-size: 37px;
    line-height: 51px;
  }

  .extra_text {
    display: none;
  }

  .logo {
    float: none;
    width: 100% !important;
    padding: 0;
    text-align: center;
  }

  .hero-head .columns {
    display: block;
    width: 100%;
  }

  .logo figure span {
    display: block;
  }

  .home_butn {
    width: 100%;
  }

  .mobile_header_container {
    padding: 0;
  }

  .home_butn {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .back-dashboard a {
    display: block;
    width: 100%;
    text-align: center;
  }

  .home_ban_body_1 h1 {
    font-size: 8vw;
    line-height: 11vw;
    width: 100%;
  }

  .home_ban_body_3 {
    min-height: inherit;
  }

  .home_ban_body_1 h1 span {
    font-size: 9vw;
  }

  .right_main_slider .illo ul li .m_svc_right {
    display: none;
  }

  .right_main_slider .illo ul li .m_svc_left {
    display: none;
  }

  .gallery-top .main-profile-img {
    height: 524px;
  }

  .membership_checkboxes .favorite-sec label a {
    font-size: 15px;
  }

  footer .section-purple .columns {
    padding-top: 0;
  }
}

@media (max-width: 600px) {
  .home_ban_body .container {
    background-size: 252px;
    background-position: right 40px;
  }

  .home_ban_body_1 {
    width: 70%;
  }

  .learmore_div {
    width: 77%;
    margin-top: 150px;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
  }

  .click_trial_btn a {
    font-size: 14px;
  }

  .home_ban_body_2 a {
    font-size: 15px;
  }

  .home_ban_body_1 ul li {
    font-size: 13px;
  }

  .home_ban_body_1 ul li span {
    font-size: 12px;
  }

  .gallery-top .main-profile-img {
    height: 320px;
  }

  /* .hour_left {
         left: 0;
         display: none;
    }
     .hour_right{
         right:0;
         display: none;
    }
    */
  .right_main_slider .illo ul li a {
    /* width: 94%;
        */
    font-size: 12px;
  }

  .divide_segments_1 h3 {
    font-size: 15px;
    margin-top: 15px;
  }

  .upload_portfolio {
    padding: 25px 10px;
  }

  .portfolio_images {
    width: 33.3%;
    height: 100px;
    padding: 0 10px;
  }

  .segment_steps_body {}

  .md_checkbox_main {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .segments_steps a {
    display: block;
    width: 99%;
    margin-bottom: 5px;
  }

  .s_m_3 a {
    width: auto;
    text-align: center;
    display: table;
    margin: auto;
  }

  .s_m_b_head {
    width: 100%;
    text-align: center;
  }

  .s_m_b_head_right {
    width: 100%;
    text-align: center;
  }

  .divide_segments_2_services {
    width: 100%;
  }

  .endorse_list_right span {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .home_ban_body_1 h3 {
    font-size: 32px;
    line-height: 36px;
  }

  .joinClass {
    font-size: 13px;
  }

  .learmore_div {
    margin-top: 120px;
  }

  .home_ban_body .container {
    background-size: 217px;
  }

  .learmore_div a {}

  .all-field-left-align .modal-card {
    width: 98%;
  }

  .hour_left {
    left: 0;
    display: none;
  }

  .hour_right {
    right: 0;
    display: none;
  }
}

@media (max-width: 420px) {
  .new_home_span {
    font-size: 13px !important;
  }

  /*
  .home_ban_body_1 {
    width: 52%;
}
*/
  .learmore_div {
    width: 90%;
  }

  .home_ban_body .container {
    background-size: 199px;
  }

  .home_ban_body_1 h3 {
    font-size: 28px;
    line-height: 35px;
  }

  .left_testi_right {
    text-align: left;
    float: none;
    width: 100%;
  }

  .left_testi_right .favorite-sec {
    margin-bottom: 3px;
  }

  .left_testi_left {
    float: none;
    width: 100%;
  }

  .portfolio_images {
    width: 50%;
    height: 100px;
    padding: 0 10px;
  }

  .divide_segments_1 .md_checkbox_main {
    width: 100%;
    margin-bottom: 10px;
  }

  .home_ban_body_1 a {
    width: 100%;
  }
}

.is-disabled {
  opacity: 0.5;
  cursor: default !important;
}

.section-purple {
  /* ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3;
}

.new-profile-panel-header {
  border: 1px solid #b2b2b2;
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

.right-align-flex-display {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

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

.services-selected-title-center {
  color: #2a2a2a;
  font-size: 16px;
  font-weight: bold;
  word-spacing: -1px;
}

.services-selected-title {
  color: #aaa;
  font-size: 16px;
  word-spacing: -1px;
}

.services-selected-title span {
  color: #2a2a2a;
  font-size: 18px;
  word-spacing: -1px;
}

.new-profile-panel-body {
  border-left: 0.2px solid #e2e2e2;
  border-right: 0.2px solid #e2e2e2;
  border-bottom: 0.2px solid #e2e2e2;
}

.popup-item-boxes {
  display: block;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
  color: #4f4f4f;
  transition: all 0.1s;
  min-height: 25px;
  font-size: 12px;
  font-family: sans-serif;
  width: 330px;
}

.popup-item-boxes .md_ch_2 {
  width: 100%;
  border: solid 1px #afafaf;
  background: #f5f5f5;
  padding: 4px;
  transition: 0.3s;
}

.popup-item-boxes:hover {
  cursor: pointer;
  transition: all 0.1s;
}

.popup-item-boxes>.md_ch_2:hover {
  background: #fcc75c
    /* #fab62f */
  ;
  transition: all 0.3s;
}

.new_sep_popup .md-checkbox {
  margin-left: 3px;
  margin-right: 0;
  transition: 0.3s;
}

.new_sept_wrapper {
  max-width: 98% !important;
}

.new_sept_wrapper .service-type-select nav ul li a {
  font-size: 16px;
  letter-spacing: 1px;
  padding: 12px 15px;
  font-weight: 600;
  color: #000;
}

.new_sept_wrapper .service-type-select nav li.is-active2 a:hover {
  color: #000;
}

.new_sept_wrapper .area-title {
  margin-bottom: 5px;
  color: #000;
  letter-spacing: 0;
  font-weight: 700;
  font-size: 16px !important;
  letter-spacing: 0.5px;
}

.new_sept_wrapper .area-title span {
  font-weight: 500;
  text-transform: none;
}

.first_h1 {
  color: #000;
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -1px;
  margin: 0;
  text-transform: capitalize;
  text-align: center;
  display: block;
  margin: auto;
  line-height: normal;
}

.first_p {
  font-size: 12px;
  color: #000;
  text-align: center;
  margin: auto;
  margin-bottom: 0;
  line-height: normal;
  font-weight: 600;
}

.first_p strong {
  font-weight: 800;
}

.new_sept_wrapper .column.is-9-desktop {
  padding-top: 0;
  padding-bottom: 0;
}

.new_sept_wrapper .column.is-3-desktop {
  padding-top: 0;
  padding-bottom: 0;
}

.new_sept_wrapper .sehment-optn li a {
  color: #3f4553;
}

.sep_label {
  color: #000;
  font-size: 14px !important;
}

.sep_label span.has-text-weight-bold {
  color: #000;
  font-size: 14px !important;
}

.sep_label span.has-text-grey {
  color: #000;
  font-size: 12px !important;
}

.new_sep_dashboard {
  padding-bottom: 0;
}

.new_sep_dashboard .p_services_selected {
  margin-top: 10px;
}

.new_sep_dashboard_body {
  padding: 33px 0;
}

.new_sep_dashboard_body .new-profile-panel-header {
  border: solid 1px #bdbdbd;
  /* border-bottom: 0; */
  display: table;
  width: 100%;
  position: relative;
}

.new_sep_dashboard_body .popup-item-boxes {
  width: 33.33%;
  float: left;
  padding: 0 3px;
}

.new_p_tbl_1 {
  width: 100%;
  text-align: center;
}

.new_p_tbl_2 {
  width: auto;
  text-align: right;
  position: absolute;
  right: 15px;
  top: 10px;
}

.popup-item-boxes:hover .md_ch_2 {
  background: #fcc75c
    /* #fab62f */
  ;
  cursor: pointer;
  transition: 0.3s;
}

.popup-item-boxes:hover .md-checkbox {
  background: #fcc75c
    /* #fab62f */
  ;
  cursor: pointer;
  transition: 0.3s;
}

.is_selected_popup .md_ch_2 {
  background: #fcc75c
    /* #fab62f */
  ;
  cursor: pointer;
}

.is_selected_popup .md-checkbox {
  background: #fcc75c
    /* #fab62f */
  ;
  cursor: pointer;
}

.oneb_popup {
  padding-top: 10px;
}

.oneb_popup_right .map-buton {
  margin: 0;
  text-align: right;
}

.oneb_popup_right .form-group {
  margin-top: 20px;
}

.oneb_popup_right .new-profile-panel-header {
  border: solid 1px #bdbdbd;
  border-bottom: 0;
  display: table;
  width: 100%;
  position: relative;
}

.oneb_popup_right .segment_steps_body {
  padding: 15px 1px;
}

footer.footer .section {
  padding-top: 0;
}

footer .section-purple .columns {
  align-items: center;
  margin: 0;
}

.oneb_popup_right .text-center {
  text-align: center;
  margin-top: 10px;
}

.oneb_popup_right .text-center p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: normal;
}

.oneb_popup_right .segment_steps_body .popup-item-boxes {
  width: 33.33%;
  float: left;
  padding: 0 3px;
}

.c_p .new_active_inactive_services a {
  width: auto;
}

.c_p .segment_steps_body .popup-item-boxes {
  width: 33.33%;
  float: left;
  padding: 0 3px;
}

.c_p .segment_steps_body .popup-item-boxes .md_ch_2 {
  width: 100%;
}

.c_p .segment_steps_body .popup-item-boxes .md-checkbox {
  margin-left: 3px;
  margin-right: 0;
}

.three_A .p_tabs {
  margin: 0;
}

.three_A .p_services_selected {
  margin: 0;
}

.upload_portfolio {
  position: relative;
}

.three_A_image .portfolio_text {
  padding-left: 0;
  width: 100%;
  text-align: center;
  /* margin: auto; */
  display: block;
  position: absolute;
  top: 30px;
  text-decoration: underline;
  color: #828282;
  font-size: 21px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif;
}

.save_portfolio {
  width: 20%;
  /* height: 160px; */
  float: left;
  text-align: center;
  margin-bottom: 20px;
}

.save_portfolio .select-styled {
  min-width: inherit;
}

.save_portfolio .control {
  margin-top: 0;
  margin-bottom: 10px;
}

.prop_3A_updated {
  margin-top: 50px;
  padding: 0px;
}

.new_sep_dashboard_body .md-checkbox {
  margin-left: 3px;
  margin-right: 0;
}

.three_A_image .services-selected-title {
  color: #585858;
}

.three_A_image .services-selected-title span {}

.checkbox_disabled span {
  color: #909090 !important;
}

.checkbox_disabled .control__indicator {
  border-color: #909090 !important;
}

.lastp_5A .divide_segments_1 {
  width: 60%;
  padding-right: 50px;
}

.lastp_5A .divide_segments_2 {
  width: 40%;
  margin: 0;
  float: right;
}

.lastp_5A .divide_segments_1 .select-styled {
  min-width: inherit;
}

.lastp_5A .divide_segments_2 .select-styled {
  min-width: inherit;
}

.lastp_5A h3 {
  color: #000;
  line-height: 14px;
  font-size: 16px;
  font-weight: 600;
  margin-top: 30px;
  margin-bottom: 10px;
}

.lastp_5A h3 span {
  font-size: 12px;
  color: #969696;
  line-height: normal;
}

.lastp_5A .divide_segments_2 h3 {
  margin-bottom: 25px;
}

.lastp_5A .divide_segments_2 .upload_portfolio {
  float: left;
  width: 50%;
  display: block;
}

.lastp_5A .divide_segments_1 .upload_option,
.lastp_5A .divide_segments_2 .upload_option {
  display: block;
  text-align: center;
}

.lastp_5A .divide_segments_1 .inputContainer,
.lastp_5A .divide_segments_2 .inputContainer {
  display: block;
}

.lastp_5A .md-checkbox {
  width: 20px;
  height: 20px;
  background: #fff;
  border-color: #000;
}

.lastp_5A .md-checkbox input[type="checkbox"]:checked+label:after {
  font-size: 14px;
  color: #000000;
}

.break_divss {
  margin-top: 18px;
}

.lastp_5A .md_ch_2 .tbl-cell {
  color: #000;
}

.lastp_5A .upload_portfolio {
  float: left;
  padding-top: 0;
  padding-left: 0;
  width: 33.3%;
}

.all-services {
  border-collapse: collapse;
  width: 100%;
}

.all-services-data {
  text-align: left;
  padding: 8px;
}

.all-services-row:nth-child(even) {
  background-color: lightblue;
}

.image-uploader-tabs.is-toggle li.is-active a {
  /*  ticket # 784 requires to change is color to #1a67a3 */
  background-color: #1a67a3;
  /* here */
  border-color: #1a67a3;
  /* here */
  color: #fff;
  z-index: 1;
}

.img_thumbnail_new {
  background-size: cover !important;
  height: 100%;
  background-position: center !important;
  position: relative;
  justify-content: center;
  align-items: center;
  display: flex;
}

.img_thumbnail_new span {
  color: white;
  z-index: 100;
  position: absolute;
  right: -8px;
  top: -11px;
  border-radius: 46%;
  background: #13dd67;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 16px;
  font-size: 13px;
  cursor: pointer;
  vertical-align: middle;
}

.sidebar-dropdown .p_tab_active {
  background: none;
}

.sidebar-submenu .active_tab {
  background: #fcc75c
    /* #fab62f */
  ;
}

.parameter_top {
  /* border: solid 1px #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  border: solid 1px #1a67a3;
}

.para_top_left .upload_portfolio {
  padding-left: 0;
  padding-right: 0;
}

.para_top_left .paramet_devide {
  width: 33.3%;
  padding-right: 10px;
}

.para_top_left {
  width: 60%;
  float: left;
  padding: 25px;
  /* border-right: solid 1px #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  border-right: solid 1px #1a67a3;
}

.para_top_right {
  width: 40%;
  float: right;
  padding: 25px;
}

.para_top_left h3 {
  color: #000;
  line-height: 14px;
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
}

.para_top_right h3 {
  color: #626262;
  font-size: 14px;
  font-weight: 600;
}

.parameter_top h3 span {
  font-size: 12px;
  color: #969696;
  line-height: normal;
}

.para_top_right .md_checkbox_main {
  width: 50%;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 14px;
}

.para_top_right .md_checkbox_main a {
  color: #000;
  font-size: 14px;
}

.para_top_right .md-checkbox {
  width: 20px;
  height: 20px;
  background: #fff;
  border-color: #000;
}

.para_top_right .md_ch_2 {
  padding-left: 10px;
}

.parameter_bottom {
  /* border: solid 1px #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  border: solid 1px #1a67a3;
  border-top: 0;
  padding: 25px;
}

.parameter_bottom h3 {
  color: #000;
  line-height: 14px;
  font-size: 16px;
  font-weight: 600;
  margin: 0px;
}

.parameter_bottom .upload_portfolio {
  padding-left: 0;
  padding-right: 0;
}

.paramet_devide:last-child {
  padding-right: 0;
}

.paramet_devide {
  width: 25%;
  float: left;
  padding-right: 15px;
}

.parame_butn {
  margin-top: 25px;
}

.parame_butn a {
  font-weight: 400;
  padding: 2px 15px;
  display: table;
  text-align: center;
  /* border: solid 1px #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  border: solid 1px #1a67a3;
  /* color: #1a67a3; ticket # 784 requires to change is color to #1a67a3*/
  color: #1a67a3;
  transition: 0.3s;
  margin-top: 10px;
  font-style: italic;
  text-decoration: underline;
  margin-left: auto;
  margin-right: auto;
}

.parame_butn a:hover {
  background-color: #fcc75c
    /* #fab62f */
  ;
  color: #fff;
  transition: 0.3s;
}

.div-menu-mobile {
  display: none;
}

/*media*/

@media (max-width: 1320px) {
  .prop_3A_updated {
    padding: 0 0 0 0px;
  }

  .portfolio_images {
    width: 15%;
    height: 120px;
  }

  .save_portfolio {
    width: 25%;
  }
}

@media (max-width: 1200px) {
  .oneb_popup_right .segment_steps_body .popup-item-boxes {
    width: 50%;
  }

  .oneb_popup_right .text-center p {
    margin-bottom: 0;
  }
}

@media (max-width: 1080px) {
  .parameter_bottom {
    padding: 15px;
  }

  .para_top_left {
    padding: 15px;
  }

  .paramet_devide label {
    font-size: 14px;
  }

  .paramet_devide select {
    font-size: 14px;
  }

  .css-l59lo2-control {
    font-size: 14px;
  }

  .para_top_right .md_checkbox_main {
    padding-right: 9px;
  }

  .para_top_right .md_ch_2 {
    padding-left: 6px;
  }

  .para_top_right {
    width: 40%;
    padding: 15px;
  }

  .lastp_5A .divide_segments_1 {
    padding-right: 10px;
    padding-left: 10px;
    float: none;
    width: 100%;
  }

  .lastp_5A .divide_segments_2 {
    float: none;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }

  .oneb_popup_right .segment_steps_body .popup-item-boxes {
    width: 33.3%;
  }

  .oneb_popup {
    flex: none;
    display: block !important;
  }

  .oneb_popup .column.is-5,
  .oneb_popup .column.is-7 {
    width: 100%;
    display: block;
    flex: none;
  }
}

@media (max-width: 992px) {

  .root-app {
    display: flex;
    flex-direction: column !important;
  }

  .div-menu-mobile {
    display: flex;
    width: 100%;
    background-color: #1a67a3;
    height: 5vh;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
  }

  .div-menu-mobile>a {
    font-size: 20px !important;
    color: white;
    padding: 0px 10px;
  }

  .div-menu-mobile>div>span {
    font-size: 20px !important;
    color: white;
    padding: 0px 10px;
  }

  .back-dashboard {
    /* width: 45%; */
  }

  #show-sidebar {
    /* position: absolute; */
    position: fixed;
    transition: 0.3s;
    /* top: 20%; */
    top: 0%;
    margin-top: 0;
    /* right: -37px; */
    left: 0px;
    z-index: 1;
  }

  .new_p_tbl_1 {
    text-align: left;
  }

  .save_portfolio {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
  }

  .portfolio_images {
    width: 19%;
    height: 120px;
    float: none;
    display: inline-block;
    padding: 0 5px;
  }

  .save_portfolio .further_options {
    display: inline-block;
    vertical-align: middle;
    width: 230px;
    text-align: left;
  }
}

@media (max-width: 860px) {
  footer .section-purple .columns {
    padding-top: 0;
  }

  .foot_col1,
  .foot_col2,
  .price-copy {
    padding: 5px 15px;
  }

  .home_butn {
    padding: 19px 0;
  }

  .logo figure {
    padding-bottom: 0;
  }

  .logo .logoInfo {
    padding-bottom: 7px !important;
  }
}

@media (max-width: 780px) {
  .para_top_right h3 {
    margin-bottom: 17px;
  }

  .paramet_devide {
    width: 50%;
  }

  .paramet_devide:nth-child(2) {
    padding-right: 0;
  }

  .para_top_right .md_checkbox_main {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 0 !important;
  }

  .para_top_left .paramet_devide {
    width: 100%;
    padding-right: 0;
    margin-bottom: 5px;
  }

  .oneb_popup_right .segment_steps_body .popup-item-boxes {
    width: 50%;
  }

  .oneb_popup_right .form-group {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .c_p .segment_steps_body .popup-item-boxes {
    width: 50%;
  }
}

@media (max-width: 767px) {
  #show-sidebar {
    /* top: 12%; */
    top: 0%;
  }

  .lastp_5A .divide_segments_1,
  .lastp_5A .divide_segments_2 {
    padding: 0;
  }

  .lastp_5A .upload_portfolio {
    float: none;
    padding-top: 0;
    padding-left: 0;
    width: 300px;
    padding-bottom: 0;
    max-width: 100%;
  }

  .lastp_5A .divide_segments_2 .upload_portfolio {
    float: none;
    width: 300px;
    display: block;
    max-width: 100%;
  }

  .portfolio_images {
    width: 32%;
  }

  .portfolio_text {
    margin-top: 0;
  }

  .popup-item-boxes {
    margin-left: 0 !important;
    width: 100%;
  }

  .new_p_tbl_1 {
    text-align: center;
  }

  .new_p_tbl_2 {
    width: auto;
    text-align: center;
    position: relative;
    right: 0;
    top: 0;
    margin-top: 10px;
  }

  .further_options .control {
    margin-top: 10px;
  }

  .new_sep_dashboard_body .popup-item-boxes {
    width: 50%;
  }
}

@media (max-width: 680px) {
  .back-dashboard {
    /* width: 50%; */
  }
}

@media (max-width: 600px) {
  .para_top_left h3 {
    font-size: 14px;
  }

  .parameter_top h3 span {
    font-size: 9px;
  }

  .para_top_left .upload_portfolio {
    padding: 10px 0px;
  }

  .para_top_left {
    width: 50%;
    padding: 10px;
  }

  .para_top_right {
    width: 50%;
    padding: 10px;
  }

  .oneb_popup_right .segment_steps_body .popup-item-boxes {
    width: 100%;
  }

  .popup-item-boxes .md_ch_2 {
    width: 94%;
  }

  .oneb_popup_right .text-center p {
    font-size: 11px;
  }

  .c_p .segment_steps_body .popup-item-boxes {
    width: 100%;
  }

  .new_sep_dashboard_body .popup-item-boxes {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .para_top_right h3 {
    margin-bottom: 0;
  }

  .para_top_left .upload_portfolio {
    padding: 0;
    padding-top: 15px;
  }

  .para_top_right .md_checkbox_main {
    margin-top: 13px;
  }

  .para_top_left {
    width: 100%;
    padding: 10px;
    border: 0;
  }

  .para_top_right {
    width: 100%;
    padding: 10px;
    padding-top: 0;
  }

  .save_portfolio .further_options {
    display: block;
    margin: auto;
    text-align: center;
  }

  .lastp_5A h3 {
    font-size: 14px;
  }

  .lastp_5A h3 span {
    display: block;
  }

  .parameter_dropdown {
    padding-bottom: 0;
  }
}

@media (max-width: 350px) {
  .home_ban_body_1 h3 {
    font-size: 26px;
    line-height: 35px;
  }
}