html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

* {
  box-sizing: border-box;
}

/**
 * The site.
 */
html {
  position: relative;
  overflow-x: hidden;
}


body {
  max-width: 1310px;
  overflow: hidden;
  font-size: 14px;
    margin: 0 auto;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * Clear-fix.
 */
.grid:after {
  content: "";
  display: table;
  clear: both;
}

/**
 * General classes.
 */
.right {
  float: right !important;
}

.v-space {
  margin-top: 2em;
}

.v-space.larger {
  margin-top: 3em;
}

.v-space:first-child {
  margin-top: 0;
}

.hidden {
  display: none;
}

/**
 * Toggle on/off.
 */
.max-small {
  display: none;
}

/**
 * Font definitions.
 */
@font-face {
  font-family: icons;
  src: url("../fonts/icons.woff") format("woff");
}

[data-icon]:after {
  text-transform: none;
  font-family: icons;
  content: attr(data-icon);
  font-weight: normal;
}

/**
 * Typography.
 */
a,
p,
li,
input,
textarea,
label,
h1,
h2,
h3,
h4,
h5,
time,
figcaption,
th,
td {
  color: #000;
  text-decoration: none;
    font-family:  sans-serif;
}
.flex{
    display: flex;
    justify-content: flex-end;
}
li.selected > a {
  color: #fc8259;
}
a{
    color: #2782ed;
    font-family: sans-serif;
}
p {
  line-height: 1.2;
  margin: 0 0 10px ;
  max-width: 100%;
    text-align: justify;
    font-size: 17px;
}
.main__img {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.accent-block{
	border: 2px solid orangered;
	padding: 10px;
    text-align: center;
}

.composition-list{
	list-style-type: disc;
	margin-left: 20px;
	font-size: 16px;
}
.list__num {
	list-style-type: decimal;
	margin-left: 30px;
	margin-bottom: 10px;
	font-size: 16px;
}
.form-wrap{
	width: 320px;
	max-width: 100%;
	margin: 0 auto 15px;
}
i {
  color: #888;
  font-style: italic;
}

strong,
.strong {
  font-weight: 600;
}

.subtle {
  color: #888;
}

span.highlight {
  background-color: #fff9c9;
}

a.text[data-icon]:after {
  margin-left: 10px;
}

span.orange {
  color: #fc8259;
}

/**
 * Typography, headings.
 */
h1 {
  font-size: 28px;
  line-height: 1.2;
  margin: 15px 0;
  font-weight: 800;
}

h2 {
  font-size: 1.8em;
  line-height: 1.2em;
  margin: 0.5em 0;
  font-weight: 800;
}

h3,
h5 {
  font-size: 1.4em;
  line-height: 1.3em;
  margin: 0.5em 0;
  font-weight: 800;
}

h4 {
  margin: 0 0 1.5em 0;
  font-weight: 800;
  text-transform: uppercase;
}



h1.orange,
h4 {
  color: #fc8259;
}

h4.dark {
  color: #32353a;
}

h5.subtle {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}

/**
 * Typography, time.
 */
time,
span.author,
p.date {
  display: block;
  margin: 0.5em 0;
  color: #888;
  font-size: 12px;
  text-transform: uppercase;
}

/**
 * Typography, label.
 */
h4.label {
  margin: 1.5em 0 0 0;
}

h4.label.podcast {
  background: url("../fonts/podcast.svg") no-repeat;
  line-height: 28px;
  padding-left: 38px;
}

h4.label.livestream {
  background: url("../fonts/livestream.svg") no-repeat;
  line-height: 28px;
  padding-left: 46px;
}

h4.label > span.live {
  margin-left: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  background-color: #fc8259;
  color: white;
  animation: live 2s linear infinite;
}

@keyframes live {
  50% {
    opacity: 0;
  }
}

/**
 * Lists.
 */
li {
  line-height: 1.5em;
}

ol.horizontal li {
  float: left;
}

ul p {
  margin: 0 0 2em 0;
}

/**
 * Lists, section.
 */
.list ol > li {
  margin-bottom: 1em;
}

.list ol > li time,
.list ol > li span.author {
  margin-bottom: 0;
}

.list ol > li a {
  font-weight: 600;
}

/**
 * Forms and inputs.
 */
/* input[type=text],
input[type=email],
input[type=password],
input[type=submit],
select,
textarea {
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  border-radius: 0;
} */

/* input[type=text],
input[type=email],
input[type=password],
select,
textarea {
  border: none;
  outline: none;
  color: #888;
  font-size: 1em;
  width: 100%;
  max-width: 300px;
} */

form {
  height: 100%;
}

input[type=submit],
.button {
  display: inline-block;
  padding: 1em 2em;
  font-size: 14px;
  background-color: #fc8259;
  color: white;
  border: none;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
}

.button.white {
  background-color: white;
  color: #fc8259;
  border: 1px solid #fc8259;
}
.order__form input {
	margin-bottom: 18px !important;
}
.order__input {
	border: 1.5px solid;
	border-color: #e8e8e1;
	max-width: 100%;
	padding: 14px 10px;
	border-radius: 5px;
	font-size: 16px;
	box-sizing: border-box;
	box-shadow: 2px 4px 4px rgba(3,3,3,.05);
	transition: .3s;

}
.order__input:active, .order__input:focus, .order__input:hover {

	box-shadow: none;
}
.order__form .btn, .order__form .order__input {
	width: 100%;
}
.order__form .btn{
	border: 0;
}
.form-wrap__title{
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 10px;
}
.form-wrap__text{
	text-align: center;
	margin-bottom: 10px;
}
.price-info{
	text-align: center;
	font-size: 14px;
	display: block;
	margin-top: 10px;
}
.knopka {
	color: #fff;
	text-decoration: none;
	user-select: none;
	background: rgb(212,75,56);
	padding: .7em 1.5em;
	outline: none;
	font-size: 19px;
	display: block;
	max-width: 430px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
    text-align: center;
    cursor: pointer;
}
/**
 * Multimedia.
 */
img {
  display: block;
  width: 100%;
  height: auto;
}

img.auto {
  display: inline-block;
  width: auto;
  max-width: 100%;
}

figure.zoom {
  overflow: hidden;
}

figure.zoom img {
  transition: transform .25s ease-out;
}

figure.zoom img:hover {
  transform: scale(1.025);
}

.video div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

/**
 * Multimedia, caption.
 */
figcaption {
  margin: 5px 0;
  line-height: 1.5em;
  color: #888;
    text-align: center;
}

figcaption a {
  color: #888;
  text-decoration: underline;
}

/**
 * Multimedia, native video.
 */
video {
  outline: none;
}

video.live::-webkit-media-controls-current-time-display,
video.live::-webkit-media-controls-time-remaining-display,
video.live::-webkit-media-controls-timeline {
  display: none;
}

/**
 * Top.
 */
.top {
  height: 250px;
  margin: 10px 0 10px 180px;
}

/**
 * Header.
 */
header {
  position: relative;
  height: 90px;
  background-color: #f0f0ef;
}

header a {
  color: #aaa;
}

header > * {
  position: absolute;
  height: 90px;
}

/**
 * Header + nav, typography.
 */
header li,
nav li,
header p {
  font-size: 12px;
}

/**
 * Header, time.
 */
header > .time {
  width: 150px;
  padding: 20px 0 0 15px;
  background-color: #1d2732;
}

header > .time p {
  margin: 0.2em;
  color: #ddd;
}

/**
 * Header, logo.
 */
header > .logo {
  /* left: 180px; */
  left: 25px;
}

header > .logo img {
  width: 220px;
  margin-top: 24px;
}

/**
 * Header, my-nav.
 */
header > .my-nav {
  right: 30px;
}

header > .my-nav > ol {
  float: left;
  height: 50px;
  margin: 20px 0;
}

header > .my-nav > ol li {
  height: 100%;
  line-height: 50px;
}

header > .my-nav > ol > li + li {
  padding-left: 10px;
}

/**
 * Header, my-nav, social.
 */
header > .my-nav > ol.social {
  margin-right: 20px;
}

header > .my-nav > ol.social > li a {
  font-size: 28px;
}

/**
 * Header, my-nav, login.
 */
header > .my-nav > ol.login {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0 20px;
}

header > .my-nav > ol.login li:first-child a {
  display: inline-block;
  color: white;
  background-color: #26b084;
  font-weight: 700;
  padding: 1em;
  line-height: 1em;
  border-radius: 4px;
}

/**
 * Header, my-nav, search.
 */
header > .my-nav > ol.search {
  margin-left: 20px;
  background-color: white;
}

header > .my-nav > ol.search > li:first-child {
  font-size: 28px;
  width: 40px;
  text-align: center;
}

header > .my-nav > ol.search > li input {
  float: left;
  width: 150px;
  height: 100%;
	padding: 10px 10px 10px 0;
	border: 0;
	outline: none;
}
input{
	outline: none;
}
/**
 * Navigation.
 */
nav {
  position: absolute;
  width: 150px;
  min-height: 99%;
  background-color: #27303f;
}
.prices{
    align-items: center;
    justify-content: center;
    display: flex;
    display: -ms-flexbox;
    font-size: 20px;
    margin-bottom: 20px;
}
.prices .old-price{
    margin-right: 20px;
    color: #4e4e4e;
    text-align: center;
}

.price-text{
    font-size: 18px;
    text-align: center;
}
.main-price{
    color: #000;
    font-weight: bold;
    text-align: center;

}
nav a {
  color: #ddd;
}

nav ol {
  padding: 20px 0;
}

nav ol > li {
  padding: 10px 15px;
  text-transform: uppercase;
}

nav > ol + ol {
  border-top: 1px solid #1d2732;
}

/* Navigation, promoted. */

nav ol.promoted {
  background-color: #323b49;
}

nav ol.promoted li:first-child {
  font-size: 11px;
  color: white;
  font-weight: 600;
}

/**
 * Navigation, social.
 */
nav ol.social {
  padding: 30px 0 0 15px;
}

nav ol.social > li {
  width: 33%;
  font-size: 28px;
  padding: 0;
}

nav ol > li a[href*="anniversary"],
a:not(.plan).anniversary {
  background: -webkit-linear-gradient(left, #ff00f3, #9199f2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/**
 * Navigation, expands/expanded.
 */
nav > ol > li > ol {
  position: absolute;
  top: 0;
  left: -150px;
  width: 150px;
  min-height: 100%;
  background-color: #3d4756;
}

nav ol > li.expands > a {
  display: inline-block;
  width: 100%;
}
.prod{
	max-width: 320px;
	display: block;
	margin: 0 auto; 
}
.prod img{
    max-width: 300px;
    width: 300px;
    margin-bottom: 5px;
}
nav ol > li.expands a[data-icon]:after {
  position: absolute;
  right: 15px;
}

nav ol > li.expanded {
  background-color: #3d4756;
}

nav > ol > li.expanded > ol {
  left: 150px;
}

nav ol > li.expanded a[data-icon]:after {
  content: "B";
}

/**
 * Breadcrumbs.
 */
ol.breadcrumbs {
  margin: -15px 0 30px 0;
  border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

ol.breadcrumbs li {
  font-size: 12px;
  color: #888;
  text-transform: uppercase;
  display: inline-block;
}

ol.breadcrumbs li:after {
  content: "/";
  padding: 0 10px 0 10px;
}

ol.breadcrumbs li:last-child:after {
  content: normal;
}

/**
 * Main.
 */
main {
  position: relative;
  margin: 30px 30px 0 30px;
  min-height: 1200px;
  display: block; 
}

/**
 * Main, navigation expanded.
 */
.expanded main {
  left: 150px;
}

/**
 * Section.
 */
section h1:first-child {
  margin-top: 0;
}

/**
 * Article.
 */
article h1:first-child,
article h2:first-child,
article h3:first-child,
article > h4:first-child,
div.banner h5:first-child {
  margin-top: 0;
}

.blue{
    border: 2px solid blue;
    padding: 10px;
    text-align: center;

    color: #000;
}
.comment-doctor{
    font-weight: bold;
    font-size: 24px;
}


section p a,
article p a,
.links a,
label a {
  color: #2782ed;
}

/**
 * Article, stand-alone.
 */
article.stand-alone time {
  font-size: 1em;
}

article.stand-alone div.body {
  padding: 15px 0 0 0;
  margin: 15px 0;
  border-top: 1px solid #ddd;
}

article.stand-alone figure,
article.stand-alone .embed {
  margin: 20px 0;
}

canvas#confetti {
  position: absolute;
  top: 0;
  z-index: -1
}

/**
 * By-line.
 */
p.by-line {
  margin-bottom: 0.8em;
}

p.by-line > span,
p.by-line a {
  text-transform: uppercase;
  color: #fc8259;
  font-weight: 800;
}

p.by-line > a {
  font-size: 26px;
  vertical-align: middle;
  margin: 0 5px;
}

/**
 * Image list.
 */
article .image-list figure {
  margin: 0;
}

div.body .image-list {
  float: right;
  margin-left: 20px;
  width: 35%;
}

/**
 * Info boxes.
 */
.info-box {
  margin-top: 2em;
  padding: 1em;
  border-radius: 4px;
}

.info-box > div {
  display: flex;
  align-items: center;
  margin-bottom: -1em;
}

.info-box [data-icon]:after {
  display: block;
  font-size: 28px;
}

.info-box h4 {
  margin: 0 0 0 10px;
}

.info-box p:last-child {
  margin-bottom: 0;
}

.info-box.disclaimer {
  background-color: #fcf8e3;
}

.info-box.disclaimer * {
  color: #c09853;
}

.info-box.bio {
  background-color: #f0f0ef;
}
.info-box.bio *:not(a) {
  color: #888;
}

/**
 * Feedback.
 */
.feedback {
  display: none;
  background-color: #26b084;
  text-align: center;
  border-radius: 4px;
}

.feedback div {
  padding: 2em;
}
.comment-box:not(:last-child){
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}
.comment-box{
    display: flex;
    align-items: flex-start;
}
.comment-box.reply{
    margin-left: 40px;
}
.comment-box-img{
    border-radius: 50%;
    margin-right: 10px;
    min-width: 45px;
    width: 45px;
}
.doctor figure{
    margin: 20px auto !important;
}
.red{
	color: red;
	font-weight: bold;
}
b{
	font-weight: bold;
}
.comment-rev__img{
	max-width: 350px;
}
.comment-text{
	font-size: 18px;
	line-height: normal;
	margin-bottom: 5px;
    font-family: sans-serif;
}
.comment-date__name{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
    font-family: sans-serif;
}
.feedback div:nth-child(2) {
  margin-top: -4em;
  background:
    url("../fonts/trees.svg") no-repeat 2% bottom/95px auto,
    url("../fonts/atomium.svg") no-repeat 110% bottom/150px auto
  ;
}

.feedback p,
.feedback a {
  color: #f6f1e0;
}

.feedback a {
  text-decoration: underline;
}

.feedback strong {
  font-weight: 800;
  background: url("../fonts/heart.svg") no-repeat;
  background-size: 20px 100%;
  padding-left: 25px;
}

.feedback textarea {
  background-color: #f6f1e0;
  max-width: 600px;
  border-radius: 4px;
  height: 100px;
  margin: 1em auto 1em auto;
  padding: 1em;
}

.feedback input {
  background-color: #f6f1e0;
  color: #26b084;
}

.feedback input:disabled {
  opacity: 0.5;
}

/**
 * Share.
 */
.share {
  margin-bottom: -0.5em;
}

.share h4 {
  color: #32353a;
}

.share li {
  display: inline-block;
  margin: 0 0.5em 1em 0;
  border-radius: 4px;
  background-position: 10px center;
  background-size: 15px auto;
  background-repeat: no-repeat;
}

.share li:last-child {
  margin-right: 0;
}

.share li a {
  display: inline-block;
  font-size: 12px;
  color: white;
  padding: 0.5em 10px 0.5em 30px;
}

.share li.twitter {
  background-color: #1da1f2;
  background-image: url("../fonts/twitter.svg");
}

.share li.facebook {
  background-color: #3b5998;
  background-image: url("../fonts/facebook.svg");
}

.share li.linkedin {
  background-color: #0077b5;
  background-image: url("../fonts/linkedin.svg");
}

.share li.reddit {
  background-color: #ff4500;
  background-image: url("../fonts/reddit.svg");
}

.share li.mail {
  background-color: #414959;
  background-image: url("../fonts/mail.svg");
}

/**
 * Links.
 */
.links li {
  margin: 0.5em 0;
}

.links h4 {
  color: #32353a;
  margin: 2em 0 1em 0;
}

/**
 * Banners.
 */
.banner {
  text-align: center;
}

.banner > div {
  overflow: hidden;
}

#dfp-billboard {
  float: left;
}

#dfp-in-article {
  float: right;
  clear: right;
  margin: 0 0 20px 20px;
}

/**
 * Fixed box.
 */
div.fixed-box {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 4;
  padding: 0.5em 1em;
  background-color: #26b084;
}

div.fixed-box p {
  color: #f6f1e0;
  max-width: none;
  margin: 1em 0;
}

div.fixed-box a {
  color: #f6f1e0;
  text-decoration: underline;
}

/**
 * About us.
 */
.staff {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.member {
  width: 240px;
  margin: 10px;
  text-align: center;
}

.member img {
  margin: 0 auto;
  border-radius: 115px;
  max-width: 115px;
}

.member h5 {
  font-weight: normal;
  margin-bottom: 0;
}

.member h5 a {
  color: #2782ed;
}

.member p {
  margin: 0;
}

.member p:last-child {
  font-size: 12px;
  color: #888;
  margin-top: 10px;
}

/**
 * Band.
 */
.band {
  margin: 30px 0;
}

.band div:first-child {
  position: relative;
  overflow: hidden;
  height: 300px;
  /* http://colorzilla.com/gradient-editor/#27303f+0,27303f+100&0+20,1+50 */
  background: -moz-linear-gradient(left, rgba(39,48,63,0) 0%, rgba(39,48,63,0) 20%, rgba(39,48,63,1) 50%, rgba(39,48,63,1) 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(left, rgba(39,48,63,0) 0%, rgba(39,48,63,0) 20%, rgba(39,48,63,1) 50%, rgba(39,48,63,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(39,48,63,0) 0%, rgba(39,48,63,0) 20%, rgba(39,48,63,1) 50%, rgba(39,48,63,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(39,48,63,0) 0%, rgba(39,48,63,0) 20%, rgba(39,48,63,1) 50%, rgba(39,48,63,1) 100%); /* IE10+ */
  background: linear-gradient(to right, rgba(39,48,63,0) 0%, rgba(39,48,63,0) 20%, rgba(39,48,63,1) 50%, rgba(39,48,63,1) 100%); /* W3C */
  filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0027303f', endColorstr='#27303f', GradientType=1)"; /* IE6-9 */
}

.band h2 {
  color: white;
  font-family: "Bitter";
  font-size: 2.5em;
  text-shadow: 1px 1px #1d2732;
  max-width: 800px;
  margin: 0.2em auto 0.5em auto;
}

.band h4 {
  font-family: "Bitter";
  font-size: 1.2em;
  line-height: 1.2em;
  text-transform: none;
  margin: 0;
}

.band p {
  color: white;
  margin: 0 auto;
  text-shadow: 1px 1px #1d2732;
}

.band img {
  position: relative;
  z-index: -1;
  height: 100%;
  min-width: 50%;
  width: auto;
}

.band div div {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 30px;
}

/**
 * Line content separator.
 */
/* .line-sep:after {
  content: "";
  display: block;
  margin-top: 2em;
  background-color: #ddd;
  height: 1px;
} */

.line-sep:last-child:not(:first-child):after {
  background-color: transparent;
}
.knopka--last{
	margin-top: 18px;
}
/**
 * Wide.
 */
/* .stand-alone .wide img,
.stand-alone .wide video,
.wide.membership,
.wide.membership-upsell {
  margin-left: -30px;
  width: calc(100% + 30px);
} */

/**
 * Membership.
 */
.membership {
  max-width: none !important;
  padding: 30px;
  background:
    url("../fonts/trees.svg") no-repeat 90% bottom/100px auto,
    url("../fonts/cloud.svg") no-repeat -20px 40%/100px auto,
    url("../fonts/cloud.svg") no-repeat 70% 10%/100px auto
    #26b084
  ;
}

.membership h1,
.membership h3 {
  color: #f6f1e0;
}

.membership h1 {
  font-size: 2.8em;
  font-weight: 700;
}

.membership h3 {
  font-weight: 500;
}

/**
 * Membership upsell.
 */
.membership-upsell {
  display: none;
  position: absolute;
  z-index: 1;
}

.membership-upsell.show {
  display: block;
}

.membership-upsell p {
  margin: 0;
  font-size: 1.15em;
  color: #f6f1e0;
}

.membership-upsell p a,
.membership-upsell h3 a {
  color: #f6f1e0;
  text-decoration: underline;
}

/**
 * Membership upsell (close).
 */
.membership-upsell .close {
  display: none;
  position: absolute;
  align-items: center;
  top: 0px;
  right: 0px;
  padding: 10px;
}

.membership-upsell .close.show {
  display: flex;
}

.v1.membership-upsell .close {
  color: #f6f1e0;
  background-color: #21a178;
}

.membership-upsell .close:after {
  color: #f6f1e0;
  margin-left: 10px;
  font-size: 28px;
}

/**
 * Membership upsell (v1).
 */
.v1.membership-upsell {
  height: 100%;
  background-color: white;
  text-align: center;
}

.v1.membership-upsell.show + div {
  display: none;
}

.v1.membership-upsell > div {
  padding: 50px 30px;
  background:
    url("../fonts/house.svg") no-repeat 5% bottom/200px auto,
    url("../fonts/atomium.svg") no-repeat 300px bottom/150px auto,
    url("../fonts/trees.svg") no-repeat 90% bottom/100px auto,
    url("../fonts/cloud.svg") no-repeat -20px 60%/100px auto,
    url("../fonts/cloud.svg") no-repeat 65% 30%/100px auto,
    url("../fonts/cloud.svg") no-repeat 95% 60%/100px auto
    #26b084
  ;
}

.v1.membership-upsell h1,
.v1.membership-upsell h2,
.v1.membership-upsell h3 {
  color: #f6f1e0;
}

.v1.membership-upsell h1,
.v1.membership-upsell h2 {
  font-size: 2.8em;
  font-weight: 700;
  margin: 0;
}

.v1.membership-upsell h3 {
  font-weight: 500;
}

.v1.membership-upsell h4 {
  color: #fbf549;
}

.v1.membership-upsell div.login {
  margin: 30px 0 -20px 0;
}

.v1.membership-upsell div.login p {
  display: inline-block;
  font-size: 14px;
}

.v1.membership-upsell div.login h4 {
  display: inline-block;
  color: #f6f1e0;
  margin: 0 0.2em 0 0;
}

/**
 * Membership upsell (plans).
 */
.membership-upsell .plans {
  margin: 30px auto 0 auto;
  max-width: 800px;
}

.membership-upsell .plans > div {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -30px;
}

.membership-upsell .plan {
  flex: 1 0 0;
  display: flex;
  flex-wrap: wrap;
  min-width: 145px;
  margin: 0 0 30px 30px;
  background-color: #26b084;
  border: 1px solid #f6f1e0;
  border-radius: 4px;
  box-shadow: 0px 0px 5px 5px #21a178;
}

.membership-upsell .plan > * {
  flex: 1 0 100%;
}

.membership-upsell .plan > h4 {
  margin: 0;
  height: 40px;
  line-height: 40px;
  color: #26b084;
  background-color: #f6f1e0;
}

.membership-upsell .plan > div {
  padding: 20px;
}

.membership-upsell .plan > div h5 {
  margin: 0;
  color: #f6f1e0;
  font-weight: 300;
  font-size: 3.5em;
}

.membership-upsell .anniversary.plan {
  position: relative;
}

.membership-upsell .anniversary.plan > img {
  position: absolute;
  top: -2px;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2));
  transform-origin: top;
  animation: streamer ease-out 5s 2s forwards;
  transform: scaleY(0);
}

@keyframes streamer {
  15% {
    transform: scaleY(1.08) rotate(6deg);
  }
  25% {
    transform: scaleY(0.6) rotate(4deg);
  }
  48% {
    transform: scaleY(1.04);
  }
  65% {
    transform: scaleY(1) rotate(-2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.membership-upsell .anniversary.plan > img:nth-of-type(1) {
  width: 14px;
  right: 30px;
}

.membership-upsell .anniversary.plan > img:nth-of-type(2) {
  width: 22px;
  right: 6px;
}

/**
 * Membership upsell (footer).
 */
.membership-upsell .footer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-top: 30px;
  text-align: left;
}

.membership-upsell .footer > div {
  flex: 1 1 0;
}

.membership-upsell .footer > div:last-child {
  display: flex;
  align-items: center;
  margin-left: 30px;
}

.membership-upsell .footer img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 5px #21a178;
  margin: 0 10px 0 0;
}

/**
 * Membership upsell (v2).
 */
.v2.membership-upsell > div {
  position: fixed;
  bottom: 0;
  height: 120px;
  width: calc(100% - 180px);
  max-width: 1130px;
  background: #26b084 70% 10px/20% auto url("../fonts/house.svg") no-repeat;
  padding: 0 50px 0 30px;
}

.expanded .v2.membership-upsell > div {
  max-width: 1010px;
}

.v2.membership-upsell div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.v2.membership-upsell h1 {
  color: #f6f1e0;
  font-size: 2.3em;
  font-weight: 700;
  border-left: 1px solid #f6f1e0;
  padding-left: 20px;
  line-height: 2.5em;
}

.v2.membership-upsell h2 {
  text-transform: uppercase;
  color: #fbf549;
  font-size: 1.4em;
  font-weight: 800;
  padding-right: 20px
}

.v2.membership-upsell .button {
  text-transform: uppercase;
  color: #26b084;
  font-weight: 700;
  box-shadow: 0px 0px 5px 5px #21a178;
  background-color: #fbf549;
  border: none;
  padding: 1em 4em;
}

/**
 * Groups.
 */
.groups {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  max-width: none !important;
}

.group {
  width: 160px;
  margin: 20px;
}

.group img {
  filter: grayscale(100%);
}

.group img:hover {
  filter: none;
}

/**
 * Modal.
 */
#modal {
  display: none;
  position: fixed;
  z-index: 5;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
}

#modal.show {
  display: flex;
}

#modal > div {
  position: relative;
}

#modal .close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: white;
  font-size: 28px;
}

/**
 * Grid.
 */
.grid {
  max-width: 100%;
    margin: 0 auto 10px auto;
}
.order-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px auto 10px auto;
}

