@charset "UTF-8";
.grouping-card .third-row, .grouping-card .second-row, .grouping-card .first-row {
  position: relative;
  padding: 9px 0 9px 38px;
  list-style: none;
}

.grouping-card .third-row:after, .grouping-card .second-row:after, .grouping-card .first-row:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
}

.big .grouping-list-button .description li, .big .grouping-list-button .description p {
  margin: 0 0 5px;
}

.big .grouping-list-button .description ol, .big .grouping-list-button .description ul {
  display: none;
}

.grouping-list-open-link span:after, .grouping-list-open-link span:before {
  content: ">";
  position: absolute;
  right: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  top: 50%;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: -8px 0 0;
}

.steps-holder {
  margin: 0;
  padding: 40px 0 15px;
  list-style: none;
  text-align: center;
  color: #2A3036;
  font-size: 15px;
  line-height: 26px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.steps-holder li {
  display: inline-block !important;
  vertical-align: top;
  padding: 0 5px 0 15px;
  width: 24%;
  min-width: 191px;
  position: relative;
}
.steps-holder li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 93px;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -35px -112px;
  height: 25px;
  width: 14px;
}
.steps-holder li:first-child::after {
  display: none;
}
.steps-holder li.hasTopArrow:before {
  background: url("https://www.vivami-cdn.com/img//arrow-header.png") no-repeat 30% 0;
  width: 100%;
  height: 33px;
  content: "";
  position: absolute;
  top: -45px;
  left: 0;
}
.steps-holder li .heading {
  font-weight: bold;
}
.steps-holder .image-holder {
  height: 190px;
  margin: 0 0 23px;
  display: table;
  width: 100%;
  text-align: center;
}
.steps-holder .image-holder .image-block {
  display: table-cell;
  vertical-align: bottom;
}
.steps-holder h2 {
  font-weight: 900;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 0;
}
.steps-holder p {
  margin: 0;
}

.steps-section {
  padding: 35px 0;
}
.steps-section header {
  text-align: center;
  font: 300 18px/30px "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
  .steps-section header {
    margin: 0 0 20px;
  }
}
.steps-section header .main-heading, .steps-section header .steps-section header h2 {
  display: block;
  font: 42px/52px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 0 18px;
}
@media only screen and (max-width: 1023px) {
  .steps-section header .main-heading, .steps-section header .steps-section header h2 {
    font-size: 30px;
    line-height: 34px;
    margin: 0 0 7px;
  }
}
.steps-section header p {
  margin: 0;
}
.steps-section header + .steps-holder {
  padding-top: 51px;
}
@media only screen and (max-width: 1023px) {
  .steps-section header + .steps-holder {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .steps-section li {
    padding: 10px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .steps-section .steps-holder {
    font-size: 12px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .steps-section .steps-holder li {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: left;
    padding: 10px 0 40px;
  }
  .steps-section .steps-holder li:last-child {
    padding-bottom: 0;
  }
  .steps-section .steps-holder li .screenMode + li:after {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .steps-section .steps-holder li:after {
    background: url("https://www.vivami-cdn.com/img//arrow-steps-mobile.png") no-repeat 50% 0;
    height: 28px;
    width: 100%;
    top: auto;
    bottom: 10px;
    left: 0;
    bottom: 5px;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
}
@media only screen and (max-width: 767px) {
  .steps-section .steps-holder .image-holder {
    float: left;
    display: block;
    width: auto;
    height: auto;
    margin: -10px 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .steps-section .steps-holder .heading {
    display: block;
    font: 900 15px/22px "Trebuchet MS", Helvetica, sans-serif;
    margin: 0 0 5px;
    font-size: 18px;
    text-shadow: none;
    word-wrap: break-word;
  }
}

.custom-trustpilot {
  text-align: center;
}
.custom-trustpilot .logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 22px 0;
}
@media only screen and (max-width: 520px) {
  .custom-trustpilot .logo {
    margin: 0 0 22px 0;
    max-width: 70%;
  }
}
.custom-trustpilot .rated_string {
  display: block;
  max-width: 60%;
  font-size: 16px;
  margin: 0 auto 43px;
}
@media only screen and (max-width: 520px) {
  .custom-trustpilot .rated_string {
    margin: 20px auto;
  }
}
.custom-trustpilot .rated_string a {
  color: #0073B1;
  font-weight: bold;
  text-decoration: none;
}
.custom-trustpilot .rated_string a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .custom-trustpilot .rated_string span {
    display: none;
  }
}
.custom-trustpilot .reviews {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
}
@media (max-width: 1023px) {
  .custom-trustpilot .reviews {
    display: block;
  }
}
.custom-trustpilot .review-box {
  padding: 0 0 0 40px;
  width: 33.33%;
  text-align: left;
}
@media (max-width: 1023px) {
  .custom-trustpilot .review-box:first-of-type {
    padding: 10px 15px;
  }
}
@media (max-width: 1023px) {
  .custom-trustpilot .review-box {
    display: inline-block;
    float: left;
    background: #ffffff;
    min-width: 250px;
    max-width: 300px;
    min-height: 187px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 10px;
    padding: 15px 25px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  }
}
.custom-trustpilot .review_link {
  display: block;
  text-decoration: none;
  color: inherit;
}
.custom-trustpilot .name {
  display: block;
  margin: 0 0 3px;
  font-size: 18px;
}
.custom-trustpilot .date {
  display: block;
  font-size: 13px;
  line-height: 1.3;
  margin-top: 8px;
}
.custom-trustpilot .description {
  padding: 12px 0 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}
@media (max-width: 1023px) {
  .custom-trustpilot .description {
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.custom-trustpilot .review_rate {
  overflow: hidden;
  margin: 0 0 3px;
}
.custom-trustpilot .stars-rate {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0;
}
.custom-trustpilot .star {
  float: left;
  background-color: #c8d4d3;
  border-radius: 2px;
  margin: 0 8px 0 0;
  padding: 2px;
}
.custom-trustpilot .star:before {
  content: "";
  display: block;
  background: url("https://www.vivami-cdn.com/img//trustpilot-star.svg") center no-repeat;
  width: 23px;
  height: 22px;
}
.custom-trustpilot .star-5 .star {
  background-color: #00b67a;
}
.custom-trustpilot .star-4 .star:nth-child(-n+4) {
  background-color: #73cf11;
}
.custom-trustpilot .star-3 .star:nth-child(-n+3) {
  background-color: #ffce00;
}
.custom-trustpilot .star-2 .star:nth-child(-n+2) {
  background-color: #ff8622;
}
.custom-trustpilot .star-1 .star:first-child {
  background-color: #ff3722;
}
.custom-trustpilot .logo-holder {
  display: block;
}
.custom-trustpilot .logo-holder .star {
  padding: 7px;
}
.custom-trustpilot .logo-holder .star:before {
  width: 27px;
  height: 25px;
}

.bodyStartPage #trustpilotSlider.carousel {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0 auto;
}
.bodyStartPage #trustpilotSlider.carousel .custom-trustpilot {
  padding: 130px 0 40px;
  background: inherit;
  font: 400 15px/22px "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
}
@media only screen and (max-width: 950px) {
  .bodyStartPage .productreviews-container .review-box {
    width: 33%;
  }
}

.productPage-v2 .custom-trustpilot {
  padding: 40px 0 1px;
}

.productreviews-container .review-box {
  min-height: 230px;
  display: inline-block;
  float: left;
  margin-bottom: 20px !important;
  padding: 0 20px 0 20px !important;
}
.productreviews-container .review-box:first-child {
  padding: 0 20px 0 20px !important;
}
@media only screen and (max-width: 950px) {
  .productreviews-container .review-box {
    width: 50%;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 520px) {
  .productreviews-container .review-box {
    width: 100%;
    padding: 0;
  }
}

.custom-trustpilot-mini {
  padding: 0 10px;
  font: 400 17px/22px "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .custom-trustpilot-mini {
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 10px 10px 0;
  }
}
.custom-trustpilot-mini .stars-rate {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 10px;
}
.custom-trustpilot-mini .stars-rate a {
  display: block;
  overflow: hidden;
  margin: 0 -6px 0 0;
}
.custom-trustpilot-mini .stars-rate:after {
  content: "";
  display: table;
  width: 100%;
  clear: both;
}
.custom-trustpilot-mini .rated_string {
  display: block;
  vertical-align: middle;
}
.custom-trustpilot-mini .rated_string .rate {
  font-weight: bold;
  color: #0073B1;
  text-decoration: none;
}
.custom-trustpilot-mini .star {
  float: left;
  background-color: #D4D6D7;
  border-radius: 2px;
  margin: 0 6px 0 0;
  padding: 6px 6px 7px;
}
.custom-trustpilot-mini .star:before {
  content: "";
  display: block;
  background: url("https://www.vivami-cdn.com/img//trustpilot-star.svg") center no-repeat;
  height: 17px;
  width: 18px;
}
.custom-trustpilot-mini .star-1 .star {
  background-color: #ff3722;
}
.custom-trustpilot-mini .star-1 .star:nth-child(n+2) {
  display: none;
}
.custom-trustpilot-mini .star-2 .star {
  background-color: #ff8622;
}
.custom-trustpilot-mini .star-2 .star:nth-child(n+3) {
  display: none;
}
.custom-trustpilot-mini .star-3 .star {
  background-color: #ffce00;
}
.custom-trustpilot-mini .star-3 .star:nth-child(n+4) {
  display: none;
}
.custom-trustpilot-mini .star-4 .star {
  background-color: #73cf11;
}
.custom-trustpilot-mini .star-4 .star:nth-child(n+5) {
  display: none;
}
.custom-trustpilot-mini .star-5 .star {
  background-color: #00b67a;
}

.custom-trustpilot.light {
  background: #fcfdff;
}

#trustpilotSlider .custom-trustpilotfirst-child {
  padding: 0;
}
#trustpilotSlider.carousel {
  width: 100%;
  max-width: 1205px;
  padding: 30px 40px 0;
  margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
  #trustpilotSlider.carousel {
    width: 100%;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  #trustpilotSlider.carousel .carousel-control {
    display: none !important;
  }
}
#trustpilotSlider.carousel .carousel-control.left {
  text-align: left;
}
#trustpilotSlider.carousel .carousel-control.right {
  text-align: right;
}
#trustpilotSlider.carousel .carousel-control.right:after {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#trustpilotSlider.carousel .carousel-control:after {
  background: none;
  border-color: transparent #75d183 transparent transparent;
  border-style: solid;
  border-width: 10px 15px 10px 0;
}
@media only screen and (max-width: 767px) {
  #trustpilotSlider.carousel .item:nth-child(n+2) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #trustpilotSlider.carousel .item:first-child {
    display: block;
  }
}

.breadcrumbs {
  display: inline-block;
  vertical-align: top;
  list-style: none;
  background: #ffffff;
  border: 1px solid;
  border-color: #F4F4F5 #F4F4F5 #F4F4F5;
  box-shadow: 0 1px 0 #D4D6D7;
  border-radius: 20px;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding: 9px 0;
  /*li.breadcrumbs-dropdown-holder{
  	&:hover .breadcrumbs-dropdown-desktop{
  		display: block;
  		-webkit-transition: all 2s ease;
  		-moz-transition: all 2s ease;
  		-ms-transition: all 2s ease;
  		-o-transition: all 2s ease;
  		transition: all 2s ease;			
  	}
  }*/
}
@media only screen and (max-width: 767px) {
  .breadcrumbs {
    background: transparent;
    box-shadow: none;
    border: 0;
    padding: 9px 0;
  }
}
.breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #2A3036;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 0 30px 0 23px;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs li {
    font-size: 12px;
    line-height: 18px;
    padding: 0 15px 0 7px;
  }
}
.breadcrumbs li:after {
  top: 0;
  width: 8px;
  height: 15px;
  position: absolute;
  right: 0;
  background: none;
  content: ">";
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #0073B1;
}
.breadcrumbs li:last-child:after {
  display: none;
}
.breadcrumbs a {
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  color: #2A3036;
  font-family: "Poppins", sans-serif;
}
.breadcrumbs .breadcrumbs-dropdown-desktop {
  position: absolute;
  z-index: 99;
  width: 250px;
  left: 50%;
  top: 100%;
  border-top: 10px solid rgba(255, 255, 255, 0);
  margin-left: -125px;
  text-align: left;
}
.breadcrumbs .breadcrumbs-dropdown-desktop .holder {
  border-top: 1px solid #c3c3c3;
  background: #EAEBEB;
  border-radius: 0 0 5px 5px;
  padding: 0;
}
.breadcrumbs .breadcrumbs-dropdown-desktop a {
  display: block;
  padding: 13px 30px 8px;
  color: #55595E;
  border-bottom: 1px solid #d6d6d6;
  text-overflow: ellipsis;
  overflow: hidden;
}
.breadcrumbs .breadcrumbs-dropdown-desktop a:hover {
  color: #ffffff;
  background: #5AD6B8;
  border-color: rgb(40.2038834951, 161.7961165049, 132.3786407767);
}
.breadcrumbs .breadcrumbs-dropdown-desktop a:last-child {
  border-bottom: none;
  border-radius: 0 0 5px 5px;
}

.breadcrumbs-holder {
  text-align: center;
  padding: 30px 0 0;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs-holder {
    padding: 0;
  }
}

/*.productPage {
	.breadcrumbs-holder {
		@media only screen and (max-width: 1023px) {
			margin: 0px auto 25px;			
            padding-top: 0 !important;
		}
        @media only screen and (max-width: 767px) {
            margin-bottom: 0 !important;
        }
	}
}*/
#producImgSlider {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  #producImgSlider {
    height: auto;
    min-height: inherit;
    margin-top: auto;
  }
}
#producImgSlider img {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 1140px) {
  #producImgSlider img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #producImgSlider img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#producImgSlider .zoom-imagehidden {
  visibility: hidden !important;
}

.carousel {
  /*	&.right {
  		background-position: -133px 0;
  		&:hover {
  			background-position: -108px 0;
  		}
  	}*/
}
.carousel .carousel-control {
  /*top:40%;*/
  opacity: 1;
  background: transparent;
}
.carousel .carousel-control:after {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -67px 0;
  content: " ";
  position: absolute;
  top: 40%;
  height: 18px;
  width: 11px;
}
.carousel .carousel-control.right:hover::after, .carousel .carousel-control.left:hover::after {
  background-position: -38px 0;
}
.carousel .carousel-control.left:after {
  left: 0;
}
.carousel .carousel-control.right:after {
  background-position: -133px 0;
  right: 0;
}
.carousel .carousel-control.right:hover::after {
  background-position: -108px 0;
}

.single-product-information .item {
  text-align: center;
  max-height: 364px;
}
.single-product-information .item img {
  position: relative;
  max-height: 381px;
  max-width: 100%;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow {
  position: absolute;
  border: 2px solid #2A3036;
  width: 16px;
  height: 16px;
  top: 36%;
  opacity: 0.3;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.slick-arrow:hover {
  opacity: 0.8;
  text-decoration: none;
}

.slick-prev {
  left: 0;
  border-top: 0;
  border-right: 0;
}

.slick-next {
  right: 0;
  border-left: 0;
  border-bottom: 0;
}

.chatBannerContainer {
  max-width: 1295px;
  padding: 40px 45px;
  margin: 0 auto;
  word-wrap: break-word;
}

.chatBanner {
  position: relative;
  font-size: 15px;
  font-family: "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  line-height: 25px;
  color: #ffffff;
  padding: 22px;
  background-color: #003566;
  background-size: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#004C93), to(rgba(0, 53, 102, 0))), #003566;
  background: -o-linear-gradient(bottom, #004C93 0%, rgba(0, 53, 102, 0) 100%), #003566;
  background: linear-gradient(360deg, #004C93 0%, rgba(0, 53, 102, 0) 100%), #003566;
  border-radius: 5px;
  overflow: hidden;
  margin: 27px 0 0;
}
.chatBanner .mainPart {
  width: calc(100% - 252px);
  padding: 0 20px 0 0;
}
@media only screen and (max-width: 767px) {
  .chatBanner .mainPart {
    text-align: center;
    width: 100%;
    padding: 0 0 20px;
  }
}
.chatBanner .image-holder {
  position: absolute;
  bottom: 0;
  right: 22px;
  max-width: 252px;
  max-height: 174px;
}
@media only screen and (max-width: 767px) {
  .chatBanner .image-holder {
    position: static;
    margin: 0 auto -22px;
  }
}
.chatBanner .heading {
  display: block;
  font-size: 50px;
  line-height: 58px;
  margin: 0 0 10px;
}
@media only screen and (max-width: 767px) {
  .chatBanner .heading {
    font-size: 36px;
    line-height: 42px;
    text-align: center;
  }
}
.chatBanner p {
  text-align: left;
  margin: 0 0 15px;
}
.chatBanner .chat {
  display: inline-block;
  vertical-align: top;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  letter-spacing: 2px;
  outline: none;
  color: #ffffff;
  background: #5AD6B8;
  padding: 17px 21px 14px 21px;
  border: solid rgb(40.2038834951, 161.7961165049, 132.3786407767);
  border-width: 0 0 2px;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .chatBanner .chat {
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
  }
}
.chatBanner .chat:hover {
  background: rgb(50.354368932, 202.645631068, 165.8009708738);
}
.chatBanner .chat:active {
  background: rgb(50.354368932, 202.645631068, 165.8009708738);
  border-color: rgb(40.2038834951, 161.7961165049, 132.3786407767);
  border-width: 2px 0 0;
}
.chatBanner img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .b-productInfo .doctorChat {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .b-productInfo .tab-pane#chat-doctor {
    display: block;
    opacity: 1;
    padding: 17px 0 0;
  }
}

.order-step-section {
  width: 870px;
  margin: 0 auto;
  font: 16px/22px "Trebuchet MS", Helvetica, sans-serif;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 1150px) {
  .order-step-section {
    width: 100%;
    padding: 0 0;
  }
}
@media only screen and (max-width: 530px) {
  .order-step-section {
    font-size: 15px;
  }
}

.step-point-list {
  position: relative;
  width: 308px;
  float: right;
  background: #ffffff;
  border: 1px solid #F4F4F5;
  border-radius: 6px;
  box-shadow: 0 1px 0 #D4D6D7;
  padding: 20px 18px 13px 50px;
  margin: 0 0 0 10px;
  min-height: 125px;
  -ms-flex-order: 2;
  order: 2;
}
@media only screen and (max-width: 767px) {
  .step-point-list {
    display: none;
  }
}
.step-point-list:before, .step-point-list:after {
  content: "";
  position: absolute;
  top: 25px;
  left: 20px;
  bottom: 41px;
  width: 8px;
  background: #eeeff1;
  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.step-point-list:after {
  bottom: 60px;
  background: #0073B1;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 5;
}
.step-point-list li {
  position: relative;
  margin: 0 0 7px;
}
.step-point-list li.last {
  margin: 0 0 1px;
  color: #c5c5c5;
}
.step-point-list li.last:before {
  z-index: 1;
}
.step-point-list li:before {
  content: "";
  position: absolute;
  left: -37px;
  width: 22px;
  height: 22px;
  background: #eeeff1;
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 3;
}
.step-point-list li:after {
  content: "";
  position: absolute;
  top: 3px;
  left: -34px;
  width: 16px;
  height: 16px;
  background: #0073B1;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  z-index: 4;
}
.step-point-list li span {
  display: inline-block;
  vertical-align: middle;
}
.step-point-list li.last {
  margin: 0 0 1px;
  color: #c5c5c5;
}
.step-point-list li.last:after {
  display: none;
}
.step-point-list li.last:before {
  box-shadow: none;
}
.step-point-list .icon {
  margin: 0 7px 0 0;
  background: url(https://www.vivami-cdn.com/img//icons-sec2d09105b.png) -10px -49px;
  height: 11px;
  width: 8px;
}

.step-point-2 .step-point-list li.last:after {
  display: block;
}
.step-point-2 .step-point-list li.last {
  color: #2A3036;
}
.step-point-2 .step-point-list:after {
  bottom: 35px;
}

/* select */
.jcf-select {
  position: relative;
  height: 42px;
  display: inline-block;
  vertical-align: middle;
  font: 400 16px/24px "Trebuchet MS", Helvetica, sans-serif;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #F4F4F5;
  border-top-width: 2px;
  box-shadow: inset 1px 1px 0 #F4F4F5, inset -1px 0 0 #F4F4F5;
  border-radius: 5px;
  color: #2A3036;
}

.jcf-select select {
  z-index: 1;
  left: 0;
  top: 0;
}

.jcf-select .jcf-select-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 8px 25px 8px 10px;
  text-align: left;
}

.jcf-select .jcf-select-opener {
  position: absolute;
  text-align: center;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") 0 -49px;
  height: 6px;
  width: 10px;
  bottom: 0;
  top: 20px;
  right: 15px;
}

body > .jcf-select-drop {
  position: absolute;
  margin: -1px 0 0;
  z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
  margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
  position: absolute;
  margin-top: 0px;
  z-index: 9999;
  top: 100%;
  left: 0;
  right: 0;
}

.jcf-select .jcf-drop-flipped {
  bottom: 100%;
  top: auto;
}

.jcf-select.jcf-compact-multiple {
  max-width: 220px;
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
  display: inline-block;
  padding-top: 2px;
  content: "...";
}

.jcf-select-drop .jcf-select-drop-content {
  border: 1px solid #F4F4F5;
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
  background: none;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
  background: #e6e6e6;
  color: #2A3036;
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
  display: inline-block;
  content: "";
  height: 4px;
  width: 8px;
  margin: -7px 5px 0 -3px;
  border: 3px solid #7F8386;
  border-width: 0 0 3px 3px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

/* multiple select styles */
.jcf-list-box {
  overflow: hidden;
  display: inline-block;
  border: 1px solid #b8c3c9;
  min-width: 200px;
  margin: 0 15px;
}

/* select options styles */
.jcf-list {
  display: inline-block;
  vertical-align: top;
  position: relative;
  background: #ffffff;
  line-height: 14px;
  font-size: 12px;
  width: 100%;
}

.jcf-list .jcf-list-content {
  vertical-align: top;
  display: inline-block;
  overflow: auto;
  width: 100%;
}

.jcf-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font: 400 16px/24px "Trebuchet MS", Helvetica, sans-serif;
}

.jcf-list ul li {
  overflow: hidden;
  display: block;
}

.jcf-list .jcf-overflow {
  overflow: auto;
}

.jcf-list .jcf-option {
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  display: block;
  padding: 5px 10px;
  color: #2A3036;
  min-height: 14px;
  height: 1%;
  cursor: pointer;
}

.jcf-list .jcf-disabled {
  background: #ffffff !important;
  color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
  background: #e6e6e6;
  color: #2A3036;
}

.jcf-list .jcf-optgroup-caption {
  white-space: nowrap;
  font-weight: bold;
  display: block;
  padding: 5px 9px;
  cursor: default;
  color: #2A3036;
}

.jcf-list .jcf-optgroup .jcf-option {
  padding-left: 30px;
}

.jcf-option:hover {
  background: #e6e6e6;
  color: #2A3036;
}

.rect-auto,
.c100.p75 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p75 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #5AD6B8;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.pie-fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #d9d9d9;
}

.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.c100.center {
  float: none;
  margin: 0 auto;
}

.c100.big {
  font-size: 80px;
}

.c100.small {
  font-size: 30px;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #d9d9d9;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100 > span.fa-check {
  font: normal normal normal 16px/1 FontAwesome;
  color: #ffffff;
  line-height: 30px;
  width: 100%;
}

.c100:after {
  position: absolute;
  top: 0.1em;
  left: 0.1em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #ffffff;
  width: 0.8em;
  height: 0.8em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.c100.p100 {
  background-color: #5AD6B8;
}
.c100.p100:after {
  background: #5AD6B8;
}

.c100:hover {
  cursor: default;
}

.siloPage #main {
  background-color: #F5FAFF;
}

.grouping-card {
  padding: 20px 0;
}
.grouping-card .grouping-card-center {
  max-width: 890px;
  margin: 0 auto;
  padding: 0 20px;
}
.grouping-card h1 {
  font: 50px/78px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 0 20px;
  color: #55595E;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .grouping-card h1 {
    font-size: 50px;
    line-height: 58px;
  }
}
@media only screen and (max-width: 767px) {
  .grouping-card h1 {
    font-size: 36px;
    line-height: 44px;
  }
}
.grouping-card .grouping-condition-description {
  overflow: hidden;
}
.grouping-card .grouping-description {
  float: left;
  width: 76%;
  padding: 20px 45px 0 0;
  font: 16px/27px "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
}
.grouping-card .grouping-description p {
  margin: 0 0 20px;
}
@media only screen and (max-width: 1023px) {
  .grouping-card .grouping-description {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .grouping-card .grouping-description {
    float: none;
    width: 100%;
    padding: 20px 0 0;
    font-size: 14px;
    line-height: 18px;
  }
}
.grouping-card .grouping-description.rich-text ul {
  margin: 0 0 25px;
}
.grouping-card .grouping-description.rich-text ul li {
  padding: 0 0 0 37px;
  margin: 0 0 5px;
  line-height: 30px;
  position: relative;
  font-size: 16px;
}
@media only screen and (max-width: 1023px) {
  .grouping-card .grouping-description.rich-text ul li {
    padding: 0 0 0 23px;
    margin: 0 0 2px;
  }
}
@media only screen and (max-width: 767px) {
  .grouping-card .grouping-description.rich-text ul li {
    line-height: 26px;
  }
}
.grouping-card .grouping-description.rich-text ul li:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -84px -49px;
  height: 17px;
  width: 17px;
}
.grouping-card .description-banner {
  float: right;
  width: 24%;
  font: 16px/18px "Trebuchet MS", Helvetica, sans-serif;
  color: #545454;
}
.grouping-card .description-banner ul {
  margin: 0;
  padding: 0;
}
.grouping-card .description-banner .image-holder {
  padding: 0 22px;
  margin: 0 0 20px;
  text-align: center;
  max-width: 206px;
  min-height: 160px;
  width: 100%;
  height: 100%;
}
.grouping-card .description-banner .image-holder img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .grouping-card .description-banner .image-holder {
    padding: 0 10px 0 0;
    margin: 0;
    float: left;
    max-width: 106px;
  }
}
@media only screen and (max-width: 767px) {
  .grouping-card .description-banner {
    float: none;
    width: 100%;
    overflow: hidden;
  }
}
.grouping-card .first-row:after {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -61px -286px;
  height: 31px;
  width: 22px;
  margin-top: -16px;
}
.grouping-card .second-row:after {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -82px -92px;
  height: 18px;
  width: 27px;
  margin-top: -9px;
}
.grouping-card .third-row:after {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -103px -207px;
  height: 26px;
  width: 20px;
  margin-top: -13px;
}
@media only screen and (max-width: 767px) {
  .grouping-card .option-list {
    display: table;
    font-size: 12px;
  }
}

.grouping-list-section {
  padding: 0 35px 20px;
  /*&.closed li {
  	display: none;
  }*/
}
.grouping-list-section.big li {
  margin: 0 0 20px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .grouping-list-section {
    padding: 0 20px 20px;
  }
}
@media only screen and (max-width: 500px) {
  .grouping-list-section {
    padding: 0 15px 20px;
  }
}

.grouping-list {
  display: block;
  max-width: 1220px;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  line-height: 0;
  padding: 0;
}
.grouping-list li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 17px;
}
@media only screen and (max-width: 767px) {
  .grouping-list li {
    margin: 0 5px 17px;
  }
  .grouping-list li:nth-child(n+3) {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .grouping-list li {
    margin: 0 3px 8px;
  }
}

.grouping-list-open-link {
  display: none;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .grouping-list-open-link {
    display: block;
    font-size: 14px;
    line-height: 18px;
  }
}
.grouping-list-open-link a {
  position: relative;
  display: inline-block;
  color: #0073B1;
}
.grouping-list-open-link span {
  display: block;
  padding: 15px;
}
.grouping-list-open-link span:after {
  right: auto;
  left: 0;
}
.grouping-list-open-link span + span {
  display: none;
}
.grouping-list-open-link span + span:before, .grouping-list-open-link span + span:after {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.opened .grouping-list-open-link span {
  display: none;
}
.opened .grouping-list-open-link span + span {
  display: block;
}

.grouping-list-button {
  border: 3px solid #c9c9c9;
  padding: 20px 25px;
  border-radius: 12px;
  display: block;
  color: #2A3036;
  text-decoration: none;
  font: 26px/34px "Trebuchet MS", Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 1023px) {
  .grouping-list-button {
    font-size: 20px;
    line-height: 24px;
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .grouping-list-button {
    font-size: 16px;
    line-height: 20px;
    padding: 6px 10px;
  }
}

.grouping-list-button:hover, .grouping-list-button:focus {
  border-color: #0073B1;
  color: #0073B1;
  text-decoration: none;
  outline: none;
}

.big .grouping-list-button {
  text-align: left;
  font: 16px/25px "Trebuchet MS", Helvetica, sans-serif;
  padding: 30px 20px;
  background: #ffffff;
  border: 1px solid #dbdcdd;
  border-width: 0 1px 1px;
  border-color: #dbdcdd #dbdcdd #b1b2b2 #dbdcdd;
  border-radius: 6px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .big .grouping-list-button {
    font-size: 11px;
    line-height: 17px;
    padding: 16px;
  }
}
@media only screen and (max-width: 500px) {
  .big .grouping-list-button {
    text-align: center;
  }
}
.big .grouping-list-button:hover .description {
  color: #2A3036;
}
.big .grouping-list-button .image-block {
  float: left;
  max-width: 100px;
  min-height: 57px;
  width: 100%;
  height: 100%;
  margin: 0 20px 20px 0;
}
.big .grouping-list-button .image-block img {
  display: block;
  max-width: 100px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .big .grouping-list-button .image-block img {
    max-width: 60px;
  }
}
@media only screen and (max-width: 500px) {
  .big .grouping-list-button .image-block img {
    display: inline-block;
    vertical-align: middle;
    max-width: 36px;
    margin: 0 10px 0 0;
  }
}
.big .grouping-list-button .image-block .list-button-heading {
  display: none;
}
@media only screen and (max-width: 500px) {
  .big .grouping-list-button .image-block .list-button-heading {
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: calc(100% - 46px);
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .big .grouping-list-button .image-block .list-button-heading a {
    color: #0073B1;
  }
}
@media only screen and (max-width: 767px) {
  .big .grouping-list-button .image-block {
    width: 60px;
  }
}
@media only screen and (max-width: 500px) {
  .big .grouping-list-button .image-block {
    float: none;
    width: 100%;
    white-space: nowrap;
    margin: 0 0 10px;
    max-width: 100%;
  }
}
.big .grouping-list-button .list-button-heading {
  display: block;
  margin: 0 0 20px;
  font-weight: 400 !important;
  font-size: 30px;
  line-height: 34px;
  overflow: hidden;
}
.big .grouping-list-button .list-button-heading a {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .big .grouping-list-button .list-button-heading {
    font-size: 20px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 500px) {
  .big .grouping-list-button .list-button-heading {
    display: none;
  }
}
.big .grouping-list-button .description {
  overflow: hidden;
  text-align: left;
}
.grouping-card-main-information {
  background: #fcfdff;
  font: 300 16px/28px "Trebuchet MS", Helvetica, sans-serif;
  padding: 40px 0;
}
@media only screen and (max-width: 767px) {
  .grouping-card-main-information {
    font-size: 13px;
    line-height: 18px;
  }
}
.grouping-card-main-information .grouping-card-main-description {
  max-width: 1295px;
  padding: 0 25px;
  margin: 0 auto;
}
.grouping-card-main-information .grouping-card-main-description .columns {
  -webkit-columns: 2;
  -moz-columns: 2;
  columns: 2;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  column-fill: balance;
}
@media only screen and (max-width: 767px) {
  .grouping-card-main-information .grouping-card-main-description .columns {
    -webkit-columns: 1;
    -moz-columns: 1;
    columns: 1;
  }
}
.grouping-card-main-information .grouping-card-main-description .columns p {
  margin: 0;
  padding-bottom: 10px;
  -webkit-margin-before: 0;
  -moz-margin-before: 0;
}
.grouping-card-main-information .grouping-card-main-description .column {
  padding: 0 20px;
}
.grouping-card-main-information .grouping-card-main-description p {
  margin: 0 0 13px;
}
.grouping-card-main-information .main-information-show {
  display: none;
  font-size: 14px;
  line-height: 18px;
  color: #0073B1;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .grouping-card-main-information .main-information-show {
    display: block;
  }
}
.grouping-card-main-information .main-information-show span {
  cursor: pointer;
  text-decoration: underline;
}
.grouping-card-main-information .main-information-show span + span {
  display: none;
}
.grouping-card-main-information.active span {
  display: none;
}
.grouping-card-main-information.active span + span {
  display: block;
}

.seo-page.block {
  padding: 50px 0 0;
  overflow: unset;
}
.seo-page .seo-page.block {
  padding: 0;
}
.seo-page.block .main-holder img {
  width: 110%;
  margin: 40px 0;
  max-width: 110%;
}
@media only screen and (max-width: 767px) {
  .seo-page.block .main-holder img {
    margin: 10px 0;
  }
}
.seo-page .open-list {
  font-size: 14px;
  line-height: 18px;
  padding: 15px 0;
  cursor: pointer;
  color: #0073B1;
  background: #ffffff;
  border-top: 1px solid #dbdcdd;
  border-radius: 0 0 6px 6px;
  border-color: #dbdcdd #dbdcdd #b1b2b2 #dbdcdd;
  /*box-shadow: 0 1px 0 rgba(0,0,0,.1);*/
  text-align: center;
  display: none;
}
.seo-page .open-list span {
  display: none;
}
.seo-page .open-list span:first-child {
  display: block;
}
@media only screen and (max-width: 767px) {
  .seo-page .open-list {
    display: block;
  }
}
.seo-page .mobileProductPrice {
  display: none;
}
.seo-page .middleProduct_tabset {
  overflow: hidden;
  text-transform: uppercase;
  font: 18px/18px "Trebuchet MS", Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .seo-page .middleProduct_tabset {
    display: none;
  }
}
.seo-page .middleProduct_tabset li {
  float: left;
  border: 1px solid #dbdcdd;
  border-width: 0 1px;
  border-radius: 7px 7px 0 0;
  overflow: hidden;
  margin: 0 5px 0 0;
}
.seo-page .middleProduct_tabset li.active a {
  background: #ffffff;
}
.seo-page .middleProduct_tabset a {
  display: block;
  color: #55595E;
  text-decoration: none;
  background: #e6e6e6;
  padding: 17px 27px;
}
.seo-page .tab-list {
  display: table;
  width: 100%;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  padding: 36px 38px 37px;
  border-bottom: 1px solid #D4D6D7;
  border-radius: 6px;
  background: #ffffff;
  margin: 0 0 50px;
}
.seo-page .tab-list.tab-pane {
  display: none;
  padding: 0 10px 0 0;
  border: 1px solid #dbdcdd;
  border-width: 0 1px 1px 1px;
  border-color: #dbdcdd #dbdcdd #b1b2b2 #dbdcdd;
  border-radius: 0 6px 6px 6px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.seo-page .tab-content {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  padding: 0 10px 20px 0;
  border: 1px solid #dbdcdd;
  border-width: 0 1px 1px 1px;
  border-color: #dbdcdd #dbdcdd #b1b2b2 #dbdcdd;
  border-radius: 0 6px 6px 6px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background: #ffffff;
  margin: 0 0 50px;
  position: relative;
  z-index: 2;
  /*&.opened {
  	.tab-pane {
  		opacity: 1 !important;
  		display: block !important;
  	}
  }

  & > .active {
  	opacity: 1;
  }*/
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content {
    padding: 10px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .tab-pane {
    padding: 0 10px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .tab-pane:nth-child(n+2) {
    display: none;
    opacity: 1;
  }
}
.seo-page .tab-content .product-image {
  text-align: center;
  margin: 0 0 15px;
}
.seo-page .tab-content img {
  width: 100%;
  height: auto;
  margin: 0;
}
.seo-page .tab-content .title {
  padding: 20px 0 0;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .title {
    padding: 0;
    text-align: left;
    font-size: 11px;
    line-height: 15px;
    margin: 0;
  }
}
.seo-page .tab-content .title .head-title {
  display: block;
  overflow: hidden;
  padding: 12px 0 0;
  font: 34px/38px "HelveticaNeueThin", Arial, Helvetica, sans-serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0 0 12px;
}
.seo-page .tab-content .title .head-title a {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .title .head-title {
    font: 20px/26px "Trebuchet MS", Helvetica, sans-serif;
    padding: 0;
    color: #0073B1;
    margin: 0 0 5px;
  }
}
.seo-page .tab-content .title .title-text {
  display: block;
  overflow: hidden;
  max-width: 268px;
  font-size: 16px;
  line-height: 1.7;
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .title .title-text {
    max-width: 100%;
    font-size: 12px;
    line-height: 16px;
  }
}
.seo-page .tab-content .product-data {
  max-width: 606px;
  position: relative;
  font-size: 16px;
  line-height: 0;
  width: 100%;
  margin: 0 0 0 auto;
  text-align: justify;
  float: left;
}
@media only screen and (max-width: 1023px) {
  .seo-page .tab-content .product-data {
    max-width: 504px;
  }
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .product-data {
    max-width: 100%;
    clear: both;
    padding: 10px 0 0;
  }
}
.seo-page .tab-content .product-data .b-green-btn {
  position: relative;
  width: 230px;
  font-size: 16px;
  padding: 8px 21px 6px 42px;
  min-height: 44px;
  margin: 1px 0 0;
}
@media only screen and (max-width: 1023px) {
  .seo-page .tab-content .product-data .b-green-btn {
    width: 156px;
  }
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .product-data .b-green-btn {
    width: 100%;
    font-size: 14px;
    padding: 8px 16px 6px 37px;
    margin: 0;
  }
}
.seo-page .tab-content .product-data .b-green-btn:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  margin: -9px 0 0;
}
.seo-page .tab-content .product-data .b-green-btn:after {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -93px -72px;
  height: 19px;
  width: 21px;
}
.seo-page .tab-content .product-data .table-row-select {
  display: inline;
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .product-data .table-row-select {
    display: block;
    margin: 0 0 15px;
    clear: both;
  }
}
.seo-page .tab-content .product-data .table-row-select .select-holder-box {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
@media only screen and (max-width: 1023px) {
  .seo-page .tab-content .product-data .table-row-select .select-holder-box {
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .product-data .table-row-select .select-holder-box {
    float: none;
    width: 49.2% !important;
    margin: 0 0 0 auto;
  }
}
@media only screen and (max-width: 400px) {
  .seo-page .tab-content .product-data .table-row-select .select-holder-box {
    width: 100% !important;
    margin: 0 0 10px;
  }
}
.seo-page .tab-content .product-data .table-row-price {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .product-data .table-row-price {
    display: block;
    margin: 0 0 10px;
    clear: both;
  }
}
.seo-page .tab-content .product-data .table-row-price .select-holder-box {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .product-data .table-row-price .select-holder-box {
    width: 49%;
  }
}
@media only screen and (max-width: 500px) {
  .seo-page .tab-content .product-data .table-row-price .select-holder-box {
    width: 100% !important;
  }
}
.seo-page .tab-content .product-data .jcf-select {
  font-weight: bold;
  width: 165px !important;
}
@media only screen and (max-width: 1023px) {
  .seo-page .tab-content .product-data .jcf-select {
    width: 156px !important;
  }
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .product-data .jcf-select {
    width: 100% !important;
  }
}
.seo-page .tab-content .product-data .total-price {
  font-size: 30px;
  line-height: 34px;
  font-style: normal;
  width: 230px;
  position: absolute;
  right: 0;
  bottom: 100%;
  margin: 0 0 19px;
}
@media only screen and (max-width: 1023px) {
  .seo-page .tab-content .product-data .total-price {
    font-size: 24px;
    line-height: 28px;
    width: 156px;
  }
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content .product-data .total-price {
    position: static;
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 500px) {
  .seo-page .tab-content .product-data .total-price {
    display: none;
  }
}
.seo-page .tab-content .product-data .product-price {
  display: block;
  color: #0073B1;
}
.seo-page .tab-content .product-data .total-save {
  display: block;
  font-size: 18px;
  line-height: 22px;
  color: #5AD6B8;
  margin: -4px 0 0;
}
@media only screen and (max-width: 1023px) {
  .seo-page .tab-content .product-data .total-save {
    font-size: 14px;
    line-height: 18px;
    margin: -2px 0 0;
  }
}
.seo-page .tab-content.center::after {
  content: "";
  display: table;
  width: 100%;
  clear: both;
}
.seo-page .tab-content.center .product-image {
  float: left;
  width: 100%;
  height: 100%;
  max-width: 210px;
  min-height: 210px;
  margin: 0 22px 0 0;
}
@media only screen and (max-width: 767px) {
  .seo-page .tab-content.center .product-image {
    width: 65px;
    min-height: 75px;
  }
}
.seo-page .jcf-select {
  vertical-align: top;
  background: #e6e6e6;
  border: 0;
  border-bottom: 2px solid #bfbfbf;
  width: 125px !important;
  height: 46px;
  color: #55595E;
}
.seo-page .jcf-select-text {
  padding: 12px 45px 10px 5px;
  text-align: center;
}
.seo-page .jcf-select-text::after {
  content: "";
  position: absolute;
  left: auto;
  right: 39px;
  top: 6px;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -10px 0;
  height: 33px;
  width: 1px;
}

.border-separator {
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #e2e2e3;
  margin: 20px 0 30px;
}

@media only screen and (max-width: 767px) {
  .single-product-information {
    padding: 30px 5px 0;
  }
}
@media only screen and (max-width: 640px) {
  .single-product-information {
    padding-top: 0;
  }
}

.productPage #main {
  background-color: #F5FAFF;
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .productPage #main {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .productPage .centered-section.product-main-section {
    padding: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .productPage .author-card {
    border-top: 1px solid #dbdbdb;
    margin-bottom: 0;
  }
}
.productPage .breadcrumbs-holder {
  margin-bottom: 25px;
  display: block;
}

.product-section-ProdImage, .product-section-ProdDesc {
  display: inline-block;
  float: left;
}
@media screen and (max-width: 767px) {
  .product-section-ProdImage, .product-section-ProdDesc {
    display: block;
  }
}

.product-section-ProdImage {
  width: 381px;
}
@media screen and (max-width: 767px) {
  .product-section-ProdImage {
    width: 100%;
  }
}

.product-section-ProdDesc {
  width: calc(100% - 381px);
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  .product-section-ProdDesc {
    width: 100%;
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .product-section-ProdDesc .product-page-agit-content {
    padding: 0;
  }
}

.product-section {
  margin-bottom: 30px;
}
.product-section .info {
  font-size: 16px;
  line-height: 27px;
}
@media only screen and (max-width: 1023px) {
  .product-section .info {
    font-size: 13px;
    line-height: 1.7;
  }
}
@media screen and (max-width: 767px) {
  .product-section .info {
    float: none;
    width: 100%;
    text-align: center !important;
  }
}
.product-section .product-heading {
  font: 46px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 0 8px;
  word-break: break-word;
  font-family: "Poppins", sans-serif;
}
@media only screen and (max-width: 767px) {
  .product-section .product-heading {
    margin-bottom: 0;
    line-height: 32px;
  }
}
.product-section .product-heading a {
  font-size: 0.6em;
  color: #0073B1;
  text-decoration: none;
  font-weight: 300;
}
@media only screen and (max-width: 1023px) {
  .product-section .product-heading a {
    font-size: 18px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .product-section .product-heading a {
    display: block;
  }
}
.product-section .product-heading h1 {
  font-size: 100%;
  margin: 0 5px 0 0;
  display: inline-block;
  font-weight: 500;
}
@media only screen and (max-width: 1023px) {
  .product-section .product-heading h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .product-section .product-heading h1 {
    line-height: 32px;
    margin: 0 0 5px;
  }
}
.product-section .alignright {
  float: right;
  text-align: right;
  margin: 0 0 0 5px;
}
.product-section .product-brand-logo {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  max-width: 85px;
}
.product-section .product-brand-logo img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.product-section .product-brand-logo.abbotthealthcare {
  width: 94px;
}
.product-section .product-brand-logo.actavisuk {
  width: 94px;
}
.product-section .product-brand-logo.alliance {
  width: 94px;
}
.product-section .product-brand-logo.almirall {
  width: 94px;
}
.product-section .product-brand-logo.amdipharmmercury {
  width: 94px;
}
.product-section .product-brand-logo.astellas {
  width: 94px;
}
.product-section .product-brand-logo.astrazeneca {
  width: 94px;
}
.product-section .product-brand-logo.bayerplc {
  width: 51px;
}
.product-section .product-brand-logo.bms {
  width: 94px;
}
.product-section .product-brand-logo.boehringering {
  width: 94px;
}
.product-section .product-brand-logo.chiesi {
  width: 94px;
}
.product-section .product-brand-logo.consilienthealth {
  width: 94px;
}
.product-section .product-brand-logo.daiichisankyo {
  width: 94px;
}
.product-section .product-brand-logo.durbin {
  width: 94px;
}
.product-section .product-brand-logo.ferring {
  width: 94px;
}
.product-section .product-brand-logo.flynn {
  width: 94px;
}
.product-section .product-brand-logo.galderma {
  width: 94px;
}
.product-section .product-brand-logo.galen {
  width: 75px;
}
.product-section .product-brand-logo.glaxosmithkline {
  width: 94px;
}
.product-section .product-brand-logo.hrapharma {
  width: 94px;
}
.product-section .product-brand-logo.janssencilag {
  width: 94px;
}
.product-section .product-brand-logo.lilly {
  width: 93px;
}
.product-section .product-brand-logo.marlborough {
  width: 60px;
}
.product-section .product-brand-logo.mcneil {
  width: 94px;
}
.product-section .product-brand-logo.meadow {
  width: 51px;
}
.product-section .product-brand-logo.meda {
  width: 94px;
}
.product-section .product-brand-logo.medrx {
  width: 94px;
}
.product-section .product-brand-logo.menarini {
  width: 53px;
}
.product-section .product-brand-logo.merckserono {
  width: 94px;
}
.product-section .product-brand-logo.morningside {
  width: 94px;
}
.product-section .product-brand-logo.msd {
  width: 94px;
}
.product-section .product-brand-logo.mylan {
  width: 94px;
}
.product-section .product-brand-logo.norgine {
  width: 68px;
}
.product-section .product-brand-logo.novartis {
  width: 94px;
}
.product-section .product-brand-logo.novonordisk {
  width: 76px;
}
.product-section .product-brand-logo.orion {
  width: 94px;
}
.product-section .product-brand-logo.pfizer {
  width: 85px;
}
.product-section .product-brand-logo.prostrakan {
  width: 94px;
}
.product-section .product-brand-logo.reckittbenckiser {
  width: 94px;
}
.product-section .product-brand-logo.roche {
  width: 94px;
}
.product-section .product-brand-logo.sanofi {
  width: 94px;
}
.product-section .product-brand-logo.somex {
  width: 51px;
}
.product-section .product-brand-logo.spectrumthea {
  width: 94px;
}
.product-section .product-brand-logo.stiefel {
  width: 94px;
}
.product-section .product-brand-logo.stragen {
  width: 35px;
}
.product-section .product-brand-logo.takeda {
  width: 94px;
}
.product-section .product-brand-logo.tevauk {
  width: 94px;
}
.product-section .product-brand-logo.tillomed {
  width: 51px;
}
.product-section .product-brand-logo.ucb {
  width: 51px;
}
.product-section .product-brand-logo.zentiva {
  width: 94px;
}
.product-section .info-list {
  margin: 0 0 3px;
  padding: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .product-section .info-list {
    margin: 0 0 0;
  }
}
.product-section .info-list h2 {
  display: inline-block;
  vertical-align: top;
  /*padding: 0 7px 0 14px;
  margin: 0 14px 0 -12px;*/
  margin: 0;
  position: relative;
  font: 300 18px/27px "Trebuchet MS", Helvetica, sans-serif;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .product-section .info-list h2 {
    font-size: 13px;
  }
}
.product-section .product-description {
  padding: 10px 0 0;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .product-section .product-description {
    display: none;
  }
}
.product-section p {
  margin: 0 0 15px;
}

.productPage-bottom-bar {
  width: 100%;
  clear: both;
  /*@media only screen and (max-width: 640px) {
      margin-top: -10px;
      background-color: $body-bg;
      border-top: 1px solid $secondary-20;
      border-color: $body-bg $secondary-20 #b2b4b6;
      box-shadow: 0 1px 0 $secondary-20;
      width: calc(100% + 4px);
      margin-left: -2px;
  }*/
}
.productPage-bottom-bar:before, .productPage-bottom-bar:after {
  content: "";
  display: table;
}
.productPage-bottom-bar:after {
  clear: both;
}
.productPage-bottom-bar .custom-trustpilot-mini {
  padding: 0 10px;
  font: 400 17px/22px "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
  margin: 0;
  /*@media only screen and (max-width: 640px) {
      background: $white-color;
      border-top: 1px solid $secondary-20;
      padding-top: 20px;
      padding-bottom: 5px;
  }*/
}
.productPage-bottom-bar .custom-trustpilot-mini .product-review {
  display: block;
  color: #0073B1;
  font-size: 18px;
  line-height: 120%;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .productPage-bottom-bar .custom-trustpilot-mini {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 17px;
  }
  .productPage-bottom-bar .custom-trustpilot-mini .star {
    margin: 0 4px 0 0;
    padding: 4px 4px 5px;
  }
  .productPage-bottom-bar .custom-trustpilot-mini .star:before {
    height: 15px;
    width: 16px;
  }
  .productPage-bottom-bar .custom-trustpilot-mini .product-review {
    font-size: 14px;
    padding-left: 15px;
  }
}

.product-page-agit-content {
  color: #2A3036;
  padding: 0 10px 0;
  font: 18px/30px "Trebuchet MS", Helvetica, sans-serif;
  line-height: 1.3;
}
.product-page-agit-content .b-green-btn {
  width: 350px;
  max-width: 100%;
  margin: 0 0 18px;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  text-transform: none;
  text-decoration: none;
  color: #ffffff;
}
@media only screen and (max-width: 1150px) {
  .product-page-agit-content {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .product-page-agit-content {
    float: none;
    width: 100%;
    padding: 15px 10px 0px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
  }
  .product-page-agit-content .b-green-btn {
    padding: 12px;
  }
}
.product-page-agit-content mark {
  font-weight: 700;
  color: #5AD6B8;
  background: none;
  display: inline-block;
  vertical-align: middle;
  padding-top: 0;
}
.dosages-section {
  padding: 0 0 45px !important;
}
@media only screen and (max-width: 767px) {
  .dosages-section {
    padding-bottom: 0 !important;
  }
}
.dosages-section .request-dosage-quote {
  font-family: Poppins, sans-serif;
}
.dosages-section .request-dosage-quote .quote-dosage {
  display: flex;
  flex-wrap: wrap;
  padding-top: 15px;
}
.dosages-section .request-dosage-quote .quote-dosage .b-green-btn {
  margin: 0;
  max-width: 100%;
}
.dosages-section .request-dosage-quote .quote-dosage .form-control {
  background: #ffffff;
  border: 2px solid #D9D9D9;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
  height: 47px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .dosages-section .request-dosage-quote .quote-dosage .form-control {
    border: 1px solid #CBC9C9;
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.07);
    height: 40px;
  }
}
.dosages-section .request-dosage-quote .quote-dosage .form-group {
  padding: 0 10px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.dosages-section .request-dosage-quote .quote-dosage .form-group.email {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}
.dosages-section .request-dosage-quote .quote-dosage .form-group.quote-btn {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  .dosages-section .request-dosage-quote .quote-dosage .form-group {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.dosages-section .request-dosage-quote .testingPlans {
  text-align: center;
  padding: 30px 0 0;
}
.dosages-section .request-dosage-quote .testingPlans .title {
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-size: 26px;
  line-height: 1.3;
  margin: 0 0 30px;
}
@media only screen and (max-width: 991px) {
  .dosages-section .request-dosage-quote .testingPlans .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .dosages-section .request-dosage-quote .testingPlans .title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 500px) {
  .dosages-section .request-dosage-quote .testingPlans .title {
    font-size: 20px;
  }
}
.dosages-section .request-dosage-quote .testingPlans .testing-flow {
  margin-left: -20px;
  margin-right: -20px;
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.dosages-section .request-dosage-quote .testingPlans .testing-flow li {
  display: flex;
  align-items: center;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 25px;
}
.dosages-section .request-dosage-quote .testingPlans .testing-flow li .flow-img {
  margin-right: 20px;
}
.dosages-section .request-dosage-quote .testingPlans .testing-flow li .flow-img img {
  max-width: 100%;
  height: auto;
}
.dosages-section .request-dosage-quote .testingPlans .testing-flow li .flow-content {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.dosages-section .request-dosage-quote .testingPlans .testing-flow li .flow-content .flow-title {
  display: block;
  font-weight: 500;
  font-size: 16px;
  margin: 0px 0 8px;
}
@media only screen and (min-width: 992px) {
  .dosages-section .request-dosage-quote .testingPlans .testing-flow li .flow-img {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1150px) {
  .dosages-section .request-dosage-quote .testingPlans .testing-flow {
    padding: 0;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .dosages-section .request-dosage-quote .testingPlans .testing-flow li {
    flex-direction: column;
    text-align: center;
  }
  .dosages-section .request-dosage-quote .testingPlans .testing-flow li .flow-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .dosages-section .request-dosage-quote .testingPlans .testing-flow li {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .dosages-section .request-dosage-quote .testingPlans .testing-flow li .flow-img {
    min-width: 120px;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) and (max-width: 500px) {
  .dosages-section .request-dosage-quote .testingPlans .testing-flow li .flow-img {
    min-width: 95px;
    margin-right: 17px;
  }
}
.dosages-section .prescription-fee-note {
  position: relative;
  top: -1px;
  background-color: #ffffff;
  padding-top: 20px;
  /*+ .product-data-foot, + .testingPlans, ~ div .tableWithProducts_intro {
      padding-top: 0;
  }*/
}
.dosages-section .prescription-fee-note span {
  background: #F5FAFF;
  border-radius: 5px;
  /*margin: 20px 0;*/
  padding: 12px 15px;
  font-size: 14px;
  line-height: 16px;
  display: block;
}
.dosages-section .prescription-fee-note + .product-data-bar {
  margin-top: 20px;
}

.select-area .select-opener {
  width: 10px;
  height: 6px;
  background-position: -9px -33px;
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
}
.select-area .center {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 8px 25px 8px 10px;
  text-align: left;
}

.variant-box {
  display: inline-block;
  vertical-align: top;
}
.variant-box .jcf-select {
  vertical-align: top;
  background: #e6e6e6;
  border: 0;
  border-bottom: 2px solid #bfbfbf;
  width: auto;
  max-width: 242px;
  height: 46px;
  color: #55595E;
}
.variant-box .jcf-select-text {
  max-width: 242px;
  min-width: 200px;
  padding: 12px 44px 10px 10px;
  color: #55595E;
  text-align: center;
  font: 700 16px/24px "Trebuchet MS", Helvetica, sans-serif;
}
.variant-box .jcf-select-text::after {
  content: "";
  position: absolute;
  left: auto;
  right: 35px;
  top: 6px;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -10px 0;
  height: 33px;
  width: 1px;
}
.variant-box .select-variant-select {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  background: #e6e6e6;
  border: 0;
  border-bottom: 2px solid #bfbfbf;
  border-radius: 5px;
  font: 700 16px/24px "Trebuchet MS", Helvetica, sans-serif;
  position: relative;
  width: auto !important;
}
.variant-box .select-area {
  height: 46px;
}
.variant-box .select-area .select-opener {
  top: 20px;
  right: 15px;
}
.variant-box .jcf-list ul li {
  text-align: left;
  font: 400 14px/24px "Trebuchet MS", Helvetica, sans-serif !important;
  text-transform: none;
}
.variant-box .jcf-list ul li span.jcf-option {
  text-transform: none;
  white-space: normal;
}
.variant-box .b-gray-btn {
  min-width: 200px;
  text-transform: none;
}

.productPage-v2 .breadcrumbs-holder {
  padding-top: 14px;
  padding-bottom: 0 !important;
}

.product-section-v2 {
  /*.productPage-bottom-bar {
      padding: 20px 0 5px;

      @media only screen and (max-width: 767px) {
          display: none;
      }
  }*/
}
@media only screen and (max-width: 767px) {
  .product-section-v2 .table-for-block-place-change {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .product-section-v2 .table-for-block-place-change .col-xs-12.col-sm-7.col-md-7 {
    float: none;
    display: table-footer-group;
  }
}
@media only screen and (max-width: 767px) {
  .product-section-v2 .dosages-section-v2 {
    display: table-header-group;
  }
}
.product-section-v2 .row.single-product-information {
  margin-left: 0;
  margin-right: 0;
}
.product-section-v2 .popular-product-tab {
  font: 700 14px/18px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
  .product-section-v2 .popular-product-tab {
    display: table-footer-group;
  }
}
.product-section-v2 .popular-product-tab .tab-content {
  width: 70%;
  float: left;
}
@media only screen and (max-width: 767px) {
  .product-section-v2 .popular-product-tab .tab-content {
    width: 100%;
  }
}
.product-section-v2 .popular-product-tab .tabLink-column {
  float: left;
  min-width: 89px;
  text-align: center;
  margin: 0 14px 0 0;
}
.product-section-v2 .popular-product-tab .tabLink-column li:first-child a {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .product-section-v2 .popular-product-tab .tabLink-column li:first-child a {
    margin-top: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .product-section-v2 .popular-product-tab .tabLink-column li {
    float: left;
    font-size: 16px;
    line-height: 20px;
    padding: 8px 4px;
    margin: 0 10px 10px 0;
  }
}
.product-section-v2 .popular-product-tab .tabLink-column a {
  font-size: 20px;
  line-height: 24px;
  display: block;
  color: #ffffff;
  background: #706f6f;
  text-decoration: none;
  padding: 13px 8px;
  margin: 13px 0 0;
}
.product-section-v2 .popular-product-tab .tabLink-column .active a {
  background: #0073B1;
}
.product-section-v2 .popular-product-tab table {
  table-layout: fixed;
  display: table;
  width: 100%;
  max-width: 330px;
  text-align: center;
  border-collapse: collapse;
  background: #ffffff;
}
@media only screen and (max-width: 1150px) {
  .product-section-v2 .popular-product-tab table {
    max-width: 285px;
  }
}
.product-section-v2 .popular-product-tab table tr:first-child {
  background: #0073B1;
  color: #ffffff;
}
.product-section-v2 .popular-product-tab table tr:first-child td:first-child {
  background: #0073B1;
}
.product-section-v2 .popular-product-tab table td {
  padding: 8px 7px;
  border: 1px solid #0073B1;
}
.product-section-v2 .popular-product-tab table td:first-child {
  text-align: center;
  background: #EAEBEB;
}
.product-section-v2 .popular-product-tab .popular {
  color: #ffffff;
  background: #bdbcbc;
}
.product-section-v2 .popular-product-tab .popular td {
  position: relative;
}
.product-section-v2 .popular-product-tab .popular td:first-child {
  color: #ffffff;
  background: #bdbcbc;
}
.product-section-v2 .popular-product-tab .popular-sign {
  font-family: "bad_scriptregular", Arial, Helvetica, sans-serif;
  position: absolute;
  display: block;
  text-align: left;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  left: 100%;
  top: 7px;
  width: 300px;
  padding: 0 0 0 18px;
  color: #5AD6B8;
}
.product-section-v2 .popular-product-tab .popular-sign:before {
  display: block;
  content: "";
  margin: 0 0 0 -12px;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -83px -286px;
  height: 32px;
  width: 27px;
}
.product-section-v2 .product-heading {
  display: table;
  margin: 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .product-section-v2 .product-heading {
    margin-bottom: 0 !important;
    display: block;
  }
}

.product-page-v2-sticky-footer .bg {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  background: #0073B1;
  color: #ffffff;
}
.product-page-v2-sticky-footer.fixed .bg {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.product-page-v2-sticky-footer span {
  display: block;
  position: relative;
  max-width: 1124px;
  padding: 10px 50px;
  margin: 0 auto;
}
.product-page-v2-sticky-footer .plus {
  position: absolute;
  text-transform: uppercase;
  top: 14px;
  right: 15px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ffffff;
  cursor: pointer;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.product-page-v2-sticky-footer .plus:before, .product-page-v2-sticky-footer .plus:after {
  content: "";
  position: absolute;
  background: #0073B1;
}
.product-page-v2-sticky-footer .plus:before {
  top: 2px;
  left: 50%;
  width: 2px;
  height: 14px;
  margin: 0 0 0 -1px;
}
.product-page-v2-sticky-footer .plus:after {
  left: 2px;
  top: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0;
}

.product-data-table {
  background: #ffffff;
  border: 1px solid;
  border-color: #F5FAFF #D4D6D7 #b2b4b6;
  box-shadow: 0 1px 0 #D4D6D7;
  border-radius: 5px;
  padding: 0 20px;
  font: 300 18px/22px "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 570px) {
  .product-data-table {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 570px) {
  .product-data-table .variant-box {
    width: calc(100% - 32px);
  }
}
.product-data-table .de-available-product {
  margin-top: 15px;
  text-align: right;
}
@media only screen and (max-width: 1150px) {
  .product-data-table .de-available-product {
    text-align: center;
  }
}
@media only screen and (max-width: 1023px) {
  .product-data-table {
    font-size: 13px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .product-data-table {
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}
.product-data-table .jcf-select {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  background: #e6e6e6;
  border: 0;
  border-bottom: 2px solid #bfbfbf;
  border-radius: 5px;
  font: bold 16px/24px "Trebuchet MS", Helvetica, sans-serif;
  position: relative;
  width: auto !important;
  height: 46px;
  text-transform: uppercase;
}
.product-data-table .jcf-select .jcf-select-text {
  width: 172px;
  padding: 12px 44px 10px 10px;
  color: #55595E;
  text-align: center;
  position: relative;
  z-index: 2;
}
.product-data-table .jcf-select .jcf-select-text:after {
  content: "";
  position: absolute;
  left: auto;
  right: 39px;
  top: 7px;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -10px 0;
  height: 33px;
  width: 1px;
}
@media only screen and (max-width: 1150px) {
  .product-data-table .jcf-select .jcf-select-text {
    width: auto;
  }
}
@media only screen and (max-width: 1150px) {
  .product-data-table .jcf-select {
    width: 100% !important;
  }
}
.product-data-table .product-data-row {
  text-align: justify;
  font-family: "Poppins", sans-serif;
}
.product-data-table .product-data-row:before, .product-data-table .product-data-row:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
}
@media only screen and (max-width: 767px) {
  .product-data-table .product-data-row {
    padding: 0 20px;
  }
}
.product-data-table .product-data-row form.product-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.product-data-table .product-data-head {
  border-bottom: 1px solid #dbdbdb;
  padding: 20px 20px 10px;
  font-family: "Poppins", sans-serif;
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
.product-data-table .product-data-head h3 {
  font-size: 24px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  margin-top: 0;
  /*font-family: 'HelveticaNeueThin',"Trebuchet MS",Helvetica,sans-serif;*/
  /*font-weight: bold;*/
}
@media screen and (max-width: 767px) {
  .product-data-table .product-data-head h3 {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 540px) {
  .product-data-table .product-data-head h3 {
    font-size: 17px;
    font-weight: 600;
  }
}
.product-data-table .product-data-head p {
  /*font-size: 20px;*/
  font-size: 18px;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .product-data-table .product-data-head p {
    font-size: 16px;
  }
}
@media screen and (max-width: 540px) {
  .product-data-table .product-data-head p {
    font-size: 15px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 640px) {
  .product-data-table .product-data-head > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.product-data-table .product-data-head .our-price-title {
  color: #0073B1;
  font-size: 30px;
  line-height: 35px;
  font-weight: 500;
  margin: 0 0 10px;
}
.product-data-table .product-data-head .que-ans {
  display: none;
  font-size: 16px;
  padding-top: 5px;
}
.product-data-table .product-data-head .que-ans h4 {
  margin: 0 0 15px;
}
.product-data-table .product-data-head .que-ans .answer {
  position: relative;
  overflow: hidden;
  padding-bottom: 15px;
}
.product-data-table .product-data-head .que-ans .answer .show-more-link {
  position: absolute;
  bottom: -5px;
  display: block;
  width: 100%;
  font-size: 30px;
  color: rgba(59, 59, 59, 0.4) !important;
  padding-top: 20px;
}
.product-data-table .product-data-head .que-ans .answer.show-more {
  height: 60px;
}
.product-data-table .product-data-head .que-ans .answer.show-more .show-more-link {
  bottom: -10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, #ffffff 62.63%);
}
.product-data-table .product-data-head .que-ans .answer.show-more .show-more-link i {
  transform-origin: center;
  transform: rotate(180deg);
}
@media only screen and (max-width: 767px) {
  .product-data-table .product-data-head .que-ans {
    display: block;
    font-size: 12px;
  }
  .product-data-table .product-data-head .que-ans h4 {
    font-size: 16px;
  }
}
.product-data-table .product-data-foot {
  padding: 20px 20px;
}
.product-data-table .product-data-foot .text-blue {
  color: #0073B1;
}
.product-data-table .product-data-foot .text-green {
  color: #5AD6B8;
}
.product-data-table .product-data-foot .bold {
  font-weight: 600;
}
.product-data-table .product-data-foot p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .product-data-table .product-data-foot p {
    font-size: 16px;
    line-height: 23px;
  }
}
@media screen and (max-width: 540px) {
  .product-data-table .product-data-foot p {
    font-size: 15px;
    line-height: 22px;
  }
}
.product-data-table .product-data-foot .product-foot-note {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .product-data-table .product-data-foot .product-foot-note {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 640px) {
  .product-data-table .product-data-foot > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.product-data-table .product-data-foot ~ div .tableWithProducts_intro {
  padding-top: 0;
}
.product-data-table .product-data-foot + .product-data-bar ~ div .tableWithProducts_intro {
  padding-top: 29px;
}
.product-data-table .product-data-description {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  margin: 0 9px 0 0;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .product-data-table .product-data-description {
    display: block;
    width: 100%;
    margin: 0 0 15px;
    text-align: center;
  }
}
@media only screen and (max-width: 570px) {
  .product-data-table .product-data-description {
    margin: 0;
  }
}
.product-data-table .product-data-description .heading {
  display: block;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #0073B1;
}
.product-data-table .productLineDosage-large {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: calc(75% - 9px);
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .product-data-table .productLineDosage-large {
    display: block;
    width: 100%;
  }
}
.product-data-table .product-data-bar {
  padding: 24px 0 10px;
  margin: 0 -21px;
  color: #616366;
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  .product-data-table .product-data-bar {
    margin: 0;
  }
}
.product-data-table .product-data-bar .list {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  background: #EAEBEB;
  border: 1px solid #b2b4b6;
  border-width: 0 0 1px;
}
@media only screen and (max-width: 640px) {
  .product-data-table .product-data-bar .list {
    display: block;
    overflow: hidden;
    border-radius: 0 !important;
  }
}
.product-data-table .product-data-bar .row {
  display: table-cell;
  vertical-align: middle;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 640px) {
  .product-data-table .product-data-bar .row {
    display: block;
  }
}
@media only screen and (max-width: 480px) and (max-width: 640px) {
  .product-data-table .product-data-bar .row:first-child .cell {
    border-top: none;
  }
}
.product-data-table .product-data-bar .cell-holder {
  display: table;
  height: 100%;
  table-layout: fixed;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .product-data-table .product-data-bar .cell-holder {
    display: block;
  }
}
.product-data-table .product-data-bar .cell {
  display: table-cell;
  width: 50%;
  padding: 10px 10px 10px 0;
  border: 1px solid #dbdbdb;
  border-width: 0 0 0 1px;
  vertical-align: middle;
}
@media only screen and (max-width: 480px) {
  .product-data-table .product-data-bar .cell {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #dbdbdb;
    border-left: 0;
  }
}
.product-data-table .product-data-bar .cell.first {
  border: none;
}
@media only screen and (max-width: 480px) {
  .product-data-table .product-data-bar .cell.first {
    border-top: none;
    border-bottom: 1px solid #dbdbdb;
  }
}
.product-data-table .product-data-bar .product-data-bar_image-holder {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  text-align: center;
}
.product-data-table .product-data-bar .product-data-bar_image-holder span {
  display: inline-block;
  vertical-align: middle;
}
.product-data-table .product-data-bar .product-data-bar_image-holder.data span {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -78px 0;
  height: 18px;
  width: 13px;
}
.product-data-table .product-data-bar .product-data-bar_image-holder.pharmacy span {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -18px -112px;
  height: 18px;
  width: 17px;
}
.product-data-table .product-data-bar .product-data-bar_image-holder.delivery span {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -51px -72px;
  height: 17px;
  width: 23px;
}
.product-data-table .product-data-bar .product-data-bar_image-holder.registration span {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -51px -49px;
  height: 17px;
  width: 17px;
}
.product-data-table .product-data-bar .product-data-bar_description {
  display: table-cell;
  vertical-align: middle;
}
.product-data-table.version-3 .product-data-bar {
  padding: 0 0 !important;
}
@media only screen and (max-width: 767px) {
  .product-data-table.version-3 .product-data-bar {
    padding: 0 0 10px !important;
  }
}
.product-data-table.version-3 .product-data-bar .list {
  border: none;
  border-radius: 5px;
}
.product-data-table .table-row-price {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 1150px) {
  .product-data-table .table-row-price {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px 0 0;
  }
}
@media only screen and (max-width: 570px) {
  .product-data-table .table-row-price {
    display: block;
    padding: 0;
  }
}
.product-data-table .table-row-price .select-holder-box {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 1150px) {
  .product-data-table .table-row-price .select-holder-box {
    display: table-cell;
    padding: 0 0 0 5px;
    text-align: center;
  }
  .product-data-table .table-row-price .select-holder-box:first-child {
    padding: 0 5px 0 0;
  }
}
@media only screen and (max-width: 570px) {
  .product-data-table .table-row-price .select-holder-box {
    display: block;
    padding: 15px 0 0 !important;
  }
}
.product-data-table .order-note {
  font-size: 15px;
  text-align: right;
  margin-top: 5px;
}
@media only screen and (max-width: 767px) {
  .product-data-table .order-note {
    text-align: center;
    margin-bottom: 5px;
  }
}
.product-data-table .total-price {
  width: 150px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  line-height: 34px;
  color: #0073B1;
  font-weight: 500;
}
@media only screen and (min-width: 1151px) {
  .product-data-table .total-price.text-left {
    text-align: left;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 1150px) {
  .product-data-table .total-price {
    width: 100% !important;
  }
}
@media only screen and (max-width: 767px) {
  .product-data-table .total-price {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
  }
}
.product-data-table .total-price .total-save {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #5AD6B8;
}
.product-data-table .total-price .free-delivery-msg {
  color: #7F8386;
  font-weight: normal;
  font-size: 10px;
  line-height: 1.5;
  display: block;
}
.product-data-table .total-price .low-price {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #FE9523;
}
.product-data-table .b-green-btn {
  /* border-width: 0 0 2px;
  color: $white-color;
  cursor: pointer;
  font: 700 16px/30px "Trebuchet MS",Helvetica,sans-serif;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  vertical-align: top;*/
  padding: 11px 10px 10px;
  /*text-decoration: none;
  background: $info-color;
  position: relative;
  vertical-align: middle;*/
  width: 180px;
  padding: 8px 21px 6px 42px;
  margin: 5px 0 5px 10px;
  line-height: 1.5;
  /* &:hover {
      background: darken($info-color, 10%);
  }*/
  /* &:active {
           background: darken($info-color, 10%);
  border-color: darken($info-color, 20%);
           border-width: 2px 0 0;
       }*/
}
.product-data-table .b-green-btn:after {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  margin: -9px 0 0;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -93px -72px;
  height: 19px;
  width: 21px;
}
@media only screen and (max-width: 1150px) {
  .product-data-table .b-green-btn {
    margin-left: 0;
    width: 100%;
  }
}
.product-data-table .table-row-select {
  display: inline-block;
  vertical-align: middle;
}
@media only screen and (max-width: 1150px) {
  .product-data-table .table-row-select {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  .product-data-table .table-row-select {
    display: block;
  }
}
.product-data-table .table-row-select .select-holder-box {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
@media only screen and (max-width: 1150px) {
  .product-data-table .table-row-select .select-holder-box {
    display: table-cell;
    padding: 0 0 0 5px;
  }
  .product-data-table .table-row-select .select-holder-box:first-child {
    padding: 0 5px 0 0;
  }
}
@media only screen and (max-width: 570px) {
  .product-data-table .table-row-select .select-holder-box {
    display: block;
    padding: 15px 0 0 !important;
    text-align: left;
  }
}
@media only screen and (max-width: 1150px) {
  .product-data-table .table-row-select .select-holder-box .productPackClick {
    display: block;
  }
}
@media only screen and (max-width: 1150px) {
  .product-data-table .table-row-select .select-holder-box .productPackClick .jcf-select {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 1150px) {
  .product-data-table .table-row-select .select-holder-box .productPackClick .jcf-select .jcf-select-text {
    max-width: 100% !important;
  }
}
.product-data-table .table-row-select .questionMarkItem {
  position: relative;
  cursor: pointer;
  float: right;
  margin: 10px 15px 0 0;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -54px -183px;
  height: 24px;
  width: 24px;
}
.product-data-table .table-row-select .questionMarkItem:hover .popup-description {
  visibility: visible;
  height: auto;
  font-size: 12px;
  line-height: 16px;
  opacity: 1;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@media only screen and (max-width: 1150px) {
  .product-data-table .table-row-select .questionMarkItem:hover .popup-description {
    left: auto;
    right: 0;
    margin: 0 0 25px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
  .product-data-table .table-row-select .questionMarkItem {
    background-image: url("https://www.vivami-cdn.com/img//icons@2x-sd1d5d59325.png");
    background-position: -41px -219px;
    background-size: 174px auto;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
  }
}
@media only screen and (max-width: 1150px) {
  .product-data-table .table-row-select .questionMarkItem {
    margin: 10px 0 0;
  }
}
.product-data-table .table-row-select .popup-description {
  position: absolute;
  z-index: 999;
  width: 260px;
  bottom: 100%;
  left: 0;
  text-align: center;
  visibility: hidden;
  height: 0;
  font-size: 0;
  opacity: 0;
  background: #d7cfcd;
  border-radius: 8px;
  padding: 8px;
  margin: 0 -130px 25px;
}
.product-data-table .table-row-select .popup-description label {
  font-weight: 400;
}
.product-data-table .table-row-select .popup-description label p {
  margin-bottom: 0;
}
.product-data-table .table-row-select .questionMark-holder-helper {
  display: block;
  /*overflow: hidden;*/
  margin: 0 46px 0 0;
}
@media only screen and (max-width: 1150px) {
  .product-data-table .table-row-select .questionMark-holder-helper {
    margin: 0 32px 0 0;
  }
}
.product-data-table span.jcf-option {
  text-transform: none;
  white-space: normal;
}

.compareProductTab-container {
  text-align: center;
  font: 700 14px/18px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
}
.compareProductTab-container .compare-product-tab {
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  margin: 0 0 44px;
  vertical-align: top;
  padding: 0 30px;
  position: relative;
}
@media only screen and (max-width: 460px) {
  .compareProductTab-container .compare-product-tab {
    padding: 0 10px;
  }
}
.compareProductTab-container .compare-product-tab:before {
  content: "";
  width: 100%;
  border-bottom: 1px solid #D4D6D7;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
}
@media only screen and (max-width: 1150px) {
  .compareProductTab-container .compare-product-tab:before {
    display: none;
  }
}
.compareProductTab-container .compare-product-tab li {
  display: inline-block;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #D4D6D7;
  margin-left: -5px;
}
@media only screen and (max-width: 1150px) {
  .compareProductTab-container .compare-product-tab li {
    border: none;
    margin: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .compareProductTab-container .compare-product-tab li {
    padding: 8px 10px;
    width: 33.333%;
    margin: 0;
    font-size: 13px;
    line-height: 16px;
  }
}
@media only screen and (max-width: 460px) {
  .compareProductTab-container .compare-product-tab li {
    width: 49%;
    padding: 8px 5px;
    text-align: center;
  }
}
.compareProductTab-container .compare-product-tab li:after {
  display: none;
}
@media only screen and (max-width: 1150px) {
  .compareProductTab-container .compare-product-tab li.active {
    background-color: #D4D6D7;
  }
}
.compareProductTab-container .compare-product-tab li.active a {
  text-decoration: none;
  border: 1px solid;
  border-color: #D4D6D7 #D4D6D7 #fcfdff;
  color: #404040;
}
@media only screen and (max-width: 1150px) {
  .compareProductTab-container .compare-product-tab li.active a {
    border: none;
  }
}
.compareProductTab-container .compare-product-tab a {
  float: left;
  color: #0073B1;
  text-decoration: underline;
  padding: 10px 20px;
  border-bottom: none;
  margin: 0 12px -1px;
}
@media only screen and (max-width: 1150px) {
  .compareProductTab-container .compare-product-tab a {
    padding: 5px 10px;
    margin: 0;
  }
}
@media only screen and (max-width: 460px) {
  .compareProductTab-container .compare-product-tab a {
    white-space: nowrap;
    float: none;
  }
}
.compareProductTab-container .heading {
  font: 700 14px/18px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  display: block;
  font-weight: 300;
  font-size: 40px;
  line-height: 44px;
  margin: 0 0 39px;
  text-align: center;
}
.compareProductTab-container .tab-content {
  font: 700 14px/18px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
}
.compareProductTab-container .tab-content .tab-pane {
  padding: 0;
  margin: 0 auto 30px;
}
@media only screen and (max-width: 600px) {
  .compareProductTab-container .tab-content .tab-pane {
    font-size: 12px;
    line-height: 16px;
  }
}
.compareProductTab-container table {
  table-layout: fixed;
  display: table;
  text-align: center;
  width: 100%;
  max-width: 800px;
  min-width: 800px;
  border-collapse: collapse;
  background: #ffffff;
  margin: 0 auto 30px;
}
.compareProductTab-container table tr:first-child {
  background: #0073B1 !important;
  color: #ffffff !important;
}
.compareProductTab-container table tr:first-child td {
  padding: 8px 7px !important;
}
.compareProductTab-container table tr:first-child td:nth-child(n-3) {
  background: #0073B1;
  color: #ffffff;
}
.compareProductTab-container table td {
  max-width: 130px;
  padding: 6px 7px !important;
  border: 1px solid #0073B1;
  vertical-align: top;
  padding: 0 10px;
}
.compareProductTab-container table td:first-child {
  text-align: left;
  background: #EAEBEB;
}
.compareProductTab-container table td:first-child + td {
  background: #9cd2ec;
}

.product-page-v2-holder {
  padding: 40px 20px 20px !important;
}
.product-page-v2-holder .tableWithProducts_intro {
  background: #ffffff;
  border: 1px solid;
  border-color: #F5FAFF #D4D6D7 #b2b4b6;
  box-shadow: 0 1px 0 #D4D6D7;
  border-radius: 5px;
  max-width: 1124px;
  padding: 35px 10px 0;
  margin: 0 auto;
}

.productPage-v2 .seo-page {
  padding: 0 0 60px;
}
@media only screen and (max-width: 767px) {
  .productPage-v2 .seo-page {
    padding: 0 0 20px;
  }
}

.table-responsive-view {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.footer-sticky {
  position: static;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  color: #2A3036;
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 100;
  width: 100%;
  padding-bottom: 10px;
  padding-top: 10px;
  cursor: pointer;
}
.footer-sticky .text {
  position: relative;
  padding: 0 0 0 30px;
}
.footer-sticky .text:after {
  content: "";
  left: 0;
  top: 50%;
  position: absolute;
  width: 14px;
  height: 14px;
  border: 1px solid #2A3036;
  border-width: 4px 0 0 4px;
  margin: -4px 0 0;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dosage-large .variant-box .jcf-select {
  min-width: 260px !important;
  max-width: 265px !important;
}
.dosage-large .variant-box .b-gray-btn {
  min-width: 260px !important;
}
@media only screen and (max-width: 767px) {
  .dosage-large .tableWithProducts_dosage-caption {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1150px) {
  .dosage-large .tableWithProducts_buttons-holder {
    width: auto !important;
  }
}
@media only screen and (max-width: 767px) {
  .dosage-large .tableWithProducts_buttons-holder {
    width: 100% !important;
    text-align: center;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 1150px) {
  .dosage-large .tableWithProducts_product-description {
    min-width: 300px;
    max-width: 320px;
  }
}
@media only screen and (max-width: 767px) {
  .dosage-large .tableWithProducts_product-description {
    min-width: 100%;
    max-width: 100%;
  }
}

.dosages-section-v2 .product-data-table .product-data-description .heading {
  color: #2A3036;
  font-weight: 500;
  font-size: 20px;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  .dosages-section-v2 .product-data-table .product-data-description .heading {
    font-size: 16px;
  }
}
.dosages-section-v2 .product-data-table .product-data-row {
  border-bottom: 1px solid #dbdbdb;
}
.dosages-section-v2 .product-data-table .product-data-row:last-child {
  border-bottom: 0 !important;
}
.dosages-section-v2 .product-data-table .product-data-row:last-of-type {
  border-bottom: 0 !important;
}
@media only screen and (max-width: 767px) {
  .dosages-section-v2 .product-page-agit-content {
    display: none !important;
  }
}
.dosages-section-v2 .product-page-agit-content.mobileOnly {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .dosages-section-v2 .product-page-agit-content.mobileOnly {
    display: block !important;
  }
}
.dosages-section-v2 .product-data-bar {
  padding: 0 0 10px !important;
}
.dosages-section-v2 .productsection-PxBlock {
  margin: 20px;
}

.highlightLinks {
  display: inline-block;
  margin-bottom: 10px;
}
.highlightLinks a {
  background: #e6e7ea;
  border-radius: 20px;
  padding: 5px 10px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}
.highlightLinks a i {
  display: inline-block;
  vertical-align: middle;
  min-width: 16px;
  height: 16px;
  margin: -4px 10px 0 0;
  text-align: center;
  position: relative;
}
.highlightLinks a i:before {
  content: "";
  background: url("https://www.vivami-cdn.com/img//unlicensedIcon.png") 0 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 20px;
  width: 20px;
}
.highlightLinks a:hover {
  background-color: #0073B1;
  color: #ffffff;
}

.outOfStockPopup .modal-body {
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .outOfStockPopup .modal-body {
    padding: 10px 20px;
  }
}
.outOfStockPopup .input-field {
  width: 70%;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .outOfStockPopup .input-field {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
}
.outOfStockPopup .green-btn {
  margin-top: 8px;
  padding: 10px 10px 10px;
  padding: 10px 25px 10px;
  margin-left: 14px;
}
@media only screen and (max-width: 767px) {
  .outOfStockPopup .green-btn {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .covid19modal {
    width: 680px;
  }
}
.covid19modal .modal-body {
  padding: 62px 30px;
  font-size: 18px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .covid19modal .modal-body {
    padding: 50px 25px 45px;
    font-size: 17px;
  }
}
.covid19modal .confirmMsg {
  max-width: calc(100% - 175px);
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .covid19modal .confirmMsg {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
    margin-bottom: 20px;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .covid19modal .choose-box {
    width: 100%;
  }
}
.covid19modal .choose-box__label {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .covid19modal .choose-box__label .choose-box__label-text {
    padding: 9px 14px !important;
  }
}

.product-discontinued-block {
  background: #ffffff;
  border: 1px solid;
  border-color: #F5FAFF #D4D6D7 #b2b4b6;
  box-shadow: 0 1px 0 #D4D6D7;
  border-radius: 5px;
  padding: 40px 30px;
  font: 300 16px/20px "Trebuchet MS", Helvetica, sans-serif;
  margin-bottom: 60px;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .custom-trustpilot .review-box {
    padding: 20px 20px !important;
    min-height: 200px !important;
  }
}
@media only screen and (max-width: 767px) {
  .custom-trustpilot .review-box {
    margin: 10px !important;
  }
}

body.VideoUI-theme #main {
  background: #F5FAFF !important;
}

.version-video .product-note {
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 0;
}
.version-video .product-note.for-desk {
  margin-top: 10px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .version-video .product-note.for-desk {
    display: none;
  }
}
.version-video .product-note.for-mob {
  display: none;
}
@media screen and (max-width: 767px) {
  .version-video .product-note.for-mob {
    display: block;
  }
}
@media screen and (max-width: 570px) {
  .version-video .product-note.for-mob {
    font-size: 15px;
    margin-bottom: 5px;
  }
}
.version-video .productLineDosage-large {
  width: 100% !important;
  text-align: left !important;
  display: flex !important;
}
@media screen and (max-width: 1024px) {
  .version-video .productLineDosage-large {
    flex-wrap: wrap;
  }
}
.version-video .table-row-price {
  width: 60%;
  display: flex;
  padding: 0;
}
.version-video .table-row-price .select-holder-box {
  width: 100%;
  text-align: center;
}
.version-video .table-row-price .b-green-btn {
  width: 100%;
  margin: 5px 0 5px 0px;
  padding: 8px 20px 6px 20px;
  line-height: 1.5;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.version-video .table-row-price .b-green-btn:before {
  content: "";
  display: inline-block;
  background: url("https://www.vivami-cdn.com/img//video.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  height: 25px;
  width: 25px;
  vertical-align: middle;
  margin-top: -2px;
}
.version-video .table-row-price .b-green-btn:after {
  display: none;
}
.version-video .table-row-price .select-holder-box:first-child {
  width: 250px;
}
@media screen and (max-width: 1024px) {
  .version-video .table-row-price .select-holder-box:first-child {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .version-video .table-row-price {
    width: 100%;
    flex-wrap: wrap;
  }
}
.version-video .tableWithProducts_image-holder img {
  max-width: 100%;
  margin-right: 10px;
}
.version-video .tableWithProducts_image-holder img.first {
  margin-bottom: 0;
}

.video_condition .medical-condition-card .custom-trustpilot-mini {
  margin: 0;
  bottom: 0;
}
.video_condition .medical-condition-card .custom-trustpilot-mini .rated_string {
  text-align: center;
}
.video_condition .description-banner .image-holder {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .video_condition .description-banner .image-holder {
    float: none;
    margin: 15px auto;
  }
}

.success {
  color: #5AD6B8;
}

.available_TEXT {
  font-weight: 600;
  padding-top: 15px;
}

.product-data-head {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 10px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
.product-data-head h3 {
  font-size: 24px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  /*font-family: 'HelveticaNeueThin',"Trebuchet MS",Helvetica,sans-serif;*/
  /*font-weight: bold;*/
}
@media screen and (max-width: 767px) {
  .product-data-head h3 {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 540px) {
  .product-data-head h3 {
    font-size: 17px;
    font-weight: 600;
  }
}
.product-data-head p {
  /*font-size: 20px;*/
  font-size: 18px;
  line-height: 1.4;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .product-data-head p {
    font-size: 16px;
  }
}
@media screen and (max-width: 540px) {
  .product-data-head p {
    font-size: 15px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 640px) {
  .product-data-head > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.product-data-foot {
  padding: 20px 0;
}
.product-data-foot .text-blue {
  color: #0073B1;
}
.product-data-foot .text-green {
  color: #5AD6B8;
}
.product-data-foot .bold {
  font-weight: 600;
}
.product-data-foot p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .product-data-foot p {
    font-size: 16px;
    line-height: 23px;
  }
}
@media screen and (max-width: 540px) {
  .product-data-foot p {
    font-size: 15px;
    line-height: 22px;
  }
}
.product-data-foot .product-foot-note {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .product-data-foot .product-foot-note {
    font-size: 14px;
    line-height: 18px;
  }
}
@media screen and (max-width: 640px) {
  .product-data-foot > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.product-data-foot + .product-data-bar ~ div .tableWithProducts_intro {
  padding-top: 29px;
}

.get-start-btn {
  padding: 0 20px;
}
.get-start-btn .b-green-btn {
  padding: 8px 32px 6px 32px;
  width: 360px;
  max-width: 100%;
}
.get-start-btn .b-green-btn:after {
  content: none;
}

/*@media screen and (max-width:767px) {
    #description .accordion-content.SE_Site {
        display: block;
    }
}*/
body.product-description-col-12 .columnize-product-description {
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: unset;
  column-gap: unset;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.product-description-col-12 .columnize-product-description > * {
  width: 100%;
  margin-top: 0;
}
body.product-description-col-12 .columnize-product-description .content50 {
  max-width: calc(50% - 20px);
}
@media (max-width: 767px) {
  body.product-description-col-12 .columnize-product-description .content50 {
    max-width: 100%;
  }
}

/*.seo-page {
    .author-card {
        font-size: 16px;
        color: $secondary-color;
        padding: 36px 55px 37px !important;
        text-decoration: none;
        //margin-bottom: 0 !important;
        display: block;

        @media only screen and (max-width:1199px) {
            padding: 36px 5px 37px !important;
        }

        @media only screen and (max-width:991px) {
            padding: 10px 100px 40px !important;
        }

        @media only screen and (max-width: 575px) {
            padding: 10px 20px 40px !important;
        }

        @media only screen and (max-width: 575px) {
            padding: 0 20px 25px !important;
            font-size: 14px;
        }

        .blue-color {
            color: $primary-color;
        }

        .green-color {
            color: $info-color;
        }

        span {
            display: inline-block;
        }

        .d-block {
            display: block !important;
        }

        .desktopOnly {
            display: block !important;

            @media only screen and (max-width:991px) {
                display: none !important;
            }
        }

        .mobileOnly {
            display: none !important;

            @media only screen and (max-width: 991px) {
                display: block !important;
            }
        }

        .bold {
            font-weight: bold;
        }

        h3 {
            font-family: "Trebuchet MS",Helvetica,sans-serif;
            font-size: 30px;
            font-weight: bold;
            margin-top: 30px;

            @media only screen and (max-width:1199px) {
                font-size: 27px;
            }

            @media only screen and (max-width: 767px) {
                font-size: 24px;
            }

            @media only screen and (max-width: 575px) {
                font-size: 20px;
                margin-top: 25px;
            }
        }

        h4 {
            font-size: 24px;

            @media only screen and (max-width: 767px) {
                font-size: 20px;
            }

            @media only screen and (max-width: 575px) {
                font-size: 18px;
            }
        }

        p {
            line-height: 1.5;
        }

        .review-date {
            font-size: 20px;

            @media only screen and (max-width: 767px) {
                font-size: 18px;
            }

            @media only screen and (max-width: 575px) {
                font-size: 16px;
            }
        }

        .gst-no {
            @media only screen and (max-width: 991px) {
                margin-bottom: 15px;
                padding-top: 5px;
            }

            @media only screen and (max-width: 575px) {
                margin-bottom: 10px;
                padding-top: 0px;
            }
        }

        img {
            max-width: 100%;
            height: auto;

            @media only screen and (max-width: 991px) {
                margin-top: 15px;
                margin-bottom: 20px;
            }

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

            @media only screen and (max-width: 575px) {
                margin-top: 10px;
                margin-bottom: 10px;
            }
        }
    }
}

.innerPage.seo-page {
    .author-card {
        @media only screen and (min-width: 992px) {
            padding: 30px 0px 30px !important;

            h3 {
                font-size: 25px;
            }
        }
    }
}*/
/*}*/
@media only screen and (max-width: 767px) {
  .custom-trustpilot-rating {
    text-decoration: none !important;
  }
  .custom-trustpilot-rating .custom-trustpilot-mini {
    font: 400 12px/18px "Trebuchet MS", Helvetica, sans-serif;
    color: #0073B1;
    padding: 10px 10px 0px 10px;
  }
  .custom-trustpilot-rating .custom-trustpilot-mini .stars-rate {
    margin: 0px 10px;
  }
  .custom-trustpilot-rating .custom-trustpilot-mini .star {
    margin: 0px 3px 0px 0px;
    padding: 5px;
  }
  .custom-trustpilot-rating .custom-trustpilot-mini .star::before {
    height: 12px;
    width: 12px;
  }
  .custom-trustpilot-rating .custom-trustpilot-mini .rated_string {
    display: inline-block;
    vertical-align: middle;
    line-height: 14px;
    font-size: 12px !important;
  }
  .custom-trustpilot-rating .custom-trustpilot-mini .rated_string span {
    display: block;
    font-size: 16px;
  }
  .single-product-information .item img {
    position: relative;
    max-height: 180px;
  }
  .dosages-section.dosages-section-v2 {
    padding-bottom: 0 !important;
  }
  .dosages-section.dosages-section-v2 .product-data-table.version-3 {
    border-bottom: 0;
    box-shadow: none;
  }
  .dosages-section.dosages-section-v2 .product-data-table.version-3 .productPage-bottom-bar .custom-trustpilot-mini {
    display: none;
  }
}
.productsection-PxBlock {
  font-size: 16px;
  color: #2A3036;
  border: 2px solid #e6e6e6;
  margin: 20px 20px 0;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
}

@media only screen and (max-width: 1023px) {
  .productPage .custom-trustpilot .review-box {
    padding: 20px 20px !important;
    min-height: 200px !important;
  }
  .productPage .custom-trustpilot .review-box .description {
    max-height: none;
  }
}
.productPage .custom-trustpilot .logo-holder .logo {
  max-width: 100%;
}
.productPage .custom-trustpilot .logo-holder .star {
  /*margin-right: 6px;*/
  padding: 3px;
}
.productPage .custom-trustpilot .logo-holder .star:before {
  width: 27px;
  height: 25px;
}
@media only screen and (max-width: 767px) {
  .productPage .custom-trustpilot .logo-holder {
    text-align: center;
  }
  .productPage .custom-trustpilot .logo-holder .logo {
    width: 160px;
    display: block;
    margin: 0px auto 10px;
  }
}
.productPage .custom-trustpilot .rated_string {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.productPage .custom-trustpilot .rated_string strong, .productPage .custom-trustpilot .rated_string span {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .productPage .custom-trustpilot .rated_string {
    font-size: 14px;
    margin: 10px auto;
  }
  .productPage .custom-trustpilot .rated_string strong {
    display: block;
  }
}
.productPage .recommended-qty {
  padding: 20px 0;
  border-bottom: 1px solid #dbdbdb;
  text-align: center;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
}
.productPage .recommended-qty strong {
  font-weight: 600;
}
.productPage .recommended-qty img {
  margin-right: 10px;
  width: 16px;
  height: auto;
}
.productPage .recommended-qty p {
  margin-bottom: 0px;
}
@media only screen and (max-width: 767px) {
  .productPage .recommended-qty {
    font-size: 15px;
    padding: 20px;
  }
  .productPage .recommended-qty p {
    text-align: left;
  }
  .productPage .recommended-qty img {
    float: left;
    margin-bottom: 17px;
  }
}

/*.product-data-table {
    border-radius: 0px 0px 5px 5px;
}*/
/*.product-data-row.recommended-qty b {
    font-weight: 600;
}*/
.conditionPage #main {
  background-color: #F5FAFF;
  padding-top: 0;
}
.conditionPage .seo-page {
  padding-top: 20px;
  padding-bottom: 50px;
}
.conditionPage .seo-page:after {
  content: " ";
  display: table;
  clear: both;
}
@media (max-width: 640px) {
  .conditionPage .seo-page {
    padding-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .conditionPage .grouping-list li:nth-child(n+3) {
    display: inline-block;
  }
}
.conditionPage .out-of-stock {
  margin-top: 10px !important;
}
.conditionPage .condition-start-consult-btn {
  width: 420px;
  max-width: 100%;
  /*text-align: center;
  margin: 0 auto;*/
}
.conditionPage .condition-start-consult-btn .b-green-btn {
  text-transform: none;
}
section.light {
  background: #fcfdff;
  width: 100%;
  height: auto;
}

.medical-condition-sub-heading {
  font: 40px/48px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
  padding: 22px 0 18px;
}
@media only screen and (max-width: 767px) {
  .medical-condition-sub-heading {
    font-size: 20px;
    line-height: 24px;
    padding: 20px 0 10px;
  }
}

.medical-condition-products-section {
  margin: 0 auto;
  padding: 0 56px;
  max-width: 1166px;
}
.medical-condition-products-section .eveadam-msg {
  padding-top: 40px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 767px) {
  .medical-condition-products-section {
    padding: 15px 15px 5px;
  }
  .medical-condition-products-section .eveadam-msg {
    padding: 20px 0 0;
  }
}

.medical-condition-position {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  /*padding: 15px 0 30px 34px;*/
  font: 13px/20px "Trebuchet MS", Helvetica, sans-serif;
  color: #55595E;
  position: relative;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1023px) {
  .medical-condition-position {
    font: 12px/17px "Trebuchet MS", Helvetica, sans-serif;
  }
}
@media only screen and (max-width: 767px) {
  .medical-condition-position {
    width: 100%;
    font: 14px/20px "Trebuchet MS", Helvetica, sans-serif;
    padding: 0;
  }
}
.medical-condition-position h3 {
  font: 30px/40px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  margin: 0 0 14px;
  text-align: center;
  word-break: break-word;
}
.medical-condition-position h3 a {
  color: #2A3036;
  text-decoration: none;
  position: relative;
  z-index: 1;
}
.medical-condition-position ol, .medical-condition-position ul {
  margin: 0 0 20px;
}
.medical-condition-position ol li, .medical-condition-position ul li {
  padding: 0 0 5px 26px;
  line-height: 20px;
}
.medical-condition-position .block-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.medical-condition-position .b-green-btn {
  bottom: 0px;
  z-index: 1;
  font: 700 16px/30px "Trebuchet MS", Helvetica, sans-serif;
  /*border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;*/
  /*vertical-align: top;*/
  width: 80%;
  padding: 11px 10px 10px;
  font-size: 15px;
  margin-top: 10px;
  margin-left: 10%;
  /*&:hover {
  	background: darken($info-color, 10%);
  }

  &:active {
  	background: darken($info-color, 10%);
  	border-color: darken($info-color, 20%);
  	border-width: 2px 0 0;
  }*/
}
@media only screen and (max-width: 1024px) {
  .medical-condition-position .b-green-btn {
    padding: 4px 6px 3px;
    font-size: 12px;
    font-weight: normal;
    border-bottom-width: 1px;
  }
}
@media only screen and (max-width: 836px) {
  .medical-condition-position .b-green-btn {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .medical-condition-position .b-green-btn {
    padding: 5px 6px 4px;
    font-size: 14px;
    border-bottom-width: 1px;
    width: 100%;
    position: relative;
    margin-left: 0;
  }
}

.medical-condition-position-image {
  position: relative;
  min-height: 220px;
  text-align: center;
  display: block;
  width: 100%;
}
.medical-condition-position-image img {
  top: 50%;
  left: 50%;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
}

.silo-holder {
  padding-bottom: 50px;
  padding-top: 50px;
}

.seo-page + .silo-holder {
  padding-top: 0;
}

.silo-page h2 {
  display: block;
  font: 42px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
  margin: 0 0 25px;
}
.silo-page .holder {
  padding: 36px 38px 37px;
  border-bottom: 1px solid #D4D6D7;
  border-radius: 6px;
  background: #ffffff;
  overflow: hidden;
  margin: 0;
  font: 16px/20px "Trebuchet MS", Helvetica, sans-serif;
}
.silo-page .holder-section {
  padding: 30px 10px;
  margin: -36px 0;
}
.silo-page .siloPage_slide .slick-slide a {
  display: inline-block !important;
  height: 40px;
  max-width: 218px;
  padding: 10px 15px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  border-radius: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: #e6e6e6;
  float: left;
  margin: 0 10px;
}
.silo-page .siloPage_slide a.slick-arrow {
  font-size: 0;
}
.silo-page .siloPage_slide a.slick-prev.slick-arrow {
  position: absolute;
  top: 20%;
  left: -25px;
}
.silo-page .siloPage_slide a.slick-prev.slick-arrow.slick-disabled {
  opacity: 0.3;
}
.silo-page .siloPage_slide a.slick-next.slick-arrow {
  position: absolute;
  top: 20%;
  right: -25px;
}
.silo-page .siloPage_slide a.slick-next.slick-arrow.slick-disabled {
  opacity: 0.3;
}

.custom-trustpilot {
  text-align: center;
}

.custom-trustpilot .stars-rate {
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0;
}

.custom-trustpilot .logo-holder {
  display: block;
}

.custom-trustpilot .logo {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 22px 0;
  width: auto;
}

.custom-trustpilot .star-5 .star {
  background-color: #00b67a;
  padding: 3px;
  border-radius: 2px;
  margin: 0 8px 0 0;
  float: left;
}

.custom-trustpilot .star:before {
  content: "";
  display: block;
  background: url(https://www.vivami-cdn.com/img//trustpilot-star.svg) center no-repeat;
  width: 27px;
  height: 25px;
}

.medicalQuestionnaire #main {
  padding: 0 0;
  background: #F5FAFF;
}
.medicalQuestionnaire .header-search {
  padding: 0 10px;
}
.medicalQuestionnaire .header-search form {
  display: none;
}
.medicalQuestionnaire .login {
  display: none;
}
.medicalQuestionnaire .doctor-questions-terms label {
  cursor: pointer;
  display: table;
  font-weight: normal;
}
@media only screen and (max-width: 500px) {
  .medicalQuestionnaire .doctor-questions-terms label {
    display: table-header-group;
  }
}
.medicalQuestionnaire .doctor-questions-terms label:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.medicalQuestionnaire .doctor-questions-terms label .jcf-radio input[type=radio] {
  visibility: hidden !important;
  opacity: 0 !important;
}
.medicalQuestionnaire .doctor-questions-terms .jcf-checkbox {
  float: right;
  position: relative;
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  border: 2px solid #d9d9d9;
  color: #d9d9d9;
  background: none;
  background-color: #fcfcfc;
  line-height: 50px;
  font-size: 46px;
  vertical-align: middle;
  cursor: pointer;
  margin: 2px 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .medicalQuestionnaire .doctor-questions-terms .jcf-checkbox {
    width: 40px;
    height: 40px;
    border-radius: 6px;
    line-height: 40px;
    font-size: 36px;
    margin: 3px 0 0 30px;
  }
}
@media only screen and (max-width: 500px) {
  .medicalQuestionnaire .doctor-questions-terms .jcf-checkbox {
    float: none;
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 10px;
    line-height: 70px;
    font-size: 66px;
    margin: 15px auto 0;
  }
}
.medicalQuestionnaire .doctor-questions-terms .jcf-checkbox:before {
  position: absolute;
  content: "✓";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.medicalQuestionnaire .doctor-questions-terms .jcf-checkbox.jcf-checked {
  border-color: #0073B1;
  color: #0073B1;
}
.medicalQuestionnaire .doctor-questions-terms .jcf-checkbox.jcf-checked span {
  visibility: hidden;
}
.medicalQuestionnaire .doctor-questions-terms .jcf-label-active:before {
  border: 1px solid #0073B1;
  -webkit-box-shadow: inset 0 0 6px 0 #0073B1;
  box-shadow: inset 0 0 6px 0 #0073B1;
  border-radius: 4px;
}
.medicalQuestionnaire .doctor-questions-terms.error label:before {
  border: 1px solid #f12828;
  -webkit-box-shadow: inset 0 0 6px 0 #f12828;
  box-shadow: inset 0 0 6px 0 #f12828;
  border-radius: 4px;
}
.medicalQuestionnaire .jcf-select-drop .jcf-hover,
.medicalQuestionnaire .jcf-list-box .jcf-selected {
  background: #0073B1 !important;
  color: #ffffff !important;
}
.medicalQuestionnaire .slideOpenerBtn {
  color: #2A3036;
  display: block;
  text-align: center;
  font: 300 19px/22px "Trebuchet MS", Helvetica, sans-serif;
  border: 2px solid #d9d9d9;
  background: #fcfcfc;
  margin-right: -2px;
  min-width: 168px;
  height: 50px;
  padding: 11px 17px;
  cursor: pointer;
  position: relative;
  -moz-transition-property: background-color, border-color, color;
  -o-transition-property: background-color, border-color, color;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  border-radius: 10px;
  text-decoration: none;
}
.medicalQuestionnaire .slideOpenerBtn:hover {
  z-index: 1;
  border-color: #0073B1;
}
.medicalQuestionnaire .slideOpenerBtn.active {
  background: #0073B1;
  border-color: #0073B1;
  padding: 11px 17px;
  color: #ffffff;
  z-index: 2;
}
.medicalQuestionnaire .slideOpenerBtn .glyphicon {
  font-size: 12px;
}
.medicalQuestionnaire .slide-message-box {
  display: none;
  width: 94%;
  clear: both;
  border: 2px solid #0073B1;
  border-radius: 5px;
  padding: 15px 18px;
  color: #2A3036;
  position: relative;
  margin: 0px 3% 30px;
  font: 300 18px/22px "Trebuchet MS", Helvetica, sans-serif;
  float: none;
}
.medicalQuestionnaire .slide-message-box:before {
  content: "";
  clear: both;
  display: table;
}
.medicalQuestionnaire .slide-message-box .message-box-text {
  display: block;
  padding: 10px;
}
.medicalQuestionnaire .slide-message-box .message-box-text .heading {
  color: #0073B1;
  display: block;
  margin-bottom: 20px;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow:before, .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow:after {
  content: "";
  display: flex;
  width: 100%;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbLable {
  display: block;
  font-size: 15px;
  min-height: 24px;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbLable {
    min-height: 20px;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbLable span {
  font-weight: 300;
  font-size: 14px;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbLable.equalLable {
  min-height: 44px;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbLable.equalLable {
    min-height: 20px;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .jcf-select {
  min-width: 130px;
  border: 2px solid #d9d9d9;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .jcf-select:hover {
  z-index: 1;
  border-color: #0073B1;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .jcf-select:last-child {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .jcf-select {
    min-width: 46%;
    margin-left: 1% !important;
  }
}
@media screen and (max-width: 640px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .jcf-select {
    min-width: 42.5%;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .jcf-select.error-self {
  border: 2px solid #f12828;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbTextarea {
  border: 2px solid #d9d9d9;
  width: 95%;
  min-height: 80px;
  border-radius: 5px;
  outline: none;
  padding: 11px 17px;
  display: inline-block;
  float: left;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbTextarea:hover, .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbTextarea:focus, .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbTextarea:active {
  z-index: 1;
  border-color: #0073B1;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbTextarea.error-self {
  border-color: #f12828;
}
@media screen and (max-width: 640px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .sbTextarea {
    width: 90%;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow input[type=text] {
  width: 100%;
  color: #2A3036;
  display: block;
  font: 300 19px/22px "Trebuchet MS", Helvetica, sans-serif;
  border: 2px solid #d9d9d9;
  background: #fcfcfc;
  height: 50px;
  padding: 11px 8px;
  position: relative;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  box-sizing: border-box;
  border-radius: 10px;
  outline: none;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow input[type=text] {
    height: 40px;
    margin-bottom: 20px;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow input.error-self {
  border-color: #f12828;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow select {
  color: #2A3036;
  display: inline-block;
  text-align: center;
  font: 300 19px/22px "Trebuchet MS", Helvetica, sans-serif;
  border: 2px solid #d9d9d9;
  background: #fcfcfc;
  height: 50px;
  padding: 11px 17px;
  cursor: pointer;
  position: relative;
  -webkit-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  box-sizing: border-box;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow select {
    height: 40px;
    padding: 5px 12px;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow select.error-self {
  border-color: #f12828;
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .delete-icon {
  line-height: 100px;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .delete-icon {
    line-height: normal;
    text-align: center;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .delete-icon a {
  text-decoration: none;
  vertical-align: text-bottom;
  top: 20px;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .delete-icon a {
    vertical-align: auto;
    top: -5px;
  }
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .delete-icon2 {
    text-align: center;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .delete-icon2 a {
  text-decoration: none;
  float: right;
  margin-top: 6%;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .delete-icon2 .sbLable {
    display: none;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .medicine-strenth {
  max-width: 183px;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .medicine-strenth {
    max-width: none;
  }
}
@media screen and (max-width: 991px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .col-md-5 {
    margin-bottom: 10px;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-arrow {
  position: absolute;
  top: -24px;
  right: 20px;
  border: 12px solid;
  border-color: transparent transparent #0073B1;
}
.medicalQuestionnaire .slide-message-box .message-box-arrow:after {
  content: "";
  position: absolute;
  top: -7px;
  left: -10px;
  border: 10px solid;
  border-color: transparent transparent #ffffff;
}
.medicalQuestionnaire .slide-message-box .message-box-footer {
  display: block;
  padding: 15px 0 0;
  margin-top: 10px;
  text-align: right;
}
.medicalQuestionnaire .slide-message-box .message-box-footer .form-group {
  margin-bottom: 0;
}
.medicalQuestionnaire .slide-message-box .message-box-footer .form-group .btn {
  color: #0073B1;
  border: 2px solid #0073B1;
}
@media screen and (max-width: 640px) {
  .medicalQuestionnaire .slide-message-box .message-box-footer .form-group .btn {
    font-size: 12px;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-footer .form-group .btn:hover, .medicalQuestionnaire .slide-message-box .message-box-footer .form-group .btn:active, .medicalQuestionnaire .slide-message-box .message-box-footer .form-group .btn:focus {
  color: #ffffff;
  background-color: #0073B1;
}
.medicalQuestionnaire .slide-message-box .message-box-footer .form-group .btn.closeSlide {
  border-color: #d81d1d;
  color: #d81d1d;
}
.medicalQuestionnaire .slide-message-box .message-box-footer .form-group .btn.closeSlide:hover, .medicalQuestionnaire .slide-message-box .message-box-footer .form-group .btn.closeSlide:active, .medicalQuestionnaire .slide-message-box .message-box-footer .form-group .btn.closeSlide:focus {
  color: #ffffff;
  background-color: #d81d1d;
}
.medicalQuestionnaire .slide-message-box#slideMedicines .js-qty {
  float: left;
  width: 90%;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box#slideMedicines .js-qty {
    width: 100%;
    float: none;
  }
}
.medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .delete-icon a {
  display: inline-block;
  float: right;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .slide-message-box .message-box-text .slidBoxformRow .delete-icon a {
    float: none;
  }
}
.medicalQuestionnaire .genderSpecificErrorBox {
  display: none;
}
.medicalQuestionnaire .GP-selection-box {
  display: block;
  width: 94%;
  clear: both;
  border: 2px solid;
  border-color: #0073B1;
  border-radius: 5px;
  padding: 15px 18px;
  color: #2A3036;
  position: relative;
  margin: -26px 3% 30px;
  font: 300 18px/22px "Trebuchet MS", Helvetica, sans-serif;
  float: none;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .GP-selection-box {
    margin-top: 0px;
  }
}
.medicalQuestionnaire .GP-selection-box .message-box-text {
  display: block;
  padding: 0 0 0 10px;
}
.medicalQuestionnaire .GP-selection-box .message-box-text h3 {
  margin-top: 0;
}
.medicalQuestionnaire .GP-selection-box .message-box-arrow {
  position: absolute;
  top: -24px;
  right: 20px;
  border: 12px solid;
  border-color: transparent transparent #0073B1;
}
.medicalQuestionnaire .GP-selection-box .message-box-arrow:after {
  content: "";
  position: absolute;
  top: -7px;
  left: -10px;
  border: 10px solid;
  border-color: transparent transparent #ffffff;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .GP-selection-box .message-box-arrow {
    right: 42%;
  }
}
.medicalQuestionnaire .GP-selection-box i.glyphicon {
  top: 7px;
  margin-left: 5px;
}
.medicalQuestionnaire .GP-selection-box .top20 {
  margin-top: 20px;
}
.medicalQuestionnaire .GP-selection-box .col-sm-offset-8.col-md-offset-8 {
  padding-left: 15px;
  padding-right: 15px;
}
.medicalQuestionnaire .GP-selection-box .btn {
  float: right;
  width: 100%;
  margin-top: 28px;
  padding: 12px;
}
.medicalQuestionnaire .GP-selection-box .gp-select-holder .jcf-select {
  width: 100%;
}
.medicalQuestionnaire .GP-selection-box .gp-fullAddress {
  display: none;
}
.medicalQuestionnaire .GP-selection-box .twitter-typeahead {
  width: 100%;
  font-size: 16px;
  line-height: 1.7;
}
.medicalQuestionnaire .GP-selection-box .twitter-typeahead .tt-input {
  width: 100%;
  padding: 9px 16px 8px 15px;
  min-height: 40px;
}
.medicalQuestionnaire .GP-selection-box .twitter-typeahead .tt-menu {
  border: 2px solid #d9d9d9;
  width: 101%;
  background: #ffffff;
  margin-top: -2px;
  margin-left: -0.5%;
}
.medicalQuestionnaire .GP-selection-box .twitter-typeahead .tt-suggestion {
  border-bottom: 1px solid #d9d9d9;
  padding: 5px 15px;
}
.medicalQuestionnaire .GP-selection-box .twitter-typeahead .tt-suggestion:hover {
  background: #f1f1f1;
}
.medicalQuestionnaire .GP-selection-box .twitter-typeahead .empty-message {
  padding: 5px 15px;
}
.medicalQuestionnaire .GP-selection-box .twitter-typeahead .tt-hint {
  opacity: 0 !important;
}
.medicalQuestionnaire .GP-selection-box #searchgpdiv .input-fieldbox {
  overflow: visible;
  padding: 0;
}
.medicalQuestionnaire .GP-selection-box.error {
  border-color: #f12828;
}
.medicalQuestionnaire .GP-selection-box.error .message-box-arrow {
  border-color: transparent transparent #f12828;
}
.medicalQuestionnaire .GP-selection-box.error .input {
  border-color: #d9d9d9 !important;
}
.medicalQuestionnaire .GP-selection-box .input.error-self {
  border-color: #f12828 !important;
}
.medicalQuestionnaire .GP-selection-box #gpConfirm {
  font-size: 16px;
}
.medicalQuestionnaire .GP-selection-box #gpConfirm .gpConfirmContent .question-small-checkbox {
  display: inline-block;
  width: 5%;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .GP-selection-box #gpConfirm .gpConfirmContent .question-small-checkbox {
    width: 100%;
    display: block;
    text-align: center;
  }
  .medicalQuestionnaire .GP-selection-box #gpConfirm .gpConfirmContent .question-small-checkbox:before, .medicalQuestionnaire .GP-selection-box #gpConfirm .gpConfirmContent .question-small-checkbox:after {
    content: "";
    display: flex;
    clear: both;
  }
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .GP-selection-box #gpConfirm .gpConfirmContent .question-small-checkbox .checkboxQuestion-holder.left {
    float: none;
  }
}
.medicalQuestionnaire .GP-selection-box #gpConfirm ul {
  margin-left: 20px;
  display: inline-block;
  width: 90%;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .GP-selection-box #gpConfirm ul {
    display: block;
    width: 100%;
  }
}
.medicalQuestionnaire .GP-selection-box #gpConfirm li {
  list-style: disc;
}
.medicalQuestionnaire .patient-consent {
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  padding: 30px;
  margin: 50px 0;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.7;
  line-height: 18px;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .patient-consent {
    padding: 10px;
  }
}
.medicalQuestionnaire .patient-consent h3 {
  font-weight: 600;
  font-size: 19px;
}
.medicalQuestionnaire .patient-consent p {
  font-size: 16px;
}
.medicalQuestionnaire .patient-consent .doctor-questions__cell_answer {
  padding: 20px 0 10px;
  width: 100%;
  display: table;
}
.medicalQuestionnaire .patient-consent .multichoice-checkbox-answers-block {
  width: 100%;
  font-size: 14px;
}
.medicalQuestionnaire .patient-consent .multichoice-checkbox-answers-block .jcf-checkbox {
  cursor: pointer;
}
.medicalQuestionnaire .patient-consent .multichoice-checkbox-answers-block.checkbottom .multichoice-answer-checkbox-label {
  padding-right: 20px;
}
.medicalQuestionnaire .patient-consent .multichoice-checkbox-answers-block.checkbottom .jcf-checkbox {
  bottom: 0;
  top: unset;
}
.medicalQuestionnaire .patient-consent .multichoice-answer-checkbox-label a {
  text-decoration: underline;
  color: #0073B1;
}
.medicalQuestionnaire .patient-consent .default-list {
  list-style: disc;
  margin-left: 20px;
}
.medicalQuestionnaire .patient-consent .choice-holder.bottom-checkbox .multichoice-checkbox-answers-block .jcf-checkbox {
  bottom: 0;
  top: unset;
}
.medicalQuestionnaire .question-yesno-confirmation-text {
  margin-top: 10px;
}
.medicalQuestionnaire .question-yesno-confirmation-text .checkboxQuestion-holder {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
  border-radius: 6px;
}
.medicalQuestionnaire .question-small-checkbox {
  font-weight: bold;
  line-height: 30px;
}
.medicalQuestionnaire .question-small-checkbox .checkboxQuestion-holder {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 26px;
  border-radius: 6px;
  border: 2px solid;
}
.medicalQuestionnaire .question-small-checkbox .checkboxQuestion-holder.error-self {
  border-color: #f12828;
}
.medicalQuestionnaire .question-small-checkbox .checkboxQuestion-holder.left {
  float: left;
  margin-right: 10px;
}
.medicalQuestionnaire .question-small-checkbox .checkboxQuestion-holder .jcf-checkbox {
  cursor: pointer;
}
.medicalQuestionnaire .question-small-checkbox .checkboxQuestion-holder .jcf-checkbox:before {
  content: "✓";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.medicalQuestionnaire .question-small-checkbox .checkboxQuestion-holder .jcf-checkbox input[type=checkbox] {
  left: 0;
  cursor: pointer;
}
.medicalQuestionnaire .fileUploder-holder {
  min-width: 330px;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .fileUploder-holder {
    min-width: 80%;
    max-width: 100%;
  }
}
.medicalQuestionnaire .fileUploder-holder .file-upload-button {
  display: block;
  float: right;
  height: 100%;
  padding: 11px 20px 10px;
  border-style: solid;
  border-width: 0 0 2px;
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
  background-color: #0073B1;
  outline: none;
  border-color: #2383ad;
  font-size: 19px;
  line-height: 22px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-style: normal;
  min-width: 168px;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .fileUploder-holder .file-upload-button {
    width: 100%;
  }
}
.medicalQuestionnaire .fileUploder-holder ul {
  width: 100%;
}
.medicalQuestionnaire .fileUploder-holder li {
  position: relative;
  display: block;
  width: 330px;
  height: 42px;
  margin: 0 0 15px 0;
  background: #F4F4F5;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  color: #4d4d4c;
  font: 300 16px/22px "Trebuchet MS", Helvetica, sans-serif;
  cursor: pointer;
  overflow: hidden;
  box-shadow: inset 0 2px 3px #efefef;
}
@media screen and (max-width: 767px) {
  .medicalQuestionnaire .fileUploder-holder li {
    max-width: 100%;
  }
}
.medicalQuestionnaire .fileUploder-holder li label {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 8px 10px 10px;
}
.medicalQuestionnaire .fileUploder-holder input[type=file] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.medicalQuestionnaire .fileUploder-holder .js-question-file-remove {
  position: absolute;
  top: 5px;
  right: 10px;
  padding: 5px 6px 5px 9px;
  cursor: pointer;
  background: #fafafa;
  color: #7F8386;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
}
.medicalQuestionnaire .fileUploder-holder .js-question-file-name {
  font-size: 14px;
  display: inline;
  padding: 7px 10px 10px;
  position: absolute;
  margin-bottom: 0;
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  left: 0;
}
.medicalQuestionnaire .fileUploder-holder .js-file-warnign-msg {
  margin-bottom: 14px;
  font-size: 14px !important;
  background-color: #ffffff;
  border: 2px solid #f12828;
  color: #f12828;
}
.medicalQuestionnaire .fileUploder-holder .js-file-warnign-msg:after {
  display: flex;
  content: "";
}

.basketPage {
  padding: 26px 0 69px;
}
.basketPage .centered-section {
  width: 870px;
}
.basketPage h1 {
  color: #55595E;
  font: 60px/70px "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 0 36px;
  text-align: center;
}
.basketPage .form-footer {
  position: relative;
  font: 300 17px/20px "Trebuchet MS", Helvetica, sans-serif;
  text-align: justify;
}
@media only screen and (max-width: 767px) {
  .basketPage .form-footer {
    text-align: center;
  }
}
.basketPage .form-footer .green-btn {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 0 15px;
  float: right;
}
@media only screen and (max-width: 767px) {
  .basketPage .form-footer .green-btn {
    float: none;
    width: 100%;
  }
}
.basketPage .close-btn {
  display: inline-block;
  vertical-align: middle;
  margin: -4px 8px 0 0;
  width: 22px;
  height: 27px;
  position: relative;
}
.basketPage .close-btn:after, .basketPage .close-btn:before {
  content: "";
  position: absolute;
}
.basketPage .close-btn:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 12px 11px;
  border-color: transparent transparent #FE9523 transparent;
  left: 0;
  top: 0;
}
.basketPage .close-btn:after {
  left: 5px;
  bottom: 0;
  height: 17px;
  width: 12px;
  background: #FE9523;
}
.basketPage .agreement-notification {
  display: none;
  vertical-align: top;
  padding: 11px 10px 10px;
  font: 700 16px/30px "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  border: 1px solid #FE9523;
  border-radius: 5px;
  color: #FE9523;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .basketPage .agreement-notification {
    font-size: 14px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .basketPage .agreement-notification {
    text-align: left;
    max-width: 300px;
    margin: 0 auto;
  }
}
.basketPage .agreement-notification:hover {
  background: #FE9523;
  color: #F5FAFF;
}
.basketPage .agreement-notification:hover .close-btn:before {
  border-color: transparent transparent #F5FAFF transparent;
}
.basketPage .agreement-notification:hover .close-btn:after {
  background: #F5FAFF;
}
.basketPage .agreement-notification.active {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .basketPage .agreement-notification.active {
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
}
.basketPage .validation-notification {
  display: none;
  vertical-align: top;
  padding: 11px 10px 10px;
  font: 700 16px/30px "Trebuchet MS", Helvetica, sans-serif;
  text-transform: uppercase;
  border: 1px solid #FE9523;
  border-radius: 5px;
  color: #FE9523;
  cursor: pointer;
}
@media only screen and (max-width: 1023px) {
  .basketPage .validation-notification {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .basketPage .validation-notification {
    text-align: left;
    max-width: 300px;
    margin: 0 auto;
  }
}
.basketPage .validation-notification:hover {
  background: #FE9523;
  color: #F5FAFF;
}
.basketPage .validation-notification:hover .close-btn:before {
  border-color: transparent transparent #F5FAFF transparent;
}
.basketPage .validation-notification:hover .close-btn:after {
  background: #F5FAFF;
}
.basketPage .validation-notification.active {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .basketPage .validation-notification.active {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    max-width: 100%;
    width: 100%;
  }
}
.basketPage .validation-notification#invalidBlockerMessageonmsg {
  font-size: 15px;
  line-height: unset;
  padding: 16px 10px 13px;
}
@media only screen and (max-width: 1023px) {
  .basketPage .validation-notification#invalidBlockerMessageonmsg {
    font-size: 12px;
  }
}
@media only screen and (max-width: 766px) {
  .basketPage .validation-notification#invalidBlockerMessageonmsg {
    text-align: center;
    max-width: 100%;
    margin: 0 auto 10px;
    line-height: 1.3;
    font-size: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .basketPage .validation-notification#invalidBlockerMessageonmsg .close-btn {
    float: left;
    margin-top: 0;
  }
}
@media only screen and (max-width: 850px) {
  .basketPage .validation-notification#invalidBlockerMessageonmsg .close-btn:before {
    border-width: 0 9px 10px;
  }
}
@media only screen and (max-width: 850px) {
  .basketPage .validation-notification#invalidBlockerMessageonmsg .close-btn:after {
    left: 5px;
    bottom: 4px;
    height: 13px;
    width: 8px;
  }
}
.basketPage .tab-content {
  padding: 28px 0 0;
}
@media only screen and (max-width: 1023px) {
  .basketPage .tab-content h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 16px;
  }
}
.basketPage .order__heading {
  color: #2A3036;
  text-align: center;
  margin: 0 0 28px;
  font: 300 18px/22px "Trebuchet MS", Helvetica, sans-serif;
}
.basketPage .order__heading h1 {
  font: 40px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 0 23px;
}
@media only screen and (max-width: 1023px) {
  .basketPage .order__heading h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 16px;
  }
}
.basketPage .order__heading > p {
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 20px;
}

.gphc-order-step {
  padding: 0 20px;
}

.order-info-block {
  position: relative;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #F4F4F5;
  border-radius: 6px;
  box-shadow: 0 1px 0 #D4D6D7;
  padding: 16px 18px 13px 130px;
  font-weight: 300;
  line-height: 28px;
  min-height: 125px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.order-info-block.gphc-order-info {
  border: 2px solid #CACACF;
  box-shadow: none;
}
.order-info-block img {
  position: absolute;
  top: 0;
  left: 0;
  margin: 7px 0 0;
  min-width: 126px;
}
@media only screen and (max-width: 1150px) {
  .order-info-block {
    padding: 18px 10px 13px 120px;
  }
}
@media only screen and (max-width: 767px) {
  .order-info-block {
    line-height: 24px;
  }
}
.order-info-block .order-info .order-prize, .order-info-block .order-info .order-total-prize {
  padding-left: 20px;
  color: #2A3036;
}
.order-info-block .order-info .order-prize .prize, .order-info-block .order-info .order-total-prize .prize {
  padding-right: 12px;
}
.order-info-block .order-info .order-total-prize .text {
  font-size: 18px;
}
.order-info-block .order-info .order-total-prize .prize {
  font-size: 20px;
}
.order-info-block .order-info .prize {
  padding-left: 8px;
  margin-left: auto;
}
.order-info-block .order-info .prescription-fee-note {
  margin-left: 10px;
  background: #F5FAFF;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 16px;
  line-height: 18px;
  padding: 5px 12px;
}
.order-info-block .order-info .prescription-fee-note .text {
  color: rgba(0, 0, 0, 0.6);
}
.order-info-block .order-info .prescription-fee-note .prize {
  color: #2A3036;
}

.preferred-text {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  font-size: 14px;
  line-height: 150%;
  padding-left: 30px;
}

.order-info-description {
  padding-left: 20px;
  display: inline-block;
  margin-bottom: 0;
}
.order-info-description.info-for-en {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.order-info-description.info-for-en p {
  display: block;
}
@media only screen and (max-width: 530px) {
  .order-info-description.info-for-en {
    display: block;
  }
  .order-info-description.info-for-en p {
    margin-bottom: 5px;
  }
}
.order-info-description p {
  display: inline;
  margin-bottom: 0;
}
.order-info-description strong {
  font-weight: bold !important;
}
.order-info-description em {
  color: #0073B1;
  font-size: 120%;
  font-style: normal;
}
.order-info-description span {
  text-transform: uppercase;
  text-decoration: none !important;
  color: #5AD6B8;
  font-weight: bold !important;
  font-size: 80%;
}
.order-info-description .price {
  font-size: 20px;
  float: right;
}

.question-preview-section {
  font: 16px/1.5 "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
  padding: 28px 0 0;
}
@media only screen and (max-width: 767px) {
  .question-preview-section {
    font-size: 14px;
    line-height: 22px;
  }
}
.question-preview-section > p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
}
.question-preview-section h2 {
  display: inline-block;
  vertical-align: middle;
  font-size: 28px;
  line-height: 32px;
  margin: 0;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .question-preview-section h2 {
    font-size: 24px;
    line-height: 28px;
  }
}
.question-preview-section .time-set {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 44px;
  position: relative;
}
.question-preview-section .time-set:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  margin: -10px 0 0;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -74px -72px;
  height: 19px;
  width: 19px;
}
.question-preview-section .main-part {
  padding: 10px 10px 20px;
  overflow: hidden;
  text-align: left;
  border-bottom: 1px solid #D4D6D7;
  margin: 0 0 30px;
}
.question-preview-section .main-part img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.question-preview-section .main-part .image-holder {
  float: left;
  max-width: 180px;
  margin: 0 40px 0 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .question-preview-section .main-part .image-holder {
    max-width: none;
    float: none;
    text-align: left;
    margin: 12px 0;
  }
}
.question-preview-section .main-part .image-box {
  padding: 0 25px;
  margin: 0 0 10px;
}
@media only screen and (max-width: 767px) {
  .question-preview-section .main-part .image-box {
    max-width: 100px;
    max-height: 100px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 10px 0;
    padding: 0;
  }
}
.question-preview-section .main-part .doctor-name .name {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .question-preview-section .main-part .doctor-name {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 128px);
  }
}
.question-preview-section .main-part .data {
  overflow: hidden;
}
.question-preview-section .main-part .data h1 {
  font: 48px/60px "bad_scriptregular", "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 0 10px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .question-preview-section .main-part .data h1 {
    font-size: 38px;
    line-height: 52px;
  }
}
.question-preview-section .main-part .data p {
  margin: 0 0 10px;
}
.question-preview-section .main-part .data .signature-block {
  padding: 0 70px 0 0;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .question-preview-section .main-part .data {
    clear: both;
  }
}
@media only screen and (max-width: 767px) {
  .question-preview-section .main-part {
    padding: 0 0 30px;
  }
}
.question-preview-section .list-heading {
  position: relative;
  padding: 0 0 0 60px;
  margin: 0 0 30px;
}
.question-preview-section .list-heading:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin: -8px 0 0;
  height: 22px;
  width: 54px;
}

.doctor-questions:first-child .doctor-questions__frame {
  border-radius: 4px 4px 0 0;
}
.doctor-questions:first-child .doctor-questions__frame .doctor-questions__item:first-child {
  border-top: 0;
}
.doctor-questions:first-child .doctor-questions__frame .doctor-questions__item:last-child {
  padding-bottom: 1px !important;
}

.doctor-questions__frame {
  background: #ffffff;
}

.doctor-questions__item {
  border-top: 1px solid #D4D6D7;
  position: relative;
  background: #ffffff;
  /*-moz-transition: background 1200ms ease;
  -o-transition: background 1200ms ease;
  -webkit-transition: background 1200ms ease;
  transition: background 1200ms ease;*/
}
@media screen and (max-width: 767px) {
  .doctor-questions__item {
    display: block;
    clear: both;
  }
}
.doctor-questions__item .alert {
  margin: 0;
  font-weight: bold;
}
.doctor-questions__item.iUnderstand {
  margin: 50px 0;
  border-top: 0;
}
.doctor-questions__item.iUnderstand .doctor-questions__cell_heading {
  padding: 35px 35px 30px 30px;
}
@media screen and (max-width: 767px) {
  .doctor-questions__item.iUnderstand .doctor-questions__cell_heading {
    padding: 21px 15px 13px 15px;
  }
}
.doctor-questions__item.iUnderstand .doctor-questions__cell_answer {
  padding: 36px 30px 30px 10px !important;
}
@media screen and (max-width: 767px) {
  .doctor-questions__item.iUnderstand .doctor-questions__cell_answer {
    padding: 0 15px 21px !important;
  }
}
.doctor-questions__item.iUnderstand .treatedQa-alert {
  margin-bottom: 20px;
}
.doctor-questions__item.iUnderstand .treatedQa-alert:after {
  content: "";
  clear: both;
  display: flex;
}
.doctor-questions__item.gpAddress {
  padding-bottom: 1px;
}
.doctor-questions__item.doctor-questions__label-item {
  padding: 20px;
  text-align: center;
  background: #fcfcfc;
}
.doctor-questions__item.doctor-questions__label-item .doctor-questions__item {
  background: transparent;
}

.doctor-questions__item-table {
  width: 100%;
  display: table;
}
@media screen and (max-width: 767px) {
  .doctor-questions__item-table {
    display: block;
  }
}
.doctor-questions__item-table.question-type-select-condition .doctor-questions__cell {
  display: block;
}
.doctor-questions__item-table.question-type-select-condition .doctor-questions__cell:after {
  content: "";
  clear: both;
  display: table;
}
.doctor-questions__item-table.question-type-select-condition .doctor-questions__cell_heading {
  padding: 35px 10px 10px 55px;
}
.doctor-questions__item-table.question-type-select-condition .doctor-questions__cell_answer {
  padding: 10px 10px 30px 55px;
}
.doctor-questions__item-table.question-type-select-condition .choose-box_align_right {
  float: none;
}
@media screen and (max-width: 767px) {
  .doctor-questions__item-table.question-type-select-condition .choose-box__label {
    display: block;
  }
  .doctor-questions__item-table.question-type-select-condition .choose-box__label-text,
  .doctor-questions__item-table.question-type-select-condition .choose-box__label-text:first-child,
  .doctor-questions__item-table.question-type-select-condition .choose-box__label-text:last-of-type {
    border-radius: 10px 10px !important;
  }
}

.doctor-questions__cell {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .doctor-questions__cell {
    display: block;
  }
}
.doctor-questions__cell .jcf-radio {
  display: none;
}
@media screen and (max-width: 767px) {
  .doctor-questions__cell:before, .doctor-questions__cell:after {
    content: "";
    display: table;
    clear: both;
  }
}

.doctor-questions__cell_heading {
  padding: 35px 10px 30px 55px;
}
@media screen and (max-width: 767px) {
  .doctor-questions__cell_heading {
    padding: 21px 15px 13px 33px;
  }
}
@media screen and (max-width: 767px) {
  .doctor-questions__cell_heading.sub-heading .doctor-questions__item-heading {
    margin-left: 10px;
  }
}

.doctor-questions__item-number {
  float: left;
  width: 50px;
  text-align: right;
  margin: 0 0 0 -55px;
  color: #55595E;
  font: 300 19px/31px "Trebuchet MS", Helvetica, sans-serif;
}
@media screen and (max-width: 767px) {
  .doctor-questions__item-number {
    font-size: 17px;
    line-height: 19px;
    width: 20px;
    margin-left: -26px;
    text-align: right;
  }
}

.doctor-questions__item-heading {
  color: #2A3036;
  font: 300 17px/26px "Trebuchet MS", Helvetica, sans-serif;
}
@media screen and (max-width: 767px) {
  .doctor-questions__item-heading {
    font-size: 14px;
    line-height: 17px;
  }
}
.doctor-questions__item-heading h3 {
  color: #55595E;
  font-size: 19px;
  line-height: 31px;
  margin: 0 0 5px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .doctor-questions__item-heading h3 {
    font-size: 17px;
    line-height: 19px;
    margin: 0 0 8px;
  }
}
.doctor-questions__item-heading ul {
  margin-left: 20px;
}
.doctor-questions__item-heading li {
  line-height: 1.5;
  list-style-type: disc;
}
@media screen and (max-width: 767px) {
  .doctor-questions__item-heading li {
    line-height: 1.3;
  }
}
@media screen and (max-width: 480px) {
  .doctor-questions__item-heading li {
    margin-bottom: 10px;
  }
}

.doctor-questions__cell_answer {
  padding: 27px 30px 30px 10px;
  /*width: 270px;*/
}
@media screen and (max-width: 767px) {
  .doctor-questions__cell_answer {
    padding: 0 15px 21px;
    width: auto;
    text-align: center;
  }
}
.doctor-questions__cell_answer .input {
  width: 330px;
}
@media screen and (max-width: 767px) {
  .doctor-questions__cell_answer .input {
    float: none;
    width: 100%;
  }
}

.doctor-questions__item-fader {
  position: absolute;
  top: 0;
  left: 0;
  right: -1px;
  bottom: 0;
  z-index: 100;
  background: transparent;
  border-radius: 3px;
  display: none;
}

.choose-box_align_right {
  float: right;
}

.choose-box {
  display: table;
  white-space: nowrap;
  font-size: 0;
}
@media screen and (max-width: 767px) {
  .choose-box {
    float: none;
    display: block;
    text-align: center;
  }
}

.choose-box__label {
  display: inline-block;
  vertical-align: top;
  word-spacing: normal;
}
.choose-box__label input[type=radio] {
  position: absolute;
  opacity: 0;
}
.choose-box__label:first-child .choose-box__label-text {
  border-radius: 10px 0 0 10px;
}
.choose-box__label:last-of-type .choose-box__label-text {
  border-radius: 0 10px 10px 0 !important;
}
.choose-box__label.jcf-label-active .choose-box__label-text {
  background: #0073B1;
  border-color: #0073B1;
  padding: 11px 17px;
  color: #ffffff;
  z-index: 2;
}

.choose-box__label-text {
  color: #2A3036;
  display: block;
  text-align: center;
  font: 300 19px/22px "Trebuchet MS", Helvetica, sans-serif;
  border: 2px solid #d9d9d9;
  background: #fcfcfc;
  margin-right: -2px;
  min-width: 85px;
  height: 50px;
  padding: 11px 17px;
  cursor: pointer;
  position: relative;
  /*-moz-transition-property: background-color,border-color,color;
  -o-transition-property: background-color,border-color,color;
  -webkit-transition-property: background-color,border-color,color;
  transition-property: background-color,border-color,color;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.choose-box__label-text:hover {
  z-index: 1;
  border-color: #0073B1;
}
@media screen and (max-width: 767px) {
  .choose-box__label-text {
    font-size: 17px;
    line-height: 20px;
    min-width: 72px;
    height: 42px;
    padding: 9px 14px;
  }
}

.choose-box__label_first-child .choose-box__label-text {
  border-radius: 10px 0 0 10px;
}

.choose-box__label_last-child .choose-box__label-text {
  border-radius: 0 10px 10px 0;
}

.choose-box__label .jcf-disabled + .choose-box__label-text {
  background-color: #eaeaea;
  cursor: default;
}
.choose-box__label .jcf-disabled + .choose-box__label-text:hover {
  border-color: #d9d9d9;
}

.message-box {
  display: none;
  clear: both;
  max-width: 410px;
  min-width: 330px;
  border: 2px solid #a4a5a6;
  border-radius: 5px;
  padding: 15px 18px;
  color: #2A3036;
  position: relative;
  margin: 20px 0 0;
  font: 300 18px/22px "Trebuchet MS", Helvetica, sans-serif;
}
@media screen and (max-width: 767px) {
  .message-box {
    min-width: 0;
    max-width: none;
    width: 100%;
    font-size: 14px;
    line-height: 17px;
  }
}
.message-box textarea {
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: inset 0 2px 3px #efefef;
  background: #ffffff;
  resize: vertical;
  outline: 0;
  padding: 5px;
  margin: 12px 0 0;
  width: 368px;
  height: 122px;
  display: block;
}
@media screen and (max-width: 767px) {
  .message-box textarea {
    width: 100%;
  }
}
.message-box textarea.valid {
  border: 2px solid #0073B1 !important;
}
.message-box textarea.input-validation-error, .message-box textarea.not-valid-textarea {
  border: 2px solid #f12828 !important;
}

.message-box_align_right {
  float: right;
}

.message-box_negative {
  border-color: #f12828;
}
.message-box_negative .message-box__arrow {
  border-color: transparent transparent #f12828;
}

.message-box_positive {
  border-color: #0073B1;
}
.message-box_positive .message-box__arrow {
  border-color: transparent transparent #0073B1;
}

.message-box__text {
  min-width: 275px;
}
@media screen and (max-width: 767px) {
  .message-box__text {
    min-width: 0;
  }
}

.message-box__arrow {
  position: absolute;
  top: -24px;
  right: 20px;
  border: 12px solid;
  border-color: transparent transparent #a4a5a6;
}
.message-box__arrow:after {
  content: "";
  position: absolute;
  top: -7px;
  left: -10px;
  border: 10px solid;
  border-color: transparent transparent #ffffff;
}

.checkbox-block,
.checkbox-block.success {
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  padding: 30px;
  margin: 50px 0;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (max-width: 767px) {
  .checkbox-block,
  .checkbox-block.success {
    padding: 21px 15px;
  }
}
@media only screen and (max-width: 500px) {
  .checkbox-block,
  .checkbox-block.success {
    display: table;
  }
}

.checkbox-block p {
  margin: 0 0;
  text-align: justify;
}

.metric-question-block .jcf-select {
  width: 100% !important;
  height: auto;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: inset 0 2px 3px #efefef;
  background: #ffffff;
  color: #2A3036;
  font: 300 18px/21px "Trebuchet MS", Helvetica, sans-serif;
}
.metric-question-block .jcf-select.jcf-drop-active {
  border: 2px solid #0073B1;
}
.metric-question-block .jcf-select.jcf-focus {
  border: 2px solid #0073B1;
}
.metric-question-block .jcf-select .jcf-select-text {
  padding: 14px 25px 12px 15px;
  min-height: 46px;
}
.metric-question-block .unit-holder {
  float: left;
  width: 100%;
  padding: 0 6px 12px 0;
  border-color: #d9d9d9 !important;
}
.metric-question-block .cm-units-container,
.metric-question-block .feet-units-container,
.metric-question-block .inch-units-container,
.metric-question-block .metres-units-container {
  width: 50%;
}
.metric-question-block .input {
  border: none;
  box-shadow: none;
}

.dob-block .jcf-select {
  width: 100% !important;
  height: auto;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: inset 0 2px 3px #efefef;
  background: #ffffff;
  color: #2A3036;
  font: 300 18px/21px "Trebuchet MS", Helvetica, sans-serif;
}
.dob-block .jcf-select.jcf-drop-active {
  border: 2px solid #0073B1;
}
.dob-block .jcf-select.jcf-focus {
  border: 2px solid #0073B1;
}
.dob-block .jcf-select .jcf-select-text {
  padding: 14px 25px 12px 15px;
}
@media screen and (max-width: 767px) {
  .dob-block .jcf-select .jcf-select-text {
    padding: 9px 14px;
  }
}
.dob-block .unit-holder {
  float: left;
  width: 100%;
  padding: 0 6px 12px 0;
  border-color: #d9d9d9 !important;
}
.dob-block .date-container,
.dob-block .month-container,
.dob-block .year-container {
  width: 33.3%;
}
.dob-block .input {
  border: none;
}
.dob-block.error .jcf-select {
  border-color: #f12828;
}

.metric-question-block.error .js-bmi-change-conatiner .jcf-select {
  border-color: #f12828 !important;
}

.dob-block-mmyy .date-container,
.dob-block-mmyy .month-container,
.dob-block-mmyy .year-container {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .dob-block-mmyy .date-container,
  .dob-block-mmyy .month-container,
  .dob-block-mmyy .year-container {
    width: 50%;
  }
}

.checkboxQuestion-holder {
  float: right;
  position: relative;
  text-align: center;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  border: 2px solid transparent;
  color: #d9d9d9;
  line-height: 50px;
  font-size: 46px;
  vertical-align: middle;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .checkboxQuestion-holder {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}
.checkboxQuestion-holder:before {
  position: absolute;
  content: "✓";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.checkboxQuestion-holder.indeterminate {
  background-color: #fcfcfc;
  border-color: #d9d9d9;
}
.checkboxQuestion-holder.jcf-label-active {
  background-color: #ffffff;
  border-color: #0073B1;
  color: #0073B1;
}
.checkboxQuestion-holder .jcf-checkbox input[type=radio],
.checkboxQuestion-holder .jcf-checkbox input[type=checkbox] {
  cursor: pointer;
}
.checkboxQuestion-holder.error {
  background-color: #ffffff;
  border-color: #f12828;
}
.checkboxQuestion-holder.error:before {
  display: none;
}

.input_align_right {
  float: right;
}

.input-fieldbox {
  overflow: hidden;
  padding: 9px 16px 8px 15px;
}
.input-fieldbox input {
  width: 100%;
  height: 30px;
  border: 0 !important;
  margin: 0;
  padding: 0;
  outline: 0;
  display: block;
  background: transparent;
  color: #2A3036;
  font: 300 18px/30px "Trebuchet MS", Helvetica, sans-serif;
}

.input {
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  background: #ffffff;
}

.error .choose-box__label-text,
.error .select-area.select-choose-box__select,
.error .choose-box__label-text,
.error .input {
  border-color: #f12828;
}

.multichoice-checkbox-answers-block {
  display: block;
  white-space: normal;
  font: 300 16px/22px "Trebuchet MS", Helvetica, sans-serif;
  /*width: 330px;*/
}
@media only screen and (max-width: 767px) {
  .multichoice-checkbox-answers-block {
    float: none;
    width: 100%;
  }
}
.multichoice-checkbox-answers-block .choice-holder {
  position: relative;
  padding: 0 30px 0 0;
  margin: 0 0 10px;
}
.multichoice-checkbox-answers-block .choice-holder input[type=checkbox] {
  opacity: 0;
  cursor: pointer;
}
.multichoice-checkbox-answers-block .jcf-checkbox {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -111px -112px;
  height: 21px;
  width: 21px;
  border: none;
}
.multichoice-checkbox-answers-block .jcf-checkbox.jcf-checked {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -69px -112px;
  height: 21px;
  width: 21px;
}
.multichoice-checkbox-answers-block .jcf-checkbox.jcf-checked span {
  display: none;
}
.multichoice-checkbox-answers-block #divagree .jcf-checkbox {
  top: unset;
  bottom: 0;
}

.multichoice-answer-checkbox-label {
  display: block;
  text-align: left;
  cursor: pointer;
  font-weight: 300;
}

.error.multichoice-checkbox-answers-block .jcf-checkbox {
  box-shadow: inset 0 0 5px 0 #f12828;
}

.dropdown-holder .jcf-select {
  width: 100%;
}

.medicalQuestionnaire .jcf-list .jcf-option {
  white-space: pre-wrap;
}
.medicalQuestionnaire .dosages-section .product-data-table {
  padding: 0;
}
.medicalQuestionnaire .dosages-section .product-data-table .product-data-head {
  padding: 10px 20px;
}
.medicalQuestionnaire .dosages-section .product-data-table .product-data-head p {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  color: #55595E;
}
.medicalQuestionnaire .dosages-section .product-data-table .product-data-description {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large {
  width: 470px;
  max-width: 100%;
}
@media only screen and (max-width: 1150px) {
  .medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large {
    width: 100%;
  }
}
.medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large .table-row-select {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large .table-row-select .select-holder-box {
  width: 50%;
}
.medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large .table-row-select .select-holder-box.d-flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large .table-row-select .select-holder-box .variant-box {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large .table-row-select .select-holder-box .jcf-list .jcf-option {
  white-space: normal;
}
.medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large .table-row-select .select-holder-box .jcf-list .jcf-option.jcf-hover, .medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large .table-row-select .select-holder-box .jcf-list .jcf-option.jcf-selected {
  background: #e6e6e6;
  color: #2A3036;
}
.medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large .table-row-select .select-holder-box .jcf-select {
  width: 100% !important;
}
.medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large .table-row-select .select-holder-box .jcf-select .jcf-select-text {
  min-width: 100%;
}
@media only screen and (max-width: 570px) {
  .medicalQuestionnaire .dosages-section .product-data-table .productLineDosage-large .table-row-select .select-holder-box {
    width: 100%;
    /*.jcf-select {
        .jcf-select-text {
            width: auto;
        }
    }*/
  }
}
.medicalQuestionnaire .dosages-section .product-data-table .product-data-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dbdbdb !important;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
.medicalQuestionnaire .dosages-section .product-data-table .product-data-row:last-of-type {
  border-bottom: 0 !important;
}
.medicalQuestionnaire .dosages-section .product-data-table .product-data-description {
  margin: 0;
  padding-right: 10px;
}
@media only screen and (max-width: 1150px) {
  .medicalQuestionnaire .dosages-section .product-data-table .product-data-description {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 570px) {
  .medicalQuestionnaire .dosages-section .product-data-table .product-data-description {
    margin-bottom: 0;
  }
}
.medicalQuestionnaire .dosages-section .product-data-table .productFormV2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.medicalQuestionnaire .dosages-section .product-data-table .multichoice-checkbox-answers-block {
  width: auto;
}
.medicalQuestionnaire .dosages-section .product-data-table .multichoice-checkbox-answers-block .jcf-checkbox {
  position: static;
  display: block;
  margin-left: 20px;
}
@media only screen and (max-width: 1150px) {
  .medicalQuestionnaire .dosages-section .product-data-table .multichoice-checkbox-answers-block .jcf-checkbox {
    margin-left: 11px;
  }
}
.medicalQuestionnaire .multiple-select-drowpdown {
  margin-top: 15px;
}
.medicalQuestionnaire .multiple-select-drowpdown.dropdown-holder {
  padding: 0 30px 35px;
}
.medicalQuestionnaire .multiple-select-drowpdown .tokenize ul.tokens-container {
  margin-left: 0 !important;
  background: #FCFCFC;
  border: 2px solid #D9D9D9;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 10px 25px 10px 10px;
  color: rgba(71, 71, 71, 0.6);
  font-size: 16px;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.medicalQuestionnaire .multiple-select-drowpdown .tokenize ul.tokens-container:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 20px;
  display: inline-block;
  position: absolute;
  right: 9px;
  color: #2A3036;
}
.medicalQuestionnaire .multiple-select-drowpdown .tokenize ul.tokens-container > li {
  margin: 0 5px 0 0;
  font-size: 16px;
  line-height: 19px;
}
.medicalQuestionnaire .multiple-select-drowpdown .tokenize ul.tokens-container > li.token-search input {
  border: 0;
}
.medicalQuestionnaire .multiple-select-drowpdown .tokenize ul.tokens-container > .token, .medicalQuestionnaire .multiple-select-drowpdown .tokenize ul.tokens-container > .token.pending-delete {
  background: #0073B1;
  border-radius: 3px;
  color: #ffffff;
  border: 0;
  padding: 2px 20px 2px 8px;
  display: inline-block;
  margin-bottom: 3px;
}
.medicalQuestionnaire .multiple-select-drowpdown .tokenize ul.tokens-container > .token > .dismiss, .medicalQuestionnaire .multiple-select-drowpdown .tokenize ul.tokens-container > .token.pending-delete > .dismiss {
  color: #e8ecf1;
}
.medicalQuestionnaire .multiple-select-drowpdown .tokenize :not(.focus) ul.tokens-container .placeholder {
  display: block !important;
  -ms-flex-order: 1;
  order: 1;
}

.medicalEmergencyNoteBlock {
  width: 100%;
  background: #ffffff;
  border-radius: 6px;
  padding: 30px 20px;
  margin: 0 0 30px 0;
  border: 2px solid #d6d6d6;
  font: 16px/22px "Trebuchet MS", Helvetica, sans-serif;
}
.medicalEmergencyNoteBlock .medicalEmergencyNoteTitle {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 560px) {
  .medicalEmergencyNoteBlock .medicalEmergencyNoteTitle {
    text-align: center;
  }
}
.doctor-questions__item.blood-pressure .doctor-questions__cell_answer {
  width: 340px;
}
.doctor-questions__item.blood-pressure .choose-box {
  width: 100%;
}

.treatedQa-alert {
  display: block;
  width: 94%;
  clear: both;
  border: 2px solid;
  border-color: #f12828;
  border-radius: 5px;
  padding: 15px 18px;
  color: #2A3036;
  position: relative;
  margin: -26px 3% 30px !important;
  font: 300 16px/22px "Trebuchet MS", Helvetica, sans-serif;
  float: none;
  background-color: #ffecec;
  font-weight: 300 !important;
}
@media screen and (max-width: 767px) {
  .treatedQa-alert {
    margin-top: 0px !important;
  }
}
.treatedQa-alert .message-box-text {
  display: block;
  padding: 0 0 0 10px;
  word-wrap: break-word;
}
.treatedQa-alert .message-box-text h3 {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .treatedQa-alert .message-box-text h3 {
    font-size: 18px;
  }
}
.treatedQa-alert .small-text {
  font-size: 16px;
  line-height: 1.7;
  font-weight: 300;
}
.treatedQa-alert .checkboxQuestion-holder {
  background-color: #ffffff;
  /*border-color: $red-color;
  color: $red-color;
  &.jcf-label-active{
      background-color: $white-color;
      border-color: $primary-color;
      color: $primary-color;
  }*/
}

.treatedQa-alert-warning {
  display: block;
  width: 94%;
  clear: both;
  border: 2px solid;
  border-color: #da931a;
  border-radius: 5px;
  padding: 15px 18px;
  color: #2A3036;
  position: relative;
  margin: -26px 3% 30px !important;
  font: 300 16px/22px "Trebuchet MS", Helvetica, sans-serif;
  float: none;
  background-color: #FCF8E3;
  font-weight: 300 !important;
}
@media screen and (max-width: 767px) {
  .treatedQa-alert-warning {
    margin-top: 0px !important;
  }
}
.treatedQa-alert-warning .message-box-text {
  display: block;
  padding: 0 0 0 10px;
}
.treatedQa-alert-warning .message-box-text h3 {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .treatedQa-alert-warning .message-box-text h3 {
    font-size: 18px;
  }
}
.treatedQa-alert-warning .small-text {
  font-size: 16px;
  line-height: 1.7;
  font-weight: 300;
}
.treatedQa-alert-warning .checkboxQuestion-holder {
  background-color: #ffffff;
}

.treatedQa-alert-info {
  display: block;
  width: 94%;
  clear: both;
  border: 2px solid;
  border-color: #4399dc;
  border-radius: 5px;
  padding: 15px 18px;
  color: #2A3036;
  position: relative;
  margin: -26px 3% 30px !important;
  font: 300 16px/22px "Trebuchet MS", Helvetica, sans-serif;
  float: none;
  background-color: #ecf7ff;
  font-weight: 300 !important;
}
@media screen and (max-width: 767px) {
  .treatedQa-alert-info {
    margin-top: 0px !important;
  }
}
.treatedQa-alert-info .message-box-text {
  display: block;
  padding: 0 0 0 10px;
}
.treatedQa-alert-info .message-box-text h3 {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .treatedQa-alert-info .message-box-text h3 {
    font-size: 18px;
  }
}
.treatedQa-alert-info .small-text {
  font-size: 16px;
  line-height: 1.7;
  font-weight: 300;
}
.treatedQa-alert-info .checkboxQuestion-holder {
  background-color: #ffffff;
}

.GP-selection-box .treatedQa-alert {
  width: 97%;
  margin: 20px 1.5% 30px !important;
  background-color: #f9f9f9;
  border-color: #d9d9d9;
}
.GP-selection-box .treatedQa-alert.error {
  border-color: #f12828;
  background-color: #ffffff;
}
.GP-selection-box .treatedQa-alert.error .checkboxQuestion-holder.jcf-label-active {
  border-color: #0073B1;
  color: #0073B1;
}
.GP-selection-box .treatedQa-alert.alert-active {
  border-color: #0073B1;
}
.GP-selection-box .treatedQa-alert .checkboxQuestion-holder:after {
  content: "";
  display: flex;
  clear: both;
}
@media screen and (max-width: 767px) {
  .GP-selection-box .treatedQa-alert .checkboxQuestion-holder.left {
    float: none !important;
  }
}
@media screen and (max-width: 767px) {
  .GP-selection-box .treatedQa-alert ul {
    margin-left: 0 !important;
  }
}
.GP-selection-box .treatedQa-alert li {
  line-height: 18px;
  font-size: 14px;
}

.normal16 {
  font-size: 16px !important;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .normal16 {
    font-size: 14px !important;
    line-height: 1.2;
  }
}

.consent-modal .modal-body {
  padding: 0 40px 30px !important;
}
@media screen and (max-width: 480px) {
  .consent-modal .modal-body {
    padding: 0 10px 10px !important;
  }
}
.consent-modal .modal-body ol li {
  margin-bottom: 15px;
}
.consent-modal .modal-body ol li ol {
  margin-top: 15px;
  margin-left: 15px;
}
.consent-modal .modal-body ol li ol li {
  margin-bottom: 8px;
}

.modal #modalConsentContainer .termsConditionsPageHolder {
  padding: 0;
}

.medicalQuestionnaire {
  /*.modal {
      padding-right: 0 !important;
  }*/
  /*.modal-open .modal {
      overflow-y: hidden;
      height: 100%;
  }*/
  /*.modal-dialog.modal-login {
      height: calc(100vh - 40px);
      margin-top: 20px;

      @media screen and (max-width: 767px) {
          height: 100%;
          margin-top: 0;
      }
  }

  .modal-content {
      height: 100%;
  }*/
}
.medicalQuestionnaire .close:before,
.medicalQuestionnaire .close:after {
  margin-left: 5px;
  margin-top: 4px;
}
.medicalQuestionnaire .modal-header {
  position: relative;
  height: 15px;
  width: 100%;
  display: block;
  border-bottom: 0;
}
.medicalQuestionnaire .modal button.close {
  background: #ffffff;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  line-height: 26px;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.medicalQuestionnaire .modal-body {
  display: block;
  /*height: 96vh;*/
  overflow-y: auto;
}
.medicalQuestionnaire .modal-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
  outline: 0px solid slategrey;
}
.medicalQuestionnaire .modal-body::-webkit-scrollbar {
  width: 3px;
}
.medicalQuestionnaire .modal-body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.medicalQuestionnaire .modal-footer {
  display: none;
}

.doctor-questions__item-table-full .doctor-questions__cell_heading {
  width: calc(100% - 65px);
  display: table-caption;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .doctor-questions__item-table-full .doctor-questions__cell_heading {
    width: 100%;
    display: table;
    padding-bottom: 13px;
  }
}
.doctor-questions__item-table-full .doctor-questions__cell_heading:after {
  display: flex;
  content: "";
}
.doctor-questions__item-table-full .doctor-questions__cell_answer {
  padding: 27px 30px 30px 30px;
}
.doctor-questions__item-table-full .multichoice-checkbox-answers-block {
  width: 100%;
}
.doctor-questions__item-table-full .multichoice-checkbox-answers-block .choice-holder {
  position: relative;
  padding: 0 30px 0 0;
  margin: 0 0 10px;
  max-width: 45%;
  float: left;
  min-width: 45%;
  margin-left: 2%;
  margin-right: 3%;
}
@media only screen and (max-width: 767px) {
  .doctor-questions__item-table-full .multichoice-checkbox-answers-block .choice-holder {
    min-width: 100%;
  }
}

.text-underline {
  text-decoration: underline;
}

.GPSelectParent {
  padding-bottom: 1px !important;
}

@media only screen and (max-width: 768px) {
  .medicalQuestionnaireHeadNote {
    font-size: 16px;
    line-height: 22px;
  }
}
.medicalQuestionnaireHeadNote h1 {
  font-family: "bad_scriptregular", "Trebuchet MS", Helvetica, sans-serif;
  font-size: 40px;
  line-height: 1.5;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .medicalQuestionnaireHeadNote h1 {
    font-size: 23px;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 15px;
  }
}
.medicalQuestionnaireHeadNote .medicalEmergencyNoteBlock {
  background: transparent;
  border: none;
  font-weight: bold;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .medicalQuestionnaireHeadNote .medicalEmergencyNoteBlock {
    font-size: 16px;
    line-height: 22px;
  }
}

.doctor-questions-main-holder .message-box-text {
  word-wrap: break-word;
}

span.algolia-autocomplete {
  /*padding: 3px 10px;*/
  padding: 3px 0;
  height: 37px;
  width: 100%;
}

.aa-input-container {
  display: inline-block;
  position: relative;
  width: 100%;
}

.aa-input-search {
  width: 300px;
  border: 1px solid rgba(228, 228, 228, 0.6);
  padding: 12px 28px 12px 12px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.aa-input-search::-webkit-search-decoration,
.aa-input-search::-webkit-search-cancel-button,
.aa-input-search::-webkit-search-results-button,
.aa-input-search::-webkit-search-results-decoration {
  display: none;
}

.aa-dropdown-menu {
  background-color: #ffffff;
  border: 1px solid rgba(228, 228, 228, 0.6);
  min-width: 300px;
  margin-top: 10px;
  box-sizing: border-box;
  width: 100%;
  margin-top: 0;
  font-size: 16px;
  line-height: 1.7;
}

.aa-suggestion {
  padding: 5px 15px;
  cursor: pointer;
}

.aa-suggestion + .aa-suggestion {
  border-top: 1px solid rgba(228, 228, 228, 0.6);
}

.aa-suggestion:hover,
.aa-suggestion.aa-cursor {
  background: #0073B1;
  border-color: #0073B1;
  /*color: $white-color;*/
}

_:not(*:root),
.doctor-questions__item-table.doctor-questions__item-table-full {
  display: block;
}

_:not(*:root),
.doctor-questions__item-table-full .doctor-questions__cell_heading {
  width: 100%;
  display: block;
}

_:not(*:root),
.doctor-questions__item-table-full .doctor-questions__cell_answer {
  display: block;
  width: 100%;
}

_:not(*:root),
.doctor-questions__item-table-full .doctor-questions__cell_answer:after {
  content: "";
  width: 100%;
  display: flex;
  clear: both;
}

.questions-third-child .doctor-questions__item-number {
  margin-left: -30px !important;
}
.questions-third-child .doctor-questions__item-heading {
  margin-left: 35px;
}

.doctor-questions__item.doctor-question-child span.doctor-questions__item-number {
  float: unset;
  width: auto;
  text-align: left;
  margin: 0 0 0 -25px;
}

.gphc-head .questionair-top-head {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  line-height: 27px;
  color: #2A3036;
}
.gphc-head .questionair-top-head h3 {
  font-weight: 500;
  font-size: 36px;
  line-height: 1.5;
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .gphc-head .questionair-top-head h3 {
    font-size: 24px;
  }
}
.gphc-head .question-note, .gphc-head .user-attention-note {
  font: 16px/1.5 "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .gphc-head .question-note, .gphc-head .user-attention-note {
    margin-bottom: 15px;
    font-size: 14px;
  }
  .gphc-head .question-note p, .gphc-head .user-attention-note p {
    margin-bottom: 15px;
  }
}
.gphc-head .question-note p, .gphc-head .user-attention-note p {
  margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {
  .basketPage .fourTabContent h2 {
    color: #2A3036;
    font: 32px/40px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif !important;
    margin: 0 0 10px;
  }
}

.px-infobox {
  display: block;
  margin: 20px 0;
}
.px-infobox .px-infobox_description {
  text-align: center;
}
.px-infobox .px-infobox_title {
  color: #2A3036;
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 22px;
  font-weight: 400;
}
.px-infobox .px-infobox_text {
  color: #8e8e8f;
  font-size: 12px;
  line-height: 22px;
  font-weight: 300;
}
.px-infobox .px-infobox_text img {
  margin-left: 20px;
}

.order__heading {
  color: #2A3036;
  text-align: center;
  margin: 0 0 28px;
  font: 300 18px/22px "Trebuchet MS", Helvetica, sans-serif;
}
.order__heading h1, .order__heading h2 {
  font: 40px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 0 23px;
}
.order__heading p {
  margin: 0 0 18px;
}

.choice-payment-box {
  line-height: 0;
  text-align: justify;
  margin: 0 0 40px;
}
.choice-payment-box:after {
  content: "";
  display: inline-block;
  height: 0;
  font-size: 0;
  line-height: 0;
  width: 100%;
}

.choice-row {
  margin: 0 0 20px;
  width: 49%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  overflow: hidden;
}
.choice-row:first-child, .choice-row.full-width {
  width: 100%;
}

.choice-cell {
  float: left;
}

.choice-cell_wide {
  width: 100%;
  margin-bottom: 15px;
}

.choice-payment {
  border: 2px solid #cacacf;
  border-radius: 5px;
  background: #fcfcff;
  padding: 30px 31px 21px 69px;
  cursor: pointer;
  min-height: 125px;
  width: 100% !important;
}
.choice-payment:before, .choice-payment:after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 767px) {
  .choice-payment {
    display: table;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 30px 50px;
  }
}
.choice-payment .parcelXpert_shipping {
  display: none;
  width: calc(100% + 35px);
  margin-left: -35px;
  margin-top: 15px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .choice-payment .parcelXpert_shipping {
    width: 100%;
    margin: 30px 0 0;
    padding: 20px 20px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .choice-payment .parcelXpert_shipping .parcelXpert_shippin_title {
    font-size: 0;
    text-indent: -999px;
    line-height: 0;
  }
}
@media only screen and (max-width: 767px) {
  .choice-payment .parcelXpert_shipping .parcelXpert_logo {
    display: block;
    float: none;
    margin: 0 auto;
  }
}

.choice-payment_selected {
  border-color: #0073B1;
}
.choice-payment_selected .choice-payment__check-state {
  background: url(https://www.vivami-cdn.com/img//icons-sec2d09105b.png) -108px -319px;
  height: 28px;
  width: 28px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
  .choice-payment_selected .choice-payment__check-state {
    background-image: url(https://www.vivami-cdn.com/img//icons@2x-sd1d5d59325.png);
    background-position: 0 -330px;
    background-size: 174px auto;
    background-repeat: no-repeat;
    height: 28px;
    width: 28px;
  }
}
.choice-payment_selected .choice-payment__check-state.flagIcon {
  background: none;
}
.choice-payment_selected .parcelXpert_shipping {
  display: block;
}

.choice-payment__check-state {
  float: left;
  margin: -2px 0 0 -46px;
  background: url(https://www.vivami-cdn.com/img//icons-sec2d09105b.png) -136px -319px;
  height: 28px;
  width: 28px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
  .choice-payment__check-state {
    background-image: url(https://www.vivami-cdn.com/img//icons@2x-sd1d5d59325.png);
    background-position: -133px -271px;
    background-size: 174px auto;
    background-repeat: no-repeat;
    height: 28px;
    width: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .choice-payment__check-state {
    position: absolute;
    top: 30px;
    left: 10px;
    float: none;
    margin: 0;
  }
}
.choice-payment__check-state.flagIcon {
  background: none;
}
.choice-payment__check-state.flagIcon img {
  max-width: 28px;
  padding-top: 5px;
}

.choice-payment__icons {
  float: right;
  max-width: 40%;
  padding: 0 0 0 15px;
}
.choice-payment__icons img {
  display: block;
  max-width: 100%;
  max-height: 79px;
}
@media only screen and (max-width: 767px) {
  .choice-payment__icons img {
    display: inline;
  }
}
@media only screen and (max-width: 767px) {
  .choice-payment__icons {
    display: block;
    max-width: 100%;
    padding: 20px 0 0;
    float: none;
    margin: 0;
    text-align: center;
  }
}

.choice-payment__description {
  overflow: hidden;
}
.choice-payment__description:after {
  content: ". .";
  display: block;
  word-spacing: 99in;
  height: 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .choice-payment__description {
    display: table-header-group;
    padding: 0;
  }
}

.choice-payment__title {
  color: #2A3036;
  margin: 0 0 3px;
  font: 400 22px/1.4 "Trebuchet MS", Helvetica, sans-serif;
}

.choice-payment__text {
  color: #8e8e8f;
  font: 300 14px/22px "Trebuchet MS", Helvetica, sans-serif;
}

.choice-payment__small_text {
  color: #8e8e8f;
  font: 300 12px/22px "Trebuchet MS", Helvetica, sans-serif;
}

.payment-info-block {
  display: none;
  border: 2px solid #cacacf;
  border-radius: 10px;
  background: #fcfcff;
  padding: 37px 60px;
  margin: 0 0 60px;
}

.choice-shipping-box {
  margin: 0 0 40px;
}

.order-shipping:before, .order-shipping:after {
  content: "";
  display: table;
}

.choice-shipping {
  border: 2px solid #cacacf;
  border-radius: 5px;
  background: #ffffff;
  padding: 30px 31px 6px 69px;
  margin: 0 0 15px;
  cursor: pointer;
}
.choice-shipping:before, .choice-shipping:after {
  content: "";
  display: table;
}
@media only screen and (max-width: 767px) {
  .choice-shipping {
    padding: 30px 30px 30px 50px;
    position: relative;
    display: table;
    width: 100%;
    text-align: center;
  }
}
.choice-shipping.collection-box {
  /*padding: 10px 31px 0px 69px;
  margin: 0 0 5px;

  @media only screen and (max-width: 767px) {
      padding: 30px 40px;
  }

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

  .choice-shipping__description {
      @media only screen and (max-width: 767px) {
          text-align: center;
      }
  }

  .choice-shipping__check-state {
      margin-top: 10px;

      @media only screen and (max-width: 767px) {
          margin-top: 0;
      }
  }

  .choice-shipping__title {
      font: 400 14px/14px "Trebuchet MS",Helvetica,sans-serif;
      margin: 6px 0 5px;
  }

  .choice-shipping__text {
  }*/
}
.choice-shipping .parcelXpert_shipping {
  width: calc(100% + 35px);
  margin-left: -35px;
  margin-top: 15px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .choice-shipping .parcelXpert_shipping {
    width: 100%;
    margin: 30px 0 0;
    padding: 20px 20px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .choice-shipping .parcelXpert_shipping .parcelXpert_shippin_title {
    font-size: 0;
    text-indent: -999px;
    line-height: 0;
  }
}
@media only screen and (max-width: 767px) {
  .choice-shipping .parcelXpert_shipping .parcelXpert_logo {
    display: block;
    float: none;
    margin: 0 auto;
  }
}

.collection-text {
  font: 400 18px/24px "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 0 15px;
  padding: 10px 25px 0px 25px;
}

.choice-shipping_selected {
  border-color: #0073B1;
}
.choice-shipping_selected .parcelXpert_shipping {
  display: block;
}

.choice-shipping__header {
  margin: 0 0 12px;
}
.choice-shipping__header:before, .choice-shipping__header:after {
  content: "";
  display: table;
}
@media only screen and (max-width: 767px) {
  .choice-shipping__header {
    display: table;
    margin: 0;
  }
}

.choice-shipping__check-state {
  float: left;
  margin: -2px 0 0 -46px;
  background: url(https://www.vivami-cdn.com/img//icons-sec2d09105b.png) -136px -319px;
  height: 28px;
  width: 28px;
}
@media only screen and (max-width: 767px) {
  .choice-shipping__check-state {
    position: absolute;
    top: 30px;
    left: 10px;
    float: none;
    margin: 0;
  }
}

.input-field__message {
  position: absolute;
  bottom: 100%;
  left: 3px;
  padding: 12px 15px;
  background: #434345;
  border-radius: 3px;
  color: #ffffff;
  font: 700 13px/16px "Trebuchet MS", Helvetica, sans-serif;
  margin-bottom: 3px;
  -moz-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -webkit-transform: translate(0, -5px);
  transform: translate(0, -5px);
  -moz-animation: hide-tooltip 300ms;
  -webkit-animation: hide-tooltip 300ms;
  animation: hide-tooltip 300ms;
  display: none;
}
.input-field__message:after {
  position: absolute;
  content: "";
  border: 7px solid;
  border-color: #434345 transparent transparent;
  left: 11px;
  top: 100%;
}

.postalCodeForm {
  margin: 0;
  padding: 0;
  opacity: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.frameCallback-holder {
  margin: 0;
  padding: 0;
  opacity: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.frameCallback-holder div > img {
  max-width: 100% !important;
}

.choice-shipping_selected .choice-shipping__check-state {
  background: url(https://www.vivami-cdn.com/img//icons-sec2d09105b.png) -108px -319px;
  height: 28px;
  width: 28px;
}
.choice-shipping_selected .postalCodeForm {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: 400 18px/24px "Trebuchet MS", Helvetica, sans-serif;
  opacity: 1;
  height: auto;
  max-width: 60%;
  padding: 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .choice-shipping_selected .postalCodeForm {
    padding: 15px 0 0;
    max-width: 100%;
  }
}
.choice-shipping_selected .postalCodeForm label {
  cursor: pointer;
  margin: 0 0 10px;
}
@media only screen and (max-width: 900px) {
  .choice-shipping_selected .postalCodeForm label {
    margin: 0 0 15px;
  }
}
.choice-shipping_selected .postalCodeForm .inputPostalCode-holder {
  position: relative;
  display: block;
  margin: 0 0 10px;
}
.choice-shipping_selected .postalCodeForm input {
  width: 100%;
  height: 45px;
  font: 300 18px/30px "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  outline: none;
  padding: 6px 16px 5px 15px;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: inset 0 2px 3px #efefef;
  background: #ffffff;
}
.choice-shipping_selected .postalCodeForm input.input-validation-error {
  border-color: #f12828;
  color: #f12828;
}
.choice-shipping_selected .postalCodeForm button {
  padding: 7px 10px 6px;
  width: 100%;
  font-size: 16px !important;
  line-height: 30px !important;
  text-transform: none;
  outline: none;
}
.choice-shipping_selected .postalCodeForm .input-validation-error + .input-field__message {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-animation: show-tooltip 300ms;
  -moz-animation: show-tooltip 300ms;
  animation: show-tooltip 300ms;
}
.choice-shipping_selected .frameCallback-holder {
  text-align: left;
  opacity: 1;
  height: auto;
  font-size: inherit;
  line-height: inherit;
}

.choice-shipping__description {
  word-wrap: break-word;
  display: table;
  padding: 0 15px 0 0;
}
@media only screen and (max-width: 767px) {
  .choice-shipping__description {
    display: table-header-group;
    padding: 0;
  }
}

.choice-shipping__title {
  color: #2A3036;
  margin: 0 0 12px;
  font: 400 22px/1.4 "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
  .choice-shipping__title {
    margin: 0;
    font-size: 20px;
  }
}

.choice-shipping__text {
  color: #8e8e8f;
  font: 300 14px/22px "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
  .choice-shipping__text {
    display: none;
  }
}

.choice-shipping__icons {
  max-width: 35%;
  float: right;
  margin: -8px 0 0;
}
.choice-shipping__icons img {
  max-width: 100%;
  display: block;
}
@media only screen and (max-width: 767px) {
  .choice-shipping__icons {
    max-width: none;
    display: block;
    padding: 20px 0 0;
    float: none;
    margin: 0 -20px;
    text-align: center;
  }
}

.postalCode_reload {
  position: relative;
  z-index: 2;
}

#postalCode_reload {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  padding: 12px 0;
}

#frame-holder {
  display: none;
  position: relative;
  background: #ffffff;
  margin: 0 -45px 40px;
}
@media only screen and (max-width: 1150px) {
  #frame-holder {
    margin: 0 auto 40px;
    text-align: center;
  }
}
#frame-holder iframe {
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1150px) {
  #frame-holder iframe {
    max-width: 960px;
    display: inline-block;
    vertical-align: top;
    opacity: 0;
  }
}
#frame-holder .spinner {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  width: 0;
  height: 0;
  border: solid 20px;
  border-radius: 50%;
  border-color: #09f transparent #09f transparent;
  animation: spin 1s linear infinite;
  opacity: 0.7;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.paymentDetailsSection .order__heading {
  display: none;
}

.paymentDetails {
  position: relative;
}
.paymentDetails:before, .paymentDetails:after {
  content: "";
  display: table;
}
.paymentDetails .input-row-holder {
  float: left;
  width: 50%;
}
.paymentDetails .input-row-holder:nth-child(odd) {
  padding: 0 50px 0 0;
}
.paymentDetails .input-row-holder:nth-child(even) {
  padding: 0 0 0 50px;
}
@media only screen and (max-width: 880px) {
  .paymentDetails .input-row-holder {
    float: none;
    width: 100%;
    padding: 0 !important;
  }
}
.paymentDetails .tabs-footer {
  text-align: center !important;
  padding: 32px 0 0;
  clear: both;
}
@media only screen and (max-width: 1024px) {
  .paymentDetails .tabs-footer {
    padding: 22px 0 0;
  }
}
.paymentDetails .input-row {
  display: table;
  margin: 0 0 15px;
  width: 100%;
}
@media only screen and (max-width: 880px) {
  .paymentDetails .input-row {
    display: block;
  }
}
.paymentDetails label {
  display: table-cell;
  vertical-align: middle;
  width: 155px;
  padding: 0 10px 0 0;
  color: #55595E;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 5px;
  cursor: pointer;
}
@media only screen and (max-width: 880px) {
  .paymentDetails label {
    display: inline-block;
    line-height: 30px;
    width: 100%;
  }
}
.paymentDetails .input-box {
  display: table-cell;
  position: relative;
}
@media only screen and (max-width: 880px) {
  .paymentDetails .input-box {
    display: block;
  }
}
.paymentDetails input {
  display: block;
  width: 100%;
  height: 46px;
  font: 300 18px/30px "Trebuchet MS", Helvetica, sans-serif;
  outline: none;
  padding: 8px 15px;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: inset 0 2px 3px #efefef;
  background: #ffffff;
}
.paymentDetails input.valid {
  border-color: #0073B1;
}
.paymentDetails input.dob.error-date, .paymentDetails input.dob.valid {
  border-color: #f12828;
  color: #f12828;
}
.paymentDetails input.input-validation-error {
  border-color: #f12828;
  color: #f12828;
}
.paymentDetails .dropdown-holder .jcf-select {
  width: 100% !important;
  border: 2px solid #d9d9d9;
  height: 46px;
}
.paymentDetails .dropdown-holder .jcf-select .jcf-select-opener {
  opacity: 0.6;
}
.paymentDetails .dropdown-holder .jcf-select-text {
  padding: 9px 25px 9px 10px;
}
.paymentDetails .jcf-disabled {
  opacity: 0.7;
}
.paymentDetails .jcf-checkbox {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background: url(https://www.vivami-cdn.com/img//icons-sec2d09105b.png) -111px -112px;
  height: 21px;
  width: 21px;
}
.paymentDetails .jcf-checkbox.jcf-checked {
  background: url(https://www.vivami-cdn.com/img//icons-sec2d09105b.png) -69px -112px;
  height: 21px;
  width: 21px;
}
.paymentDetails .billingAddress_single-col .input-row-holder {
  width: 100%;
  float: unset;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 0;
}
@media only screen and (max-width: 880px) {
  .paymentDetails .billingAddress_single-col .input-row-holder {
    flex-direction: column;
  }
}
.paymentDetails .billingAddress_single-col .input-row {
  display: flex;
  flex-basis: 50%;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 880px) {
  .paymentDetails .billingAddress_single-col .input-row {
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
  }
}
.paymentDetails .billingAddress_single-col label {
  line-height: 20px;
  text-align: right;
}
@media only screen and (max-width: 880px) {
  .paymentDetails .billingAddress_single-col label {
    text-align: left;
  }
}
.paymentDetails .billingAddress_single-col .input-box {
  display: flex;
  width: calc(100% - 130px);
}
@media only screen and (max-width: 880px) {
  .paymentDetails .billingAddress_single-col .input-box {
    width: 100%;
  }
}
.paymentDetails .billingAddress_single-col .input-box .dropdown-holder {
  width: 100%;
}

.try-again-btn {
  display: none;
  position: absolute;
  left: 50%;
  bottom: -80px;
  transform: translate(-50%, 0);
}
.order.showTryAgainButton .try-again-btn {
  display: block;
}

.upsChoice_selected .paymentDetails .showOnlyForAltapay.billing-heading {
  display: block !important;
}

.choice-altapay-box {
  position: relative;
  height: auto;
}

.altapay-holder {
  position: relative;
  min-height: 500px;
  background: #ffffff;
  border: 2px solid #cacacf;
  border-radius: 10px;
}

.altapay-inner {
  position: absolute;
  top: 15px;
  bottom: 38px;
  left: 15px;
  right: 15px;
}

.altapayPaymentsImage {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.altapay-gif {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -16px 0 0 -16px;
}

.date-of-birth-form {
  border: 2px solid #cacacf;
  border-radius: 10px;
  background: #fcfcff;
  padding: 17px 60px;
  font: 400 20px/26px "Trebuchet MS", Helvetica, sans-serif;
  text-align: justify;
}
.date-of-birth-form label {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  max-width: 40%;
}
.date-of-birth-form .inputDate-holder {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
}
.date-of-birth-form input {
  display: block;
  width: 100%;
  height: 54px;
  font: 300 18px/30px "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  outline: none;
  padding: 11px 16px 9px 15px;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: inset 0 2px 3px #efefef;
  background: #ffffff;
}
.date-of-birth-form input.valid {
  border-color: #f12828;
  color: #f12828;
}
.date-of-birth-form .input-field__message {
  position: absolute;
  bottom: 100%;
  left: 3px;
  padding: 12px 15px;
  background: #434345;
  border-radius: 3px;
  color: #ffffff;
  font: 700 13px/16px "Trebuchet MS", Helvetica, sans-serif;
  margin-bottom: 3px;
  -moz-transform: translate(0, -5px);
  -ms-transform: translate(0, -5px);
  -webkit-transform: translate(0, -5px);
  transform: translate(0, -5px);
  -moz-animation: hide-tooltip 300ms;
  -webkit-animation: hide-tooltip 300ms;
  animation: hide-tooltip 300ms;
  display: none;
}
.date-of-birth-form .input-field__message:after {
  position: absolute;
  content: "";
  border: 7px solid;
  border-color: #434345 transparent transparent;
  left: 11px;
  top: 100%;
}
.date-of-birth-form button {
  display: inline-block;
  vertical-align: middle;
  outline: none;
}
.date-of-birth-form:before, .date-of-birth-form:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.wrongDateFormat + .input-field__message.wrong, .tooYoung + * + .input-field__message.young, .tooOld + * + * + .input-field__message.old {
  display: block;
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -moz-animation: show-tooltip 300ms;
  -webkit-animation: show-tooltip 300ms;
  animation: show-tooltip 300ms;
}

.choice-klarna-box {
  min-height: 795px;
}

.klarna-checkout-container {
  border: 2px solid #0073B1;
  border-radius: 5px;
}

#frmPostPaymentCheckout .input-validation-error,
#frmPostPaymentCheckout .input-validation-error + .select-area {
  color: #f12828;
}

#frmPostPaymentCheckout .input-validation-error + .select-area {
  border: solid 2px #f12828;
}

#frmPostPaymentCheckout .valid + .select-area {
  border: solid 2px #0073B1;
}

#frmPostPaymentCheckout .select-area {
  width: 100% !important;
  border: 2px solid #d9d9d9;
}

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

.paymentDetails:after {
  clear: both;
}

.paymentDetails .input-row-holder {
  float: left;
  width: 50%;
  padding: 0 50px 0 0;
}

.paymentDetails .input-row-holder + .input-row-holder {
  padding: 0 0 0 30px;
}

@media only screen and (max-width: 880px) {
  .paymentDetails .input-row-holder {
    float: none;
    width: 100%;
    padding: 0 !important;
  }
}
.paymentDetails .input-row {
  display: table;
  margin: 0 0 15px;
  width: 100%;
}

@media only screen and (max-width: 880px) {
  .paymentDetails .input-row {
    display: block;
  }
}
.paymentDetails .showOnlyForKlarnaInvoice {
  display: none;
}

.paymentDetails .personal-number-description {
  color: gray;
  font-size: smaller;
}

.paymentDetails label {
  display: table-cell;
  vertical-align: middle;
  width: 155px;
  padding: 0 10px 0 0;
  color: #55595E;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 5px;
  cursor: pointer;
}
@media only screen and (max-width: 880px) {
  .paymentDetails label {
    width: 100%;
  }
}

@media only screen and (max-width: 880px) {
  .paymentDetails label {
    display: inline-block;
    line-height: 30px;
  }
}
.paymentDetails .input-box {
  display: table-cell;
  position: relative;
}

@media only screen and (max-width: 880px) {
  .paymentDetails .input-box {
    display: block;
  }
}
.paymentDetails input {
  display: block;
  width: 100%;
  height: 46px;
  font: 300 18px/30px "Trebuchet MS", Helvetica, sans-serif;
  outline: none;
  padding: 8px 15px;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: inset 0 2px 3px #efefef;
  background: #ffffff;
}

.paymentDetails input:focus {
  border: 2px solid #0073B1;
}

.paymentDetails input::-webkit-input-placeholder {
  color: #9f9f9f;
}

.paymentDetails input:-moz-placeholder {
  color: #9f9f9f;
  opacity: 1;
}

.paymentDetails input::-moz-placeholder {
  color: #9f9f9f;
  opacity: 1;
}

.paymentDetails input:-ms-input-placeholder {
  color: #9f9f9f;
}

.paymentDetails input::-ms-clear {
  display: none;
}

.paymentDetails .input-box .twitter-typeahead {
  width: 100%;
}
.paymentDetails .input-box .twitter-typeahead .tt-menu {
  border: 2px solid #d9d9d9;
  width: 100%;
  background: #ffffff;
  margin-top: -5px;
}
.paymentDetails .input-box .twitter-typeahead .tt-menu .tt-suggestion {
  border-bottom: 1px solid #d9d9d9;
  padding: 5px 15px;
}
.paymentDetails .input-box .twitter-typeahead .tt-menu .tt-suggestion:hover {
  background: #f1f1f1;
}
.paymentDetails .input-box .twitter-typeahead .empty-message {
  padding: 5px 15px;
}

.paymentDetails input.valid {
  border-color: #0073B1;
}

.paymentDetails input.input-validation-error {
  border-color: #f12828;
}

.paymentDetails input.dob.valid-date {
  border-color: #0073B1 !important;
  color: #2A3036 !important;
}

.paymentDetails input.dob.valid, .paymentDetails input.dob.error-date {
  border-color: #f12828;
  color: #f12828;
}

.paymentDetails .PaymentDetails_customCountryDrop {
  width: 100%;
  height: 46px;
  font: 300 18px/26px "Trebuchet MS", Helvetica, sans-serif;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  box-shadow: inset 0 2px 3px #efefef;
  background: #ffffff;
  cursor: pointer;
}

.paymentDetails .PaymentDetails_customCountryDrop.colored {
  border-color: #0073B1;
}

.paymentDetails .PaymentDetails_customCountryDrop .drop-list {
  display: none;
}

@media only screen and (max-width: 767px) {
  .paymentDetails .PaymentDetails_customCountryDrop .drop-list .items {
    line-height: 22px;
  }
}
.paymentDetails .PaymentDetails_customCountryDrop .items {
  position: relative;
  z-index: 3;
  padding: 8px 15px;
  background: #ffffff;
}

.paymentDetails .PaymentDetails_customCountryDrop .items:hover {
  background: #f1f1f1;
}

.paymentDetails .PaymentDetails_customCountryDrop .active-item {
  display: block;
  border-radius: 5px;
  margin: 0 0 2px;
}

.paymentDetails .PaymentDetails_customCountryDrop .active-item:hover {
  background: #ffffff;
}

.paymentDetails .PaymentDetails_customCountryDrop .active-item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -4px 0 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5.5px 0 5.5px;
  border-color: #55595E transparent transparent transparent;
}

.paymentDetails .tabs-footer {
  text-align: center !important;
  padding: 0;
  clear: both;
}

@media only screen and (max-width: 1024px) {
  .paymentDetails .tabs-footer {
    padding: 22px 0 0;
  }
}
.paymentDetails .tabs-footer .next-btn {
  padding: 11px 40px 10px;
}

.paymentDetails {
  border: 2px solid #cacacf;
  border-radius: 5px;
  background: #ffffff;
  padding: 30px 30px 6px;
  margin: 0 0 15px;
}
@media only screen and (max-width: 767px) {
  .paymentDetails {
    padding: 25px 20px 6px;
  }
}

.paymentDetails .input-row-fullwidth {
  clear: both;
  padding: 0 0;
}
.paymentDetails .input-row-fullwidth.billing-heading {
  padding: 0 0 20px;
}

.paymentDetails .input-row-fullwidth label {
  display: inline;
  width: auto;
  padding: 0;
}

.paymentDetails .payment-details-heading, .paymentDetails .delivery-details-heading {
  line-height: 22px;
  color: #2A3036;
  font: 400 22px/22px "Trebuchet MS", Helvetica, sans-serif;
}

.paymentDetails .showOnlyForAltapay, .paymentDetails .onlyForAltapay {
  display: none;
}

.upsChoice_selected .paymentDetails .showOnlyForAltapay, .upsChoice_selected .paymentDetails .onlyForAltapay {
  display: none !important;
}

.try-again-btn {
  display: none;
  position: absolute;
  left: 50%;
  bottom: -80px;
  transform: translate(-50%, 0);
}

.order.showTryAgainButton .try-again-btn {
  display: block;
}

.upsChoice_selected .paymentDetails .showOnlyForAltapay.billing-heading {
  display: block !important;
}

.choice-box {
  line-height: 0;
  text-align: justify;
  margin: 0 0 40px;
}

.choice-box-content {
  border: 2px solid #cacacf;
  border-radius: 5px;
  background: #fcfcff;
  padding: 10px;
  min-height: 70px;
  width: 100% !important;
}
.choice-box-content:before, .choice-box-content:after {
  content: "";
  display: table;
}

.paymentDetails label {
  display: table-cell;
  vertical-align: middle;
  width: 155px;
  padding: 0 10px 0 0;
  color: #55595E;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 5px;
  cursor: pointer;
  font-weight: normal;
}
@media only screen and (max-width: 880px) {
  .paymentDetails label {
    width: 100%;
  }
}

.paymentDetails .input-row-holder:nth-child(even) {
  padding: 0 30px 0 0;
}

.half-width {
  margin: 0 0 20px;
  width: 49%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  overflow: hidden;
}

.paymentDetails .input-row-holder.holder-fullWidth {
  width: 100%;
  padding: 0 !important;
}

.paymentDetails .input-row-holder.holder-first {
  padding: 0 50px 0 0;
}

.paymentDetails .input-row-holder.holder-last {
  padding: 0 0 0 50px !important;
}
@media only screen and (max-width: 768px) {
  .paymentDetails .input-row-holder.holder-last {
    padding: 0 0 0 0 !important;
  }
}

.checkout-reload {
  background-color: transparent;
  border: none;
  padding: 5px 10px;
  /*position: absolute;
  right: 0;
  top: -35px;*/
  text-decoration: underline;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .checkout-reload {
    font-size: 14px;
  }
}

.paymentErrorModal {
  text-align: center;
}
@media (min-width: 768px) {
  .paymentErrorModal .modal-dialog {
    margin: 80px auto 30px;
  }
}
.paymentErrorModal .modal-header {
  display: none;
}
.paymentErrorModal .modal-body {
  padding: 50px 30px !important;
  font-family: HelveticaNeueThin, "Trebuchet MS", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .paymentErrorModal .modal-body {
    padding: 40px 20px 50px !important;
    font-size: 18px;
  }
}
.paymentErrorModal .modal-body p {
  margin-bottom: 30px;
}
.paymentErrorModal .modal-title {
  font-family: HelveticaNeueThin, "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 300;
  display: block;
  font-size: 40px;
  margin-bottom: 40px;
  line-height: 40px;
}
.paymentErrorModal .btn-orange-new {
  font: 400 20px/30px "Trebuchet MS", Helvetica, sans-serif;
  background: #FE9523;
  color: #ffffff;
  text-decoration: none;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  min-width: 280px;
  margin-top: 20px;
}

.px-single-box {
  width: 100%;
  display: block;
  background: #ffffff;
  border: 2px solid #0073B1;
  padding: 20px 20px 5px 20px;
  border-radius: 5px;
  margin: 0 0;
}
.px-single-box .parcelXpert_shipping {
  border-color: #523eb7;
  margin-bottom: 20px;
  text-align: center;
}
.px-single-box .choice-shipping__icons, .px-single-box .choice-payment__icons {
  display: none;
}
@media only screen and (max-width: 768px) {
  .px-single-box .parcelXpert_shippin_title {
    font-size: 0;
    text-align: center;
  }
  .px-single-box .parcelXpert_shippin_title .parcelXpert_logo {
    float: none;
  }
}

html {
  scroll-behavior: smooth;
}

.innerPage.seo-page {
  padding: 0;
}

.seo-page {
  color: #2A3036;
  overflow: auto;
  padding-bottom: 50px;
}
.seo-page.modal-open {
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .seo-page {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .seo-page {
    font-size: 14px;
    line-height: 18px;
  }
}
.seo-page #main {
  background-color: #F5FAFF;
  color: #2A3036;
  padding-top: 0;
}
.seo-page .breadcrumbs-holder {
  padding-bottom: 43px;
}
@media only screen and (max-width: 767px) {
  .seo-page .breadcrumbs-holder {
    padding-bottom: 20px;
  }
}
.seo-page strong {
  font-weight: 700 !important;
}
.seo-page .b-green-btn {
  border: solid rgb(40.2038834951, 161.7961165049, 132.3786407767);
  border-width: 0 0 2px;
  color: #ffffff;
  cursor: pointer;
  font: 700 14px/30px "Trebuchet MS", Helvetica, sans-serif;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  width: 160px;
  vertical-align: middle;
  text-decoration: none;
  background: #5AD6B8;
  padding: 5px 4px 2px;
}
.seo-page .b-green-btn:hover {
  background: rgb(50.354368932, 202.645631068, 165.8009708738);
}
.seo-page .main-holder {
  max-width: 870px;
  margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
  .seo-page .main-holder {
    max-width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .seo-page .main-holder {
    margin: 0 10px;
  }
}
.seo-page .main-holder img {
  margin: 30px 0;
  max-width: 100%;
  height: auto;
}
.seo-page .main-holder p {
  margin: 0 0 30px;
  font-size: 16px;
  line-height: 1.7;
}
@media only screen and (max-width: 1160px) {
  .seo-page .main-holder p {
    margin: 0 0 15px;
  }
}
.seo-page .main-holder .reviewDate {
  font-size: 13px;
  float: right;
}
@media (max-width: 960px) {
  .seo-page .main-holder .reviewDate {
    float: none;
  }
}
.seo-page .main-holder:before, .seo-page .main-holder:after, .seo-page .main-content:before, .seo-page .main-content:after, .seo-page .main-content.holder:before, .seo-page .main-content.holder:after {
  content: "";
  display: table;
}
.seo-page .title-heading {
  display: block;
  font: 42px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
  margin: 0 0 25px;
}
@media only screen and (max-width: 767px) {
  .seo-page .title-heading {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 15px;
  }
}
.seo-page h1 {
  font: 40px/50px "HelveticaNeueThin", Arial, Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
  margin: 0 0 35px;
}
@media only screen and (max-width: 767px) {
  .seo-page h1 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 15px;
  }
}
.seo-page h2 {
  font: 25px/30px;
  font-weight: normal;
  color: #2A3036;
  margin: 0 0 20px;
}
.seo-page .holder {
  padding: 36px 38px 37px;
  border-bottom: 1px solid #D4D6D7;
  border-radius: 6px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .seo-page .rich-text h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.seo-page .rich-text ul {
  font-size: 16px;
}
.seo-page .rich-text ul li:after {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -5px -33px;
  height: 7px;
  width: 7px;
  top: 12px;
  left: 4px;
}
.seo-page .product-block {
  position: relative;
  z-index: 2;
  width: 280px;
  padding: 10px;
  margin: 0 0 55px;
}
.seo-page .product-block.right {
  float: right;
  background: #ededed;
  margin-left: 40px;
}
.seo-page .product-block .product-image {
  text-align: center;
  margin: 0 0 15px;
}
.seo-page .product-block img {
  width: 100%;
  height: auto;
  margin: 0;
}
.seo-page .price-block {
  font-size: 1px;
  line-height: 0;
  width: 260px;
  margin: 0 auto 14px;
  text-align: justify;
}
.seo-page .price-block:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.seo-page .total-price {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}
.seo-page .custom-select-block {
  font-size: 1px;
  line-height: 0;
  width: 260px;
  margin: 0 auto 14px;
  text-align: justify;
}
.seo-page .custom-select-block:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.seo-page .cite-note-link-section {
  margin: -36px 0;
  padding: 25px 20px 15px;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  list-style-type: decimal;
  color: #0073B1;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
  .seo-page .cite-note-link-section {
    display: none;
    padding: 20px 0 0 20px;
    margin: 0 15px;
    font-size: 14px;
    line-height: 18px;
  }
}
.seo-page .cite-note-link-section li {
  padding: 5px 0;
  margin: 0 0 5px;
}
.seo-page .cite-note-link-section li.active {
  background-color: #def;
  background-color: rgba(0, 127, 255, 0.133);
}
.seo-page .cite-note-link-section .jump-up {
  cursor: pointer;
  color: #0073B1;
  font-weight: bold;
  padding: 0 3px;
  margin: 0 5px 0 0;
}
.seo-page .cite-note-link-section a {
  color: #2A3036;
  text-decoration: none;
  border-bottom: none;
}
.seo-page .active .cite-note-link-section {
  display: block;
}
.seo-page .product-review-block {
  margin-top: 50px;
  font: 17px/21px "Trebuchet MS", Helvetica, sans-serif;
}
.seo-page .product-review-block .productHeading-container {
  width: 100%;
  position: relative;
  display: block;
  text-align: center;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 24px;
  color: #0073B1;
}
.seo-page .product-review-block .seo-review-productHeading {
  display: inline-block;
  padding: 0 15px;
  position: relative;
}
.seo-page .product-review-block .seo-review-productHeading:before, .seo-page .product-review-block .seo-review-productHeading:after {
  background: #D4D6D7;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.seo-page .product-review-block .seo-review-productHeading:before {
  right: 100%;
}
.seo-page .product-review-block .seo-review-productHeading:after {
  left: 100%;
}
.seo-page .product-review-block .product-review-image {
  display: block;
  text-align: center;
}
.seo-page .product-review-block ul.product-reviews {
  margin: 0;
}
.seo-page .product-review-block ul.product-reviews li.single-review {
  margin: 0;
  padding: 30px;
  background: #F4F4F5;
}
.seo-page .product-review-block ul.product-reviews li.single-review:after {
  display: none;
}
.seo-page .product-review-block ul.product-reviews li.single-review blockquote {
  font-size: 16px;
  font-style: italic;
  border-left: 6px solid #292929;
}
.seo-page .product-review-block ul.product-reviews li.single-review:nth-child(even) {
  background: #0073B1;
  color: #ffffff;
}
.seo-page .product-review-block ul.product-reviews li.single-review:nth-child(even) blockquote {
  border-color: #ffffff;
}
.seo-page .product-review-block ul.product-reviews li.single-review:nth-child(even) .review-date {
  color: #ffffff;
}
.seo-page .product-review-block ul.product-reviews .review-by, .seo-page .product-review-block ul.product-reviews .review-date {
  display: inline-block;
  width: 49.5%;
  font-size: 16px;
}
.seo-page .product-review-block ul.product-reviews .review-by:before {
  content: "- ";
  margin-left: 5px;
}
.seo-page .product-review-block ul.product-reviews .review-by strong {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.seo-page .product-review-block ul.product-reviews .review-date {
  text-align: right;
  font-size: 12px;
  color: #747474;
}
.seo-page .product-review-block ul.product-reviews .review-title {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 20px;
}
.seo-page .table-of-content ul {
  list-style: none;
  margin: 0;
  padding-bottom: 20px;
  font-family: "Poppins", sans-serif;
}
.seo-page .table-of-content ul li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  line-height: 1;
}
.seo-page .table-of-content ul li:not(:last-child) {
  border-right: 1px solid #cdcdcd;
  padding-right: 10px;
}
.seo-page .table-of-content ul li a {
  color: #0073B1;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  display: inline-block;
  line-height: 1;
}
@media only screen and (max-width: 600px) {
  .seo-page .table-of-content ul {
    padding-bottom: 10px;
  }
  .seo-page .table-of-content ul li {
    list-style: disc;
    display: list-item;
  }
  .seo-page .table-of-content ul li:not(:last-child) {
    margin-right: 0;
    border-right: 0;
  }
  .seo-page .table-of-content ul li a {
    line-height: 1.3;
    vertical-align: text-top;
  }
}
.seo-page .jcf-list .jcf-option {
  white-space: normal;
}

:lang(da) .seo-page .main-holder p, :lang(pt) .seo-page .main-holder p {
  margin-bottom: 15px;
}

.doctor-page {
  font: 16px/28px "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  background: #ffffff;
}
@media only screen and (max-width: 1024px) {
  .doctor-page {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-page {
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }
}
.doctor-page .main-holder {
  max-width: 960px;
  margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
  .doctor-page .main-holder {
    max-width: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-page .main-holder {
    margin: 0 10px;
  }
}

.preview.doctor-page-partial {
  position: relative;
  padding: 30px 0;
}
@media only screen and (max-width: 767px) {
  .preview.doctor-page-partial {
    padding: 15px 0;
  }
}
.preview.doctor-page-partial .background {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 -9999px;
}
.preview.doctor-page-partial .background span {
  position: absolute;
  top: -9999px;
  left: 0;
  right: 0;
  bottom: -9999px;
  background: url(https://www.vivami-cdn.com/img//doctor-bg.png);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.preview.doctor-page-partial .front-box {
  position: relative;
  z-index: 1;
}
.preview.doctor-page-partial .holder {
  padding: 36px 30px 10px 46px;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .preview.doctor-page-partial .holder {
    padding: 36px 20px 10px 36px;
  }
}
@media only screen and (max-width: 767px) {
  .preview.doctor-page-partial .holder {
    padding: 15px 10px;
  }
}
.preview.doctor-page-partial .main-description {
  float: right;
  width: 566px;
}
@media only screen and (max-width: 1024px) {
  .preview.doctor-page-partial .main-description {
    width: 440px;
  }
}
@media only screen and (max-width: 767px) {
  .preview.doctor-page-partial .main-description {
    width: 100%;
  }
}
.preview.doctor-page-partial .aside {
  float: left;
  width: 230px;
  padding: 6px 0 0;
  text-align: center;
}
@media only screen and (max-width: 1024px) {
  .preview.doctor-page-partial .aside {
    width: 230px;
  }
}
@media only screen and (max-width: 767px) {
  .preview.doctor-page-partial .aside {
    width: 100%;
  }
}
.preview.doctor-page-partial h1 {
  font: 40px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  text-transform: none;
  margin: 0 0 35px;
}
@media only screen and (max-width: 767px) {
  .preview.doctor-page-partial h1 {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 15px;
  }
}
.preview.doctor-page-partial .strong {
  display: block;
  font-weight: bold;
  font-size: 17px;
  line-height: 22px;
  color: #2A3036;
  margin: 0 0 14px;
}
.preview.doctor-page-partial p {
  margin: 0 0 20px;
}
.preview.doctor-page-partial .signature-block {
  margin: 0 0 30px;
}
@media only screen and (max-width: 767px) {
  .preview.doctor-page-partial .signature-block {
    margin: 0 0 10px;
  }
}
.preview.doctor-page-partial .image-holder {
  display: inline-block;
  vertical-align: top;
  width: 230px;
  margin: 0 0 30px;
}
.preview.doctor-page-partial .image-holder img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
  min-height: 258px;
}

.doctor-page-partial .social {
  font-size: 0;
}
.doctor-page-partial .social li {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 22px;
}
.doctor-page-partial .social li:first-child {
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .doctor-page-partial .social li {
    margin: 0 0 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-page-partial .social li {
    margin: 0 0 0 22px;
  }
}
.doctor-page-partial .social a {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}
.doctor-page-partial .social .facebook {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -66px -395px;
  height: 33px;
  width: 33px;
}
.doctor-page-partial .social .twitter {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -110px -286px;
  height: 33px;
  width: 33px;
}
.doctor-page-partial .social .linkedin {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -33px -395px;
  height: 33px;
  width: 33px;
}
.doctor-page-partial .pagination-container {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.doctor-page-partial .pagination-container:after, .doctor-page-partial .pagination-container:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.doctor-page-partial .pagination {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0;
  background: rgb(255, 255, 255);
  border: 1px solid #D4D6D7;
  border-radius: 5px;
  font-size: 18px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  .doctor-page-partial .pagination {
    font-size: 16px;
  }
}
.doctor-page-partial .pagination li a {
  float: none;
  border: 0;
  background: none;
  margin: 0;
  color: #2A3036;
}
@media only screen and (max-width: 768px) {
  .doctor-page-partial .pagination li a {
    padding: 6px 6px;
  }
}
.doctor-page-partial .pagination li a:hover {
  text-decoration: underline;
}
.doctor-page-partial .pagination li.active a {
  color: #b1b1b1;
}
.doctor-page-partial .pagination li.active a:hover {
  background: none;
  border: 0;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .doctor-page-partial .pagination li.spacer {
    display: none;
  }
}

.carousel.doctor-page-partial {
  position: relative;
}
.carousel.doctor-page-partial .background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d0d0d0;
  margin: 0 -9999px;
}
.carousel.doctor-page-partial .carousel {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.carousel.doctor-page-partial .carousel .doctorPage_cycle-carousel {
  position: relative;
  padding: 0 25px;
  width: calc(100% - 150px);
  margin: 20px auto;
}
@media only screen and (max-width: 767px) {
  .carousel.doctor-page-partial .carousel .doctorPage_cycle-carousel {
    width: 100%;
  }
}
.carousel.doctor-page-partial .carousel .doctorPage_cycle-carousel .slick-slide {
  width: auto;
  float: left;
  margin: 0 20px 0 0;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.carousel.doctor-page-partial .carousel .doctorPage_cycle-carousel .slick-slide:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
.carousel.doctor-page-partial .carousel .doctorPage_cycle-carousel .slick-slide span {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.carousel.doctor-page-partial .carousel .doctorPage_cycle-carousel .slick-slide img {
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-height: 25px;
  max-width: 160px;
}
.carousel.doctor-page-partial .carousel .doctorPage_cycle-carousel .slick-arrow {
  position: absolute;
  top: 20%;
  width: 0;
  height: 0;
  border-style: solid;
  font-size: 0;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.carousel.doctor-page-partial .carousel .doctorPage_cycle-carousel .slick-arrow:before {
  content: "";
}
.carousel.doctor-page-partial .carousel .doctorPage_cycle-carousel .slick-arrow.slick-prev {
  left: 0px;
  border-width: 7.5px 10px 7.5px 0;
  border-color: transparent #908f94 transparent transparent;
}
.carousel.doctor-page-partial .carousel .doctorPage_cycle-carousel .slick-arrow.slick-next {
  right: 0;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #908f94;
}

.doctor-page-partial .input-background {
  position: absolute;
  background: #ffffff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -2;
}
.doctor-page-partial .placeholder {
  position: absolute;
  color: #343434;
  top: 12px;
  left: 14px;
  z-index: -1;
}

.content.doctor-page-partial {
  position: relative;
  padding: 60px 0;
}
@media only screen and (max-width: 1024px) {
  .content.doctor-page-partial {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .content.doctor-page-partial {
    padding: 15px 0;
  }
}
.content.doctor-page-partial .background {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 -9999px;
}
.content.doctor-page-partial .background span {
  position: absolute;
  top: -9999px;
  left: 0;
  right: 0;
  bottom: -9999px;
  background: url(https://www.vivami-cdn.com/img//doctor-bg2.png);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.content.doctor-page-partial .front-box {
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.blog.doctor-page-partial {
  width: 62.5%;
  float: left;
  padding: 0 20px 0 0;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .blog.doctor-page-partial {
    padding: 0 10px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog.doctor-page-partial {
    width: 100%;
    float: none;
    padding: 0;
  }
}
.blog.doctor-page-partial:after {
  content: "";
  display: block;
  clear: both;
}
.blog.doctor-page-partial p {
  margin: 0 0 8px;
}
.blog.doctor-page-partial .bottom-link {
  padding: 0 0 5px;
}
.blog.doctor-page-partial .bottom-link a {
  outline: none;
  color: #0073B1;
  text-decoration: none;
  border-bottom: 1px solid #0073B1;
}
.blog.doctor-page-partial .article {
  padding: 20px;
  border: 1px solid #969696;
  text-align: left;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.6);
  margin: 0 0 21px;
}
@media only screen and (max-width: 1024px) {
  .blog.doctor-page-partial .article {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .blog.doctor-page-partial .article {
    padding: 15px 10px;
  }
}
.blog.doctor-page-partial .image-block {
  float: left;
  padding: 23px 0 0;
  width: 170px;
  margin: 0 18px 0 0;
}
@media only screen and (max-width: 767px) {
  .blog.doctor-page-partial .image-block {
    float: none;
    margin: 0 auto 23px;
  }
}
.blog.doctor-page-partial .image-block img {
  vertical-align: top;
  width: 100%;
  height: auto;
}
.blog.doctor-page-partial .description {
  overflow: hidden;
}
.blog.doctor-page-partial .article-heading-holder {
  overflow: hidden;
  margin: 0 0 8px;
}
.blog.doctor-page-partial .article-heading-holder .box {
  overflow: hidden;
}
.blog.doctor-page-partial .article-publish-date {
  float: left;
  padding: 4px 6px;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #636466;
  font-size: 20px;
  line-height: 24px;
  color: #55595E;
  margin: 0 14px 0 0;
}
.blog.doctor-page-partial .article-publish-date span {
  display: block;
  font-size: 36px;
  line-height: 40px;
}
.blog.doctor-page-partial .title {
  display: block;
  font-size: 24px;
  font-weight: normal !important;
  line-height: 27px;
  margin: 0 0 5px;
}
@media only screen and (max-width: 767px) {
  .blog.doctor-page-partial .title {
    font-size: 20px;
  }
}
.blog.doctor-page-partial .title a {
  text-decoration: none;
}
.blog.doctor-page-partial .article-author {
  display: block;
}

.doctor-sidebar {
  width: 37.5%;
  float: right;
  padding: 0 0 0 20px;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .doctor-sidebar {
    padding: 0 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .doctor-sidebar {
    width: 100%;
    float: none;
    padding: 0;
  }
}

.question.doctor-page-partial {
  margin: 0 0 42px;
  background: rgba(255, 255, 255, 0.6);
}
@media only screen and (max-width: 1024px) {
  .question.doctor-page-partial {
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .question.doctor-page-partial {
    margin: 0 0 15px;
  }
}
.question.doctor-page-partial textarea {
  border: none;
  outline: none;
  display: block;
  width: 100%;
  color: #2A3036;
  font: 14px/18px "Trebuchet MS", Helvetica, sans-serif;
  background: none;
  padding: 0;
  margin: 0;
  resize: none;
  min-height: 184px;
}
@media only screen and (max-width: 767px) {
  .question.doctor-page-partial textarea {
    min-height: 240px;
  }
}
.question.doctor-page-partial .green-btn {
  font-size: 18px;
  padding: 11px 32px 10px;
}
.question.doctor-page-partial .form-field {
  border: none;
  outline: none;
  display: block;
  width: 100%;
  height: 18px;
  color: #2A3036;
  font: 14px/18px "Trebuchet MS", Helvetica, sans-serif;
  background: none;
  padding: 0 30px 0 14px;
  margin: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.question.doctor-page-partial .holder {
  border: 1px solid #5AD6B8;
  padding: 20px;
  position: relative;
  z-index: 99;
}
@media only screen and (max-width: 1024px) {
  .question.doctor-page-partial .holder {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .question.doctor-page-partial .holder {
    padding: 15px 10px;
  }
}
.question.doctor-page-partial h2 {
  font-size: 26px;
  text-transform: none;
  line-height: 30px;
  color: #55595E;
  margin: 0 0 28px;
}
@media only screen and (max-width: 767px) {
  .question.doctor-page-partial h2 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 15px;
  }
}
.question.doctor-page-partial .mail {
  border: 1px solid #EAEBEB;
  border-radius: 6px;
  margin: 0 0 23px;
  padding: 13px 0;
  position: relative;
}
.question.doctor-page-partial .mail:before {
  content: "";
  position: absolute;
  top: 14px;
  right: 17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #919191 transparent transparent;
}
.question.doctor-page-partial .mail:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #ffffff transparent transparent;
}
.question.doctor-page-partial .mail.rejected {
  border-color: #f12828;
}
.question.doctor-page-partial .textarea {
  border: 1px solid #EAEBEB;
  border-radius: 0.5em;
  margin: 0 0 23px;
  position: relative;
  padding: 13px 30px 8px 14px;
}
@media only screen and (max-width: 767px) {
  .question.doctor-page-partial .textarea {
    padding: 10px 14px;
  }
}
.question.doctor-page-partial .textarea:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #919191 transparent transparent;
}
.question.doctor-page-partial .textarea:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #ffffff transparent transparent;
}
.question.doctor-page-partial .textarea.rejected {
  border-color: #f12828;
}
.question.doctor-page-partial .show-when-sent {
  display: none;
  padding: 30px 0;
  text-align: center;
  font-size: 26px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .question.doctor-page-partial .show-when-sent {
    font-size: 20px;
    line-height: 26px;
  }
}
.question.doctor-page-partial .show-when-sent .text-block {
  display: block;
  margin: 0 0 15px;
}

.twitter.doctor-page-partial {
  border: 1px solid #2fa3de;
  background: rgba(255, 255, 255, 0.6);
  padding: 20px;
  margin: 0 0 42px;
}
@media only screen and (max-width: 1024px) {
  .twitter.doctor-page-partial {
    padding: 15px;
    margin: 0 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .twitter.doctor-page-partial {
    padding: 15px 10px;
    margin: 0 0 15px;
  }
}
.twitter.doctor-page-partial h2 {
  font-size: 26px;
  text-transform: none;
  line-height: 30px;
  color: #55595E;
  margin: 0 0 28px;
}
@media only screen and (max-width: 767px) {
  .twitter.doctor-page-partial h2 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 15px;
  }
}

.popular.doctor-page-partial {
  background: rgba(255, 255, 255, 0.6);
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .popular.doctor-page-partial {
    padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .popular.doctor-page-partial {
    padding: 15px 10px;
  }
}
.popular.doctor-page-partial p {
  margin: 0 0 5px;
}
.popular.doctor-page-partial .holder {
  border: 1px solid #909598;
  padding: 20px;
}
.popular.doctor-page-partial .heading {
  font-size: 26px;
  text-transform: none;
  line-height: 30px;
  color: #55595E;
  margin: 0 0 28px;
}
@media only screen and (max-width: 767px) {
  .popular.doctor-page-partial .heading {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 15px;
  }
}
.popular.doctor-page-partial .article {
  padding: 0 0 15px;
  border-bottom: 1px solid #D4D6D7;
  margin: 0 0 25px;
  text-align: left;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.7;
}
.popular.doctor-page-partial .article:last-child {
  padding: 0;
  border: 0;
  margin: 0;
}
.popular.doctor-page-partial .image-block {
  float: left;
  width: 50px;
  margin: 0 15px 0 0;
}
@media only screen and (max-width: 767px) {
  .popular.doctor-page-partial .image-block {
    float: none;
    width: 170px;
    margin: 0 auto 23px;
  }
}
.popular.doctor-page-partial .image-block img {
  vertical-align: top;
  width: 100%;
  height: auto;
}
.popular.doctor-page-partial .description {
  overflow: hidden;
}
.popular.doctor-page-partial .title {
  display: block;
  font-size: 17px;
  font-weight: bold;
  line-height: 21px;
  margin: 0 0 5px;
}
@media only screen and (max-width: 767px) {
  .popular.doctor-page-partial .title {
    font-size: 20px;
    line-height: 27px;
  }
}
.popular.doctor-page-partial .title a {
  text-decoration: none;
}
.popular.doctor-page-partial .article-author {
  display: block;
  font-size: 12px;
  line-height: 16px;
}
@media only screen and (max-width: 767px) {
  .popular.doctor-page-partial .article-author {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 10px;
  }
}
.popular.doctor-page-partial .bottom-link {
  padding: 0 0 5px;
}
.popular.doctor-page-partial .bottom-link a {
  outline: none;
  color: #0073B1;
  text-decoration: none;
  border-bottom: 1px solid #0073B1;
}

.social-buttons-holder {
  color: #ffffff;
  font-size: 0;
  line-height: 0;
}
.social-buttons-holder:after, .social-buttons-holder:before {
  content: "";
  display: table;
}
.social-buttons-holder:after {
  clear: both;
}
.social-buttons-holder .element {
  float: left;
  padding: 5px 10px 5px 0;
}
.social-buttons-holder .element:last-child {
  padding: 5px 0;
}
.social-buttons-holder .facebook-social, .social-buttons-holder .twitter-social {
  position: relative;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 0 8px 0 24px;
  font-size: 12px;
  line-height: 20px;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 5px;
}
.social-buttons-holder .facebook-social {
  background: #40579d;
}
.social-buttons-holder .facebook-social:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  margin: -6px 0 0;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") 0 -92px;
  height: 11px;
  width: 11px;
}
.social-buttons-holder .twitter-social {
  background: #1b95e0;
}
.social-buttons-holder .twitter-social:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  margin: -5px 0 0;
  background: url(https://www.vivami-cdn.com/img//icons-sec2d09105b.png) -16px -33px;
  height: 9px;
  width: 11px;
}

@media only screen and (max-width: 767px) {
  .blogPost .breadcrumbs-holder {
    display: block;
  }
}

.infoBox {
  position: relative;
  z-index: 2;
  width: 280px;
  min-height: 200px;
  padding: 0;
  margin: 0 0 55px;
}
@media only screen and (max-width: 767px) {
  .infoBox {
    min-height: auto;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 420px) {
  .infoBox {
    width: 100%;
  }
}
.infoBox.right {
  float: right;
  background: #ededed;
  margin-left: 40px;
}
.infoBox .rich-text {
  width: 100%;
  padding: 10px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .infoBox .rich-text {
    display: none;
  }
}
.infoBox .boxTitle {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px;
  background: #d4d4d4;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .infoBox .boxTitle:after {
    content: " + ";
    position: absolute;
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .infoBox .boxTitle {
    display: block !important;
    cursor: pointer;
  }
}
.infoBox.collapsed .rich-text {
  display: block;
}
@media only screen and (max-width: 767px) {
  .infoBox.collapsed .boxTitle:after {
    content: " - ";
  }
}

.infoBox {
  position: relative;
  z-index: 2;
  width: 280px;
  min-height: 200px;
  padding: 0;
  margin: 0 0 55px;
}
@media only screen and (max-width: 767px) {
  .infoBox {
    min-height: auto;
    margin-bottom: 25px;
  }
}
.infoBox.right {
  float: right;
  background: #ededed;
  margin-left: 40px;
}
.infoBox .rich-text {
  width: 100%;
  padding: 10px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .infoBox .rich-text {
    display: none;
  }
}
.infoBox .boxTitle {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px;
  background: #d4d4d4;
  text-transform: uppercase;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .infoBox .boxTitle:after {
    content: " + ";
    position: absolute;
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .infoBox .boxTitle {
    display: block !important;
    cursor: pointer;
  }
}
.infoBox.collapsed .rich-text {
  display: block;
}
@media only screen and (max-width: 767px) {
  .infoBox.collapsed .boxTitle:after {
    content: " - ";
  }
}

#CorousalPopup .modal-body img#corousalimage {
  margin-left: auto;
  margin-right: auto;
}

.thankYourOrderPage #main {
  background: #ffffff;
}
.thankYourOrderPage .thankYourOrder-section {
  padding: 74px 0 74px;
  display: block;
}
@media only screen and (max-width: 1023px) {
  .thankYourOrderPage .thankYourOrder-section {
    padding: 34px 0 36px;
  }
}
@media only screen and (max-width: 767px) {
  .thankYourOrderPage .thankYourOrder-section {
    padding: 0 0 36px;
  }
}
.thankYourOrderPage .withTopArrow {
  padding-top: 0 !important;
  border-top: 0;
}
.thankYourOrderPage .withTopArrow .centered-section:before {
  content: " ";
  display: table;
  background: url(https://www.vivami-cdn.com/img//arrow-white-bg.png) no-repeat 50% 0;
  width: 100%;
  height: 31px;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .thankYourOrderPage .withTopArrow .centered-section:before {
    display: none;
  }
}
.thankYourOrderPage .withTopArrow header {
  padding: 55px 0 0;
  text-align: center;
}
.thankYourOrderPage .withTopArrow header h2 {
  font-size: 60px;
  line-height: 70px;
  font-family: "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 1023px) {
  .thankYourOrderPage .steps-section header h2 {
    font-size: 30px;
    line-height: 34px;
    margin: 0 0 7px;
  }
}
@media only screen and (max-width: 767px) {
  .thankYourOrderPage .steps-section header h2 {
    font-size: 25px;
    line-height: 29px;
  }
}

.thankYourOrder-section header {
  margin: -28px 0 56px;
  font: 300 22px/30px "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .thankYourOrder-section header {
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 26px;
  }
}
@media only screen and (max-width: 767px) {
  .thankYourOrder-section header {
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 26px;
  }
}
.thankYourOrder-section header h1 {
  margin: 0 0 42px;
  font: 80px/90px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  color: #55595E;
}
@media only screen and (max-width: 1023px) {
  .thankYourOrder-section header h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 16px;
  }
}
@media only screen and (max-width: 767px) {
  .thankYourOrder-section header h1 {
    font-size: 25px;
    font-weight: 600;
  }
}
.thankYourOrder-section .buttons-holder {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .thankYourOrder-section .green-btn {
    font-size: 12px;
    width: 100%;
    max-width: 460px;
  }
}
.thankYourOrder-section .switch .switch_label-text {
  margin-left: 60px;
  display: inline-block;
  margin-top: 2px;
}
.thankYourOrder-section .switch .switch_label-text .sms-notification-on {
  display: none;
}
.thankYourOrder-section .switch .jcf-checkbox > span:before {
  content: "Off";
  display: block;
  position: absolute;
  right: -25px;
  top: 2px;
}
.thankYourOrder-section .switch .jcf-checkbox > span:after {
  content: "On";
  display: none;
  position: absolute;
  right: -25px;
  top: 2px;
}
.thankYourOrder-section .switch .jcf-checkbox.jcf-checked > span:before {
  display: none;
}
.thankYourOrder-section .switch .jcf-checkbox.jcf-checked > span:after {
  display: block;
}

.thankYourOrder-table-holder {
  overflow: hidden;
  margin: 0 auto 30px;
}

.yourOrder-table-holder {
  width: 50%;
  padding: 0 0 0 5px;
  float: left;
}
@media only screen and (max-width: 767px) {
  .yourOrder-table-holder {
    width: 100%;
    padding: 0;
    float: none;
    margin: 0 auto 33px;
  }
}
.yourOrder-table-holder.manual {
  padding: 0 5px 0 0;
}

.yourOrder-table {
  background: #f5f6f7;
  border-radius: 5px;
  border-bottom: 1px solid #d6d6d6;
}
@media only screen and (max-width: 767px) {
  .yourOrder-table {
    width: 100%;
    padding: 0;
    float: none;
    margin: 0 auto 33px;
  }
}
.yourOrder-table .yourOrder-heading {
  font: 700 16px/20px "Trebuchet MS", Helvetica, sans-serif;
  padding: 13px 26px 12px;
  overflow: hidden;
  text-align: left;
  background: #edeff0;
  border-radius: 5px 5px 0 0;
  color: #55595E;
}
@media only screen and (max-width: 767px) {
  .yourOrder-table .yourOrder-heading {
    font-size: 13px;
    line-height: 18px;
    padding: 10px 18px;
  }
}
.yourOrder-table table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  font: 14px/20px "Trebuchet MS", Helvetica, sans-serif;
  color: #55595E;
  border-bottom: 1px solid #d6d6d6;
}
.yourOrder-table table tr:last-child {
  background: #cff0ff;
}
.yourOrder-table table tr:last-child td {
  border-left: 1px solid #d6d7d8;
}
@media only screen and (max-width: 767px) {
  .yourOrder-table table {
    width: 100%;
    table-layout: fixed;
    border-bottom: 0;
    font-size: 11px;
    line-height: 16px;
  }
}
.yourOrder-table table th, .yourOrder-table table td {
  border-top: 1px solid #d6d6d6;
  text-align: left;
  border-left: 1px solid #e9e9ea;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .yourOrder-table table th, .yourOrder-table table td {
    border-left: 0;
  }
}
.yourOrder-table table th {
  padding: 13px 10px 11px 10px;
  width: 20px;
  border-left: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .yourOrder-table table th {
    white-space: normal;
    width: 120px;
  }
}
.yourOrder-table table td {
  padding: 13px 10px 11px 10px;
  word-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .yourOrder-table table td {
    text-align: right;
  }
}
.yourOrder-table table .edit-btn {
  float: right;
  position: relative;
  color: #2A3036;
  font-size: 11px;
  padding: 0 0 0 23px;
  margin: 0 0 0 10px;
  cursor: pointer;
}
.yourOrder-table .yourOrder-order-number {
  padding: 0 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .yourOrder-table .yourOrder-order-number {
    float: right;
    padding: 0 0 0 10px;
  }
}
.yourOrder-table .edit-form {
  display: none;
}
.yourOrder-table .edit-form.passed .edit-field {
  border-color: #0073B1;
}
.yourOrder-table .edit-form.rejected .edit-field {
  border-color: #f12828;
}
.yourOrder-table .edit-field {
  background: #fbfcfc;
  border: 1px solid #d6d6d6;
  padding: 0 6px;
  width: 100%;
  margin: 0 0 10px;
}
.yourOrder-table .confirm-btn {
  text-align: right;
}
.yourOrder-table .confirm-btn .confirm-button, .yourOrder-table .confirm-btn .confirm-link {
  display: inline-block;
  vertical-align: top;
  padding: 3px 6px;
  background: #b7b7b7;
  border-radius: 6px;
  color: #ffffff;
  text-decoration: none;
  margin: 0 0 0 4px;
  outline: none;
  border: none;
}
.yourOrder-table .confirm-btn .confirm-button {
  background: #8c8686;
}
.yourOrder-table .edit-btn:after {
  background-image: url(https://www.vivami-cdn.com/img//backgrounds-sb34cb68271.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  background-position: -57px -33px;
  width: 13px;
  height: 13px;
  left: 0;
  top: 4px;
}

.bankWire .yourOrder-table, .cashOnDelivery .yourOrder-table, .icePay .yourOrder-table {
  border-radius: 5px;
}
.bankWire .yourOrder-table table, .cashOnDelivery .yourOrder-table table, .icePay .yourOrder-table table {
  border-bottom: 0;
}

.sms-notification-form .sms-notification-change {
  background: #ffffff;
  outline: none;
  border: 1px solid #d9d9d9;
  color: #2A3036;
  transition: all 500ms;
}
.sms-notification-form .sms-notification-change:first-child {
  border-radius: 5px 0 0 5px;
  border-width: 1px 0 1px 1px;
  margin-right: -4px;
}
.sms-notification-form .sms-notification-change:last-child {
  border-radius: 0 5px 5px 0;
  border-width: 1px 1px 1px 0;
}
.sms-notification-form .sms-notification-change[disabled] {
  background: #f12828;
  color: #ffffff;
  border-color: #f12828;
}

.bankWire-info, .cashOnDelivery-info, .icePay-info, .klarnaInvoice-info {
  background: #f5f6f7;
  border-radius: 5px;
  border-bottom: 1px solid #d6d6d6;
  min-height: 318px;
  font: 14px/20px "Trebuchet MS", Helvetica, sans-serif;
  color: #55595E;
}
.bankWire-info .heading, .cashOnDelivery-info .heading, .icePay-info .heading, .klarnaInvoice-info .heading {
  display: block;
  font: 700 16px/20px "Trebuchet MS", Helvetica, sans-serif;
  padding: 13px 26px 12px;
  background: #edeff0;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #d6d6d6;
  color: #55595E;
}
.bankWire-info p, .cashOnDelivery-info p, .icePay-info p, .klarnaInvoice-info p {
  padding: 13px 10px 11px 10px;
  border-bottom: 1px solid #d6d6d6;
}

.productDetail-info {
  text-align: center;
  min-height: 312px;
}
@media only screen and (max-width: 767px) {
  .productDetail-info {
    min-height: auto;
  }
}
.productDetail-info img {
  max-width: 310px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .productDetail-info img {
    max-width: 310px;
    height: 250px;
    width: auto;
  }
}

.deliveryMessage {
  text-align: center;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 28px;
}
@media only screen and (max-width: 767px) {
  .deliveryMessage {
    line-height: 22px;
  }
}

.prescriptions-section.withTopArrow .centered-section:before {
  background: url(../../Styles/img-path/arrow-white-bg.png) no-repeat 50% 0;
  width: 100%;
  height: 31px;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
}
@media only screen and (max-width: 640px) {
  .prescriptions-section.withTopArrow .centered-section:before {
    display: none;
  }
}

@media only screen and (max-width: 640px) {
  .steps-section header {
    margin: 0 0 20px;
  }
}

@media only screen and (max-width: 1023px) {
  .steps-section header + .steps-holder {
    padding-top: 0;
  }
}

.identity-varify {
  width: 1020px;
  margin: 0 auto;
  max-width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #55595E;
  padding: 60px 20px 40px;
}
.identity-varify.order-complete-page {
  width: 820px;
}
@media only screen and (max-width: 991px) {
  .identity-varify {
    padding: 40px 20px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .identity-varify {
    font-size: 15px;
    padding: 40px 20px 10px;
  }
}
.identity-varify h1, .identity-varify .h1 {
  font-weight: 300;
  font-size: 42px;
  line-height: 120%;
  margin: 0 0 30px;
}
@media only screen and (max-width: 991px) {
  .identity-varify h1, .identity-varify .h1 {
    font-size: 34px;
    margin: 0 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .identity-varify h1, .identity-varify .h1 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 400px) {
  .identity-varify h1, .identity-varify .h1 {
    font-size: 20px;
    margin: 0 0 20px;
  }
}
.identity-varify h2, .identity-varify .h2 {
  font-size: 28px;
  font-weight: 300;
  line-height: 130%;
}
@media only screen and (max-width: 767px) {
  .identity-varify h2, .identity-varify .h2 {
    font-size: 22px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 400px) {
  .identity-varify h2, .identity-varify .h2 {
    font-size: 18px;
  }
}
.identity-varify h3, .identity-varify .h3 {
  font-size: 24px;
  line-height: 130%;
}
@media only screen and (max-width: 767px) {
  .identity-varify h3, .identity-varify .h3 {
    font-size: 20px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 400px) {
  .identity-varify h3, .identity-varify .h3 {
    font-size: 16px;
  }
}
.identity-varify .large {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .identity-varify .large {
    font-size: 16px;
  }
}
@media only screen and (max-width: 400px) {
  .identity-varify .large {
    font-size: 15px;
  }
}
.identity-varify .small {
  font-size: 14px;
}
.identity-varify .reguler {
  font-weight: 400;
}
.identity-varify .semibold {
  font-weight: 500;
}
.identity-varify .bold {
  font-weight: 600;
}
.identity-varify .text-blue {
  color: #0073B1;
}
.identity-varify .text-yellow {
  color: #EEA338;
}
.identity-varify .d-block {
  display: block;
}
.identity-varify .button-block .btn {
  min-width: 315px;
  letter-spacing: 0.05em;
  font-family: "Poppins", sans-serif;
  margin-bottom: 30px;
  padding: 14px 26px;
  text-overflow: unset;
  white-space: normal;
  line-height: 1.4;
  outline: 0;
}
.identity-varify .button-block .btn.green-btn.disabled, .identity-varify .button-block .btn.green-btn:disabled {
  background: #D0D2D2;
  border-color: #b8b8b8;
  color: #929292 !important;
  opacity: 1;
}
@media only screen and (max-width: 400px) {
  .identity-varify .button-block .btn {
    min-width: 0;
    width: 100%;
    font-size: 14px;
    padding: 14px 10px;
  }
}
.identity-varify .border-top {
  border-top: 1px solid #E0E0E0;
}
.identity-varify .border-bottom {
  border-bottom: 1px solid #E0E0E0;
}
.identity-varify .why-do-check {
  padding-top: 20px;
  padding-bottom: 10px;
  width: 600px;
  max-width: 100%;
  margin: 30px auto 40px;
}
@media only screen and (min-width: 601px) {
  .identity-varify .why-do-check .collapse, .identity-varify .why-do-check .collapsing {
    display: block;
    height: auto !important;
  }
}
@media only screen and (max-width: 600px) {
  .identity-varify .why-do-check {
    text-align: left;
    padding: 15px 20px 3px;
    margin: 20px -40px 30px;
    margin-left: -20px;
    max-width: calc(100% + 40px);
  }
  .identity-varify .why-do-check .title {
    position: relative;
    padding-right: 20px;
  }
  .identity-varify .why-do-check .title:after {
    position: absolute;
    right: 20px;
    top: calc(50% - 8px);
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #2A3036;
    display: block;
  }
  .identity-varify .why-do-check .title:not(.collapsed):after {
    border-top: 9px solid #2A3036;
    border-left-color: transparent;
    border-right: 8px solid transparent;
  }
}
.identity-varify .product-order-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #F5F8F9;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 7px;
  padding: 15px 15px 10px;
  max-width: 570px;
  margin: 30px auto;
}
@media only screen and (max-width: 767px) {
  .identity-varify .product-order-card {
    margin: 25px auto 30px;
  }
}
@media only screen and (max-width: 400px) {
  .identity-varify .product-order-card {
    display: block;
    text-align: center;
  }
}
.identity-varify .product-order-card .prod-img {
  background: #ffffff;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  margin-right: 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.identity-varify .product-order-card .prod-img img {
  width: 90px;
}
@media only screen and (max-width: 767px) {
  .identity-varify .product-order-card .prod-img {
    width: 90px;
    height: 90px;
    margin-right: 20px;
  }
  .identity-varify .product-order-card .prod-img img {
    width: 80px;
  }
}
@media only screen and (max-width: 400px) {
  .identity-varify .product-order-card .prod-img {
    margin: 0 auto 10px;
  }
}
.identity-varify .product-order-card .prod-order-info {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.identity-varify .product-order-card .prod-order-info .sms-phone {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #D9D9D9;
  padding-top: 10px;
}
@media only screen and (max-width: 400px) {
  .identity-varify .product-order-card .prod-order-info .sms-phone {
    display: block;
  }
}
.identity-varify .product-order-card .prod-order-info .sms-phone > span {
  margin-bottom: 7px;
}
.identity-varify .product-order-card .prod-order-info .sms-phone span {
  display: inline-block;
  vertical-align: middle;
}
.identity-varify .product-order-card .prod-order-info .sms-phone .fa-mobile {
  margin: 0 6px;
  font-size: 20px;
  vertical-align: middle;
}
.identity-varify .product-order-card .prod-order-info .sms-phone .js-editphone {
  text-decoration: none;
}
.identity-varify .product-order-card .prod-order-info .sms-phone .confirm-btn .confirm-button {
  padding-left: 5px;
  padding-right: 5px;
}
.identity-varify .product-order-card .prod-order-info .sms-phone .confirm-btn a {
  cursor: pointer;
}
.identity-varify .product-order-card .prod-order-info .sms-phone .switch {
  float: none;
  width: 37px;
  height: 20px;
  vertical-align: middle;
  margin: -2px 5px 0;
}
.identity-varify .product-order-card .prod-order-info .sms-phone .switch .jcf-checkbox {
  box-shadow: none;
  background: #b8b8b8;
}
.identity-varify .product-order-card .prod-order-info .sms-phone .switch .jcf-checkbox:before {
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  box-shadow: none;
}
.identity-varify .product-order-card .prod-order-info .sms-phone .switch .jcf-checkbox.jcf-checked {
  background: #0073B1;
}
.identity-varify .product-order-card .prod-order-info .sms-phone .switch .jcf-checkbox.jcf-checked:before {
  transform: translateX(16px);
}
.identity-varify .product-order-card .btn-edit {
  font-size: 14px;
  background: #D9E2E4;
  border-radius: 5px;
  padding: 2px 11px;
  margin-left: 10px;
}
.identity-varify .product-order-card .btn-edit .fa {
  font-size: 12px;
  margin-right: 6px;
}
.identity-varify .identity-text {
  max-width: 516px;
  margin: 0 auto;
}
.identity-varify .upload-id-card {
  max-width: 435px;
  margin: 30px auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .identity-varify .upload-id-card {
    margin: 20px auto 30px;
  }
}
.identity-varify .upload-id-card input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.identity-varify .upload-id-card label {
  background: #F5FAFF;
  border: 1px solid #D1D5DC;
  border-radius: 14px;
  padding: 15px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
}
.identity-varify .upload-id-card label .p {
  font-size: 16px;
}
.identity-varify .upload-id-card label .id-text {
  padding: 0 10px;
}
.identity-varify .upload-id-card label .id-img {
  background: #ffffff;
  min-width: 80px;
  height: 80px;
  border-radius: 100px;
  line-height: 80px;
  text-align: center;
  margin-left: auto;
}
.identity-varify .upload-id-card label .checkmark {
  background: #ffffff;
  border: 2px solid #D2DAE2;
  min-width: 24px;
  height: 24px;
  border-radius: 100px;
  color: #ffffff;
  text-align: center;
  line-height: 21px;
}
@media only screen and (max-width: 400px) {
  .identity-varify .upload-id-card label {
    padding: 12px;
  }
  .identity-varify .upload-id-card label .p {
    font-size: 14px;
    margin-bottom: 3px;
  }
  .identity-varify .upload-id-card label .checkmark {
    min-width: 22px;
    height: 22px;
    line-height: 19px;
    font-size: 13px;
  }
  .identity-varify .upload-id-card label .id-img {
    min-width: 70px;
    height: 70px;
    line-height: 70px;
  }
  .identity-varify .upload-id-card label .id-img img {
    width: 65px;
  }
}
.identity-varify .upload-id-card input:checked ~ label {
  border-color: #0073B1;
}
.identity-varify .upload-id-card input:checked ~ label .checkmark {
  background: #0073B1;
  border-color: #0073B1;
}
.identity-varify .id-types {
  margin: 40px 0;
}
.identity-varify .id-types .id-type-radio {
  padding: 3px;
}
.identity-varify .id-types .id-type-radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.identity-varify .id-types .id-type-radio input:checked ~ label {
  border-color: #0073B1;
}
.identity-varify .id-types .id-type-radio label {
  background: #ffffff;
  width: 100%;
  height: 100%;
  box-shadow: 0px 2.8px 25px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  min-width: 195px;
  height: 160px;
  margin: 0;
  padding: 17px;
  border: 1px solid #ffffff;
}
.identity-varify .id-types .id-type-radio label img {
  margin: auto;
}
.identity-varify .id-types .id-type-radio:first-child label {
  border-radius: 14px 0px 0px 14px;
}
.identity-varify .id-types .id-type-radio:last-child label {
  border-radius: 0px 14px 14px 0px;
}
@media only screen and (max-width: 767px) {
  .identity-varify .id-types .id-type-radio label {
    min-width: 165px;
    padding: 20px;
    height: 100%;
  }
}
@media only screen and (max-width: 580px) {
  .identity-varify .id-types {
    margin: 30px 0 40px;
  }
  .identity-varify .id-types .id-type-radio label {
    padding: 17px;
  }
  .identity-varify .id-types .id-type-radio:first-child label {
    border-radius: 14px 0px 0px 14px;
  }
  .identity-varify .id-types .id-type-radio:nth-child(2) label {
    border-radius: 0px 14px 14px 0px;
  }
  .identity-varify .id-types .id-type-radio:last-child label {
    border-radius: 14px;
  }
}
@media only screen and (max-width: 400px) {
  .identity-varify .id-types {
    display: block;
  }
  .identity-varify .id-types .id-type-radio label {
    width: 165px;
    margin: 0 auto;
  }
  .identity-varify .id-types .id-type-radio:first-child label {
    border-radius: 14px 14px 0px 0px;
  }
  .identity-varify .id-types .id-type-radio:nth-child(2) label {
    border-radius: 0px;
  }
  .identity-varify .id-types .id-type-radio:last-child label {
    border-radius: 0 0 14px 14px;
  }
}
.identity-varify .file-upload-section .upload-preview {
  margin-bottom: 40px;
}
.identity-varify .file-upload-section .file-upload {
  position: relative;
  width: 150px;
  margin-top: 30px;
  padding: 0 10px;
}
.identity-varify .file-upload-section .file-upload input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.identity-varify .file-upload-section .file-upload label {
  background: #ffffff;
  box-shadow: 0px 2.8px 25px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  padding: 17px 13px 17px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
}
.identity-varify .file-upload-section .file-upload label img {
  margin-bottom: 15px;
}
.identity-varify .file-upload-section .preview-block {
  margin-top: 30px;
  margin-left: -10px;
}
.identity-varify .file-upload-section .id-preview {
  position: relative;
  box-shadow: 0px 2.8px 25px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  display: inline-block;
  background-size: cover;
  background-position: center;
  margin-left: 10px;
}
.identity-varify .file-upload-section .id-preview img {
  width: 130px;
  height: 130px;
  visibility: hidden;
}
.identity-varify .file-upload-section .id-preview .close-preview {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #f12828;
  color: #ffffff;
  border: 2px solid #ffffff;
  line-height: 18px;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  padding: 0;
}

@media only screen and (min-width: 769px) {
  .patient-page .identity-varify h1, .patient-page .identity-varify .h1 {
    font-size: 26px;
    margin: 0 0 20px;
  }
}
@media only screen and (min-width: 991px) {
  .patient-page .identity-varify h1, .patient-page .identity-varify .h1 {
    font-size: 33px;
    margin: 0 0 24px;
  }
}
@media only screen and (min-width: 769px) {
  .patient-page .identity-varify h2, .patient-page .identity-varify .h2 {
    font-size: 23px;
  }
}
@media only screen and (min-width: 991px) {
  .patient-page .identity-varify h2, .patient-page .identity-varify .h2 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 769px) {
  .patient-page .identity-varify .id-types .id-type-radio label {
    min-width: 165px;
    padding: 20px;
    height: 100%;
  }
}

.identity-varify-page .order-progress-steps {
  border-bottom: 0;
}

.dark2-bg {
  padding: 99px 0 84px;
}
@media only screen and (max-width: 1023px) {
  .dark2-bg {
    padding: 34px 0 25px;
  }
}

.link {
  color: #0073B1;
}

.patient-page #main {
  background-color: #F5FAFF;
}
@media only screen and (max-width: 1023px) {
  .patient-page #main {
    padding-top: 0 !important;
  }
}
.patient-page .inner-section.medicalQuestionnaire {
  padding: 91px 0 74px;
}
.patient-page .inner-section.medicalQuestionnaire .buttons-holder {
  margin: 20px 0;
}
.patient-page .inner-section.medicalQuestionnaire .buttons-holder:before {
  content: "";
  width: 100%;
  display: table;
  clear: both;
}
.patient-page a.btn {
  text-decoration: none;
}

.patient-area {
  text-align: center;
  font: 300 13px/16px "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
}
.patient-area h2 {
  margin: 0 0 32px;
  font: 40px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
}
.patient-area h3 {
  margin: 0 0 5px;
  font: 300 16px/20px "Trebuchet MS", Helvetica, sans-serif;
}
.patient-area p {
  margin: 0 0 9px;
}
.patient-area .col {
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  width: 386px;
  margin: 0 auto;
  text-align: left;
  padding: 19px 12px 11px 18px;
  min-height: 158px;
}

.light-bg {
  background: #fafafa;
  padding: 91px 0 74px;
}

.prescriptions-section header {
  margin: 0 0 11px;
}
.prescriptions-section h2 {
  margin: 0;
  font: 50px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
}
.prescriptions-section.withTopArrow {
  padding-top: 0 !important;
  border-top: 0;
}
.prescriptions-section.withTopArrow header {
  padding: 55px 0 0;
  text-align: center;
}
.prescriptions-section.withTopArrow .centered-section:before {
  background: url(https://www.vivami-cdn.com/img//arrow-dark2-bg.png) no-repeat 50% 0;
  width: 100%;
  height: 31px;
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
}

.prescriptions-list {
  font: 300 16px/20px "Trebuchet MS", Helvetica, sans-serif;
}
.prescriptions-list .holder {
  border-bottom: 1px solid #dbdbdb;
  padding: 24px 0 44px;
  margin: 0 0 20px;
}
.prescriptions-list .twocolumns {
  padding: 0 18px;
}
.prescriptions-list .alignleft {
  float: left;
  margin: 0 35px 0 0;
}
.prescriptions-list .info {
  display: table;
}
.prescriptions-list .info:before {
  content: ". .";
  display: block;
  word-spacing: 99in;
  height: 0;
  overflow: hidden;
}
.prescriptions-list .orderInformation {
  float: left;
  width: 100%;
  max-width: 386px;
}
@media only screen and (max-width: 1150px) {
  .prescriptions-list .orderInformation {
    max-width: none;
    margin: 0 -15px;
    float: none;
    width: auto;
  }
}
.prescriptions-list .information-popup {
  width: 260px;
  float: right;
  font: 300 13px/16px "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 46px 0 0;
}
@media only screen and (max-width: 1150px) {
  .prescriptions-list .information-popup {
    float: none;
    margin: 0 0 15px;
    width: 100%;
    display: table;
  }
}
.prescriptions-list .information-popup .withLeftArrow {
  position: relative;
  padding: 19px 45px 10px 20px;
}
.prescriptions-list .information-popup .withLeftArrow:after {
  position: absolute;
  content: "";
  background-position: -174px -114px;
  width: 9px;
  height: 14px;
  left: -9px;
  top: 19px;
}
.prescriptions-list .information-popup h3 {
  margin: 0 0 14px;
  font: 300 19px/23px "Trebuchet MS", Helvetica, sans-serif;
}
.prescriptions-list .information-popup h3.withIco {
  padding: 0 0 0 44px;
  position: relative;
}
.prescriptions-list .information-popup h3.withIco .status-icon {
  width: 31px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(https://www.vivami-cdn.com/img//status-clock.jpg) no-repeat;
}
.prescriptions-list .information-popup p {
  margin: 0 0 7px;
}
.prescriptions-list .information-popup .links-list {
  padding: 18px 0 0;
}
.prescriptions-list .information-popup .links-list li {
  padding: 0 0 10px;
  font-size: 13px;
}
.prescriptions-list .information-popup .links-list a {
  position: relative;
  padding: 1px 0 0 25px;
  color: #0073B1;
}
.prescriptions-list .information-popup .links-list .questions-ico:after {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: url(https://www.vivami-cdn.com/img//ico-info02.png) no-repeat;
  left: 0;
  top: 0;
}

.order-table-holder {
  width: 100%;
  margin: 0 0 22px;
  border-radius: 5px;
  overflow: hidden;
  background: #f5f6f7;
  border-bottom: 1px solid #d6d6d6;
  font: 14px/20px "Trebuchet MS", Helvetica, sans-serif;
  color: #55595E;
}
.order-table-holder th, .order-table-holder td {
  border-top: 1px solid #d6d6d6;
  padding: 13px 13px 11px 17px;
  vertical-align: top;
}
.order-table-holder th {
  white-space: nowrap;
  border-right: 1px solid #e4e5e6;
}
.order-table-holder table {
  width: 100%;
}
.order-table-holder thead th, .order-table-holder thead td {
  background: #edeff0;
  border-top: 0;
  font: 700 16px/20px "Trebuchet MS", Helvetica, sans-serif;
}
.order-table-holder .status-box {
  position: relative;
  padding-left: 26px;
}
.order-table-holder .pending-ico:after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -74px -72px;
  height: 19px;
  width: 19px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
  .order-table-holder .pending-ico:after {
    background-image: url("https://www.vivami-cdn.com/img//icons@2x-sd1d5d59325.png");
    background-position: 0 -116px;
    background-size: 174px auto;
    background-repeat: no-repeat;
    height: 19px;
    width: 19px;
  }
}
.order-table-holder .declined-ico:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -139px -33px;
  height: 16px;
  width: 16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 2dppx) {
  .order-table-holder .declined-ico:after {
    background-image: url("https://www.vivami-cdn.com/img//icons@2x-sd1d5d59325.png");
    background-position: -11px -68px;
    background-size: 174px auto;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
  }
}

#askCustomerServ #message-popup-container {
  height: auto;
}

.dataSaveMessage {
  display: none;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 48px;
  line-height: 56px;
  text-transform: uppercase;
  color: #5AD6B8;
}

.messagePopup {
  margin: 0 30px;
}
.messagePopup .textarea-holder {
  width: 100%;
}
.messagePopup textarea {
  width: 100%;
  height: 135px;
  max-width: 100%;
  display: block;
}
.messagePopup .messagesList {
  padding: 20px 0 0;
}
.messagePopup .messagesList li {
  margin: 0 0 15px;
  padding: 15px 0 0;
  border-top: 1px solid #AAACAF;
}
.messagePopup .messagesList li:first-child {
  border: 0;
}
.messagePopup .messagesList .message-text {
  margin: 0 0 9px;
}
.messagePopup .messagesList .message-date {
  font-size: 14px;
  color: #a9a9a9;
}
.messagePopup .messagePopup .dataSaveMessage {
  font-weight: 400;
  opacity: 0.8;
}

.modal-body h2 {
  font: 300 50px/60px "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 0 32px;
}
.modal-body a {
  color: #0073B1;
}
.modal-body .cancel-link {
  margin-left: 13px;
}

@media only screen and (max-width: 767px) {
  .customerCare-Chat .row {
    padding-bottom: 0;
  }
}
.customerCare-Chat .modal-header h2 {
  display: inline-block;
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .customerCare-Chat .modal-header h2 {
    font-size: 30px;
    font-weight: bold;
    margin-left: 0;
  }
}
@media only screen and (max-width: 480px) {
  .customerCare-Chat .modal-header h2 {
    font-size: 24px;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .customerCare-Chat .messagePopup {
    margin: 0;
  }
}
.customerCare-Chat .messagePopup textarea {
  width: 100%;
  height: 135px;
  max-width: 100%;
  display: block;
  border: 2px solid #d9d9d9;
  background: #ffffff;
  box-shadow: inset 0 2px 4px #efefef;
  border-radius: 6px;
  position: relative;
  margin: 0 0 18px;
  outline: none;
  padding: 10px;
}
.customerCare-Chat .messagePopup textarea:focus {
  border-color: #0073B1;
}
.customerCare-Chat .messagePopup .fileUploadHolder {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .customerCare-Chat .messagePopup .fileUploadHolder {
    display: block;
  }
}
.customerCare-Chat .messagePopup .fileUploadHolder input[type=file] {
  border: 2px solid #d9d9d9;
  background: #ffffff;
  box-shadow: inset 0 2px 4px #efefef;
  border-radius: 6px;
  padding: 10px;
}
@media only screen and (max-width: 767px) {
  .customerCare-Chat .messagePopup .fileUploadHolder input[type=file] {
    width: 100%;
  }
}
.customerCare-Chat .messagePopup .fileUploadedHolder {
  display: inline-block;
}
.customerCare-Chat .buttons-holder .green-btn {
  margin-bottom: 0;
}

.error-popup.field-validation-valid, .validate-error-message.field-validation-valid {
  margin: 0 !important;
}

.inner-section h1 {
  font: 60px/70px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  margin: 0 0 29px;
}

@media only screen and (max-width: 767px) {
  .profile-options h1 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 20px;
  }
}

.patientProfile-holder {
  padding: 0 0 0 5%;
}
@media only screen and (max-width: 640px) {
  .patientProfile-holder {
    padding: 0;
  }
}
.patientProfile-holder h2 {
  margin: 0 0 32px;
  font: 40px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
  .patientProfile-holder h2 {
    margin: 0 0 15px;
    font-size: 26px;
    line-height: 30px;
  }
}
.patientProfile-holder .input-holder {
  display: block;
}
.patientProfile-holder .input-holder input {
  background: none;
  background-image: url(https://www.vivami-cdn.com/img//ico-input-default.png);
  background-position: 97% 50%;
  background-repeat: no-repeat;
  border: 1px solid #F4F4F5;
  border-top-width: 2px;
  box-shadow: inset 1px 1px 0 #F4F4F5, inset -1px 0 0 #F4F4F5;
  border-radius: 5px;
  width: 100%;
  margin: 0;
  font: 300 22px/30px "Trebuchet MS", Helvetica, sans-serif;
  color: #2A3036;
  height: 44px;
  padding: 0 30px 0 15px;
  text-indent: 0;
}
@media only screen and (max-width: 767px) {
  .patientProfile-holder .input-holder input {
    font-size: 14px !important;
  }
}
.patientProfile-holder .error-popup.field-validation-valid, .patientProfile-holder .validate-error-message.field-validation-valid {
  display: none;
}
.patientProfile-holder .error-popup.field-validation-error, .patientProfile-holder .validate-error-message.field-validation-error {
  display: block;
  background: #434345;
  border-radius: 3px;
  color: #ffffff;
  font: 700 13px/16px "Trebuchet MS", Helvetica, sans-serif;
  position: absolute;
  bottom: 100%;
  left: 3px;
  padding: 12px 15px;
  margin: 0 0 2px;
}
.patientProfile-holder .error-popup.field-validation-error:after, .patientProfile-holder .validate-error-message.field-validation-error:after {
  position: absolute;
  content: "";
  background-position: 0 -73px;
  width: 14px;
  height: 6px;
  left: 11px;
  top: 100%;
}
.patientProfile-holder .jcf-checkbox {
  margin: 0 5px 0 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -111px -112px;
  height: 21px;
  width: 21px;
  border: none;
}
.patientProfile-holder .jcf-checkbox.jcf-checked {
  background: url("https://www.vivami-cdn.com/img//icons-sec2d09105b.png") -69px -112px;
  height: 21px;
  width: 21px;
}
.patientProfile-holder .jcf-checkbox span {
  display: none;
}
.patientProfile-holder label {
  font-weight: normal;
}
.patientProfile-holder .chk-area ~ label {
  cursor: pointer;
}

form .row {
  padding: 0 0 15px;
}
form .row:before {
  content: "";
  display: table;
}
form .row:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  form .row {
    margin-left: 0;
    margin-right: 0;
  }
}

.taright {
  text-align: right;
}
.taright .green-btn {
  margin-bottom: 0;
}
.taright a:focus, .taright a:hover {
  text-decoration: none;
  color: inherit;
}

.dataSaveMessage {
  display: none;
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 48px;
  line-height: 56px;
  text-transform: uppercase;
  color: #5AD6B8;
}

@media (min-width: 768px) {
  .reOrder-popup .modal-dialog {
    width: 724px !important;
    margin: 30px auto !important;
  }
}
.reOrder-popup .modal-dialog .modal-header {
  padding: 15px 15px 0;
}
.reOrder-popup .modal-dialog .modal-body {
  padding: 0 20px 20px;
}
.reOrder-popup .modal-dialog .modal-body a {
  color: #2A3036;
}
.reOrder-popup .modalBoldHeading {
  font-weight: bold;
  margin-bottom: 10px;
}
.reOrder-popup .btnHolder {
  width: auto;
  text-align: right;
}
.reOrder-popup .doctor-questions__cell_answer {
  width: 100%;
  padding: 10px 0;
  display: block;
}
.reOrder-popup .multichoice-checkbox-answers-block {
  width: 100%;
  margin-bottom: 15px;
}
.reOrder-popup .multichoice-checkbox-answers-block .choice-holder.error .jcf-checkbox {
  box-shadow: inset 0 0 5px 0 #f12828;
}
.reOrder-popup .message-box {
  max-width: unset;
  font: 300 16px/22px "Trebuchet MS", Helvetica, sans-serif;
}
.reOrder-popup .message-box_negative {
  color: #f12828;
}

.video-ui .cancel-status {
  color: #f3696e;
}

.video-ui .patient-single-order .col-right {
  width: 50%;
}

.video-ui .patient-single-order h3 {
  margin: 0 0 15px;
  float: left;
}

.video-ui .patient-single-order .right-btn {
  float: right;
  margin-bottom: 15px;
}

.video-ui .patient-single-order .price-card-ui {
  border-radius: 5px;
  overflow: hidden;
  background: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.video-ui .price-card-ui .col-right {
  border-radius: 0;
  border: none;
  font-size: 14px;
  display: block;
  float: left;
}

.video-ui .price-card-ui .col-right:last-of-type {
  border-left: 1px solid #dde2e4;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.video-ui .patient-single-order .order-detail-box .order-detail-box-head, .video-ui .patient-single-order .order-detail-box {
  border-radius: 0 !important;
  border-bottom: none;
}

.video-ui .patient-single-order .col-right .amount {
  padding-left: 5px;
  margin-left: auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.video-ui .patient-single-order .col-right .localpharmacy {
  font-size: xx-small;
  margin-left: auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.video-ui .patient-single-order .col-right .time {
  display: block;
}

.video-ui .btn-block {
  display: inline-block;
  width: 100%;
  text-align: center;
}

.video-ui .order-received-details {
  padding: 20px;
  border: 2px solid #dde2e4;
  border-radius: 4px;
  margin: 15px 0 0;
}

.video-ui .order-received-details .order-received-date {
  width: 50%;
  float: left;
  color: #848484;
}

.video-ui .order-received-details .order-received-date span, .video-ui .order-received-details .order-number span {
  color: #2A3036;
  padding: 0 5px 0 0;
  display: inline-block;
}

.video-ui .order-received-details .order-number {
  text-align: right;
  width: 50%;
  float: right;
}

@media screen and (max-width: 540px) {
  .video-ui .order-received-details .order-received-date, .video-ui .order-received-details .order-number {
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 5px;
  }
}

.video-ui .scheduled-content {
  border: 2px solid #5AD6B8;
  border-radius: 4px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0 0;
  background: #ffffff;
}
.video-ui .scheduled-content.reschedule {
  border-color: #f12828;
}
.video-ui .scheduled-content.reschedule ul {
  border-color: #f12828;
}

.video-ui .scheduled-content p {
  margin: 0;
  padding-left: 15px;
}

.video-ui .scheduled-content ul {
  padding: 0;
  padding: 15px;
  margin: 0;
  padding-right: 0px;
  border-left: 2px solid #5AD6B8;
  position: relative;
}

.video-ui .scheduled-content ul li {
  display: inline-block;
  padding: 0 10px;
}

.video-ui .scheduled-content ul li svg {
  color: #34b6e1;
  margin-right: 3px;
  width: 17px;
}

.video-ui .order-history {
  display: flex;
  padding: 30px 0 15px;
  font-size: 14px;
}

.video-ui .order-history ul {
  padding: 0;
  margin: 0;
}

.video-ui .order-history ul li {
  display: flex;
}

.video-ui .order-history ul li label {
  margin-right: 20px;
  text-align: right;
  min-width: 140px;
  font-size: 14px;
  padding-right: 0;
}

.video-ui .order-history ul li span {
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .video-ui .patient-single-order .col-right {
    width: 100%;
  }
  .video-ui .price-card-ui .col-right:last-of-type {
    border-left: none;
  }
  .video-ui .btn-block {
    padding-bottom: 8px;
  }
}
@media screen and (max-width: 540px) {
  .video-ui .order-history ul li {
    display: block;
  }
  .video-ui .order-history ul li label {
    text-align: left;
  }
  .video-ui .order-history ul li span {
    display: block;
  }
  .video-ui .scheduled-content {
    display: block;
    text-align: center;
  }
  .video-ui .scheduled-content p {
    padding: 10px;
    line-height: normal;
  }
  .video-ui .scheduled-content ul {
    padding: 5px;
    border-top: 2px solid #5AD6B8;
    border-left: 0;
  }
}
.searchResult .big-banner-section {
  min-height: auto !important;
}
@media (max-width: 1023px) {
  .searchResult .big-banner-section .search-section {
    padding: 40px 0 40px;
  }
}
@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
  .searchResult .search-section .search-cross-clear {
    width: 20px;
    height: 20px;
    margin-top: 11px;
  }
  .searchResult .search-section .search-cross-clear .frame:before {
    left: -5px;
  }
  .searchResult .search-section .search-cross-clear .frame:after {
    margin-top: 6px;
  }
}
@media only screen and (max-width: 1023px) {
  .searchResult #main {
    padding-top: 0;
  }
}
.searchResult #header {
  padding: 0;
  background: #003566;
}
.searchResult #header .search-section {
  padding: 59px 0 37px;
}
@media only screen and (max-width: 1023px) {
  .searchResult .header-logo {
    float: none !important;
    display: block !important;
    width: 205px !important;
    height: 31px !important;
    margin: 2px auto 1px !important;
  }
}
.searchResult .header-top-bar {
  padding: 14px 10px;
}
.searchResult .header-search {
  display: none;
}
.searchResult .header-logo {
  float: left;
  width: 230px;
  height: 34px;
  background-size: 100% 100%;
  margin: 9px 0;
}
@media only screen and (max-width: 1023px) {
  .searchResult .search-section-heading {
    font-size: 17px;
    line-height: 25px;
  }
}
.searchResult .search-section-heading h1 {
  margin: 0 0 29px;
}
.products-list {
  letter-spacing: -0.36em;
  font-size: 0;
}
.products-list .b-green-btn {
  border: solid rgb(40.2038834951, 161.7961165049, 132.3786407767);
  border-width: 0 0 2px;
  color: #ffffff;
  cursor: pointer;
  font: 700 16px/30px "Trebuchet MS", Helvetica, sans-serif;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 11px 10px 10px;
  text-decoration: none;
  background: #5AD6B8;
  margin-right: 10px;
  padding: 7px 15px 5px 11px;
}
.products-list .product-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 33.33%;
  padding: 0 60px 44px 0;
  vertical-align: top;
  letter-spacing: normal;
  font-size: 14px;
  line-height: 18px;
}
@media only screen and (max-width: 1200px) {
  .products-list .product-item {
    width: 50%;
  }
}
@media only screen and (max-width: 900px) {
  .products-list .product-item {
    width: 33.33%;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 760px) {
  .products-list .product-item {
    width: 50%;
  }
}
@media only screen and (max-width: 550px) {
  .products-list .product-item {
    width: 100%;
    padding-right: 0;
  }
}
.products-list .product-item p, .products-list .product-item .description {
  margin: 0 0 1em;
}
.products-list .product-item .product-image img {
  display: block;
  width: 100%;
  height: auto;
}

.products-list-area {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.products-list-area .products-list-col {
  width: 100%;
  float: left;
}
@media only screen and (max-width: 900px) {
  .products-list-area .products-list-col {
    float: none;
  }
}
.products-list-area .products-list {
  margin: 0 290px 0 0;
}
@media only screen and (max-width: 900px) {
  .products-list-area .products-list {
    margin: 0;
  }
}
.products-list-area .aside-products {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  width: 290px;
  margin-left: -290px;
  border-left: 1px solid #eaebed;
  padding: 0 0 0 36px;
  font-size: 14px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 19px;
}
@media only screen and (max-width: 900px) {
  .products-list-area .aside-products {
    width: auto;
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
  }
}
.products-list-area .aside-products .aside-widget {
  border-top: 1px dashed #c5c5c7;
  padding: 19px 0 21px;
}
.products-list-area .aside-products .aside-widget:first-child {
  border-top: 0;
}
.products-list-area .aside-products h3 {
  font-size: 18px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 35px;
  margin: 0 0 7px;
}
.products-list-area .aside-products ul li {
  padding: 0 0 8px 25px;
  position: relative;
}
.products-list-area .aside-products ul li:before {
  content: "•";
  float: left;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 0 0 9px;
}
.products-list-area .aside-products a {
  color: #0073B1;
}
.products-list-area .aside-products .brand-list li {
  padding-left: 0;
}
.products-list-area .aside-products .brand-list li:before {
  display: none;
}
.products-list-area .aside-products .brand-list .logo {
  width: 46px;
  margin-right: 15px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.products-list-area .aside-products .brand-list .logo img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

.query-count {
  font-size: 18px;
  line-height: 25px;
  margin: 0 0 20px;
}

.searchPageFeedbackForm {
  position: relative;
  float: left;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
}
@media only screen and (max-width: 900px) {
  .searchPageFeedbackForm {
    float: none;
  }
}
.searchPageFeedbackForm .holder {
  margin: 0 290px 0 0;
  padding: 25px 15px 25px 0;
}
@media only screen and (max-width: 900px) {
  .searchPageFeedbackForm .holder {
    margin: 0;
  }
}
.searchPageFeedbackForm h2 {
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  margin: 0 0 25px;
}
.searchPageFeedbackForm p {
  margin: 0 0 25px;
}
.searchPageFeedbackForm .mail {
  border: 1px solid #EAEBEB;
  border-radius: 6px;
  margin: 0 0 23px;
  padding: 13px 0;
  position: relative;
}
.searchPageFeedbackForm .mail:before {
  content: "";
  position: absolute;
  top: 14px;
  right: 17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #919191 transparent transparent;
}
.searchPageFeedbackForm .mail:after {
  content: "";
  position: absolute;
  top: 14px;
  right: 13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #ffffff transparent transparent;
}
.searchPageFeedbackForm .mail.rejected {
  border-color: #f12828;
}
.searchPageFeedbackForm .mail.rejected:before {
  border-color: transparent #f12828 transparent transparent;
}
.searchPageFeedbackForm .input-background {
  position: absolute;
  background: #ffffff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -2;
}
.searchPageFeedbackForm .placeholder {
  position: absolute;
  color: #343434;
  top: 12px;
  left: 14px;
  z-index: -1;
}
.searchPageFeedbackForm .form-field {
  border: none;
  outline: none;
  display: block;
  width: 100%;
  height: 18px;
  color: #2A3036;
  font: 14px/18px "Trebuchet MS", Helvetica, sans-serif;
  background: none;
  padding: 0 30px 0 14px;
  margin: 0;
}
.searchPageFeedbackForm .textarea {
  border: 1px solid #EAEBEB;
  border-radius: 0.5em/1em;
  margin: 0 0 23px;
  position: relative;
  padding: 13px 30px 8px 14px;
}
.searchPageFeedbackForm .textarea:before {
  content: "";
  position: absolute;
  top: 12px;
  right: 17px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #919191 transparent transparent;
}
.searchPageFeedbackForm .textarea:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 13px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 10px 8px 0;
  border-color: transparent #ffffff transparent transparent;
}
.searchPageFeedbackForm textarea {
  border: none;
  outline: none;
  display: block;
  width: 100%;
  color: #2A3036;
  font: 14px/18px "Trebuchet MS", Helvetica, sans-serif;
  background: none;
  padding: 0;
  margin: 0;
  resize: none;
  min-height: 184px;
}
.searchPageFeedbackForm .green-btn {
  font-size: 18px;
  padding: 11px 32px 10px;
}
.searchPageFeedbackForm .show-when-sent {
  display: none;
  padding: 30px 0;
  text-align: center;
  font-size: 26px;
  line-height: 30px;
  border: 1px solid #EAEBEB;
  border-radius: 5px;
}
.searchPageFeedbackForm .show-when-sent .text-block {
  display: block;
  margin: 0 0 25px;
}

.chatDescriptionPage #main {
  background: #F5FAFF;
}
@media only screen and (max-width: 1023px) {
  .chatDescriptionPage #main {
    padding-top: 0px;
  }
}
.chatDescriptionPage .holder {
  max-width: 900px;
  padding: 50px 15px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .chatDescriptionPage .holder {
    padding: 25px 15px;
  }
}
.chatDescriptionPage h1 {
  font: 42px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 50px;
}
@media only screen and (max-width: 767px) {
  .chatDescriptionPage h1 {
    font-size: 36px;
    line-height: 42px;
    margin: 0 0 25px;
  }
}
.chatDescriptionPage .descriptionBlock {
  padding: 27px 27px 20px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.chatDescriptionPage .descriptionBlock p {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 30px;
}

.termsConditionsPageHolder {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 50px 20px;
  font: 16px/1.7 "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 1023px) {
  .termsConditionsPageHolder {
    font-size: 14px;
    line-height: 1.7;
  }
}
@media only screen and (max-width: 767px) {
  .termsConditionsPageHolder {
    padding: 20px 10px;
    font-size: 14px;
    line-height: 1.7;
  }
}
.termsConditionsPageHolder.rich-text .main-page-title {
  font-weight: normal;
  text-align: center;
  color: #55595E;
  margin: 0 0 50px;
  font-family: "HelveticaNeueThin", Arial, Helvetica, sans-serif;
  font-size: 1.6cm;
  line-height: 1.6cm;
}
@media only screen and (max-width: 1023px) {
  .termsConditionsPageHolder.rich-text .main-page-title {
    margin: 0 0 40px;
    font-size: 1.3cm;
    line-height: 1.3cm;
  }
}
@media only screen and (max-width: 767px) {
  .termsConditionsPageHolder.rich-text .main-page-title {
    margin: 0 0 30px;
    font-size: 1.1cm;
    line-height: 1.1cm;
  }
}
@media only screen and (max-width: 480px) {
  .termsConditionsPageHolder.rich-text .main-page-title {
    font-size: 0.9cm;
    line-height: 1cm;
    margin: 0 0 20px;
  }
}
.termsConditionsPageHolder h1, .termsConditionsPageHolder h2, .termsConditionsPageHolder h3, .termsConditionsPageHolder h4, .termsConditionsPageHolder h5, .termsConditionsPageHolder h6 {
  font-weight: bold;
  margin: 0 0 20px;
}
.termsConditionsPageHolder h1 {
  font-size: 1cm;
  line-height: 1cm;
}
@media only screen and (max-width: 1023px) {
  .termsConditionsPageHolder h1 {
    font-size: 0.9cm;
    line-height: 0.9cm;
  }
}
@media only screen and (max-width: 767px) {
  .termsConditionsPageHolder h1 {
    font-size: 0.8cm;
    line-height: 0.8cm;
  }
}
.termsConditionsPageHolder h2 {
  font-size: 0.9cm;
  line-height: 0.9cm;
}
@media only screen and (max-width: 1023px) {
  .termsConditionsPageHolder h2 {
    font-size: 0.8cm;
    line-height: 0.8cm;
  }
}
@media only screen and (max-width: 767px) {
  .termsConditionsPageHolder h2 {
    font-size: 0.7cm;
    line-height: 0.7cm;
  }
}
@media only screen and (max-width: 480px) {
  .termsConditionsPageHolder h2 {
    font-size: 0.5cm;
    line-height: 0.6cm;
  }
}
.termsConditionsPageHolder h3 {
  font-size: 0.8cm;
  line-height: 0.8cm;
}
@media only screen and (max-width: 1023px) {
  .termsConditionsPageHolder h3 {
    font-size: 0.7cm;
    line-height: 0.7cm;
  }
}
@media only screen and (max-width: 767px) {
  .termsConditionsPageHolder h3 {
    font-size: 0.6cm;
    line-height: 0.6cm;
  }
}
@media only screen and (max-width: 480px) {
  .termsConditionsPageHolder h3 {
    font-size: 0.5cm;
    line-height: 0.5cm;
  }
}
.termsConditionsPageHolder h4 {
  font-size: 0.7cm;
  line-height: 0.7cm;
}
@media only screen and (max-width: 1023px) {
  .termsConditionsPageHolder h4 {
    font-size: 0.6cm;
    line-height: 0.6cm;
  }
}
@media only screen and (max-width: 767px) {
  .termsConditionsPageHolder h4 {
    font-size: 0.5cm;
    line-height: 0.5cm;
  }
}
.termsConditionsPageHolder h5 {
  font-size: 0.6cm;
  line-height: 0.6cm;
}
@media only screen and (max-width: 1023px) {
  .termsConditionsPageHolder h5 {
    font-size: 0.5cm;
    line-height: 0.5cm;
  }
}
@media only screen and (max-width: 767px) {
  .termsConditionsPageHolder h5 {
    font-size: 0.4cm;
    line-height: 0.4cm;
  }
}
.termsConditionsPageHolder h6 {
  font-size: 0.5cm;
  line-height: 0.5cm;
}
@media only screen and (max-width: 1023px) {
  .termsConditionsPageHolder h6 {
    font-size: 0.4cm;
    line-height: 0.4cm;
  }
}
@media only screen and (max-width: 767px) {
  .termsConditionsPageHolder h6 {
    font-size: 0.3cm;
    line-height: 0.3cm;
  }
}
.termsConditionsPageHolder p {
  margin: 0 0 15px;
}
.termsConditionsPageHolder .table-block {
  margin: 20px 60px 60px;
  border: 6px solid #7F8386;
  padding: 40px 40px 10px;
  background: #F4F4F5;
}
@media only screen and (max-width: 767px) {
  .termsConditionsPageHolder .table-block {
    margin: 20px 20px 20px;
    padding: 20px 20px 10px;
  }
}
@media only screen and (max-width: 480px) {
  .termsConditionsPageHolder .table-block {
    margin: 0;
    padding: 20px 20px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .modal .termsConditionsPageHolder {
    padding: 10px 10px;
  }
}
.modal .termsConditionsPageHolder .table-block {
  margin: 0;
}
@media only screen and (max-width: 480px) {
  .modal .termsConditionsPageHolder .table-block {
    padding: 20px 20px 10px;
  }
}

.error-page {
  max-width: 1140px;
  margin: 30px auto;
  display: table;
}
.error-page:after {
  content: "";
  display: table;
  clear: both;
}
.error-page h1 {
  color: #2A3036;
  text-align: center;
  font-size: 72px;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  margin: 30px auto;
}
@media (max-width: 1023px) {
  .error-page h1 {
    display: table-header-group;
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .error-page h1 {
    font-size: 24px;
    font-weight: 400;
  }
}
.error-page .errorPageText {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  line-height: 1.4;
}
.error-page .errorPageText a {
  color: #0073B1;
}
.error-page .errorPageText > span {
  width: 60%;
  margin: 0 auto;
  display: table;
}
@media (max-width: 640px) {
  .error-page .errorPageText > span {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .error-page .errorPageText {
    font-size: 16px;
  }
}
.error-page .errorPageImg-Text {
  margin-bottom: 20px;
}
.error-page .search-holder {
  margin: 50px auto 80px;
}
@media (max-width: 1023px) {
  .error-page .search-holder {
    margin: 30px auto 50px;
  }
}
@media (max-width: 640px) {
  .error-page .search-holder {
    margin: 30px auto 30px;
  }
}
.error-page .search-holder .search-parameters {
  margin: 10px auto 0;
  padding: 0 10px;
  text-align: center;
  list-style: none;
  max-width: 1085px;
  padding: 0 10px;
  font: 100 16px/26px "Roboto", "Trebuchet MS", Helvetica, sans-serif;
  position: relative;
}
.error-page .search-holder .search-parameters:before, .error-page .search-holder .search-parameters:after {
  content: "";
  display: table;
}
.error-page .search-holder .search-parameters:after {
  clear: both;
}
@media (max-width: 640px) {
  .error-page .search-holder .search-parameters {
    font-size: 14px;
  }
}
.error-page .search-holder .search-parameters li {
  display: inline-block;
  vertical-align: top;
  margin: 0 25px 0 0;
  padding: 0 0 0 28px;
}
@media (max-width: 640px) {
  .error-page .search-holder .search-parameters li {
    margin: 0 15px 0 0;
    padding: 0 0 0 28px;
  }
}
.error-page .search-holder .search-parameters li:before {
  position: absolute;
  content: "";
  background-position: -11px 0;
  width: 1px;
  height: 27px;
  left: 0;
  top: 0;
  position: static;
  float: left;
  margin: 0 0 0 -28px;
  background-image: url("https://www.vivami-cdn.com/img//backgrounds-sb34cb68271.png");
  background-repeat: no-repeat;
}
.error-page .search-holder .search-parameters li:first-child {
  padding-left: 0;
}
.error-page .search-holder .search-parameters li:first-child:before {
  display: none;
}
@media (max-width: 640px) {
  .error-page .search-holder .search-parameters li:first-child {
    padding: inherit;
  }
}
.error-page .search-holder .search-parameters a {
  color: #0073B1;
  display: inline-block;
  outline: 0;
}
.error-page .search-holder .form-search-row {
  border-color: #f1f1f2;
}
.error-page .search-holder .form-search-row .form-search-row-frame {
  background: #fafcff;
  box-shadow: none;
}
.error-page .search-holder .form-search-row .submit {
  min-height: 40px;
}
.error-page .search-holder .form-search-row .submit i.fa {
  margin: 0;
}
.error-page .search-holder .form-search-row .submit .icon-search {
  background: url(../../img/icons-sec2d09105b.png) -80px -159px;
  height: 23px;
  width: 23px;
  margin: 6px 5px 0 15px;
}
.error-page .search-holder .form-search-row .form-search-field input {
  padding: 5px 0 5px 8px;
  font-size: 16px;
}
.error-page .autocomplete-holder {
  border-color: #f1f1f2;
}
@media (max-width: 767px) {
  .error-page .autocomplete-holder {
    left: -5px;
    right: -5px;
  }
}
.error-page .search-cross-clear .frame {
  margin-top: -2px;
  margin-left: 4px;
}
.error-page .search-cross-clear .frame:after {
  margin-top: 6px;
}
.error-page .search-cross-clear .frame:before {
  margin-left: 6px;
}
@media (max-width: 767px) {
  .error-page .search-cross-clear .frame:before {
    margin-left: 11px;
  }
}
.error-page .autocomplete-holder .ui-autocomplete a {
  color: #2A3036;
}
.error-page .suggested-item .suggested-content a {
  color: #7F8386;
  text-decoration: none;
  border-bottom: 1px solid #7F8386;
}

.error-page_right, .error-page_left {
  display: inline-block;
  float: left;
  position: relative;
}
@media (max-width: 1023px) {
  .error-page_right, .error-page_left {
    float: none;
  }
}

.error-page_right {
  width: 60%;
  padding: 20px 20px 0 0;
}
@media (max-width: 1023px) {
  .error-page_right {
    display: table-header-group;
    width: 100%;
  }
}
.error-page_right:before, .error-page_right:after {
  content: "";
  display: table;
}
@media (max-width: 1023px) {
  .error-page_right:before {
    content: "-";
    line-height: 20px;
    font-size: 0;
  }
}

.error-page_left {
  width: 40%;
}
@media (max-width: 1023px) {
  .error-page_left {
    display: table-footer-group;
    width: 100%;
    text-align: center;
  }
}
.error-page_left img {
  position: relative;
  bottom: -3px;
}
@media (max-width: 640px) {
  .error-page_left img {
    margin-top: 30px;
    width: 80%;
    height: auto;
  }
}

.chatDescriptionPage #main, .chatPage #main {
  background: #f5f6f7;
}
.chatDescriptionPage .chatPageHolder, .chatPage .chatPageHolder {
  max-width: 900px;
  padding: 50px 15px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .chatDescriptionPage .chatPageHolder, .chatPage .chatPageHolder {
    padding: 25px 15px;
  }
}
.chatDescriptionPage h1, .chatPage h1 {
  font: 42px/50px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 50px;
}
@media only screen and (max-width: 767px) {
  .chatDescriptionPage h1, .chatPage h1 {
    font-size: 36px;
    line-height: 42px;
    margin: 0 0 25px;
  }
}
.chatDescriptionPage .chatBlock, .chatPage .chatBlock {
  padding: 17px 17px 40px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.chatDescriptionPage .descriptionBlock, .chatPage .descriptionBlock {
  padding: 17px 17px 40px;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.chatPage .box {
  border-radius: 8px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}
.chatPage .headline {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  background: #0073B1;
  color: #ffffff;
  padding: 9px 9px 10px;
}
@media only screen and (max-width: 767px) {
  .chatPage .headline {
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  .chatPage .headline {
    text-align: center;
  }
}
.chatPage .headline .row {
  position: relative;
  min-height: 36px;
  padding: 0 120px;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .chatPage .headline .row {
    padding: 0 120px 0 10px;
  }
}
@media only screen and (max-width: 480px) {
  .chatPage .headline .row {
    padding: 0 10px;
  }
}
.chatPage .headline span {
  display: block;
  padding: 8px 0;
}
.chatPage .headline .startNewChat, .chatPage .headline .closeCurrentChat {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 200px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  outline: none;
  background: #0073B1;
  padding: 7px 22px;
  border: 1px solid #ffffff;
  border-radius: 4px;
}
@media only screen and (max-width: 480px) {
  .chatPage .headline .startNewChat, .chatPage .headline .closeCurrentChat {
    position: static;
    max-width: none;
    width: 100%;
  }
}
.chatPage .doctor, .chatPage .patient {
  padding: 19px;
}
.chatPage .doctor span, .chatPage .patient span {
  display: block;
  margin: 0 0 5px;
  font-family: "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
}
.chatPage .doctor p, .chatPage .patient p {
  font-weight: 700;
}
.chatPage .chatBody {
  font-size: 16px;
  line-height: 20px;
  border: 1px solid #e0e0e0;
  border-width: 1px 0;
  overflow: auto;
  height: 334px;
}
.chatPage .doctor {
  background: #f5f6f7;
}
.chatPage .chatFooter {
  padding: 12px 11px 12px 19px;
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .chatPage .chatFooter {
    padding: 12px 19px;
  }
}
.chatPage .chatFooter textarea {
  float: left;
  font-size: 12px;
  line-height: 18px;
  width: 100%;
  max-width: calc(100% - 111px);
  padding: 0;
  border: none;
  outline: none;
}
@media only screen and (max-width: 480px) {
  .chatPage .chatFooter textarea {
    float: none;
    max-width: none;
    margin: 0 0 10px;
  }
}
.chatPage .chatFooter .submitButton {
  float: right;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #ffffff;
  background: #5AD6B8;
  max-width: 100px;
  min-width: 93px;
  padding: 8px 10px 6px 10px;
  border: solid rgb(40.2038834951, 161.7961165049, 132.3786407767);
  border-width: 0 0 2px;
  border-radius: 5px;
}
@media only screen and (max-width: 480px) {
  .chatPage .chatFooter .submitButton {
    float: none;
    width: 100%;
    max-width: none;
  }
}

.btn-orange {
  background: #FE9523 !important;
  border: solid rgb(226.7692307692, 118.5384615385, 1.0307692308) !important;
  border-width: 0 0 2px !important;
  border-radius: 5px !important;
  text-decoration: none;
  color: #ffffff !important;
}
.btn-orange:hover {
  background: rgb(253.8846153846, 136.7692307692, 9.6153846154) !important;
  color: #ffffff !important;
}
.btn-orange:active {
  background: rgb(253.8846153846, 136.7692307692, 9.6153846154) !important;
  border-color: rgb(201.3846153846, 105.2692307692, 0.9153846154) !important;
  border-width: 2px 0 0 !important;
}

.btn-discontinued {
  color: #ffffff;
  /*background: #cacaca !important;
  border: solid #b0b0b0 !important;*/
  background: #FE9523 !important;
  border: solid rgb(226.7692307692, 118.5384615385, 1.0307692308) !important;
  border-width: 0 0 2px !important;
  cursor: pointer;
  font: 700 16px/30px "Trebuchet MS", Helvetica, sans-serif;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  padding: 8px 21px 6px 20px;
  margin: 0 0 0 15px;
  outline: none;
}
.btn-discontinued:hover {
  /*background: #cacaca !important;*/
  background: rgb(253.8846153846, 136.7692307692, 9.6153846154) !important;
}
.btn-discontinued:active {
  /*background: #cacaca !important;*/
  background: rgb(253.8846153846, 136.7692307692, 9.6153846154) !important;
  border-color: rgb(201.3846153846, 105.2692307692, 0.9153846154) !important;
}

.btn-oos {
  color: #ffffff;
  background: #989898 !important;
  border: solid #6f6f6f !important;
  border-width: 0 0 2px !important;
  cursor: pointer;
  font: 700 16px/30px "Trebuchet MS", Helvetica, sans-serif;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 11px 10px 10px;
  text-decoration: none;
  padding: 8px 21px 6px 20px;
  margin: 0 0 0 15px;
  outline: none;
}
.btn-oos:hover {
  background: #8f8e8e !important;
}
.btn-oos:active {
  background: #828181 !important;
  border-color: #636262 !important;
  border-width: 2px 0 0 !important;
}

.btn-gray {
  background-color: #a5a5a5 !important;
  color: #ffffff !important;
  text-decoration: none;
  border: solid #8a8a8a;
  border-color: #8a8a8a !important;
  border-width: 0 0 2px;
  border-radius: 5px;
}
.btn-gray:active, .btn-gray.active {
  background: #a09f9f !important;
  border-color: #8a8a8a !important;
  border-width: 2px 0 0 !important;
}
.btn-gray:hover {
  background: #a09f9f !important;
  border-color: #8a8a8a !important;
}

.btn-dark-gray {
  background-color: #626262;
  color: #ffffff !important;
  text-decoration: none;
  border: solid #2A3036;
  border-width: 0 0 2px;
  border-radius: 5px;
}
.btn-dark-gray:active, .btn-dark-gray.active {
  background: #4a4a4a !important;
  border-color: #2A3036 !important;
  border-width: 2px 0 0 !important;
}

.btn-light-gray {
  background-color: #e6e6e6;
  color: #55595E !important;
  text-decoration: none;
  border: solid #bfbfbf;
  border-width: 0 0 2px;
  border-radius: 5px;
}
.btn-light-gray:active, .btn-light-gray.active {
  background: #bfbfbf !important;
  border-color: #a7a6a6 !important;
  border-width: 2px 0 0 !important;
}

.btn-green {
  background-color: #5AD6B8;
  color: #ffffff !important;
  text-decoration: none;
  border: solid rgb(40.2038834951, 161.7961165049, 132.3786407767);
  border-width: 0 0 2px;
  border-radius: 5px;
}
.btn-green:active, .btn-green.active {
  background: rgb(50.354368932, 202.645631068, 165.8009708738) !important;
  border-color: rgb(40.2038834951, 161.7961165049, 132.3786407767) !important;
  border-width: 2px 0 0 !important;
}

.btn-blue {
  background-color: #0073B1;
  color: #ffffff !important;
  text-decoration: none;
  border: solid rgb(0, 81.8644067797, 126);
  border-width: 0 0 2px;
  border-radius: 5px;
}
.btn-blue:active, .btn-blue.active {
  background: rgb(0, 88.4915254237, 136.2) !important;
  border-color: rgb(0, 65.2966101695, 100.5) !important;
  border-width: 2px 0 0 !important;
}

.btn-dark-blue {
  color: #ffffff !important;
  background: #003566 !important;
  border: solid rgb(0, 26.5, 51) !important;
  border-width: 0 0 2px !important;
  cursor: pointer;
  font: 700 16px/30px "Trebuchet MS", Helvetica, sans-serif;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  text-decoration: none !important;
  padding: 8px 21px 6px 20px;
  margin: 0 0 0 15px;
  outline: none;
}
.btn-dark-blue:hover, .btn-dark-blue:active {
  background: rgb(0, 66.25, 127.5) !important;
  border-color: #003566 !important;
}

.b-green-btn {
  border: solid rgb(40.2038834951, 161.7961165049, 132.3786407767);
  border-width: 0 0 2px;
  color: #ffffff !important;
  cursor: pointer;
  font: 700 16px/30px "Trebuchet MS", Helvetica, sans-serif;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 15px;
  text-decoration: none;
  background: #5AD6B8;
  position: relative;
  vertical-align: middle;
  width: 100%;
  margin: 5px 0 5px 0px;
  outline: none;
  white-space: normal;
  line-height: normal;
  text-decoration: none !important;
}
.b-green-btn:hover {
  background: rgb(50.354368932, 202.645631068, 165.8009708738);
}
.b-green-btn:active {
  background: rgb(50.354368932, 202.645631068, 165.8009708738);
  border-color: rgb(40.2038834951, 161.7961165049, 132.3786407767);
  border-width: 2px 0 0;
}
@media screen and (max-width: 767px) {
  .b-green-btn {
    white-space: normal;
    line-height: normal;
    padding: 10px 5px;
  }
  .b-green-btn::after {
    display: none;
  }
}

/*!
 * CSS jQuery.filer
 * Copyright (c) 2016 CreativeDream
 * Version: 1.3 (14-Sep-2016)
*/
/*-------------------------
	Basic configurations
-------------------------*/
.jFiler * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.jFiler {
  font-family: sans-serif;
  font-size: 14px;
  color: #494949;
}

/* Helpers */
.jFiler ul.list-inline li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.jFiler .pull-left {
  float: left;
}

.jFiler .pull-right {
  float: right;
}

/* File Icons */
span.jFiler-icon-file {
  position: relative;
  display: block;
  background: #e1e1e1 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAAEACAYAAADsqNl9AAAD5klEQVR42u3azUqUURjA8bHAEpIK+9hlRBGC0QfVustI+oAo2nQJgYGFFEUhJF1NUVAXEC6iSyhIDCoX5js9Z5xpXmxsRjOdmfP7wfPqwtWZ589xhqlUN2Y5Zi5mJmYi5lzMgZhdFbpavEb32sxsURSfq5mqrPPv52MexYxZrb4NIusoOgoiDudb/JiMGbZSWQSRbRSdBPEqZtQqZRdEllFU2rxPuB8zYI2yDSK7KNYKYinmlvURRG5RVNa4GW5aHUHkGEWrIKasjSByjWJ1EC+tjCByjqKy6qPVI1ZGEDlHUb4h7loXQeQeRSOILzF7rIsgco+iEcS0VRGEKFaCSB+znrQqghDFShDvrYkgRNEM4pk1EYQomkFctiaCEEUziDPWRBCiaAYxYk0EIYpmEIPWRBCiqAeBIEQhCEGIQhBsWxA9E4UNEYQoBCEIUQiC7giiq6OwIYIQhSAEIQpB0H1BdF0UNkQQohCEIEQhCLo7iFoUMZ8EgSC6JAobIghRCEIQohAEvRXEtkRhQwQhCkEIQhSCoHeD2LIobIggRCEIQYhCEPRHEP81ChsiCFEIQhCiEAT9F8SmR2FDBCEKQQhCFIKgv4PYlChsiCD6bZ7/SxQ2RBCiEIQgRCEI8gpiQ1HYEEGIQhCCEIUgyDeIjqOwIYIQhSAEIQpBsBLEKVGsHYUNcUuIQhCCMK2jsB2CEEUpCtshClOKwmYIwpSisBn5BjEqgj+jsBluCVMaWyEKIQiCUhCXhCAI3BKC4K9RXBeEIHBbCALvKwTBRuO4IQgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyEi1Wh10ClBrYXd6jDgKqAVxMD3OOgqoBXE+PSYcBdSCuJIeM44CakHMpseco4BKpSiKDymI5Zgxx0Hmt8N4TDX9kjx0JGQexONyEPMxw46FTGPYF7NQDiKZdDRkGsSDRgTlIL7HHHU8ZBbD8ZjFVkEkr2MGHBOZxLAj5m05gNVBJNOOipzeSLcLIn0Me9tx0ecx3KnvetsgkiVR0Ocx/Gy1+GsF0bgppr2noI9C2BnzpNXN0EkQDW9ijjlOejyGEzHv2i17J0EkP2KmYvY6WnoshP31/3QWO1n0ToNoWKhfOeOOmi4P4XTM06Iovq5nwdcbxG/pm4Hp67IxV2MuxByKGfJSsMWLPxRzOOZizLWYF7GbHze6178AQI59RSRyAJkAAAAASUVORK5CYII=") no-repeat;
  background-size: cover;
  width: 57px;
  height: 74px;
  line-height: 90px;
  text-align: center;
  margin: 0 auto;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
}

span.jFiler-icon-file i[class*=icon-jfi-] {
  font-size: 24px;
}

span.jFiler-icon-file.f-image {
  background-color: #e15955;
}

span.jFiler-icon-file.f-video {
  background-color: #4183d7;
}

span.jFiler-icon-file.f-audio {
  background-color: #5bab6e;
}

/* Progress Bar */
.jFiler-jProgressBar {
  height: 8px;
  background: #f1f1f1;
  margin-top: 3px;
  margin-bottom: 0;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.jFiler-jProgressBar .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #50A1E9;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.jFiler-jProgressBar .bar.dark {
  background-color: #55595E;
}

.jFiler-jProgressBar .bar.blue {
  background-color: #428bca;
}

.jFiler-jProgressBar .bar.green {
  background-color: #5cb85c;
}

.jFiler-jProgressBar .bar.orange {
  background-color: #f7a923;
}

.jFiler-jProgressBar .bar.red {
  background-color: #d9534f;
}

/* Thumbs */
.jFiler-row:after,
.jFiler-item:after {
  display: table;
  line-height: 0;
  content: "";
  clear: both;
}

.jFiler-items ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*-------------------------
	Default Theme
-------------------------*/
.jFiler-theme-default .jFiler-input {
  position: relative;
  display: block;
  width: 400px;
  height: 42px;
  margin: 0 0 15px 0;
  background: #fefefe;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  color: #55595E;
  font: 300 16px/22px "Trebuchet MS", Helvetica, sans-serif;
  cursor: pointer;
  overflow: hidden;
  box-shadow: inset 0 2px 3px #efefef;
}

.jFiler-theme-default .jFiler-input.focused {
  outline: none;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}

.jFiler-theme-default .jFiler-input.dragged {
  border: 1px dashed #aaaaaa;
  background: #f9f9f9;
}

.jFiler-theme-default .jFiler-inpu.draggedt:hover {
  background: #FFF8D0;
}

.jFiler-theme-default .jFiler-input.dragged * {
  pointer-events: none;
}

.jFiler-theme-default .jFiler-input.dragged .jFiler-input-caption {
  width: 100%;
  text-align: center;
}

.jFiler-theme-default .jFiler-input.dragged .jFiler-input-button {
  display: none;
}

.jFiler-theme-default .jFiler-input-caption {
  display: block;
  float: left;
  height: 100%;
  padding-top: 8px;
  padding-left: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.jFiler-theme-default .jFiler-input-button {
  display: block;
  float: right;
  height: 100%;
  padding-top: 8px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 1px solid #D4D6D7;
  color: #ffffff;
  text-align: center;
  background-color: #0073B1;
  /*background-image: -webkit-gradient(linear,0 0,0 100%,from(#fefefe),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#fefefe,#f1f1f1);
  background-image: -o-linear-gradient(top,#fefefe,#f1f1f1);
  background-image: linear-gradient(to bottom,#fefefe,#f1f1f1);
  background-image: -moz-linear-gradient(top,#fefefe,#f1f1f1);
  -webkit-transition: all .1s ease-out;
     -moz-transition: all .1s ease-out;
       -o-transition: all .1s ease-out;
          transition: all .1s ease-out;*/
}

.jFiler-theme-default .jFiler-input-button:hover {
  -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.07);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.07);
}

.jFiler-theme-default .jFiler-input-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#fefefe));
  background-image: -webkit-linear-gradient(top, #f1f1f1, #fefefe);
  background-image: -o-linear-gradient(top, #f1f1f1, #fefefe);
  background-image: linear-gradient(to bottom, #f1f1f1, #fefefe);
  background-image: -moz-linear-gradient(top, #f1f1f1, #fefefe);
}

/*-------------------------
	Thumbnails
-------------------------*/
.jFiler-items-default .jFiler-item {
  position: relative;
  padding: 3px;
  margin-bottom: 5px;
  background: #F4F4F5;
  color: #4d4d4c;
}

.jFiler-items-default .jFiler-item:last-child {
  margin-bottom: 15px;
}

.jFiler-items-default .jFiler-item .jFiler-item-icon {
  font-size: 32px;
  color: #48A0DC;
  margin-right: 15px;
  margin-top: -3px;
}

.jFiler-items-default .jFiler-item .jFiler-item-title {
  font-weight: bold;
}

.jFiler-items-default .jFiler-item .jFiler-item-others {
  font-size: 12px;
  color: #7F8386;
  margin-left: -5px;
  margin-right: -5px;
}

.jFiler-items-default .jFiler-item .jFiler-item-others span {
  padding-left: 5px;
  padding-right: 5px;
}

.jFiler-items-default .jFiler-item-assets {
  position: absolute;
  display: block;
  right: 16px;
  top: 50%;
  margin-top: -10px;
}

.jFiler-items-default .jFiler-item-assets a {
  padding: 8px 9px 8px 12px;
  cursor: pointer;
  background: #fafafa;
  color: #7F8386;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
}

.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:hover,
.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
  color: #d9534f;
}

.jFiler-items-default .jFiler-item-assets .jFiler-item-trash-action:active {
  background: transparent;
}

/* Thumbnails: Grid */
.jFiler-items-grid .jFiler-item {
  float: left;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container {
  position: relative;
  margin: 0 20px 30px 0;
  padding: 10px;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.06);
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb {
  position: relative;
  width: 190px;
  height: 145px;
  min-height: 115px;
  border: 1px solid #e1e1e1;
  overflow: hidden;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb .jFiler-item-thumb-image {
  width: 100%;
  height: 100%;
  text-align: center;
}

.jFiler-item .jFiler-item-container .jFiler-item-thumb img {
  max-width: none;
  max-height: 100%;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb span.jFiler-icon-file {
  margin-top: 32px;
}

.jFiler-items-grid .jFiler-item-thumb-image.fi-loading {
  background: url("data:image/gif;base64,R0lGODlhIwAjAMQAAP////f39+/v7+bm5t7e3tbW1s7OzsXFxb29vbW1ta2traWlpZycnJSUlIyMjISEhHt7e3Nzc2tra2NjY1paWlJSUkpKSkJCQjo6OjExMSkpKRkZGRAQEAAAAP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBAAeACwAAAAAIwAjAAAF5CAgjmRpnmiqrmzrvnAsz3Rto4Fwm4EYLIweQHcTKAiAQOPRI0QKRcYiEGA4qI8K9HZoGAIOSOBgCdIGBeLCMUgoBJSJjsBAxAiKRSFAQBCVBwMKGRsNQi8DBwsJhyQVGxMKjTCJk0kPjDI5AlQqBAcICFstBQqmmScFGh0dHBaWKAIEBQQDKQEKDxEQCTMBA5Y/o5oDoZYCHB1PMgIHCQacwCPACRStDTEDBrYABQg5wAgGIg4YYjQCogEGB3wI3J2+oD0G42PfN2Pc7D2JRDb/+In4t8MHwYIIEypcyLChQ4YhAAAh+QQFBAAeACwIAAgAEwATAAAFlqAnjiKSjAFJBscgLos4NIQ6JggAKLHXSDWbp6CoLRgeg0ShGwkIKQ9iITggPJFHaqA4eAYIRK0a9SwK0spl0TQkvEIJJnIlCdDCRk4lEJIGBgcHRn4jBBkciROFKgkNDg51jCJBJJU2ARocD4xNAQsGCBMcGz2FAxwZKQwVDYVwEhwOI02MAxsceJMeOgwaJ7skCX0jIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwJAAcAEgAVAAAFjqAnjmJAnihgHChqCACAJKMyoMHBeggSJ40baoC4zTwFB6IlOiwLhkCDMUIYUAUSgiA4RCZLAXPkoDQOsfFosVNjDYaBQiRmWjaaDMTdXDAYbWMJQnwiGBoOBEwmIwVeGhhzKAJ+BBsXIgoSVCcEAxkbAw8enEwAARkaYqluAqliChlLY64aQrNjAT2MKCEAIfkEBQQAHgAsBwAIABQAFAAABZqgJ45jUQBkqorGgQqIsKqteCjyTLbAsBg6UoBA8CgSIoGhGGQNAoXG4zAaNBcPxalJQhS4KwGhUCQgRYHZQGKxVBpgD8CQUCiAYEQTpZpcGFYrBgw5HgkEBg4XFHoqFx10CwMZFCIIDwl8IwscFAQXGR4NGQo6BBocRRUYHgIWGEwqBxoPHgEWoYYXVCsBCTIBqzkHaVwHvCshACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAVABQAAAWaoCeOpDECZKqKgRcY7bqanoHI6+EKSIHjCJ2oMPidCgIPQbHwGUkIBoLwJAEM1OpqQBgkC0yjwBGRRBQokfdXOASzo0MjqTrQUwQIpwM/QSYJKQoaHRUKHgtQSgwTEUIeDRcPSRQcHgiBFREiB1IkdAkaEgMUGAILFoE4AxkaRRIVLRIURTIGGQ0iExWcEzQyBzGwI05PV78rIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAgAFAAUAAAFlaAnjmRBnmgqCip6kEGbDnJqvmJAsLVIDwgEoTc6JAy0k05VSIoKiSgipgoIaIFKZ8tBVBeNBgORkEwkDt6sYECSBosUwJRybDiqxuOgTmTwCAUKIwAHAwMJDw10CxUNMRIaBQcIAmhPCgYjVAcZDx4REx5lOCoWGCIPER4Bqi0FFwwiEBIxBg9DKpqpEVS5PQUFACohACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAUABQAAAWRoCeOpEGeaCoGKmqOQlvKXgId4usR6DA+HA6kQDsxMB0Nr0hSTHxFAgJxIABogpiEI9rgVAiF2ICARCANVovAjsESKoKaNGBkMqrEojA/WDYSHgMIJAVZBwsKSwoSCyIOFx4FJg4LVwQHRCgVDQIOEAEHDi9XJwISFAIADA4iDJ1xEwoiDa2SDFA0rCO5NGwtIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAgAEwAUAAAFj6AnisNonqeBLWg7GpwmtAENcc8s6ifyGKJMp1DyIFqNjecxUEiKLpGi4slATcBW4hkdDQ6HbHd048TELtah8XCwxqjAsXXdKSyWuuiAILwmGBBABzUiBDUFCQglCBAJIgsTBAQFAQpzAwZ1BREsCwweBQt+Lg8QNQpvCAqFJwMQc6mGjy6kHrI7cB4DeiIhACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcABwASABUAAAWXoCeOI0GQaBpUl5CSRZV4QrYN71hoWBBkGpdISAI4No2BhoNLHRijy8YQmQwOpJMC2BAgIh5fgJZKSDYWYg4FWZMMhkLT7XHYeAW6wrBgLGZ0KQZjgR4IEhFqJIAeBQ8UDQUCeSNzIwcNCCIJDwMDJwgGawSZAQgzBAiWIwELDSIHmh6xOQyiAKciV4oeAHO0IwB0ArweIQAh+QQFBAAeACwAAAAAAQABAAAFA6AXAgAh+QQFBAAeACwHAAcAEAAVAAAFjKAnjuMwkKgnjFJVosSEeMGVrcc1j8TlehVMIIDh7EaMzMKDuTE4k4DHsCiIKJnCI0LYcE6ehMWyPDxGgshyZL5MUqID6uCAowsEwsouWlTGFAR8HgUJCglHgyNWigF0dXYzBAwPCoJgcAUKBnELAgKYcAObHgdyfIYiBQcAdgIJjAanrq0AsoojQyghACH5BAUEAB4ALAAAAAABAAEAAAUDoBcCACH5BAUEAB4ALAcACAAUABQAAAWYoCeKwQhF5aiqA3SIlDVW7yoOlCRKlVhtNZtHYUkIKBfPYoNaFRADUUTWeAwyGYHHAFmIDhIJImBorBIFB6cDSZUnEGEA08k0UiPDQrsSTB58HgEDhEIqAHgIERESVoY2BAcIBwaPlh5Rl04KCnhnKwMJDFCelgMIBAAeT3hBNqoeAggFIgiaX7ZblZoBB5lbqoG3wzbCKyEAIfkEBQQAHgAsBwAHABUAEwAABZygJ46jIJBoSjZPqa6GGEmBZ0zx60Gt90QiSSb3QkgOHskkkMj0UAOkyCEhLBiey2X0SIwMLKRVAPAEHggCY8N5egiKB6OGAmwtC1UhQScFIgt9JAKCKQUICQkxBw2NCycqBhsdlBgBAwUGBgRlKgMPExMSgSSdKmQvBAgIOqwoAgeKkDopBgMiMbOutCgGSLe8IlIeSKbBI1LAKCEAIfkEBQQAHgAsAAAAAAEAAQAABQOgFwIAIfkEBQQAHgAsAAAAAAEAAQAABQOgFwIAIfkECQQAHgAsAAAAACMAIwAABbWgJ45kaZ5oqq5s675wLM90baPBvS6MTgoKgqjxEBEihZuAsRAxHKJHJXk7NAwBB8RzsPRqBYFo4RgkFALKxMhAxAiKBdXtAXgah4Eis2nIBgcLCSgVGxMKNYAoD4MzAgI5KgQHCAhULQUKmgmRJgUaIhwWLwIEBQQDKQEKDxEQCXYxnSUBcjapKAIcHUg+JgkUHRx+YB6zIw4YEMc2QiMBzDB0HgbGvifR19rb3N3e3+Dh4ikhADs=") no-repeat center;
  width: 100%;
  height: 100%;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #ffffff;
  background: rgba(76, 76, 77, 0.8);
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 10;
  overflow-y: auto;
  -webkit-transition: all 0.12s;
  -moz-transition: all 0.12s;
  transition: all 0.12s;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-thumb:hover .jFiler-item-thumb-overlay {
  opacity: 1;
  filter: aplpha(opacity(100));
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info {
  display: table;
  padding: 0 10px;
  overflow: auto;
  width: 100%;
  height: 100%;
  text-align: center;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-title {
  display: block;
  font-weight: bold;
  word-break: break-all;
  line-height: 1;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-info .jFiler-item-others {
  display: inline-block;
  font-size: 10px;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets {
  margin-top: 10px;
  color: #7F8386;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-success {
  color: #3C763D;
}

.jFiler-items-grid .jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .text-error {
  color: #A94442;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-jProgressBar {
  width: 120px;
  margin-left: -5px;
}

.jFiler-items-grid .jFiler-item .jFiler-item-container .jFiler-item-assets .jFiler-item-others {
  font-size: 12px;
}

.jFiler-items-grid .jFiler-item-trash-action:hover {
  cursor: pointer;
  color: #d9534f;
}

/* Cusotom CSS for Treated */
.jFiler-theme-default .jFiler-input {
  width: 330px;
}
@media screen and (max-width: 767px) {
  .jFiler-theme-default .jFiler-input {
    width: 100%;
  }
}

.tableWithProducts.dosages-table-v4 .product-page-agit-content {
  display: none;
}
@media only screen and (max-width: 767px) {
  .tableWithProducts.dosages-table-v4 .product-page-agit-content {
    display: block;
    padding: 20px 10px 20px;
  }
}
.tableWithProducts .free-delivery-msg {
  color: #7F8386;
  font-weight: normal;
  font-size: 10px;
  line-height: 1.5;
  display: block;
  margin: 8px auto;
  font-family: "Poppins", sans-serif;
}
@media only screen and (max-width: 600px) {
  .tableWithProducts .free-delivery-msg {
    margin: 0px auto 10px;
  }
}
.tableWithProducts .productTable_product-holder {
  margin: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.tableWithProducts .productTable_product-holder > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  flex: 1 100%;
}
.tableWithProducts .productTable_product-holder .productTable_aligner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tableWithProducts .productTable_product-holder .productTable_col {
  -webkit-box-flex: 1;
  -ms-flex: 1 auto;
  flex: 1 auto;
}
.tableWithProducts .productTable_product-holder .productTable_product-dosage {
  padding: 0 10px 0 0;
  text-align: center;
  color: #55595E;
  word-break: break-word;
  font-family: "Roboto", Trebuchet MS, Helvetica, sans-serif;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1;
  width: 20%;
  -webkit-box-flex: 0.7;
  -ms-flex: 0.7 0px;
  flex: 0.7 0px;
}
@media screen\0  {
  .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    display: inline-block;
    float: left;
  }
}
@media only screen and (max-width: 600px) {
  .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
.tableWithProducts .productTable_product-holder .productTable_product-dosage .dosage span {
  display: block;
}
.tableWithProducts .productTable_product-holder .productTable_product-descritpion {
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2;
  width: 40%;
  -webkit-box-flex: 1.55;
  -ms-flex: 1.4 0px;
  flex: 1.4 0px;
  padding-right: 10px;
  padding-left: 10px;
  justify-content: flex-start;
}
@media screen\0  {
  .tableWithProducts .productTable_product-holder .productTable_product-descritpion {
    display: inline-block;
  }
}
@media only screen and (max-width: 1150px) {
  .tableWithProducts .productTable_product-holder .productTable_product-descritpion {
    -webkit-box-flex: 1.5;
    -ms-flex: 1.5 0px;
    flex: 1.5 0px;
  }
}
@media only screen and (max-width: 1024px) {
  .tableWithProducts .productTable_product-holder .productTable_product-descritpion {
    -webkit-box-flex: 1;
    -ms-flex: 1 0px;
    flex: 1 0px;
  }
}
@media only screen and (max-width: 600px) {
  .tableWithProducts .productTable_product-holder .productTable_product-descritpion {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
.tableWithProducts .productTable_product-holder .productTable_product-descritpion p {
  margin-bottom: 0;
}
.tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  order: 3;
  width: 40%;
  -webkit-box-flex: 1.63;
  -ms-flex: 1.63 0px;
  flex: 1.63 0px;
  justify-content: flex-end;
}
@media only screen and (max-width: 1150px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 2.2;
    -ms-flex: 2.2 0px;
    flex: 2.2 0px;
  }
}
@media only screen and (max-width: 960px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media screen\0  {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    display: inline-block;
    float: right;
  }
}
.tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
  vertical-align: unset;
  float: right;
  text-align: right;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}
@media only screen and (max-width: 960px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    display: block;
  }
}
.tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box > div {
  width: 100%;
}
@media only screen and (min-width: 601px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box > div > div {
    display: inline-block;
  }
}
@media only screen and (max-width: 840px) and (min-width: 601px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box > div > div {
    width: 50%;
  }
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box > div > div .b-gray-btn {
    width: 90%;
  }
}
.tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .de-available-product {
  margin-top: 15px;
}
.tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn, .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
  min-width: 180px;
  width: auto;
}
@media only screen and (max-width: 840px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn, .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
    width: 45%;
  }
}
@media only screen and (max-width: 600px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn, .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
    width: 100%;
    margin: 0 0 10px;
    max-width: 100%;
  }
}
.tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .low-price {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #FE9523;
  margin-left: 15px;
  margin-top: 5px;
}
@media only screen and (max-width: 600px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .low-price {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1150px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn, .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .low-price {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1150px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 1150px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 48%;
  }
}
@media only screen and (max-width: 600px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 600px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
    min-width: 100%;
  }
}

@media only screen and (max-width: 1150px) {
  .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    margin-top: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}

@media only screen and (max-width: 1150px) {
  .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}

:lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 2;
  -ms-flex: 2 0px;
  flex: 2 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(en) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(en) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 272px;
}
@media only screen and (max-width: 1150px) {
  :lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 236px;
}
:lang(en) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
  min-width: 150px;
}

:lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 2.34;
  -ms-flex: 2.34 0px;
  flex: 2.34 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 265px;
}
@media only screen and (max-width: 1150px) {
  :lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 250px;
}
:lang(fr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
  min-width: 188px;
}

:lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 2.5;
  -ms-flex: 2.5 0px;
  flex: 2.5 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 265px;
}
@media only screen and (max-width: 1150px) {
  :lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 250px;
}
:lang(chfr) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
  min-width: 188px;
}

:lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 1.7;
  -ms-flex: 1.7 0px;
  flex: 1.7 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(da) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(da) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 250px;
}
@media only screen and (max-width: 1150px) {
  :lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
  min-width: 150px;
  margin-bottom: 10px;
}
:lang(da) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 250px;
}

:lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 2;
  -ms-flex: 2 0px;
  flex: 2 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(es) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(es) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 250px;
}
@media only screen and (max-width: 1150px) {
  :lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 250px;
}
:lang(es) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn:first-child {
  margin-left: 0;
}

:lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 2;
  -ms-flex: 2 0px;
  flex: 2 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(de) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(de) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 250px;
}
@media only screen and (max-width: 1150px) {
  :lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
  min-width: 150px;
}
:lang(de) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 250px;
}

:lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 1.8;
  -ms-flex: 1.8 0px;
  flex: 1.8 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 240px;
}
@media only screen and (max-width: 1150px) {
  :lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
  min-width: 150px;
}
:lang(sv) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 240px;
}

:lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 1.98;
  -ms-flex: 1.98 0px;
  flex: 1.98 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 256px;
}
@media only screen and (max-width: 1150px) {
  :lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(fi) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 256px;
}

:lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 2.7;
  -ms-flex: 2.7 0px;
  flex: 2.7 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 244px;
}
@media only screen and (max-width: 1150px) {
  :lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 244px;
}
:lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn:first-child {
  margin-left: 0;
}
:lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
  min-width: 220px;
}
:lang(pl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn:first-child {
  margin-left: 0;
}

:lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 1.7;
  -ms-flex: 1.7 0px;
  flex: 1.7 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 234px;
}
@media only screen and (max-width: 1150px) {
  :lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 234px;
}
:lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn:first-child {
  margin-left: 0;
}
:lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
  min-width: 182px;
}
:lang(pt) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn:first-child {
  margin-left: 0;
}

:lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
  -webkit-box-flex: 2.17;
  -ms-flex: 2.17 0px;
  flex: 2.17 0px;
}
@media only screen and (max-width: 1150px) {
  :lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 0.5;
    -ms-flex: 0.5 0px;
    flex: 0.5 0px;
  }
}
@media only screen and (max-width: 600px) {
  :lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-dosage {
    -webkit-box-flex: 1;
    -ms-flex: 1 100%;
    flex: 1 100%;
  }
}
@media only screen and (max-width: 1150px) {
  :lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  :lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box {
    margin-bottom: 0;
  }
}
:lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
  min-width: 272px;
}
@media only screen and (max-width: 1150px) {
  :lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    display: inline-block;
    margin: 0;
    width: 48%;
  }
}
@media only screen and (max-width: 840px) {
  :lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  :lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select {
    min-width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
:lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .jcf-select-text {
  min-width: 100%;
}
:lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-gray-btn {
  min-width: 272px;
}
:lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-buttons .variant-box .b-green-btn {
  min-width: 188px;
}
:lang(nl) .tableWithProducts .productTable_product-holder .productTable_product-descritpion {
  -webkit-box-flex: 1.5;
  -ms-flex: 1.5 0px;
  flex: 1.5 0px;
}

.tableWithProducts {
  background: #ffffff;
  border: 1px solid;
  border-color: #F5FAFF #D4D6D7 #b2b4b6;
  box-shadow: 0 1px 0 #D4D6D7;
  border-radius: 5px;
  padding: 0 20px;
  font: 300 18px/22px "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 570px) {
  .tableWithProducts {
    padding: 0 15px;
  }
}
.tableWithProducts .b-green-btn {
  border: solid rgb(40.2038834951, 161.7961165049, 132.3786407767);
  border-width: 0 0 2px;
  color: #ffffff;
  cursor: pointer;
  font: 700 16px/30px "Trebuchet MS", Helvetica, sans-serif;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding: 11px 10px 10px;
  text-decoration: none;
  background: #5AD6B8;
  padding: 8px 21px 6px 20px;
  margin: 0 0 0 15px;
  outline: none;
}
.tableWithProducts .b-green-btn:hover {
  background: rgb(50.354368932, 202.645631068, 165.8009708738);
}
.tableWithProducts .b-green-btn .b-gray-btn {
  width: 242px;
  height: 46px;
}
.tableWithProducts .out-of-stock {
  margin: 0 0 0 15px;
  font-size: 13px;
  min-width: 130px;
  font-weight: 700;
  line-height: 26px;
  padding: 10px 21px 10px 20px;
  border: 0;
  border-radius: 0 15px;
  color: #ffffff;
  background: #8fbc8f;
  cursor: default;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
}
@media only screen and (max-width: 570px) {
  .tableWithProducts .variant-box, .tableWithProducts .b-green-btn, .tableWithProducts .btn-oos {
    display: block;
    width: 100% !important;
    margin: 0 auto 15px;
    max-width: 242px;
  }
}
.tableWithProducts .out-of-stock-new {
  border: solid rgb(40.2038834951, 161.7961165049, 132.3786407767);
  border-width: 0 0 2px;
  color: #ffffff;
  cursor: pointer;
  font: 700 16px/16px "Trebuchet MS", Helvetica, sans-serif;
  border-radius: 5px;
  text-transform: uppercase;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  background: #5AD6B8;
  padding: 6px 21px 6px 20px;
  margin: 0 0 0 15px;
  outline: none;
}
.tableWithProducts .out-of-stock-new span {
  display: block;
  font-size: 12px !important;
  line-height: 16px;
}
.tableWithProducts .tableWithProducts_holder, .tableWithProducts .tableWithProducts_dosage-caption, .tableWithProducts .tableWithProducts_product-description, .tableWithProducts .tableWithProducts_buttons-holder {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  line-height: 22px;
}
.tableWithProducts .tableWithProducts_buttons-holder {
  float: right;
}
.tableWithProducts .table-row {
  border-bottom: 1px solid #dbdbdb;
  padding: 0;
  text-align: justify;
}
.tableWithProducts .table-row:before, .tableWithProducts .table-row:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.tableWithProducts .tableWithProducts_holder {
  margin: 15px 0 15px;
  width: 100%;
}
@media only screen and (max-width: 570px) {
  .tableWithProducts .tableWithProducts_holder {
    margin-bottom: 0;
    margin-top: 0;
  }
}
.tableWithProducts .tableWithProducts_buttons-holder {
  position: relative;
}
@media only screen and (max-width: 1150px) {
  .tableWithProducts .tableWithProducts_buttons-holder {
    float: right;
    text-align: right;
    width: 100% !important;
  }
}
@media only screen and (max-width: 570px) {
  .tableWithProducts .tableWithProducts_buttons-holder {
    display: block;
    text-align: center;
  }
}
.tableWithProducts .tableWithProducts_product-description {
  padding: 0 6px;
  font-size: 16px;
  line-height: 1.7;
  text-align: left;
}
@media only screen and (max-width: 1150px) {
  .tableWithProducts .tableWithProducts_product-description {
    font-size: 12px;
    line-height: 16px;
    /*width: 100%!important;*/
  }
}
.tableWithProducts .tableWithProducts_product-description.variant-exist {
  max-width: 360px;
  min-width: 300px;
}
@media only screen and (min-device-width: 996px) and (max-width: 1150px) {
  .tableWithProducts .tableWithProducts_product-description.variant-exist {
    max-width: 420px;
  }
}
@media only screen and (max-width: 995px) {
  .tableWithProducts .tableWithProducts_product-description.variant-exist {
    max-width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .tableWithProducts .tableWithProducts_product-description.variant-exist {
    min-width: 100%;
    max-width: 100%;
  }
}
.tableWithProducts .tableWithProducts_product-description.variant-exist-es {
  max-width: 280px;
  min-width: 280px;
}
.tableWithProducts .tableWithProducts_dosage-caption {
  padding: 0 4px;
  text-align: center;
  color: #55595E;
  min-width: 138px;
  vertical-align: middle;
  line-height: 54px;
}
.tableWithProducts .tableWithProducts_dosage-caption strong {
  font-family: "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
}
@media only screen and (max-width: 767px) {
  .tableWithProducts .tableWithProducts_dosage-caption {
    width: 100%;
  }
}
@media only screen and (max-width: 570px) {
  .tableWithProducts .col-xs-3.col-sm-3.col-md-3, .tableWithProducts .col-xs-9.col-sm-9.col-md-9 {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
}

.tableWithProducts_intro {
  padding: 29px 0 0;
}
.tableWithProducts_intro .intro-caption {
  display: block;
  font: 30px/34px "HelveticaNeueThin", "Trebuchet MS", Helvetica, sans-serif;
  text-align: center;
  margin: 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .tableWithProducts_intro .intro-caption {
    padding: 0 10px;
    word-wrap: break-word;
  }
}
.tableWithProducts_intro .tableWithProducts_image-list {
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
.tableWithProducts_intro .tableWithProducts_image-list li {
  float: left;
  width: 33.33%;
}
@media only screen and (max-width: 1024px) {
  .tableWithProducts_intro .tableWithProducts_image-list li {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .tableWithProducts_intro .tableWithProducts_image-list li {
    width: auto;
    max-width: 380px;
    float: none;
    overflow: hidden;
    margin: 0 auto 15px;
  }
}
.tableWithProducts_intro .tableWithProducts_image-holder {
  float: left;
  width: 121px;
  min-height: 133px;
  text-align: center;
  position: relative;
}
.tableWithProducts_intro .tableWithProducts_image-holder img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.tableWithProducts_intro .tableWithProducts_intro-description {
  float: left;
  width: 100%;
  padding-top: 15px;
  padding-left: 130px;
  margin-left: -130px;
  font-size: 16px;
  line-height: 22px;
}
.tableWithProducts_intro .tableWithProducts_intro-description .tableWithProducts_intro-caption {
  display: block;
  font-size: 14px;
  font-weight: 900 !important;
  text-shadow: 1px 0 0 rgba(0, 0, 0, 0.3);
  margin: 0 0 4px;
}
.tableWithProducts_intro .mobile-content {
  display: none;
  padding: 0 14px 20px;
  font-size: 16px;
  line-height: 20px;
}

/*	.dosages-table-v3 {
    .tableWithProducts_dosage-caption, .tableWithProducts_product-description, .tableWithProducts_buttons-holder {
        display: inline-block;
        vertical-align: middle;
        @media only screen and (max-width: 767px) {
            display: block;
        }
    }
    .tableWithProducts_dosage-caption {
        word-break: break-word;
        @media only screen and (max-width: 767px) {
            margin-left: auto;
            margin-right: auto;
        }
        &.samewidth {
            max-width: 220px !important;
            line-height: 26px;
        }
    }
    .tableWithProducts_product-description {
        min-width: 460px;
        max-width: 480px;
        @media only screen and (max-width: 1150px) {
            //max-width: 60%;
        }
        @media only screen and (max-width: 767px) {
            width: 100%;
            min-width: 100%;
            max-width: 100%;
            margin-bottom: 20px;
            text-align: center;
        }
    }
    .tableWithProducts_buttons-holder {
        @media only screen and (max-width: 767px) {
            float: none;
            text-align: center;
        }
        .variant-box {
            @media only screen and (max-width: 767px) {
                width: 100%;
                max-width: 100%;
                text-align: center;
            }
            .b-gray-btn {
                @media only screen and (max-width: 767px) {
                    width: calc(50% - 25px);
                    margin-left: 0;
                }
                @media only screen and (max-width: 570px) {
                    margin-bottom: 10px;
                    margin-left: 0;
                    width: 100%;
                }
            }
            .b-green-btn {
                @media only screen and (max-width: 767px) {
                    max-width: 50%;
                    width: calc(50% - 25px);
                }
                @media only screen and (max-width: 570px) {
                    max-width: 100%;
                }
            }
            .btn-oos {
                @media only screen and (max-width: 767px) {
                    max-width: 50%;
                    width: calc(50% - 25px);
                }
                @media only screen and (max-width: 570px) {
                    max-width: 100%;
                }
            }
            .jcf-select {
                @media only screen and (max-width: 767px) {
                    width: calc(50% - 25px);
                    max-width: calc(50% - 25px);
                }
                @media only screen and (max-width: 570px) {
                    width: 100%;
                    margin-bottom: 10px;
                    max-width: 100%;
                }
            }
        }
    }
    .productDescription_mobileOnly {
        @media only screen and (max-width: 640px) {
            margin: 0 -7%;
            width: 114%;
        }
    }
}*/
.aboutUs .button {
  max-width: 794px;
  font-size: 30px;
  padding: 15px 10px;
  margin: 60px auto 40px;
}
@media (max-width: 767px) {
  .aboutUs .button {
    font-size: 20px;
    padding: 10px 10px;
    margin: 20px auto 20px;
  }
}
.aboutUs .button:hover, .aboutUs .button:focus {
  background: rgb(253.8846153846, 136.7692307692, 9.6153846154);
  text-decoration: none;
  color: #ffffff;
}
.aboutUs .button:hover .button-arrow, .aboutUs .button:focus .button-arrow {
  color: #ffffff;
}
.aboutUs .button:active {
  background: rgb(253.8846153846, 136.7692307692, 9.6153846154);
  box-shadow: inset 0 4px 5px 1px rgba(0, 0, 0, 0.1);
}
.aboutUs .button.btn-nhs {
  max-width: 500px;
  background-color: #5AD6B8;
  color: #ffffff !important;
  border: 0;
}
.aboutUs .button.btn-nhs .button-arrow {
  color: #0073B1;
}
.aboutUs .button.btn-nhs:hover, .aboutUs .button.btn-nhs:focus {
  background: #0073B1;
}
.aboutUs .button.btn-nhs:hover .button-arrow, .aboutUs .button.btn-nhs:focus .button-arrow {
  color: #ffffff;
}
.aboutUs .button.btn-nhs:active {
  background: #0073B1;
}
.aboutUs .wrapper {
  background: #F4F4F5;
}
.aboutUs .main-content-block {
  font-family: "Poppins", sans-serif;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
}
.aboutUs .main-content-block:after {
  content: "";
  display: table;
  clear: both;
}
.aboutUs .main-content-block h1 {
  font-size: 40px;
  margin: 60px auto;
  text-align: center;
  font-weight: 300;
}
@media (max-width: 767px) {
  .aboutUs .main-content-block h1 {
    font-size: 24px;
    margin: 40px auto;
  }
}
.aboutUs .main-content-block h5 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.aboutUs .main-content-block p {
  margin-bottom: 20px;
}
.aboutUs .main-content-block p:last-child {
  margin-bottom: 0;
}
.aboutUs .main-content-block ul li, .aboutUs .main-content-block ol li {
  margin-bottom: 20px;
}
.aboutUs .section-heading {
  font-size: 26px;
}
.aboutUs .productInfoTabs_tabset li {
  margin-bottom: 0 !important;
}
.aboutUs .productInfoTabs-linkToSection_v2 {
  display: block;
  width: 100%;
  float: none;
}
.aboutUs .productInfoTabs-linkToSection_v2 li a {
  font-weight: 400;
}
.aboutUs .productInfoTabs_tabset {
  max-width: 1140px;
  margin: 0 auto;
  box-shadow: none;
}
.aboutUs .productInfoTabs_tabset a {
  background: #EAEBEB;
  width: 100%;
  padding: 20px 30px;
  border-right: 1px solid rgba(59, 59, 59, 0.2);
  color: rgba(59, 59, 59, 0.5);
}
@media (min-width: 768px) and (max-width: 960px) {
  .aboutUs .productInfoTabs_tabset a {
    min-height: 72px;
  }
}
.aboutUs .productInfoTabs_tabset a i svg {
  width: auto;
  max-height: 30px;
  fill: rgba(59, 59, 59, 0.5);
}
.aboutUs .productInfoTabs_tabset a.private-prescription svg {
  max-height: 21px;
}
.aboutUs .productInfoTabs_tabset a.nhs-prescriptions i {
  line-height: 26px;
}
.aboutUs .productInfoTabs_tabset a.nhs-prescriptions svg {
  width: 41px;
  height: auto;
}
.aboutUs .productInfoTabs_tabset a.video-services svg {
  height: 22px;
}
.aboutUs .productInfoTabs_tabset a.test-center svg {
  height: 29px;
}
.aboutUs .productInfoTabs_tabset li {
  width: 100%;
  max-width: 25%;
}
.aboutUs .productInfoTabs_tabset li a {
  font-weight: 400;
  font-size: 17px;
}
@media only screen and (max-width: 1024px) {
  .aboutUs .productInfoTabs_tabset li a {
    font-size: 14px;
  }
}
.aboutUs .productInfoTabs_tabset li:first-child a {
  -webkit-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
.aboutUs .productInfoTabs_tabset li:last-child a {
  -webkit-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
  border-right: 0;
}
.aboutUs .productInfoTabs_tabset li.active a {
  color: #2A3036;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.aboutUs .productInfoTabs_tabset li.active svg {
  fill: rgb(59, 59, 59);
}
@media (max-width: 1023px) {
  .aboutUs .productInfoTabs_tabset-holder {
    padding: 20px 0px 0;
  }
}
.aboutUs .productInfoTabs_ourServices-content .ourServices-row {
  margin: 40px 0;
}
.aboutUs .productInfoTabs_ourServices-content .ourServices-row h3 {
  font-family: "Poppins", sans-serif;
  font-size: 34px;
  line-height: 1.25;
}
@media (max-width: 768px) {
  .aboutUs .productInfoTabs_ourServices-content .ourServices-row h3 {
    font-size: 26px;
    font-weight: 400;
  }
}
.aboutUs .productInfoTabs h2 {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
}
@media (max-width: 768px) {
  .aboutUs .productInfoTabs h2 {
    font-size: 28px;
    font-weight: 400;
  }
}
.aboutUs .productInfoTabs .tab-content {
  font-family: "Poppins", sans-serif;
}
.aboutUs .productInfoTabs .tab-content .mob-accordion-opener {
  background: #EAEBEB;
  color: rgba(59, 59, 59, 0.5) !important;
}
.aboutUs .productInfoTabs .tab-content .mob-accordion-opener:after {
  content: "\f067";
  position: absolute;
  right: 17px;
  top: 17px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.aboutUs .productInfoTabs .tab-content .mob-accordion-opener .fa {
  width: 20px;
  height: 20px;
}
.aboutUs .productInfoTabs .tab-content .mob-accordion-opener .fa svg {
  fill: rgba(59, 59, 59, 0.5);
}
.aboutUs .productInfoTabs .tab-content .mob-accordion-opener.collapsed {
  background: #ffffff;
  color: rgb(59, 59, 59) !important;
}
.aboutUs .productInfoTabs .tab-content .mob-accordion-opener.collapsed:after {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.aboutUs .productInfoTabs .tab-content .mob-accordion-opener.collapsed .fa svg {
  fill: rgb(59, 59, 59);
}
.aboutUs .productInfoTabs .tab-content #testCenter .mob-accordion-opener .fa svg {
  height: 29px;
}
.aboutUs .trustpilot_block {
  background: #ffffff;
  padding: 100px 0;
}

.aboutUs_firstblock {
  max-width: 1002px;
  padding: 30px 33px 20px;
  display: block;
  width: 100%;
  margin: 40px auto;
  position: relative;
  overflow: hidden;
  background: #ffffff url("https://www.vivami-cdn.com/img//logo-symbol.png") bottom -15px left -20px no-repeat;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  border-bottom: 0;
}
@media (max-width: 767px) {
  .aboutUs_firstblock {
    padding: 30px 20px 10px;
  }
}
.aboutUs_firstblock:after {
  content: "";
  display: table;
  clear: both;
}
.aboutUs_firstblock .section-heading {
  display: block;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .aboutUs_firstblock .section-heading {
    text-align: center;
    font-size: 24px;
  }
}
.aboutUs_firstblock .section-heading img {
  max-width: 210px;
  height: auto;
  margin-top: -5px;
}
@media (max-width: 767px) {
  .aboutUs_firstblock .section-heading img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
}

.checkmark-list li {
  display: block;
  position: relative;
  padding-left: 30px;
}
.checkmark-list li:before {
  content: "\f00c";
  position: absolute;
  left: 0;
  top: 4px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 18px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #5AD6B8;
}

.featuredOn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
@media (max-width: 767px) {
  .featuredOn {
    display: block;
  }
}
.featuredOn .featuredOn_text {
  display: inline-block;
  font-size: 20px;
  width: 250px;
  float: left;
}
@media (max-width: 767px) {
  .featuredOn .featuredOn_text {
    display: block;
    text-align: center;
    float: none;
  }
}
.featuredOn .featuredOn_slide {
  display: inline-block;
  float: left;
  width: calc(100% - 300px);
}
@media (max-width: 767px) {
  .featuredOn .featuredOn_slide {
    display: block;
    float: none;
    width: 100%;
  }
}
.featuredOn .featuredOn_slide .slick-list {
  padding: 0 !important;
}
.featuredOn .featuredOn_slide.slick-initialized .slick-slide {
  display: table;
}
.featuredOn .featuredOn_slide.slick-initialized .slick-slide span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
  height: 60px;
  cursor: pointer;
}
.featuredOn .featuredOn_slide .slick-arrow {
  width: 12px;
  height: 12px;
  top: 40%;
  text-indent: -9999px;
}
.featuredOn .featuredOn_slide .slick-prev {
  left: -15px;
}
.featuredOn .featuredOn_slide .slick-next {
  right: -15px;
}
.featuredOn .slick-track {
  margin-left: -75px;
}
@media (max-width: 767px) {
  .featuredOn .slick-prev {
    left: -10px;
  }
}
.teamSection {
  background: #ffffff;
  padding: 40px;
  margin: 80px auto 0;
}
@media (max-width: 767px) {
  .teamSection {
    padding: 20px;
  }
}
.teamSection:after {
  content: "";
  display: table;
  clear: both;
}
.teamSection .slick-prev, .teamSection .slick-next {
  height: 40px;
  width: 40px;
  top: 60%;
  z-index: 1;
}
@media (max-width: 1100px) {
  .teamSection .slick-prev, .teamSection .slick-next {
    height: 30px;
    width: 30px;
  }
}
@media (max-width: 767px) {
  .teamSection .slick-prev, .teamSection .slick-next {
    height: 20px;
    width: 20px;
  }
}
.teamSection .slick-prev {
  left: -35px;
}
@media (max-width: 1100px) {
  .teamSection .slick-prev {
    left: -25px;
  }
}
@media (max-width: 767px) {
  .teamSection .slick-prev {
    left: -10px;
  }
}
.teamSection .slick-next {
  right: -35px;
}
@media (max-width: 1100px) {
  .teamSection .slick-next {
    right: -25px;
  }
}
@media (max-width: 767px) {
  .teamSection .slick-next {
    right: -10px;
  }
}

.teamSection_content {
  max-width: 1002px;
  padding: 0;
  display: block;
  width: 100%;
  margin: 40px auto;
}
@media (max-width: 767px) {
  .teamSection_content {
    margin: 10px auto;
  }
}

.teamslide .teamslide_single {
  padding: 5px;
}
.teamslide .teamslide_header {
  display: table;
  width: 100%;
}
.teamslide .teamslide_header:after {
  content: "";
  display: table;
  clear: both;
}
.teamslide .teamslide_header .teamslide_heade-img {
  display: table-cell;
  width: 132px;
  vertical-align: bottom;
  text-align: right;
}
.teamslide .teamslide_header .teamslide_heade-img img {
  max-width: 100%;
  height: auto;
  /*@media (max-width: 575px) {
      max-width: 137px;
  }*/
}
.teamslide .teamslide_header .teamslide_heade-title {
  display: table-cell;
  vertical-align: bottom;
  font-weight: 300;
  padding-bottom: 10px;
  padding-left: 20px;
}
@media (max-width: 575px) {
  .teamslide .teamslide_header .teamslide_heade-title {
    padding-left: 15px;
  }
}
.teamslide .teamslide_header .member-name {
  font-size: 36px;
  line-height: 1;
}
@media (max-width: 767px) {
  .teamslide .teamslide_header .member-name {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .teamslide .teamslide_header .member-name {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 1.2;
  }
}
.teamslide .teamslide_header .member-designation {
  color: #8b8b8b;
  font-size: 18px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .teamslide .teamslide_header .member-designation {
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .teamslide .teamslide_header .member-designation {
    font-size: 13px;
    line-height: 1.3;
  }
}
.teamslide .teamslide_content {
  background: #F4F4F5;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  border-top: 2px solid #5AD6B8;
  padding: 25px;
  font-size: 15px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  padding-bottom: 10px;
}
.teamslide .member-contact {
  display: table;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .teamslide .member-contact {
    display: block;
    width: 100%;
  }
}
.teamslide .member-contact:after {
  content: "";
  display: table;
  clear: both;
}
.teamslide .member-contact a {
  text-decoration: none;
}
.teamslide .member-contact .member-contact_single {
  display: inline-block;
  float: left;
  padding: 10px 20px;
  border: 1px solid #D4D6D7;
  margin-right: 20px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  opacity: 0.7;
}
@media (max-width: 767px) {
  .teamslide .member-contact .member-contact_single {
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
}
.teamslide .member-contact .member-contact_single:hover {
  opacity: 1;
  background: #ffffff;
}
.teamslide .member-contact .member-contact_single img {
  width: auto;
  height: 24px;
  margin-right: 10px;
  display: inline-block;
}
.teamslide .member-contact .member-contact_single svg {
  fill: #2A3036;
}

.button {
  display: block;
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  text-transform: none;
  text-align: center;
  background: #FE9523;
  padding: 7px 10px 5px;
  position: relative;
  border-radius: 5px;
  max-width: 600px;
  line-height: 58px;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
}
.button .button-arrow {
  position: absolute;
  right: 30px;
  line-height: 54px;
  font-size: 44px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .button .button-arrow {
    right: 18px;
  }
}

.campaign-section {
  padding: 60px 0;
}
.campaign-section .white-box {
  max-width: 1140px;
  margin: 0 auto;
  padding: 40px;
}
@media (max-width: 767px) {
  .campaign-section .white-box {
    padding: 20px;
  }
}
.campaign-section h3 {
  color: #5AD6B8;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .campaign-section h3 {
    font-size: 24px;
  }
}
.campaign-section h4 {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 20px;
}
.campaign-section hr {
  width: calc(100% + 80px);
  margin-left: -40px;
  margin-bottom: 40px;
}
.campaign-section .video-content-container {
  display: block;
  width: 100%;
  margin: 40px auto;
}
.campaign-section .video-content-container:after {
  content: "";
  display: table;
  clear: both;
}
.campaign-section .video-holder {
  display: inline-block;
  float: left;
  width: 100%;
  max-width: 50%;
  float: none;
  text-align: center;
}
@media (max-width: 767px) {
  .campaign-section .video-holder {
    display: block;
    float: none;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .campaign-section .video-holder img {
    margin: 0 auto;
  }
}
.campaign-section .content-right {
  display: inline-block;
  float: right;
  width: 100%;
  max-width: 50%;
}
@media (max-width: 1024px) {
  .campaign-section .content-right {
    padding-left: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .campaign-section .content-right {
    display: block;
    float: none;
    max-width: 100%;
    padding-left: 0;
  }
}

.stayUptoDate {
  padding: 100px 0;
}
@media (max-width: 767px) {
  .stayUptoDate {
    padding: 60px 0;
  }
}
.stayUptoDate h2 {
  display: block;
  text-align: center;
  font-size: 40px;
  font-weight: 300;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .stayUptoDate h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }
}
.stayUptoDate .white-box {
  max-width: 1140px;
  padding: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .stayUptoDate .white-box {
    padding: 20px;
  }
}
.stayUptoDate .stayUptoDate_container {
  display: table;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .stayUptoDate .stayUptoDate_container {
    width: 100%;
    margin-bottom: 20px;
  }
}
.stayUptoDate .stayUptoDate_contentLeft {
  display: table-cell;
  width: 60%;
  vertical-align: top;
}
@media (max-width: 767px) {
  .stayUptoDate .stayUptoDate_contentLeft {
    display: table-footer-group;
    width: 100%;
  }
}
.stayUptoDate .stayUptoDate_contentright {
  display: table-cell;
  width: 40%;
  vertical-align: top;
  text-align: right;
}
@media (max-width: 767px) {
  .stayUptoDate .stayUptoDate_contentright {
    display: table-header-group;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .stayUptoDate .stayUptoDate_contentright img {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    max-width: 358px;
  }
}
.stayUptoDate .stayUptoDate_infoblock {
  background: #f6f7f8;
  text-align: center;
  padding: 30px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.stayUptoDate .stayUptoDate_infoblock h3 {
  margin-top: 0;
}

:lang(da) .aboutUs_firstblock .section-heading img {
  margin-top: 0;
  max-width: 100%;
  height: auto;
}

.servicesBar_cont {
  width: 100%;
  background: #0073B1;
}

ul.services-bar {
  display: block;
  margin: 0 0;
  padding: 0;
  color: #ffffff;
  font-size: 12px;
}
@media only screen and (max-width: 767px) {
  ul.services-bar {
    display: none;
  }
}
ul.services-bar li {
  list-style: none;
  display: inline-block;
  padding: 0 20px;
  border-right: 1px solid #0073B1;
}
ul.services-bar li a {
  color: #0073B1;
  display: inline-block;
  padding: 5px 0;
  opacity: 0.5;
  height: 32px;
  text-indent: -9999px;
  background-position: center center;
  background-repeat: no-repeat;
}
ul.services-bar li a:hover {
  opacity: 1;
}
ul.services-bar li a.active {
  opacity: 1;
}
ul.services-bar li:first-child {
  padding-left: 0;
}
ul.services-bar li.online-pharmacy a {
  width: 145px;
  background-image: url("https://www.vivami-cdn.com/img//Online-Pharmacy.png");
}
ul.services-bar li.nhs-prescription a {
  width: 124px;
  background-image: url("https://www.vivami-cdn.com/img//NHS-Prescription.png");
}
ul.services-bar li.video-Consultation a {
  width: 166px;
  background-image: url("https://www.vivami-cdn.com/img//Video-Consultation.png");
}
ul.services-bar li.testing-center a {
  width: 126px;
  background-image: url("https://www.vivami-cdn.com/img//Testing-Center.png");
}

.info-steps {
  padding: 40px 0;
}
.info-steps:after {
  display: table;
  content: "";
  clear: both;
  width: 100%;
}
.info-steps .infoSteps_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
  margin: 60px 0;
  box-sizing: border-box;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .info-steps .infoSteps_row {
    margin: 0 0 60px;
  }
}
.info-steps .infoSteps_row:after {
  display: table;
  content: "";
  clear: both;
  width: 100%;
}
.info-steps .infoSteps_row h3 {
  display: block;
  width: 100%;
  font-weight: 300;
  font-size: 34px;
  color: #0073B1;
  margin: 20px 0;
}
@media only screen and (max-width: 767px) {
  .info-steps .infoSteps_row h3 {
    font-size: 24px;
  }
}
.info-steps .infoSteps_row .content-block {
  width: auto;
  max-width: 67%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .info-steps .infoSteps_row .content-block {
    max-width: 100%;
  }
}
.info-steps .infoSteps_row .content-block-img {
  width: auto;
  max-width: 32%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .info-steps .infoSteps_row .content-block-img {
    max-width: 100%;
    width: 100%;
  }
}
.info-steps .infoSteps_row .content-block-img img {
  margin-right: 20px;
}
.info-steps .infoSteps_row .content-block-img .customerSupport-img {
  float: left;
}
.info-steps .infoSteps_row .custom-trustpilot-mini {
  display: inline-block;
  margin-top: 0;
  float: left;
  margin-left: 10px;
  margin-right: 20px;
  text-align: center;
  max-width: 160px;
}
.info-steps .infoSteps_row .custom-trustpilot-mini .logo {
  margin: 0 auto 10px;
  display: block;
  max-width: 142px;
  height: auto;
}
.info-steps .infoSteps_row .custom-trustpilot-mini .stars-rate {
  margin: 0 0 0;
}
.info-steps .infoSteps_row .custom-trustpilot-mini .star {
  padding: 3px;
}
.info-steps .infoSteps_row .custom-trustpilot-mini .rated_string .rate {
  font-size: 20px;
  color: #2A3036;
}
.info-steps .infoSteps_row:nth-child(even) .content-block-img {
  order: 1;
}
@media only screen and (max-width: 767px) {
  .info-steps .infoSteps_row:nth-child(even) .content-block-img {
    order: 2;
  }
}
.info-steps .infoSteps_row:nth-child(even) .content-block {
  order: 2;
}
@media only screen and (max-width: 767px) {
  .info-steps .infoSteps_row:nth-child(even) .content-block {
    order: 1;
  }
}
.condition-slider {
  display: block;
  width: 100%;
  max-width: 1295px;
  margin: 40px auto;
  font-size: 18px;
}
.condition-slider:after {
  content: "";
  display: table;
  clear: both;
}
.condition-slider .viewAllConditions {
  display: block;
  width: auto;
  margin: 20px auto;
  max-width: 200px;
  text-align: center;
}
.condition-slider .slider-title {
  display: inline-block;
  float: left;
  line-height: 40px;
}
@media (max-width: 767px) {
  .condition-slider .slider-title {
    display: block;
    float: none;
    text-align: center;
  }
}
.condition-slider ul.conditionSlider {
  width: calc(100% - 200px);
  float: right;
}
@media (max-width: 767px) {
  .condition-slider ul.conditionSlider {
    width: 100%;
    display: block;
    float: none;
  }
}
.condition-slider ul.conditionSlider li {
  font-weight: 300;
  margin-right: 20px;
}
.condition-slider ul.conditionSlider li:last-child {
  margin-right: 0;
}
.condition-slider ul.conditionSlider .slide a {
  display: block;
  padding: 12px 30px;
  border-radius: 5px;
  text-decoration: none;
}
.condition-slider .slick-arrow {
  border-color: #ffffff;
  border-width: 4px;
  opacity: 0.8;
}

.testkit .blue-color {
  color: #7e5bc9;
}
.testkit .primary-menu > li.phone .information-popup {
  background: #7e5bc9;
  border: 2px solid #b38fff;
}
.testkit .primary-menu > li.phone .information-popup:before {
  border-top-color: #b38fff;
}
.testkit .primary-menu > li.phone .information-popup:after {
  border-top-color: #7e5bc9;
}
.testkit .servicesBar_cont {
  background: #55339f;
}
@media (min-width: 1200px) {
  .testkit .servicesBar_cont .container {
    width: 100%;
    max-width: 1295px;
  }
}
.testkit ul.services-bar li {
  border-right: 1px solid rgba(59, 33, 115, 0.8);
}
.testkit #main {
  font-family: "Poppins", sans-serif !important;
}
.testkit .dark-bg {
  background: #fdfafe !important;
}
.testkit .dark-bg.text-center h2 {
  font-weight: 300;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .testkit .dark-bg.text-center h2 {
    font-size: 24px;
    line-height: 1.5;
  }
}
.testkit .dark-bg.text-center p {
  font-size: 16px;
  line-height: 1.8;
}
.testkit .dark-bg.text-center p:last-child {
  margin-bottom: 20px;
}
.testkit .header {
  padding: 20px 0 0;
  background: #5a36a7;
}
@media only screen and (max-width: 1023px) {
  .testkit .header {
    padding-top: 0;
  }
}
.testkit .header-search-block {
  display: none;
}
.testkit .top-nav .logo {
  background: #5a36a7;
}
@media only screen and (max-width: 1023px) {
  .testkit .top-nav .icon-left {
    border-right: none;
  }
  .testkit .top-nav .icon-right {
    border-left: none;
  }
}
.testkit .big-banner-section {
  background: #5a36a7;
}
.testkit .search-with-menu .search-section-heading {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300 !important;
}
.testkit .search-with-menu h1 {
  font-size: 60px;
  font-weight: 200 !important;
  letter-spacing: 0;
  margin-top: 60px;
}
@media (max-width: 1024px) {
  .testkit .search-with-menu h1 {
    margin-top: 20px;
  }
}
@media (max-width: 960px) {
  .testkit .search-with-menu h1 {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .testkit .search-with-menu h1 {
    font-size: 36px;
    line-height: 1.2;
  }
}
.testkit .search-section-description {
  font-size: 20px;
  margin: 46px auto 54px;
}
.testkit .search-container {
  width: 100%;
  max-width: 870px;
  margin: 0 auto;
}
.testkit .search-container .centered-section {
  width: 100%;
}
.testkit .form-search-row .submit {
  background-color: #5AD6B8;
  border: 0;
  font-family: "Poppins", sans-serif !important;
  font-size: 20px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .testkit .form-search-row .submit {
    font-size: 0;
  }
}
.testkit .search-with-menu .form-search-row .submit {
  padding: 15px 20px;
}
@media (max-width: 1023px) {
  .testkit .search-with-menu .form-search-row .submit {
    padding: 9px 13px;
  }
}
@media (max-width: 767px) {
  .testkit .search-with-menu .form-search-row .submit {
    text-indent: 0;
    padding: 0 12px;
  }
}
@media (max-width: 460px) {
  .testkit .search-with-menu .form-search-row .submit {
    padding: 0 6px;
  }
}
@media (max-width: 767px) {
  .testkit .search-with-menu .form-search-row .submit i.fa {
    font-size: 16px;
    margin-left: 4px;
  }
}
.testkit .search-section .search-parameters li {
  max-width: 34%;
}
.testkit .trustpilot-cont {
  padding: 80px 0;
}
.testkit .condition-slider {
  margin: 20px auto 10px;
  padding: 0 40px;
}
@media only screen and (max-width: 480px) {
  .testkit .condition-slider {
    padding: 0 20px;
  }
}
.testkit .condition-slider ul.conditionSlider .slide a {
  background: #7e5bc9;
  color: #ffffff;
}
.testkit .condition-slider ul.conditionSlider .slide a:hover, .testkit .condition-slider ul.conditionSlider .slide a:focus {
  background: #442782;
}
.testkit .condition-slider ul.conditionSlider .slide a:active {
  -webkit-box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.6);
}
.testkit .condition-slider .slick-list:after {
  content: "";
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -10px;
  background: -moz-linear-gradient(left, rgba(90, 54, 167, 0) 0%, rgb(90, 54, 167) 76%, rgb(90, 54, 167) 100%);
  background: -webkit-linear-gradient(left, rgba(90, 54, 167, 0) 0%, rgb(90, 54, 167) 76%, rgb(90, 54, 167) 100%);
  background: linear-gradient(to right, rgba(90, 54, 167, 0) 0%, rgb(90, 54, 167) 76%, rgb(90, 54, 167) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#005a36a7", endColorstr="#5a36a7",GradientType=1 );
}
.testkit .condition-slider .slick-prev.hidden,
.testkit .condition-slider .slick-next.hidden {
  opacity: 0;
  pointer-events: none;
}
.testkit .condition-slider .slick-prev {
  display: none;
  z-index: 2;
  margin-left: -15px;
}
.testkit .condition-slider .slick-prev:before {
  display: none;
}
.testkit .condition-slider .slick-next:before {
  display: none;
}
.testkit .viewAllConditions {
  max-width: 184px;
  font-size: 20px;
  font-weight: 300;
  margin: 20px auto 0;
  color: #8c67dc;
  text-decoration: none;
  padding-bottom: 5px;
  border-bottom: 1px solid transparent;
}
.testkit .viewAllConditions:hover {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
@media only screen and (max-width: 640px) {
  .testkit .viewAllConditions {
    max-width: 100%;
    font-size: 18px;
  }
}
.testkit .info-steps .infoSteps_row h3 {
  color: #5a36a7;
}
.testkit .info-steps .infoSteps_row .custom-trustpilot-mini {
  padding: 0;
}
.testkit .custom-trustpilot .rated_string a {
  color: #5a36a7;
}
.testkit #footer .footer-nav, .testkit #footer .information-section {
  font-family: "Poppins", sans-serif !important;
  font-size: 15px;
}
.testkit #footer .intro-section .footer-heading {
  font-family: "Poppins", sans-serif !important;
  color: #ffffff;
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .testkit #footer .intro-section .footer-heading {
    font-size: 22px;
    /*margin-top: -26px;*/
  }
}
.testkit #footer .contacts-list {
  font-size: 16px;
}
@media only screen and (max-width: 960px) {
  .testkit .needHelp h2 span.blue-color {
    display: block;
  }
}
.testkit .search-results .result-section .holder ul a {
  color: #5a36a7;
}
.testkit .rich-text a:not(.scroll-to-table-btn), .testkit .custom-trustpilot-mini .rated_string .rate, .testkit .productInfo_tabset a {
  color: #5a36a7;
}
.testkit .conditionPage #main {
  background-color: #f8f6f9;
}
.testkit.innerPage .header {
  padding: 0 0;
}
.testkit.innerPage .header-search-block {
  display: inline-block;
}
@media (max-width: 1023px) {
  .testkit.innerPage .header-search-block {
    display: none;
  }
}
.testkit.innerPage .header-search-block .search-row {
  border: 1px solid #5a36a7;
}
.testkit.innerPage .header-search-block .search-row .pseudo-placeholder {
  color: #5a36a7;
}
.testkit.innerPage .header-search-block .search-row i.fa {
  color: #5a36a7;
}
@media (max-width: 1023px) {
  .testkit.innerPage .top-nav.search-expanded .header-search-block {
    display: inline-block;
  }
}
.testkit.innerPage .top-nav.search-expanded .header-search-block .search-row .pseudo-placeholder {
  color: #ffffff;
}

.stepHolder {
  width: 100%;
  border-bottom: 4px solid rgba(0, 0, 0, 0.15);
  padding: 40px 0;
}
.stepHolder:after {
  content: "";
  display: table;
  clear: both;
}
.stepHolder .image-holder {
  display: table;
  width: 100%;
  height: 161px;
}
@media only screen and (max-width: 767px) {
  .stepHolder .image-holder {
    display: block;
    width: auto;
    height: auto;
    float: left;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .stepHolder .image-holder {
    float: none;
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .stepHolder .image-holder img {
    width: 100%;
    height: auto;
    max-width: 150px;
  }
}
@media only screen and (max-width: 480px) {
  .stepHolder .image-holder img {
    max-width: 100px;
    margin: 0 auto;
  }
}
.stepHolder .image-holder .image-block {
  display: table-cell;
  vertical-align: bottom;
}
@media only screen and (max-width: 480px) {
  .stepHolder .image-holder .image-block {
    display: block;
  }
}
.stepHolder .image-holder .image-block .img-responsive {
  margin-left: auto;
  margin-right: auto;
}
.stepHolder h3 {
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .stepHolder h3 {
    font-size: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .stepHolder p {
    font-size: 14px;
  }
}
.stepHolder sup {
  opacity: 0.5;
}
.stepHolder ul {
  width: 100%;
  font-size: 16px;
}
.stepHolder ul li {
  display: inline-block;
  width: 24.5%;
  text-align: center;
  padding: 0 5px;
  float: left;
}
@media only screen and (max-width: 767px) {
  .stepHolder ul li {
    display: block;
    width: 100%;
    text-align: left;
    padding: 10px 0 40px;
  }
}
@media only screen and (max-width: 480px) {
  .stepHolder ul li {
    text-align: center;
  }
}

.free-testkit {
  padding: 15px 20px;
  border: 1px solid #55339F;
  border-radius: 5px;
  width: 445px;
  max-width: 100%;
  margin: 0 auto 15px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
}
.free-testkit .green-color {
  color: #5AD6B8;
}
.free-testkit .sold-count {
  font-size: 24px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .free-testkit {
    margin: 20px auto 0;
    padding: 15px;
    font-size: 15px;
  }
  .free-testkit .sold-count {
    padding-left: 10px;
  }
}

.prefferedTreatmentPage {
  background: #f1f4f7;
}
.prefferedTreatmentPage #main, .prefferedTreatmentPage .slideout-panel {
  background: #f1f4f7;
}
.prefferedTreatmentPage .centered-section {
  width: 940px;
  max-width: 100%;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.prefferedTreatmentPage .prefferedTreatment-section {
  padding: 40px 0 60px;
  display: block;
}
@media only screen and (max-width: 1200px) {
  .prefferedTreatmentPage .prefferedTreatment-section {
    padding: 40px 0 40px;
  }
}
@media only screen and (max-width: 1023px) {
  .prefferedTreatmentPage .prefferedTreatment-section {
    padding: 20px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .prefferedTreatmentPage .prefferedTreatment-section {
    padding: 10px 0 20px;
  }
}
.prefferedTreatmentPage .prefferedTreatment-section .semibold {
  font-weight: 500;
}
.prefferedTreatmentPage .prefferedTreatment-section .bold {
  font-weight: 600;
}
.prefferedTreatmentPage .prefferedTreatment-section .d-block {
  display: block;
}
.prefferedTreatmentPage .prefferedTreatment-section .title-section {
  margin: 0 0 50px;
  font: 400 20px/26px "Poppins", Helvetica, sans-serif;
  color: #2A3036;
  text-align: center;
  letter-spacing: 0.018em;
}
.prefferedTreatmentPage .prefferedTreatment-section .title-section h1 {
  margin: 0 0 10px;
  font: 72px/1.5 "Poppins", Helvetica, sans-serif;
  color: #55595E;
  font-weight: 200;
}
@media only screen and (max-width: 1200px) {
  .prefferedTreatmentPage .prefferedTreatment-section .title-section {
    font-size: 17px;
  }
  .prefferedTreatmentPage .prefferedTreatment-section .title-section h1 {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1023px) {
  .prefferedTreatmentPage .prefferedTreatment-section .title-section {
    font-size: 16px;
    margin: 0 0 40px;
  }
  .prefferedTreatmentPage .prefferedTreatment-section .title-section h1 {
    font-size: 45px;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .prefferedTreatmentPage .prefferedTreatment-section .title-section {
    font-size: 15px;
    margin: 0 0 30px;
  }
  .prefferedTreatmentPage .prefferedTreatment-section .title-section h1 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .prefferedTreatmentPage .prefferedTreatment-section .title-section {
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 128%;
  }
  .prefferedTreatmentPage .prefferedTreatment-section .title-section h1 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 8px;
  }
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
  border-radius: 7px;
  font-family: "Poppins", sans-serif;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 20px 0;
  margin-bottom: 40px;
}
@media only screen and (max-width: 600px) {
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet {
    padding: 15px 20px 0;
    margin-bottom: 20px;
  }
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .product-detail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .product-detail img {
  width: 70px;
  max-width: 100%;
  height: auto;
  margin-right: 20px;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .product-detail .treatment-name {
  margin: 0;
  color: #0073B1;
  font-weight: 500;
  font-size: 20px;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .product-detail .treatment-name .drug {
  color: #2A3036;
  font-size: 16px;
  padding-left: 10px;
}
@media only screen and (max-width: 600px) {
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .product-detail {
    margin-bottom: 10px;
  }
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .product-detail img {
    margin-right: 15px;
  }
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .product-detail .treatment-name {
    font-size: 18px;
  }
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .product-detail .treatment-name .drug {
    font-size: 14px;
  }
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .pill-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 5px;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill label {
  padding: 24px 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
  background: #ffffff;
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  border-radius: 7px;
  border: 2px solid transparent;
  cursor: pointer;
  position: relative;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill label .id-text {
  padding: 0 15px;
  font-weight: 500;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill label .save-text {
  font-weight: 600;
  color: #5AD6B8;
  margin-left: auto;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill label .checkmark {
  background: #ffffff;
  border: 2px solid rgba(0, 0, 0, 0.2);
  min-width: 20px;
  height: 20px;
  border-radius: 100px;
  color: #ffffff;
  text-align: center;
  line-height: 17px;
  font-size: 13px;
  font-weight: 100;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill label .recommondation {
  position: absolute;
  top: 0;
  font-size: 12px;
  right: 0;
  background: #FE9523;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 35px 0px 0px 35px;
  color: #ffffff;
  padding: 1px 7px 0 12px;
  font-weight: 300;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill input:checked ~ label {
  background: #F5FCFF;
  border: 2px solid #0073B1;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill input:checked ~ label .checkmark {
  background: #0073B1;
  border-color: #0073B1;
}
@media only screen and (max-width: 767px) {
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill label {
    padding: 15px 10px;
    font-size: 14px;
  }
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill label .id-text {
    padding: 5px 12px;
  }
}
@media only screen and (max-width: 600px) {
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .select-pill {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .button-block {
  text-align: center;
  overflow: auto;
  padding: 15px 0 5px;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .button-block .btn {
  min-width: 294px;
  font-size: 20px;
  outline: 0;
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .button-block .btn.green-btn.disabled, .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .button-block .btn.green-btn:disabled {
  background: #D0D2D2;
  border-color: #b8b8b8;
  color: #929292 !important;
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .button-block .btn {
    min-width: 265px;
    font-size: 18px;
    height: auto;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 600px) {
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .button-block .btn {
    min-width: 0;
    width: 100%;
    font-size: 16px;
  }
}
.prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .prescription-fee-note {
  background: #F5FAFF;
  border-radius: 5px;
  margin: 25px 0 10px;
  padding: 23px 15px;
  font-size: 18px;
  line-height: 27px;
}
@media only screen and (max-width: 767px) {
  .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet .prescription-fee-note {
    padding: 15px;
    font-size: 14px;
  }
}
.prefferedTreatmentPage .prefferedTreatment-section .footer-section {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.prefferedTreatmentPage .prefferedTreatment-section .footer-section a {
  text-decoration: none;
  color: #0073B1;
  font-weight: 500;
}
@media only screen and (max-width: 600px) {
  .prefferedTreatmentPage .prefferedTreatment-section .footer-section {
    font-size: 14px;
    line-height: 21px;
  }
}

:lang(de) .prefferedTreatmentPage .centered-section {
  width: 1050px;
}
:lang(de) .prefferedTreatmentPage .prefferedTreatment-section .preferred-tablet {
  max-width: 920px;
}

.patient-page #main {
  background-color: #fafafa;
}
.patient-page .customerCare-info-footnote {
  margin-bottom: 20px;
}
.patient-page .dark2-bg {
  padding: 40px 0 40px;
}
@media only screen and (max-width: 1023px) {
  .patient-page .dark2-bg {
    padding: 34px 0 25px;
  }
}
@media only screen and (max-width: 1140px) and (min-width: 768px) {
  .patient-page .centered-section {
    padding: 0 2% !important;
  }
}

.patient-left, .patient-right {
  display: inline-block;
  float: left;
  position: relative;
}

.patient-left {
  width: 225px;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .patient-left {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
}

.patient-right {
  width: calc(100% - 240px);
  float: right;
}
@media only screen and (max-width: 768px) {
  .patient-right {
    display: block;
    width: 100%;
  }
}
.patient-right:before {
  content: "";
  position: absolute;
  top: 16px;
  left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 18px 12px 0;
  border-color: transparent #ffffff transparent transparent;
}
.patient-right .white-box {
  background: #ffffff;
  border-radius: 7px;
  border-bottom: 1px solid #d0d1d2;
  padding: 20px 20px;
}
@media only screen and (max-width: 767px) {
  .patient-right .white-box {
    padding: 20px 15px;
  }
}
.patient-right .row {
  border-bottom: 1px solid #EAEBEB;
  padding: 10px 25px 15px;
}
.patient-right .row:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .patient-right .row {
    padding: 6px 15px 10px;
  }
}
.patient-right label {
  font-size: 18px;
  padding-right: 20px;
}
@media only screen and (max-width: 768px) {
  .patient-right label {
    font-size: 16px;
  }
}

.patient-menu {
  position: relative;
}
.patient-menu .patient-menu-toggler {
  display: none;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .patient-menu .patient-menu-toggler {
    display: block;
    width: 10%;
    min-width: 30px;
    padding: 10px;
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 1001;
    min-height: 40px;
    background: transparent;
  }
}
.patient-menu .patient-dropdown {
  width: 100%;
  background-color: #ffffff;
  background-clip: padding-box;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  text-align: left;
  display: block;
  position: relative;
  box-shadow: none;
  -webkit-box-shadow: none;
  background: #ffffff;
  border: 0;
  border-radius: 5px;
  border-bottom: 1px solid #d0d1d2;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .patient-menu .patient-dropdown {
    float: none;
    padding: 0;
  }
}
.patient-menu .patient-dropdown > li > a {
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  white-space: nowrap;
}
.patient-menu .patient-dropdown li {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .patient-menu .patient-dropdown li {
    display: none;
  }
  .patient-menu .patient-dropdown li.active {
    display: block;
  }
  .patient-menu .patient-dropdown li.active .notification-badge {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .patient-menu .patient-dropdown.collapsed li {
    display: block;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
}
.patient-menu .patient-dropdown.collapsed li.active .notification-badge {
  display: block;
}
.patient-menu .patient-dropdown.collapsed .mobile-drawer {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.patient-menu .patient-dropdown.collapsed .total-mobile-notifications {
  display: none;
}
.patient-menu li a {
  border-bottom: 1px solid #EAEBEB;
  text-decoration: none;
  padding: 7px 15px;
}
@media only screen and (max-width: 768px) {
  .patient-menu li a {
    padding: 10px 15px;
  }
}
.patient-menu li a:hover, .patient-menu li a:active, .patient-menu li a:focus {
  background: #F5FAFF;
  color: #0073B1;
}
.patient-menu li a span {
  padding-right: 5px;
  font-size: 14px;
  line-height: 1.2;
  width: 20px;
  text-align: center;
}
.patient-menu li:last-child a {
  border-bottom: none;
}
.patient-menu li.active a {
  background: #F5FAFF;
  color: #0073B1;
}
@media only screen and (max-width: 768px) {
  .patient-menu li.active a {
    background: #ffffff;
  }
}
@media only screen and (max-width: 768px) {
  .patient-menu .btn {
    width: 100%;
  }
}
.patient-menu .mobile-drawer {
  display: none;
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 10001;
  color: #0073B1;
}
@media only screen and (max-width: 768px) {
  .patient-menu .mobile-drawer {
    display: inline-block;
  }
}
.patient-menu .total-mobile-notifications {
  position: absolute;
  display: none;
  right: unset;
  left: -10px;
  top: -10px;
}
@media only screen and (max-width: 768px) {
  .patient-menu .total-mobile-notifications {
    display: inline-block;
  }
}

.patient-profile {
  border-radius: 5px;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .patient-profile {
    position: relative;
  }
}
.patient-profile ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 0.7;
}
.patient-profile ::-moz-placeholder { /* Firefox 19+ */
  opacity: 0.7;
}
.patient-profile :-ms-input-placeholder { /* IE 10+ */
  opacity: 0.7;
}
.patient-profile :-moz-placeholder { /* Firefox 18- */
  opacity: 0.7;
}
@media only screen and (max-width: 768px) {
  .patient-profile .patient-contact .clearfix {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .patient-profile .patient-address:after {
    height: 70px;
  }
}
.patient-profile .patient-address .biliing-shipping-same {
  display: block;
  width: 100%;
  padding: 20px 0 0;
}
.patient-profile a {
  color: #0073B1;
}
.patient-profile .btn-orange {
  text-decoration: none;
  color: #ffffff;
}
.patient-profile .btn-orange:hover {
  color: #ffffff;
}
.patient-profile .profile-edit-options {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .patient-profile .profile-edit-options {
    display: table;
    position: absolute;
    bottom: 10px;
    text-align: left;
  }
}
.patient-profile .profile-edit-options a {
  padding-right: 10px;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .patient-profile .profile-edit-options a:first-child {
    display: table-footer-group;
  }
}
.patient-profile .profile-edit-options a.btn {
  margin-bottom: 5px;
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .patient-profile .treated-checkbox-holder {
    padding: 0;
  }
}
.patient-profile input {
  padding: 5px 5px 5px 10px;
  border: 1px solid #F4F4F5;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 1px 1px 1px 0px rgba(217, 217, 217, 0.68);
  box-shadow: inset 1px 1px 1px 0px rgba(217, 217, 217, 0.68);
}
.patient-profile input:focus {
  outline: 0;
  border: 1px solid #0073B1;
}
.patient-profile input[type=text] {
  min-width: 185px;
}
@media only screen and (max-width: 768px) {
  .patient-profile.patient-profile-edit {
    padding: 10px 15px 20px;
  }
}
.patient-profile.patient-profile-edit .row {
  padding: 20px 15px 10px;
}
.patient-profile.patient-profile-edit .patient-name {
  padding: 10px 15px 10px;
}
.patient-profile.patient-profile-edit .patient-name .col-left {
  width: 60%;
}
@media only screen and (max-width: 768px) {
  .patient-profile.patient-profile-edit .patient-name .col-left {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .patient-profile.patient-profile-edit .patient-name .col-left label {
    float: left;
    display: block;
    min-height: 44px;
  }
}
.patient-profile.patient-profile-edit .patient-name .col-left input {
  margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .patient-profile.patient-profile-edit .patient-contact .clearfix {
    margin-top: 20px !important;
  }
}
.patient-profile.patient-profile-edit .patient-contact .col-left {
  margin-bottom: 10px;
}
.patient-profile.patient-profile-edit .patient-contact .col-right:first-child {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .patient-profile.patient-profile-edit .patient-address {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .patient-profile.patient-profile-edit .patient-address .col-left {
    order: 1;
  }
}
@media only screen and (max-width: 768px) {
  .patient-profile.patient-profile-edit .patient-address .col-right {
    order: 3;
  }
}
.patient-profile.patient-profile-edit .patient-address .biliing-shipping-same {
  border-bottom: 1px solid #EAEBEB;
  padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .patient-profile.patient-profile-edit .patient-address .biliing-shipping-same {
    order: 2;
    padding-top: 10px;
    border-bottom: 0;
  }
}
.patient-profile.patient-profile-edit .patient-address .biliing-shipping-same .treated-checkbox-label {
  display: flex;
  padding-left: 10px;
}
.patient-profile.patient-profile-edit .patient-address input {
  margin-bottom: 10px;
}
.patient-profile.patient-profile-edit .profile-edit-options {
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .patient-profile.patient-profile-edit .profile-edit-options {
    width: 100%;
    border-bottom: 1px solid #EAEBEB;
    padding-bottom: 20px;
  }
}
.patient-profile.patient-profile-edit label {
  min-width: 85px;
}
@media only screen and (max-width: 768px) {
  .patient-profile.patient-profile-edit label {
    min-width: 65px;
    padding-right: 0;
    white-space: nowrap;
  }
}
.patient-profile .patient-detail-section {
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .patient-profile .patient-detail-section {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .upload-section .btn {
    float: left;
    margin-top: 10px;
  }
}

.uploaded-docs {
  position: relative;
  width: 100%;
  display: block;
  margin-top: 20px;
}
.uploaded-docs:before, .uploaded-docs:after {
  display: table;
  content: "";
}
.uploaded-docs .upload-entry {
  background: #f4f4f4;
  display: block;
  margin-bottom: 3px;
  width: 100%;
  line-height: 48px;
  min-height: 48px;
  font-size: 16px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .uploaded-docs .upload-entry {
    font-size: 14px;
    line-height: unset;
  }
}
.uploaded-docs .upload-entry:before, .uploaded-docs .upload-entry:after {
  display: table;
  content: "";
  clear: both;
}
.uploaded-docs .upload-entry .document-type, .uploaded-docs .upload-entry .document-name, .uploaded-docs .upload-entry .document-date-time, .uploaded-docs .upload-entry .document-delete {
  display: inline-block;
}
.uploaded-docs .upload-entry .document-type {
  float: left;
  background: #ffffff;
  width: 40px;
  height: 40px;
  margin: 4px;
}
@media only screen and (max-width: 768px) {
  .uploaded-docs .upload-entry .document-type {
    float: left;
  }
}
.uploaded-docs .upload-entry .document-type.pdf {
  background: #ffffff url("https://www.vivami-cdn.com/img//document-icons/pdf.png") 0 0 no-repeat;
}
.uploaded-docs .upload-entry .document-type.image {
  background: #ffffff url("https://www.vivami-cdn.com/img//document-icons/img.png") 0 0 no-repeat;
}
.uploaded-docs .upload-entry .document-type.docs {
  background: #ffffff url("https://www.vivami-cdn.com/img//document-icons/docs.png") 0 0 no-repeat;
}
.uploaded-docs .upload-entry .document-name {
  float: left;
  margin-left: 20px;
  overflow: hidden;
  width: calc(100% - 70px);
}
@media only screen and (max-width: 768px) {
  .uploaded-docs .upload-entry .document-name {
    width: calc(100% - 95px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 10px;
    padding-top: 5px;
  }
}
.uploaded-docs .upload-entry .document-name a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uploaded-docs .upload-entry .col-left {
  width: 70%;
}
@media only screen and (max-width: 1140px) {
  .uploaded-docs .upload-entry .col-left {
    width: 60%;
  }
}
@media only screen and (max-width: 900px) {
  .uploaded-docs .upload-entry .col-left {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .uploaded-docs .upload-entry .col-left {
    width: 100%;
  }
}
.uploaded-docs .upload-entry .col-right {
  width: 30%;
  text-align: right;
  position: relative;
}
@media only screen and (max-width: 1140px) {
  .uploaded-docs .upload-entry .col-right {
    width: 40%;
  }
}
@media only screen and (max-width: 900px) {
  .uploaded-docs .upload-entry .col-right {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .uploaded-docs .upload-entry .col-right {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .uploaded-docs .upload-entry .document-date-time {
    font-size: 12px;
    float: left;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .uploaded-docs .upload-entry .document-delete {
    position: absolute;
    right: 4px;
    top: 8px;
  }
}
.uploaded-docs .upload-entry .document-delete a.fa {
  text-decoration: none;
  background: #f12828;
  color: #ffffff;
  border-radius: 3px;
  padding: 3px 8px;
  line-height: 24px;
  margin: auto 5px auto 20px;
}
.uploaded-docs .upload-entry .document-delete a.fa:active {
  background: rgb(225.5152838428, 14.6847161572, 14.6847161572);
}
@media only screen and (max-width: 768px) {
  .uploaded-docs .upload-entry .col-left, .uploaded-docs .upload-entry .col-right {
    float: none;
  }
}

.patient-change-password {
  padding: 20px 15px !important;
}
.patient-change-password input[type=password] {
  margin-bottom: 15px;
}
@media only screen and (max-width: 640px) {
  .patient-change-password input[type=password] {
    width: 100%;
  }
}
.patient-change-password .patient-forgot-password {
  color: #55595E;
  font-size: 14px;
  margin-left: 20px;
}
@media only screen and (max-width: 640px) {
  .patient-change-password .patient-forgot-password {
    display: block;
    margin-left: 0;
    margin-top: 15px;
  }
}

.patient-orders:before {
  display: none;
}
.patient-orders .row {
  border-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .patient-orders .row {
    padding: 5px 15px 5px;
  }
}
@media only screen and (max-width: 767px) {
  .patient-orders .row {
    padding: 5px 5px 5px;
  }
}

.patient-single-order {
  color: #55595E;
  margin-bottom: 30px;
}
.patient-single-order:last-child {
  margin-bottom: 0;
}
.patient-single-order .col-left {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .patient-single-order .col-left {
    width: 100%;
    text-align: center;
  }
}
.patient-single-order .col-right {
  width: 74%;
}
@media only screen and (max-width: 767px) {
  .patient-single-order .col-right {
    width: 100%;
  }
}
.patient-single-order .patient-product-title {
  font-size: 16px;
  font-weight: bold;
  padding-right: 10px;
}
@media only screen and (max-width: 767px) {
  .patient-single-order .patient-product-title {
    padding-right: 0px;
  }
}
.patient-single-order .patient-product-image img {
  margin: 0 auto;
  width: 100%;
  max-width: 200px;
  height: auto;
}
.patient-single-order .order-detail-box {
  background: #fafafa;
  border-radius: 5px;
  border-bottom: 1px solid #d0d1d2;
}
.patient-single-order .order-detail-box:before, .patient-single-order .order-detail-box:after {
  display: table;
  content: "";
}
.patient-single-order .order-detail-box:after {
  clear: both;
}
.patient-single-order .order-detail-box .order-detail-box-head {
  padding: 15px;
  background: #edeff0;
  border-radius: 5px 5px 0 0;
}
.patient-single-order .order-detail-box .order-detail-box-head:after {
  display: table;
  content: "";
  clear: both;
}
.patient-single-order .order-detail-box .order-detail-box-head .order-detail_order-number, .patient-single-order .order-detail-box .order-detail-box-head .order-detail_order-datetime {
  display: inline-block;
  float: left;
  width: 49.5%;
}
@media only screen and (max-width: 1100px) and (min-width: 768px) {
  .patient-single-order .order-detail-box .order-detail-box-head .order-detail_order-number, .patient-single-order .order-detail-box .order-detail-box-head .order-detail_order-datetime {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .patient-single-order .order-detail-box .order-detail-box-head .order-detail_order-number, .patient-single-order .order-detail-box .order-detail-box-head .order-detail_order-datetime {
    width: 100%;
    display: block;
  }
}
.patient-single-order .order-detail-box .order-detail-box-head .order-detail_order-number {
  font-size: 16px;
  font-weight: 600;
}
.patient-single-order .order-detail-box .order-detail-box-head .order-detail_order-datetime {
  text-align: right;
}
@media only screen and (max-width: 480px) {
  .patient-single-order .order-detail-box .order-detail-box-head .order-detail_order-datetime {
    text-align: left;
    margin-top: 10px;
  }
}
.patient-single-order .order-detail-box .order-detail-box-row {
  padding: 10px 15px;
  font-size: 16px;
  border-bottom: 1px solid #e4e5e6;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.patient-single-order .order-detail-box .order-detail-box-row:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 1023px) {
  .patient-single-order .order-detail-box .order-detail-box-row {
    padding: 7px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .patient-single-order .order-detail-box .order-detail-box-row {
    font-size: 14px;
  }
}
.patient-single-order .order-detail-box .order-detail-box-row label {
  font-size: 14px;
  font-weight: 600;
  padding-right: 5px;
  max-width: calc(100% - 70px);
}
.patient-single-order .order-detail-box .order-detail-box-row .order-tracking-link {
  padding-left: 5px;
}
.patient-single-order .order-detail-box .order-detail-box-row a {
  color: #0073B1;
}
.patient-single-order .order-detail_order-status .order-status-detail-texts {
  display: block;
  width: 100%;
  font-size: 13px;
  margin-top: 5px;
}
.patient-single-order .order-detail_order-status .order-status-detail-texts p:last-child {
  margin-bottom: 0;
}
.patient-single-order .button-group {
  display: block;
  text-align: right;
  position: relative;
  margin-right: 2px;
}
@media only screen and (max-width: 1023px) {
  .patient-single-order .button-group {
    margin-top: 10px;
  }
}
.patient-single-order .button-group .btn {
  position: relative;
  font-size: 12px;
  min-width: 134px;
  margin-left: 15px;
}
@media only screen and (max-width: 767px) {
  .patient-single-order .button-group .btn {
    min-width: unset;
  }
}
@media only screen and (max-width: 480px) {
  .patient-single-order .button-group .btn {
    width: 100%;
    display: block;
    margin: 0 auto 10px;
  }
}
.patient-single-order .button-group .btn .notification-badge {
  top: -10px;
  right: -10px;
}
.patient-single-order .delivery-address {
  display: inline;
  position: relative;
  cursor: pointer;
  font-style: italic;
}
@media only screen and (max-width: 767px) {
  .patient-single-order .delivery-address {
    /*display: block;*/
  }
}
.patient-single-order .delivery-address .delivery-address-pop {
  position: absolute;
  z-index: 999;
  width: 204px;
  bottom: 100%;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  visibility: hidden;
  height: 0;
  font-size: 0;
  opacity: 0;
  background: #55595E;
  color: #ffffff;
  border-radius: 8px;
  padding: 8px;
  margin: 0 0 0 -26px;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.patient-single-order .delivery-address:hover .delivery-address-pop {
  visibility: visible;
  height: auto;
  font-size: 12px;
  line-height: 16px;
  opacity: 1;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.patient-product_messages {
  position: relative;
  border: 2px solid #e1e1e1;
  border-radius: 5px;
  margin-top: 40px;
}
.patient-product_messages.withTopArrow:after, .patient-product_messages.withTopArrow:before {
  bottom: 100%;
  right: 5.5%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.patient-product_messages.withTopArrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #edeff0;
  border-width: 16px;
  margin-right: 0.4%;
}
.patient-product_messages.withTopArrow:before {
  border-color: rgba(225, 225, 225, 0);
  border-bottom-color: #e1e1e1;
  border-width: 19px;
}
.patient-product_messages .product_messages_head {
  background: #edeff0;
  width: 100%;
  font-size: 30px;
  padding: 20px;
  text-align: center;
  border-bottom: 1px solid #e1e1e1;
}
@media only screen and (max-width: 767px) {
  .patient-product_messages .product_messages_head {
    font-size: 24px;
  }
}

.patient-product_messages-tabs li {
  width: 50%;
  min-height: 107px;
  float: left;
  background: #f6f8f9;
  border-bottom: 1px solid #e1e1e1;
}
.patient-product_messages-tabs li:last-child {
  border-left: 1px solid #e1e1e1;
}
.patient-product_messages-tabs li.active {
  background: #ffffff;
  border-bottom: 0;
}
.patient-product_messages-tabs .nav-messages-tabs a {
  text-decoration: none;
  padding: 20px;
}
@media only screen and (max-width: 767px) {
  .patient-product_messages-tabs .nav-messages-tabs a {
    padding: 15px;
  }
}
@media only screen and (max-width: 500px) {
  .patient-product_messages-tabs .nav-messages-tabs a {
    padding: 10px;
  }
}
.patient-product_messages-tabs .nav-messages-tabs a:hover, .patient-product_messages-tabs .nav-messages-tabs a:active, .patient-product_messages-tabs .nav-messages-tabs a:focus {
  color: #2A3036;
}
.patient-product_messages-tabs .nav-messages-tab-title, .patient-product_messages-tabs .nav-messages-tab-infotext {
  display: block;
  width: 100%;
}
.patient-product_messages-tabs .nav-messages-tab-title {
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .patient-product_messages-tabs .nav-messages-tab-title {
    font-size: 16px;
    word-break: break-word;
  }
}
.patient-product_messages-tabs .nav-messages-tab-infotext {
  font-size: 12px;
  text-align: center;
  word-break: break-word;
}
.patient-product_messages-tabs .tab-content {
  padding: 30px 10px 10px;
}
.patient-product_messages-tabs .patient-product_no-messages {
  padding: 15px;
  font-size: 18px;
  font-style: italic;
}

.patient-product_message-reply {
  position: relative;
  background: #F4F4F5;
  padding: 15px;
  border-radius: 5px;
  border-bottom: 2px solid #e3e3e3;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
.patient-product_message-reply:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: -16px;
  right: auto;
  top: auto;
  bottom: 15px;
  border: 8px solid;
  border-color: transparent;
  border-top-color: transparent;
  border-right-color: #F4F4F5;
  border-bottom-color: #F4F4F5;
  border-left-color: transparent;
  -webkit-box-shadow: 0 2px 0 0 #e3e3e3;
  box-shadow: 0 2px 0 0 #e3e3e3;
}
.patient-product_message-reply .message-text {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.patient-product_message-reply .message-text ul, .patient-product_message-reply .message-text ol {
  list-style-position: inside;
  margin-bottom: 10px;
  margin-left: 20px;
}
.patient-product_message-reply .message-text ul {
  list-style: disc;
}
.patient-product_message-reply .message-text ol {
  list-style: decimal;
}
.patient-product_message-reply .message-text li {
  width: auto;
  float: none;
  min-height: auto;
  background: none;
  border: none;
}
.patient-product_message-reply .message-sender, .patient-product_message-reply .message-dateTime {
  display: inline-block;
  width: 49.5%;
}
@media only screen and (max-width: 767px) {
  .patient-product_message-reply .message-sender, .patient-product_message-reply .message-dateTime {
    width: 100%;
    display: block;
  }
}
.patient-product_message-reply .message-sender {
  font-size: 13px;
  font-weight: bold;
}
.patient-product_message-reply .message-dateTime {
  text-align: right;
  color: #a0a0a0;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .patient-product_message-reply .message-dateTime {
    text-align: left;
  }
}
.patient-product_message-reply.sent-message {
  background: #e9f8ff;
  border-bottom: 2px solid #bfebff;
}
.patient-product_message-reply.sent-message:after {
  left: auto;
  right: -16px;
  border-color: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #e9f8ff;
  border-left-color: #e9f8ff;
  -webkit-box-shadow: 0 2px 0 0 #bfebff;
  box-shadow: 0 2px 0 0 #bfebff;
}
.patient-product_message-reply .message-uploaded-documents {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.patient-product_message-reply .message-uploaded-documents:before, .patient-product_message-reply .message-uploaded-documents:after {
  display: table;
  content: "";
}
.patient-product_message-reply .message-uploaded-documents:after {
  clear: both;
}
.patient-product_message-reply .single-uploaded-document {
  background: #e3e1e1;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 3px;
}
.patient-product_message-reply .single-uploaded-document i {
  margin-right: 10px;
}
.patient-product_message-reply.sent-message .single-uploaded-document {
  background: #d3e7f0;
}
.patient-product_message-reply.sent-message .single-uploaded-document i {
  color: #7f98a3;
}

.patient-product_write-message {
  padding: 5px 15px 15px;
}
.patient-product_write-message:before, .patient-product_write-message:after {
  display: table;
  content: "";
}
.patient-product_write-message:after {
  clear: both;
}
.patient-product_write-message textarea {
  display: block;
  width: 100%;
  min-height: 140px;
  padding: 10px;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  margin-bottom: 15px;
  -webkit-box-shadow: inset 1px 1px 1px 1px #efefef;
  box-shadow: inset 1px 1px 1px 1px #efefef;
}
.patient-product_write-message textarea:active, .patient-product_write-message textarea:focus {
  border-color: #0073B1;
  outline: 0;
}
.patient-product_write-message .button-group {
  display: inline-block;
  float: right;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .patient-product_write-message .button-group {
    width: 100%;
    display: block;
  }
}
.patient-product_write-message .button-group .btn {
  min-width: unset;
  margin-left: 5px;
}
.patient-product_write-message .button-group .btn i {
  margin-right: 10px;
}

.write-message-attach-file {
  display: inline-block;
  float: left;
  width: 100%;
  max-width: 470px;
  position: relative;
}
.write-message-attach-file .jcf-file {
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding: 3px;
  width: 100%;
  display: inline-block;
  cursor: pointer;
}
.write-message-attach-file .jcf-upload-button {
  background: #a8a8a8;
  color: #ffffff;
  border-radius: 3px;
  padding: 5px 15px;
  float: right;
}
.write-message-attach-file .jcf-real-element {
  opacity: 1;
  width: 100%;
  top: 0;
  left: 0;
  padding: 7px;
  cursor: pointer;
}
.write-message-attach-file .jcf-fake-input {
  margin-left: 5px;
  margin-top: 5px;
  display: inline-block;
}

.patient-product_track-order {
  position: relative;
}
.patient-product_track-order.withTopArrow:before, .patient-product_track-order.withTopArrow:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.patient-product_track-order.withTopArrow:before {
  border-color: rgba(225, 225, 225, 0);
  border-bottom-color: #e1e1e1;
  border-width: 19px;
  margin-left: -19px;
}

.patient-product_tracking-detail {
  padding: 25px;
  position: relative;
  display: block;
  width: 100%;
}

/*Form Wizard*/
.step-wizard {
  width: 98%;
  display: block;
  position: relative;
  margin: 30px auto 0;
}
.step-wizard:after {
  content: "";
  display: table;
  clear: both;
}

.stepwizard-step {
  display: inline-block;
  text-align: center;
  position: relative;
  width: 25%;
  border-top: 8px #edeff0 solid;
  float: left;
}
.stepwizard-step:before {
  position: relative;
  top: -0.9em;
  float: left;
  left: 50%;
  content: "";
  background: #edeff0;
  height: 1.2em;
  width: 1.2em;
  line-height: 1.2em;
  border: none;
  border-radius: 1.2em;
}
.stepwizard-step p {
  margin-top: 15px;
  font-size: 12px;
}
.stepwizard-step:first-child {
  text-align: left;
}
.stepwizard-step:first-child:before {
  left: -3px;
}
.stepwizard-step:first-child p {
  position: absolute;
  left: 0;
}
.stepwizard-step:last-child {
  text-align: right;
}
.stepwizard-step:last-child:before {
  left: 3px;
  float: right;
}
.stepwizard-step:last-child p {
  position: absolute;
  right: 0;
}
.stepwizard-step.step-completed {
  border-color: #5AD6B8;
}
.stepwizard-step.step-completed:before {
  background: #5AD6B8;
}

.track-complete .stepwizard-step {
  border-color: #5AD6B8;
}
.track-complete .stepwizard-step:before {
  background: #5AD6B8;
}

/*END Form Wizard*/
.patient-product_tracking-activity {
  display: block;
  width: 94%;
  margin: 0 auto 20px;
}

.flex-table {
  display: flex;
  flex-flow: column nowrap;
  margin: 0.5rem;
  line-height: 1.5;
  border-bottom: 1px solid #d0d0d0;
  flex: 1 1 auto;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .flex-table {
    line-height: 1.2;
    font-size: 12px;
  }
}
.flex-table .th {
  display: none;
  font-weight: 700;
  background-color: #edeff0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #e0e1e2;
}
.flex-table .th > .td {
  white-space: normal;
  padding: 1em;
}
.flex-table .tr {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
}
.flex-table .tr:nth-of-type(even) {
  background-color: #fafafa;
}
.flex-table .tr:nth-of-type(odd) {
  background-color: #f2f2f2;
}
.flex-table .tr:last-child {
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.flex-table .tr.th {
  background-color: #edeff0;
}
.flex-table .td {
  display: flex;
  flex-flow: row nowrap;
  flex-grow: 1;
  flex-basis: 0;
  padding: 0.5em 1em;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0px;
  white-space: nowrap;
  border-right: 1px solid #e0e1e2;
}
.flex-table .td:last-child {
  border-right: 0;
}
@media only screen and (max-width: 767px) {
  .flex-table .td {
    white-space: normal;
  }
}

.from-v2 {
  /*	.treated-checkbox-holder-v2 {
  	display: inline-block;
  	overflow: hidden;
  	width: auto;
  	padding: 12px 0;
  	float: left;
  	@media only screen and (max-width: 960px) {
  		padding-top: 0;
  		float: none;
  		width: 100%;
  		margin-top: -5px;			
  	}
  	label {
  		color: $secondary-color;
  		transition: none;
  		margin: 0;
  		font-size: 14px;
  		padding: 0;
  	}
  	.jcf-checkbox {
  		position: relative;

  		&.jcf-checked {
  			~ label {
  				.fa {
  					background: $primary-color;
  					color: $white-color;
  					border: 2px solid $primary-color;
  					border-radius: 2px;
  				}					
  			}

  		}
  	}
  	.checkbox-label {
  		cursor: pointer;
  	}
  	.fa  {
  		padding: 2px;
  		background: $white-color;
  		color: #d9d9d9;
  		border: 2px solid #d9d9d9;
  		margin-right: 10px;
  		border-radius: 3px;
  	}
  }*/
}
.from-v2 label {
  font-weight: normal;
}
.from-v2 .field-row {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.from-v2 .field-row:after {
  content: " ";
  display: table;
  clear: both;
}
.from-v2 .field-row:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 960px) {
  .from-v2 .field-row {
    margin-bottom: 0;
  }
}
.from-v2 .field {
  margin: 0 20px 0 0;
  max-width: 240px;
  display: inline-block;
  width: 100%;
  float: left;
}
@media only screen and (max-width: 960px) {
  .from-v2 .field {
    float: none;
    max-width: 100%;
    margin-bottom: 20px;
  }
}
.from-v2 .field.field-large {
  max-width: 499px;
  float: left;
}
@media only screen and (max-width: 960px) {
  .from-v2 .field.field-large {
    max-width: 100%;
  }
}
.from-v2 .field input {
  display: block;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  width: 100%;
  outline: 0;
  font-size: 18px;
  padding: 12px 15px 10px 10px;
}
.from-v2 .field label {
  color: #878787;
  font-weight: normal;
  position: absolute;
  margin-top: -40px;
  margin-left: 20px;
  pointer-events: none;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  font-size: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 235px;
  white-space: nowrap;
}
.from-v2 .field input:focus ~ label, .from-v2 .field input:disabled ~ label, .from-v2 .field input.input-has-value ~ label {
  margin-top: -47px;
  font-size: 10px;
  color: #7F8386;
  margin-left: 13px;
}
.from-v2 .field input:focus {
  border: 2px solid #0073B1;
}
.from-v2 .field input:disabled {
  background-color: #F4F4F5;
  pointer-events: none;
}
.from-v2 .treated-checkbox-holder-v2 {
  margin-top: 10px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 960px) {
  .from-v2 .treated-checkbox-holder-v2 {
    margin-top: 0;
  }
}
.from-v2 .conditions-info-texts {
  color: #ababab;
  font-style: italic;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .from-v2 .conditions-info-texts {
    font-size: 14px;
    line-height: 18px;
  }
}
.from-v2 .label-title {
  font-weight: bold;
}
.from-v2 .field-info-box {
  color: #2A3036;
  font-size: 13px;
  max-width: 36%;
  margin-right: 0;
  margin-top: -2px;
}
@media only screen and (max-width: 1150px) {
  .from-v2 .field-info-box {
    max-width: 100%;
    float: none;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .from-v2 .field-info-box {
    max-width: 100%;
  }
}
.from-v2 .btn {
  min-width: 100px;
  margin-right: 10px;
}
.from-v2 .formV2-button-container {
  margin-top: 30px;
}
@media only screen and (max-width: 960px) {
  .from-v2 .formV2-button-container {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.modal-track-parcel .product_messages_head {
  width: 100%;
  font-size: 30px;
  padding: 20px;
  border-bottom: 1px solid #e1e1e1;
}
@media only screen and (max-width: 767px) {
  .modal-track-parcel .product_messages_head {
    font-size: 24px;
  }
}
.modal-track-parcel .product_messages_head span {
  font-size: 16px;
}
.modal-track-parcel button.close {
  position: absolute;
  top: 20px;
  right: 20px;
}
.modal-track-parcel .patient-product_tracking-detail {
  padding-top: 0;
}

.yourConsultation-popup button.close {
  top: 28px;
}

.reOrder-popup .modal-header button.close {
  top: 10px;
  right: 15px;
}
.reOrder-popup .modal-body {
  padding: 20px 20px !important;
}
.reOrder-popup .dosages-section {
  padding: 0 !important;
}
.reOrder-popup .product-data-table {
  background: #f4f4f4;
  border: 1px solid #e6e6e6;
  box-shadow: none;
}
.reOrder-popup .product-data-table .productLineDosage-large {
  width: calc(100% - 200px);
  margin-top: 0;
  float: left;
}
@media only screen and (max-width: 767px) {
  .reOrder-popup .product-data-table .productLineDosage-large {
    width: 100%;
    float: none;
    margin-top: 0;
  }
}
.reOrder-popup .product-data-table .product-data-image {
  max-width: 200px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .reOrder-popup .product-data-table .product-data-image {
    max-width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
}
.reOrder-popup .product-data-table .product-data-image img {
  max-width: 200px;
  height: auto;
  margin-left: -15px;
  margin-right: 10px;
  margin-bottom: -20px;
}
.reOrder-popup .product-data-table .jcf-select .jcf-select-text {
  width: 170px;
}
@media only screen and (max-width: 1150px) {
  .reOrder-popup .product-data-table .jcf-select .jcf-select-text {
    width: auto;
  }
}
.reOrder-popup .product-data-table .table-product-name {
  text-align: left;
  padding: 10px 0;
  width: calc(100% - 220px);
  margin-left: 220px;
}
@media only screen and (max-width: 767px) {
  .reOrder-popup .product-data-table .table-product-name {
    float: none;
    width: 100%;
    margin-left: 0;
    font-size: 18px;
    text-align: center;
  }
}
.reOrder-popup .product-data-table .table-row-price .select-holder-box {
  margin-top: 10px;
}
@media only screen and (max-width: 767px) {
  .reOrder-popup .product-data-table .table-row-price .select-holder-box {
    margin-top: 0;
  }
}
.reOrder-popup .product-data-table .total-price {
  width: 100px;
}
@media only screen and (max-width: 570px) {
  .reOrder-popup .product-data-table .table-row-select .popup-description {
    margin: 0 -30px 25px 0;
    right: 0;
    left: unset;
  }
}
.reOrder-popup .btnHolder {
  text-align: right;
  margin-top: 10px;
}

:lang(de) .patient-left, :lang(ch) .patient-left {
  width: 285px;
}
@media only screen and (max-width: 959px) {
  :lang(de) .patient-left, :lang(ch) .patient-left {
    width: 100%;
    float: none;
  }
}
:lang(de) .patient-right, :lang(ch) .patient-right {
  width: calc(100% - 300px);
}
@media only screen and (max-width: 959px) {
  :lang(de) .patient-right, :lang(ch) .patient-right {
    width: 100%;
    float: none;
  }
}
:lang(de) .from-v2 .field-info-box, :lang(ch) .from-v2 .field-info-box {
  max-width: 30%;
}
@media only screen and (max-width: 1150px) {
  :lang(de) .from-v2 .field-info-box, :lang(ch) .from-v2 .field-info-box {
    max-width: 100%;
  }
}

:lang(fr) .patient-page .centered-section, :lang(chfr) .patient-page .centered-section {
  width: 1145px;
}
:lang(fr) .patient-left, :lang(chfr) .patient-left {
  width: 250px;
}
@media only screen and (max-width: 768px) {
  :lang(fr) .patient-left, :lang(chfr) .patient-left {
    width: 100%;
    float: none;
  }
}
:lang(fr) .patient-right, :lang(chfr) .patient-right {
  width: calc(100% - 265px);
}
@media only screen and (max-width: 768px) {
  :lang(fr) .patient-right, :lang(chfr) .patient-right {
    width: 100%;
    float: none;
  }
}

:lang(sv) .patient-left {
  width: 300px;
}
@media only screen and (max-width: 959px) {
  :lang(sv) .patient-left {
    width: 100%;
    float: none;
  }
}
:lang(sv) .patient-right {
  width: calc(100% - 315px);
}
@media only screen and (max-width: 959px) {
  :lang(sv) .patient-right {
    width: 100%;
    float: none;
  }
}

:lang(pl) .patient-left {
  width: 265px;
}
@media only screen and (max-width: 959px) {
  :lang(pl) .patient-left {
    width: 100%;
    float: none;
  }
}
:lang(pl) .patient-right {
  width: calc(100% - 280px);
}
@media only screen and (max-width: 959px) {
  :lang(pl) .patient-right {
    width: 100%;
    float: none;
  }
}

:lang(nl) .patient-left {
  width: 260px;
}
@media only screen and (max-width: 959px) {
  :lang(nl) .patient-left {
    width: 100%;
    float: none;
  }
}
:lang(nl) .patient-right {
  width: calc(100% - 275px);
}
@media only screen and (max-width: 959px) {
  :lang(nl) .patient-right {
    width: 100%;
    float: none;
  }
}

.address-form h3 {
  margin-top: 0;
}
.address-form .formV2-button-container {
  margin-top: 20px;
  padding-bottom: 10px;
}
.address-form .custom-select {
  position: relative;
}
.address-form .custom-select select {
  -webkit-appearance: none;
}
.address-form .custom-select .select-arrow {
  position: absolute;
  text-align: center;
  background: url(https://assets.vivami.co/img/icons-sec2d09105b.png) 0 -49px;
  height: 6px;
  width: 10px;
  bottom: 0;
  top: calc(50% - 5px);
  right: 15px;
  content: "";
  display: inline-block;
}
.address-form .switchContainer {
  margin-top: 20px;
  padding: 0 10px 30px;
}
.address-form .switchContainer > span {
  display: block;
}
.address-form .switchContainer .switch {
  margin: 5px 0;
}
.address-form .patient-profile .row {
  padding: 0px 15px;
}
.address-form .patient-profile .billing-address {
  margin: 30px 0 10px;
  padding: 0;
}
.address-form .patient-profile .field-row .field-largest {
  max-width: 100%;
}
.address-form .patient-profile .field-row .field-large {
  width: 49%;
  margin-right: 15px;
}
.address-form .patient-profile .field-row .field-large:last-child {
  margin-right: 0;
}
.address-form .patient-profile .field-row .js-rmv-ups {
  height: 53px;
  border: 2px solid #d9d9d9;
  border-radius: 5px;
  width: 100%;
  outline: 0;
  font-size: 18px;
  padding: 12px 15px 10px 10px;
}

.address-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.address-wrapper > div {
  flex: 0 0 49%;
  display: inline-block;
  max-width: 50%;
}
.address-wrapper .custom-select select {
  height: 53px;
  font-size: 18px;
  font: inherit;
  font-weight: 700;
  color: inherit;
}

.payment-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.payment-card .card-box {
  background: linear-gradient(180deg, #FFFFFF 0%, #DDEFFF 100%);
  padding: 10px;
  border: 1px solid rgba(0, 115, 177, 0.5019607843);
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 300px;
  min-height: 150px;
}
.payment-card .card-box .card-number {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payment-card .card-box .card-number p {
  display: flex;
  align-items: center;
  gap: 0 10px;
  color: #8E8E8F;
}
.payment-card .card-box .card-number .uncheck {
  border: 1px solid #000;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  display: inline-block;
}
.payment-card .card-box .card-number .uncheck i {
  font-size: 22px;
  position: relative;
  top: -2px;
  display: none;
  color: #0073B1;
}
.payment-card .card-box .card-number .delete-btn {
  background: #A19FA0;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
  cursor: pointer;
}
.payment-card .card-box.active .card-number .uncheck i {
  display: block;
}
.payment-card .card-box .card-status {
  margin-top: 20px;
}
.payment-card .card-box .card-status p {
  color: #0073B1;
  font-size: 14px;
  margin-bottom: 0;
}
.payment-card .card-box .card-name {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.payment-card .card-box .card-name p {
  margin-bottom: 0;
}
.payment-card .card-box .card-name img {
  max-width: 40px;
}

.no-payment {
  color: #6a6a6a;
  margin: 20px 0 0;
}
@media (max-width: 768px) {
  .no-payment {
    text-align: left !important;
  }
}

@media (max-width: 768px) {
  #divCheckoutDetails {
    text-align: left !important;
  }
}

.patient-profile h3 {
  margin-bottom: 20px;
}
.patient-profile h4 {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .address-wrapper > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #confirm .modal-dialog {
    margin: 70px 5px 10px 20px;
  }
  .address-form .patient-profile .row {
    padding: 0;
  }
}
.custom-table {
  margin-bottom: 30px;
}
.custom-table .desktop {
  display: block;
}
@media only screen and (max-width: 768px) {
  .custom-table .desktop {
    display: none;
  }
}
.custom-table .mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .custom-table .mobile {
    display: block;
  }
}
.custom-table .large-data-table {
  font-size: 13px;
  line-height: 1.4;
  width: 100%;
  word-break: break-word;
  word-wrap: break-word;
  table-layout: fixed;
}
.custom-table .large-data-table th {
  background-color: whitesmoke;
  vertical-align: top;
}
.custom-table .large-data-table img {
  margin: 0px !important;
}
.custom-table .large-data-table thead td {
  /* width: 14%; */
  font-weight: bold;
  vertical-align: middle;
  background-color: #e4f7ff;
}
.custom-table .large-data-table td ul {
  margin: 0;
  margin-left: 15px;
  font-size: 14px;
  margin-bottom: 20px;
}
.custom-table .large-data-table td ul li {
  list-style: disc;
  padding: 0;
  margin: 0;
}
.custom-table .large-data-table td ul li::after {
  display: none;
}
.custom-table .large-data-table td p {
  margin-bottom: 10px;
}
.custom-table .large-data-table td span.dummy-list {
  margin-bottom: 8px;
  display: block;
  /*float: left;*/
}
.custom-table .large-data-table tr td, .custom-table .large-data-table tr th {
  vertical-align: top;
  padding-top: 7px;
  padding-bottom: 7px;
  min-width: 130px;
  word-wrap: break-word;
  min-width: 130px;
  width: 150px !important;
}
.custom-table .large-data-table tbody tr th:first-child {
  width: 120px !important;
  max-width: 120px;
}
.custom-table .table-responsive > .table > thead > tr > th, .custom-table .table-responsive > .table > thead > tr > td, .custom-table .table-responsive > .table > tbody > tr > th, .custom-table .table-responsive > .table > tbody > tr > td {
  white-space: inherit;
  border-top: 1px solid #D4D6D7;
}
.custom-table .table-responsive > .table > tfoot > tr > td {
  white-space: normal;
}
.custom-table ul {
  list-style: none;
  border: solid 1px #D4D6D7;
  margin: 0;
  margin-bottom: 15px;
}
.custom-table ul li {
  padding: 10px;
  border-bottom: solid 1px #D4D6D7;
}
.custom-table ul li:first-child {
  text-align: center;
  vertical-align: middle;
  background-color: #e4f7ff;
  padding-bottom: 20px;
}
.custom-table ul li span {
  display: block;
}
.custom-table ul.table-footer li:first-child {
  background-color: #ffffff;
  text-align: left;
  padding-bottom: 10px;
}

.custom-table .large-data-table tbody tr th {
  /* width: 16%; */
}

.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}
.row-space{margin-top:15px !important}.pagination_custom{margin:0}.small-input{width:50px !important}@media(min-width:768px){.row-space{margin-top:15px !important}}@media(min-width:992px){.row-space{margin-top:0 !important}}@media(min-width:1200px){.row-space{margin-top:0 !important}}.patientProf_pagination {display: block; text-align: center;}