.grid + .grid,
.membership-upsell + .grid {
  margin-top: 30px;
}
.otz {
  max-width: 500px;
}
/**
 * Grid, column.
 */
[class*='col-'] {
  float: left;
}

/**
 * Grid, widths.
 *
 * IE does not like 100%.
 */
.col-7 {
  width: calc(7/24 * 99.99%);
}

.col-8 {
  width: calc(8/24 * 99.99%);
}

.col-12 {
  width: calc(12/24 * 99.99%);
}

.col-16 {
  width: calc(16/24 * 100%);
}

.col-17 {
    width: 100%;
}
.man {
  width: 700px;
    max-width: 100%;
}
.col-24 {
  width: 100%;
}

/**
 * Grid layouts.
 */
.layout-compact .grid > div {
  width: 100%;
}

.layout-compact h4:first-child {
  margin-top: 1em;
}
/**
 * Forms.
 */
 .my > * {
  max-width: 800px;
}

.my input[type=text],
.my input[type=email],
.my input[type=password],
select,
.StripeElement {
  border: 1px solid #ddd;
  padding: 1em;
  margin: 4px 4px 4px 0;
}

.my input.size {
  width: auto;
}

/**
 * Forms, label and fieldset.
 */
.my input[type=submit] + input[type=submit],
.my input + label {
  margin-left: 1em;
}

.my fieldset > div {
  margin: 1.5em 0;
}

/**
 * Alert boxes.
 */
.alert-box {
  padding: 0.1em 1em;
  margin: 1em 0;
  border-radius: 4px;
}

.alert-box a {
  text-decoration: underline;
}

.alert-box p {
  margin: 1em 0;
}

.info {
  background-color: #d9edf7;
}

.info p {
  color: #3a87ad;
}

.ok {
  background-color: #dff0d8;
}

.ok p {
  color: #468847;
}

.error {
  background-color: #f2dede;
}

.error p,
.error a {
  color: #b94a48;
}

/**
 * Membership upsell.
 */
.my .membership-upsell {
  display: block;
  position: static;
  max-width: none;
}

/**
 * Payment form.
 */
#payment-form input[type=submit]:disabled {
  background-color: #ddd;
}

#payment-form .StripeElement {
  max-width: 400px;
}

/**
 * Tables.
 */
table {
  width: 100%;
  min-width: 600px;
}

tr:nth-child(even) {
  background-color: rgb(245, 245, 245);
}

th {
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1em 0 0.5em 0;
}

td {
  padding: 1em 0;
}
/**
 * Forms.
 */
 .my > * {
  max-width: 800px;
}

.my input[type=text],
.my input[type=email],
.my input[type=password],
select,
.StripeElement {
  border: 1px solid #ddd;
  padding: 1em;
  margin: 4px 4px 4px 0;
}

.my input.size {
  width: auto;
}

/**
 * Forms, label and fieldset.
 */
.my input[type=submit] + input[type=submit],
.my input + label {
  margin-left: 1em;
}

.my fieldset > div {
  margin: 1.5em 0;
}

/**
 * Alert boxes.
 */
.alert-box {
  padding: 0.1em 1em;
  margin: 1em 0;
  border-radius: 4px;
}

.alert-box a {
  text-decoration: underline;
}

.alert-box p {
  margin: 1em 0;
}

.info {
  background-color: #d9edf7;
}

.info p {
  color: #3a87ad;
}

.ok {
  background-color: #dff0d8;
}

.ok p {
  color: #468847;
}

.error {
  background-color: #f2dede;
}

.error p,
.error a {
  color: #b94a48;
}

/**
 * Membership upsell.
 */
.my .membership-upsell {
  display: block;
  position: static;
  max-width: none;
}

/**
 * Payment form.
 */
#payment-form input[type=submit]:disabled {
  background-color: #ddd;
}

#payment-form .StripeElement {
  max-width: 400px;
}

/**
 * Tables.
 */
table {
  width: 100%;
  min-width: 600px;
}

tr:nth-child(even) {
  background-color: rgb(245, 245, 245);
}

th {
  text-align: left;
  font-weight: 600;
  text-transform: uppercase;
  padding: 1em 0 0.5em 0;
}

td {
  padding: 1em 0;
}
@media (max-width: 1060px) {
    h1{
        text-align: center;
    }
}
@media (min-width: 661px) and (max-width: 1060px){
	/**
 * Toggle on/off.
 */
.min-large {
  display: none;
}

/**
 * Typography.
 */


h2 {
  font-size: 1.6em;
}

/**
 * Membership upsell (v1).
 */
.v1.membership-upsell > div {
  background:
    url("../fonts/house.svg") no-repeat 5% bottom/200px auto,
    url("../fonts/atomium.svg") no-repeat 300px bottom/150px auto,
    url("../fonts/cloud.svg") no-repeat 65% 30%/100px auto
    #26b084
  ;
}

/**
 * Membership upsell (v2).
 */
.v2.membership-upsell h1 {
  font-size: 1.6em;
  padding-left: 0;
  border: none;
}

.v2.membership-upsell .button {
  padding: 1em;
}

/**
 * Grid layouts.
 */
.layout-compact > article {
  width: 50%;
}

.layout-compact > div {
  width: 100%;
}

.layout-compact > :last-child {
  margin-top: 2em;
  width: 100%;
}
}

.mt50{
    margin-top: 50px;
}
@media (max-width: 1150px){
    .mt50{
        margin-top: 0px;
    }
}
@media (max-width: 900px){
    .wide img{
        width: 500px;
        max-width: 100%;
        margin: 0 auto !important;
    }
    h1{
        font-size: 26px;
    }
	/**
 * Toggle on/off.
 */
.min-large,
.min-medium, .right {
  display: none;
}

.max-small {
  display: block;
}
div.body .image-list{
	float: none;
	width: 420px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
figcaption{
	text-align: center;
}
/**
 * Typography.
 */


.layout-compact h5 {
  font-size: 1.1em;
  line-height: 1.3em;
}

/**
 * Multimedia.
 */
figure.zoom img:hover {
  transform: none;
}

/**
 * Top.
 */
.top {
  height: 100px;
  margin: 0;
}

/**
 * Header.
 */
header,
header > * {
  background-color: #1d2732;
  text-align: center;
  height: 70px;
  line-height: 70px !important;
}

/**
 * Header, toggle navigation.
 */
header > a.nav-toggle {
  left: 15px;
  font-size: 28px;
  color: #ddd;
}

/**
 * Header, logo.
 */
header > .logo {
  position: static;
  display: inline-block;
}

header > .logo img {
  width: 190px;
  margin-top: 18px;
}

/**
 * Navigation.
 */
.nav-on nav {
  display: block;
}

/**
 * Breadcrumbs.
 */
ol.breadcrumbs {
    margin: 0 0 10px 0;
}

/**
 * Main.
 */
main{
    padding: 15px;
    margin: 0;
}

/**
 * Main, navigation expanded.
 */
.expanded main {
  left: 0;
}

.nav-on main {
  left: 150px;
}

.nav-on.expanded main {
  left: 300px;
}

/**
 * Line content separator.
 */
.line-sep:only-of-type:after {
  background-color: transparent;
}

/**
 * Band.
 */
.band {
  margin: 0;
}

.band h2 {
  font-size: 1.6em;
}

/**
 * Wide.
 */
/* div.wide,
figure.wide img,
figure.wide video {
  margin-left: -10px !important;
  width: calc(100% + 20px) !important;
} */

/**
 * Membership.
 */

.membership {
  padding: 30px 10px;
}

/**
 * Membership upsell (v1).
 */
.v1.membership-upsell > div {
  padding: 50px 10px;
  background:
    url("../fonts/house.svg") no-repeat 5% bottom/200px auto,
    url("../fonts/cloud.svg") no-repeat -20px 25%/100px auto
    #26b084
  ;
}

.v1.membership-upsell h1,
.v1.membership-upsell h2 {
  font-size: 2.2em;
}

/**
 * Membership upsell (plans).
 */
.membership-upsell .plans > div {
  margin: 0 0 0 -10px;
}

.membership-upsell .plan {
  margin: 0 0 10px 10px;
}

.membership-upsell .plan > div h5 {
  font-size: 2.5em;
}

/**
 * Membership upsell (footer).
 */
.membership-upsell .footer {
  display: block;
  text-align: center;
}

.membership-upsell .footer > div:last-child {
  flex-direction: column;
  margin: 30px 0 0 0;
}

.membership-upsell .footer img {
  margin: 0 0 10px 0;
}

/**
 * Membership upsell (v2).
 */
.v2.membership-upsell > div {
  height: 80px;
  width: 100%;
  padding: 0 50px 0 10px;
  background-position: right 140px top 20px;
}

.v2.membership-upsell h1 {
  font-size: 1.3em;
  line-height: 1.2em;
  padding-left: 0;
  border: none;
  margin-right: 10px;
}

.v2.membership-upsell .button {
  padding: 1em;
}

/**
 * Grid.
 */


/**
 * Grid, column.
 */
[class*='col-'] {
  width: 100%;
  padding: 0;
}

/**
 * Grid layouts.
 */
article + article,
.layout-compact > :last-child,
div + .right {
  margin-top: 2em;
}

.layout-compact article > .grid > div {
  width: 50%;
}

.layout-compact h4:first-child,
.layout-compact h5:first-child {
  margin-top: 0;
}

.layout-compact .summary,
.layout-compact time {
  display: none;
}
}
@media (max-width: 479px){
	h1{
		font-size: 20px;
	}
	article.stand-alone div.body{
		margin-top: 15px;
		padding-top: 8px;
	}
}

@media (max-width: 768px){
    .order-wrap{
        flex-direction: column;
    }
    h2,.comment-doctor{
        font-size: 1.5em;
    }
    h1{
        font-size: 23px;
    }
    p{
        text-align: left !important;
    }

}
.x_price_previous, .x_price_current, .x_currency {
  font-size: 28px;
}

@media screen and (max-width: 479px) {
    .comment-rev__img{
        max-width: 300px;
    }
    h1{
        font-size: 21px;
    }
  .otz {
    max-width: 300px;
  }
  [class*='col-'] {
    width: 100%;
  }
  .man {
    width: 100%;
  }
  .grid {
    margin: 0;
  }
  .order__input, .order__form .btn {
    max-width: 90%;
  }
  .order__form .btn {
    text-align: center!important;
  }
  .order__form .btn, .order__form .order__input {
    text-align: left;
  }
  .order__form {
    display: flex;
    flex-direction: column;
    align-items: center;
  } 
}
.ro-attr{
    margin-bottom: 5px;
}
.ro-attr p{
  text-align: center !important;
  margin-bottom: 0px !important;
}
.additional{
  display: block !important;
  text-align: center !important;
  margin-top: 4px;
}

@media (max-width: 440px) {
    .hide-1{
        display: none !important;
    }
}

@media (max-width: 400px) {
    .hide-2{
        display: none !important;
    }
}