@font-face {
    font-family: 'Montserrat-Regular';
    src: url('../fonts/montserrat/Montserrat-Regular.otf') format("opentype");
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/montserrat/Montserrat-Light.otf') format("opentype");
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato/Lato-Regular.ttf') format("truetype");
}

button,
hr,
input {
    overflow: visible;
}

audio,
canvas,
progress,
video {
    display: inline-block;
}

progress,
sub,
sup {
    vertical-align: baseline;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

menu,
article,
aside,
details,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
select {
    text-transform: none;
}

[type=submit],
[type=reset],
button,
html [type=button] {
    -webkit-appearance: button;
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

summary {
    display: list-item;
}

[hidden],
template {
    display: none;
}

/*# sourceMappingURL=normalize.min.css.map */

html {
    box-sizing: border-box;
    font-size: 62.5%;
}

body {
    color: #606c76;
    font-family: 'Montserrat-Regular','Montserrat-Light',"Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;
    font-size: 1.6em;
    font-weight: 300;
    letter-spacing: .01em;
    line-height: 1.6;
}

*,
*:after,
*:before {
    box-sizing: inherit;
}

blockquote {
    border-left: .3rem solid #d1d1d1;
    margin-left: 0;
    margin-right: 0;
    padding: 1rem 1.5rem;
}

blockquote *:last-child {
    margin: 0;
}

.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    background-color: #9b4dca;
    border: .1rem solid #9b4dca;
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    height: 3.8rem;
    letter-spacing: .1rem;
    line-height: 3.8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.button:hover,
.button:focus,
button:hover,
button:focus,
input[type='button']:hover,
input[type='button']:focus,
input[type='reset']:hover,
input[type='reset']:focus,
input[type='submit']:hover,
input[type='submit']:focus {
    background-color: #606c76;
    border-color: #606c76;
    color: #fff;
    outline: 0;
}

.button.button-disabled,
.button[disabled],
button.button-disabled,
button[disabled],
input[type='button'].button-disabled,
input[type='button'][disabled],
input[type='reset'].button-disabled,
input[type='reset'][disabled],
input[type='submit'].button-disabled,
input[type='submit'][disabled] {
    opacity: .5;
    cursor: default;
}

.button.button-disabled:hover,
.button.button-disabled:focus,
.button[disabled]:hover,
.button[disabled]:focus,
button.button-disabled:hover,
button.button-disabled:focus,
button[disabled]:hover,
button[disabled]:focus,
input[type='button'].button-disabled:hover,
input[type='button'].button-disabled:focus,
input[type='button'][disabled]:hover,
input[type='button'][disabled]:focus,
input[type='reset'].button-disabled:hover,
input[type='reset'].button-disabled:focus,
input[type='reset'][disabled]:hover,
input[type='reset'][disabled]:focus,
input[type='submit'].button-disabled:hover,
input[type='submit'].button-disabled:focus,
input[type='submit'][disabled]:hover,
input[type='submit'][disabled]:focus {
    background-color: #9b4dca;
    border-color: #9b4dca;
}

.button.button-outline,
button.button-outline,
input[type='button'].button-outline,
input[type='reset'].button-outline,
input[type='submit'].button-outline {
    color: #9b4dca;
    background-color: transparent;
}

.button.button-outline:hover,
.button.button-outline:focus,
button.button-outline:hover,
button.button-outline:focus,
input[type='button'].button-outline:hover,
input[type='button'].button-outline:focus,
input[type='reset'].button-outline:hover,
input[type='reset'].button-outline:focus,
input[type='submit'].button-outline:hover,
input[type='submit'].button-outline:focus {
    color: #606c76;
    background-color: transparent;
    border-color: #606c76;
}

.button.button-outline.button-disabled:hover,
.button.button-outline.button-disabled:focus,
.button.button-outline[disabled]:hover,
.button.button-outline[disabled]:focus,
button.button-outline.button-disabled:hover,
button.button-outline.button-disabled:focus,
button.button-outline[disabled]:hover,
button.button-outline[disabled]:focus,
input[type='button'].button-outline.button-disabled:hover,
input[type='button'].button-outline.button-disabled:focus,
input[type='button'].button-outline[disabled]:hover,
input[type='button'].button-outline[disabled]:focus,
input[type='reset'].button-outline.button-disabled:hover,
input[type='reset'].button-outline.button-disabled:focus,
input[type='reset'].button-outline[disabled]:hover,
input[type='reset'].button-outline[disabled]:focus,
input[type='submit'].button-outline.button-disabled:hover,
input[type='submit'].button-outline.button-disabled:focus,
input[type='submit'].button-outline[disabled]:hover,
input[type='submit'].button-outline[disabled]:focus {
    color: #9b4dca;
    border-color: inherit;
}

.button.button-clear,
button.button-clear,
input[type='button'].button-clear,
input[type='reset'].button-clear,
input[type='submit'].button-clear {
    color: #9b4dca;
    background-color: transparent;
    border-color: transparent;
}

.button.button-clear:hover,
.button.button-clear:focus,
button.button-clear:hover,
button.button-clear:focus,
input[type='button'].button-clear:hover,
input[type='button'].button-clear:focus,
input[type='reset'].button-clear:hover,
input[type='reset'].button-clear:focus,
input[type='submit'].button-clear:hover,
input[type='submit'].button-clear:focus {
    color: #606c76;
    background-color: transparent;
    border-color: transparent;
}

.button.button-clear.button-disabled:hover,
.button.button-clear.button-disabled:focus,
.button.button-clear[disabled]:hover,
.button.button-clear[disabled]:focus,
button.button-clear.button-disabled:hover,
button.button-clear.button-disabled:focus,
button.button-clear[disabled]:hover,
button.button-clear[disabled]:focus,
input[type='button'].button-clear.button-disabled:hover,
input[type='button'].button-clear.button-disabled:focus,
input[type='button'].button-clear[disabled]:hover,
input[type='button'].button-clear[disabled]:focus,
input[type='reset'].button-clear.button-disabled:hover,
input[type='reset'].button-clear.button-disabled:focus,
input[type='reset'].button-clear[disabled]:hover,
input[type='reset'].button-clear[disabled]:focus,
input[type='submit'].button-clear.button-disabled:hover,
input[type='submit'].button-clear.button-disabled:focus,
input[type='submit'].button-clear[disabled]:hover,
input[type='submit'].button-clear[disabled]:focus {
    color: #9b4dca;
}

code {
    background: #f4f5f6;
    border-radius: .4rem;
    font-size: 86%;
    padding: .2rem .5rem;
    margin: 0 .2rem;
    white-space: nowrap;
}

pre {
    background: #f4f5f6;
    border-left: .3rem solid #9b4dca;
    font-family: "Menlo","Consolas","Bitstream Vera Sans Mono","DejaVu Sans Mono","Monaco",monospace;
}

pre>code {
    background: transparent;
    border-radius: 0;
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre;
}

hr {
    border: 0;
    border-top: .1rem solid #f4f5f6;
    margin-bottom: 3.5rem;
    margin-top: 3rem;
}

input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: .1rem solid #d1d1d1;
    border-radius: .4rem;
    box-shadow: none;
    height: 3.8rem;
    padding: .6rem 1rem;
    width: 100%;
}

input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='url']:focus,
textarea:focus {
    outline: 0;
}

select {
    padding: .6rem 3rem .6rem 1rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjkgMTQiICAgaGVpZ2h0PSIxNHB4IiAgIGlkPSJMYXllcl8xIiAgIHZlcnNpb249IjEuMSIgICB2aWV3Qm94PSIwIDAgMjkgMTQiICAgd2lkdGg9IjI5cHgiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjQgcjk5MzkiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2FyZXQtZ3JheS5zdmciPjxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMzAzOSI+PHJkZjpSREY+PGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzICAgICBpZD0iZGVmczMwMzciIC8+PHNvZGlwb2RpOm5hbWVkdmlldyAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSI5MDMiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI1OTQiICAgICBpZD0ibmFtZWR2aWV3MzAzNSIgICAgIHNob3dncmlkPSJ0cnVlIiAgICAgaW5rc2NhcGU6em9vbT0iMTIuMTM3OTMxIiAgICAgaW5rc2NhcGU6Y3g9Ii00LjExOTMxODJlLTA4IiAgICAgaW5rc2NhcGU6Y3k9IjciICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNTAyIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwMiIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIj48aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkMzA0MSIgLz48L3NvZGlwb2RpOm5hbWVkdmlldz48cG9seWdvbiAgICAgcG9pbnRzPSIwLjE1LDAgMTQuNSwxNC4zNSAyOC44NSwwICIgICAgIGlkPSJwb2x5Z29uMzAzMyIgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMzU0MTEzODcsMCwwLDAuNDgzMjkxMSw5LjMyNDE1NDUsMy42MjQ5OTkyKSIgICAgIHN0eWxlPSJmaWxsOiNkMWQxZDE7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+) center right no-repeat;
}

textarea {
    padding-bottom: .6rem;
    padding-top: .6rem;
    min-height: 6.5rem;
}

label,
legend {
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    margin-bottom: .5rem;
}

fieldset {
    border-width: 0;
    padding: 0;
}

input[type='checkbox'],
input[type='radio'] {
    display: inline;
}

.label-inline {
    font-weight: normal;
    display: inline-block;
    margin-left: .5rem;
}

.container {
    margin: 0 auto;
    max-width: 112rem;
    padding: 0 2rem;
    position: relative;
    width: 100%;
}

.row {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
}

.row .row-wrap {
    flex-wrap: wrap;
}

.row .row-no-padding {
    padding: 0;
}

.row .row-no-padding>.column {
    padding: 0;
}

.row .row-top {
    align-items: flex-start;
}

.row .row-bottom {
    align-items: flex-end;
}

.row .row-center {
    align-items: center;
}

.row .row-stretch {
    align-items: stretch;
}

.row .row-baseline {
    align-items: baseline;
}

.row .column {
    display: block;
    flex: 1;
    margin-left: 0;
    max-width: 100%;
    width: 100%;
}

.row .column .col-top {
    align-self: flex-start;
}

.row .column .col-bottom {
    align-self: flex-end;
}

.row .column .col-center {
    align-self: center;
}

.row .column.column-offset-10 {
    margin-left: 10%;
}

.row .column.column-offset-20 {
    margin-left: 20%;
}

.row .column.column-offset-25 {
    margin-left: 25%;
}

.row .column.column-offset-33,
.row .column.column-offset-34 {
    margin-left: 33.3333%;
}

.row .column.column-offset-50 {
    margin-left: 50%;
}

.row .column.column-offset-66,
.row .column.column-offset-67 {
    margin-left: 66.6666%;
}

.row .column.column-offset-75 {
    margin-left: 75%;
}

.row .column.column-offset-80 {
    margin-left: 80%;
}

.row .column.column-offset-90 {
    margin-left: 90%;
}

.row .column.column-10 {
    flex: 0 0 10%;
    max-width: 10%;
}

.row .column.column-20 {
    flex: 0 0 20%;
    max-width: 20%;
}

.row .column.column-25 {
    flex: 0 0 25%;
    max-width: 25%;
}

.row .column.column-33,
.row .column.column-34 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%;
}

.row .column.column-40 {
    flex: 0 0 40%;
    max-width: 40%;
}

.row .column.column-50 {
    flex: 0 0 50%;
    max-width: 50%;
}

.row .column.column-60 {
    flex: 0 0 60%;
    max-width: 60%;
}

.row .column.column-66,
.row .column.column-67 {
    flex: 0 0 66.6666%;
    max-width: 66.6666%;
}

.row .column.column-75 {
    flex: 0 0 75%;
    max-width: 75%;
}

.row .column.column-80 {
    flex: 0 0 80%;
    max-width: 80%;
}

.row .column.column-90 {
    flex: 0 0 90%;
    max-width: 90%;
}

@media (min-width: 40rem) {
    .row {
        flex-direction: row;
        margin-left: -1rem;
        width: calc(100% + 2.0rem);
    }

    .row .column {
        margin-bottom: inherit;
        padding: 0 1rem;
    }
}

a {
    color: #9b4dca;
    text-decoration: none;
}

a:hover {
    color: #606c76;
}

dl,
ol,
ul {
    margin-top: 0;
    padding-left: 0;
}

dl ul,
dl ol,
ol ul,
ol ol,
ul ul,
ul ol {
    font-size: 90%;
    margin: 1.5rem 0 1.5rem 3rem;
}

dl {
    list-style: none;
}

ul {
    list-style: circle inside;
}

ol {
    list-style: decimal inside;
}

dt,
dd,
li {
    margin-bottom: 1rem;
}

.button,
button {
    margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
    margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
    margin-bottom: 2.5rem;
}

table {
    width: 100%;
}

th,
td {
    border-bottom: .1rem solid #e1e1e1;
    padding: 1.2rem 1.5rem;
    text-align: left;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}

p {
    margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
    margin-bottom: 2rem;
    margin-top: 0;
}

h1 {
    font-size: 4rem;
    letter-spacing: -0.1rem;
    line-height: 1.2;
}

h2 {
    font-size: 3.6rem;
    letter-spacing: -0.1rem;
    line-height: 1.25;
}

h3 {
    font-size: 3rem;
    letter-spacing: -0.1rem;
    line-height: 1.3;
}

h4 {
    font-size: 2.4rem;
    letter-spacing: -0.08rem;
    line-height: 1.35;
}

h5 {
    font-size: 1.8rem;
    letter-spacing: -0.05rem;
    line-height: 1.5;
}

h6 {
    font-size: 1.6rem;
    letter-spacing: 0;
    line-height: 1.4;
}

@media (min-width: 40rem) {
    h1 {
        font-size: 5rem;
    }

    h2 {
        font-size: 4.2rem;
    }

    h3 {
        font-size: 3.6rem;
    }

    h4 {
        font-size: 3rem;
    }

    h5 {
        font-size: 2.4rem;
    }

    h6 {
        font-size: 1.5rem;
    }
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

a {
    color: #00DD93;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-search--inline {
    float: left;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

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

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #ffffff transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #bd003b;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #84002d;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

label {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 1.4rem;
}

body {
    color: #7e7e7e;
}

/*===================SELECT2=======================================*/

span.select2-selection.select2-selection--single {
    border: 0.1rem solid #eee;
    padding: 0.5rem;
    border-radius: 15rem;
    height: auto;
}

.select2-container {
    outline: 0;
    max-width: 23rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #00DD93;
    color: white;
}

.select2-results__options {
    text-transform: uppercase;
    font-size: 1.1rem;
}

.select2-results__options li {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.select2-dropdown {
    border: 0.1rem solid #eee;
}

.select2-container--default .select2-selection--single {
    border: 0;
    outline: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc;
    border-radius: 0rem;
    height: 3rem;
    margin-bottom: 0rem;
}

span.select2-selection.select2-selection--single {
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    border-top-left-radius: 2rem;
    border-top-right-radius: 02rem;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e91f5e;
    color: white;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    overflow: hidden;
    padding-right: 0rem;
    padding-left: 0rem;
    font-size: 1.1rem;
    text-transform: uppercase;
    text-align: center;
    outline: 0;
    padding-right: 2rem;
    background: url(../img/new_front/black_arrow.png) no-repeat;
    background-size: 1.7rem;
    background-position: 98% 38%;
}

/*===================END SELECT 2==================================*/

/* Base for label styling */

button[disabled],
button[disabled]:hover {
    background-color: #80eec9;
    border-color: #80eec9;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* checkbox aspect */

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.2rem;
    width: 1.7rem;
    height: 1.7rem;
    border: 0.1rem solid #e0e0e0;
    background: #f8f8f8;
    border-radius: 0.2rem;
}

/* checked mark aspect */

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 3px;
    left: 4px;
    font-size: 18px;
    line-height: 0.8;
    color: #00DD93;
    transition: all .2s;
}

/* checked mark aspect changes */

[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
    left: 2px !important;
}

/* disabled checkbox */

[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* accessibility */

[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/*===================== END CHECKBOX==============================================*/

.flx-wrp {
    flex-wrap: wrap;
}

.row .column {
    flex: 1 1 auto;
}

.row .colum.kcalmar-left-offset-column {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0%;
}

.bold {
    font-weight: bold !important;
}

.see-all {
    text-align: center;
    cursor: pointer;
}

.title {
    font-size: 3.5rem;
    /*letter-spacing: 0.1rem;*/
    line-height: 110%;
    font-family: 'Montserrat-Light';
    margin-bottom: 1rem;
}

.semi-title {
    font-size: 2.5rem;
    line-height: 110%;
}

.big-semi-title {
    font-size: 2rem;
    line-height: 110%;
}

.medium-semi-title {
    font-weight: 400;
    line-height: 110%;
}

.small-semi-title {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 110%;
}

.description {
    font-size: 1.4rem;
    font-weight: 400;
    /*font-family: "Montserrat-Light";*/
    font-family: 'Lato';
    overflow-wrap: break-word;
}

.description-bottom {
    margin-top: 20px;
    font-size: 13px;
}

.description.big {
    font-size: 1.6rem;
}

.upper-letters {
    text-transform: uppercase;
    font-family: "Montserrat-Light";
}

.reverse-row {
    flex-direction: column;
}

.hint {
    padding: 3rem 1.5rem;
    margin-bottom: 2rem;
    background-color: #ffffbc;
    border: 1px solid #eeeeee;
    font-family: 'Roboto';
    font-weight: 500;
}

.kcalmar-com-input-radius {
    border-radius: 2rem;
    border: 0.1rem solid #eee;
    padding: 1rem 0rem 1rem 1rem;
}

.kcalmar-com-imput::-webkit-input-placeholder {
    color: #6e7982;
    font-size: 1.5rem;
}

.kcalmar-com-imput::-moz-placeholder {
    color: #6e7982;
    font-size: 1.5rem;
}

.kcalmar-com-imput:-ms-input-placeholder {
    color: #6e7982;
    font-size: 1.5rem;
}

.kcalmar-com-button {
    border: none;
    border-radius: 4rem;
    background-color: #00DD93;
    min-width: 23.1rem;
    font-size: 1.25rem;
}

.kcalmar-com-button.narrow {
    min-width: 13rem;
    padding: 0rem 1rem!important;
}

.extra-small-btn {
    min-width: 10rem!important;
    padding: 0rem 1rem!important;
    font-size: 0.9rem!important;
}

.kcalmar-com-button:focus,
.kcalmar-com-button:hover {
    opacity: 0.8;
    background-color: #00DD93;
    border-color: #00DD93;
}

.kcalmar-com-button.disabled,
.kcalmar-com-button.disabled:hover,
.kcalmar-com-button.disabled:focus {
    opacity: 0.8;
    background-color: #00DD93;
    pointer-events: none;
}

.kcalmar-com-input {
    width: 100%;
    background-color: transparent;
    border-width: 0 0 0.1rem 0rem !important;
    border-radius: 0rem !important;
    height: 3.8rem !important;
}

.kcalmar-com-select {
    display: block;
    border-width: 0 0 0.1rem 0rem;
    border-radius: 0rem;
    border-color: #d1d1d1;
    background: url(../img/new_front/black_arrow.png) no-repeat;
    background-position: 98% 50%;
    background-size: 2rem;
}

.kcalmar-com-select:focus {
    outline: 0.2rem solid #eee;
}

.kcalmar-com-textarea {
    width: 100%;
    background-color: transparent;
    border-width: 0.1rem 0.1rem 0.1rem 0.1rem;
    border-radius: 0rem;
    border-color: #eeeeee;
    height: 10rem;
}

.kcalmar-com-textarea:focus {
    border: .1rem solid #eeeeee;
}

.semi-li {
    padding-left: 1rem;
    position: relative;
}

.semi-li div {
    width: 0.7rem;
    height: 0.7rem;
    display: inline-flex;
    margin-right: 0.5rem;
    border: 0.1rem solid #b1b1b1;
    border-radius: 20px;
    position: absolute;
    bottom: 0.1rem;
    top: 0.8rem;
    left: -0.2rem;
}

.button-auto-width {
    width: auto;
    max-width: 44rem;
    white-space: normal;
    height: auto;
}

.green-dot {
    background: #00DD93;
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    border-radius: 6rem;
    margin-bottom: 0.3rem;
    margin-right: 0.3rem;
}

.empty-info {
    margin: auto;
    margin-top: 2rem;
}

#star-rate {
    position: relative;
    top: 0.2rem;
}

.sk-wrapper {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 999;
}

.sk-circle {
    margin: auto;
    width: 40px;
    height: 40px;
    position: relative;
    display: none;
}

.sk-circle.in-spec {
    display: block;
    width: 80px;
    height: 80px;
}

.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #00DD93;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.black {
    color: black !important;
}

.white {
    color: white;
}

.grey {
    color: #afafaf;
}

.light-grey {
    color: #b1b1b1;
}

.dark-grey {
    color: #7e7e7e;
}

.blue-navy {
    color: #0D2D32;
}

.light {
    color: #e8e8e8;
}

.green {
    color: #00DD93;
}

.orange {
    color: #fd662a;
}

.strong {
    font-weight: 500;
}

.super-strong {
    font-weight: 700;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.center {
    text-align: center;
}

.mar-top-3 {
    margin-top: 3rem;
}

.row .column.column-75 {
    max-width: 100%;
    flex: 0 0 100%;
}

.row .column.column-25 {
    max-width: 100%;
    flex: 0 0 100%;
}

.row .column.column-50 {
    max-width: 100%;
    flex: 0 0 100%;
}

.section {
    padding: 1rem;
}

.margin-0 {
    margin: 0rem !important;
}

select:focus {
    /*background: none;*/
    outline: none;
}

input:focus {
    outline: none;
}

.small-font {
    font-size: 12px;
}

/*.kcalmar-com-input:focus{
	outline: none !important;
    border: 0rem !important;
    border-bottom: 0.1rem solid #eee;
}*/
.dietitian-background {
    width: 100%;
    position: absolute;
    background-position:top;
    background-repeat: no-repeat;
    min-width: 100%;
    height: 1080px;
}
.kcalmar-com-logo {
    /*background: url(../img/new_front/logo_light_horizontal_light.png) center center no-repeat;*/
    background-size: 100%;
    width: 10.1rem;
    height: 4rem;
    display: inline-block;
    vertical-align: middle;
    /* margin-right: 3rem; */
    margin-left: 0rem;
    cursor: pointer;
    position: absolute;
    left: 0rem;
    top: 1.6rem;
}

.kcalmar-com-logo:hover {
    opacity: 0.7;
}

.header.common {
    position: fixed;
    width: 100%;
    z-index: 999;
}

.header .nav.common {
    background-color: #0D2D32;
    /*position: fixed;*/
}

.header .menu {
    /*text-align: center;*/
    height: 7.5rem;
    position: relative;
    z-index: 10;
}

.header .menu #hamburger {
    width: 4rem;
    height: 4rem;
    position: fixed;
    right: 2rem;
    top: 1.5rem;
    display: inline-block;
    background: rgba(13, 45, 50, 0.88);
    border-radius: 0.5rem;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    z-index: 10;
}

.header .menu #hamburger.open {
    right: 22rem;
}

.header .menu #hamburger span {
    display: block;
    position: absolute;
    margin-left: 0.6rem;
    height: 0.2rem;
    width: 72%;
    background: rgba(255, 255, 255, 0.64);
    border-radius: 0.9rem;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.header .menu #hamburger span:nth-child(1) {
    top: 0.9rem;
}

.header .menu #hamburger span:nth-child(2),
.header .menu #hamburger span:nth-child(3) {
    top: 1.9rem;
}

.header .menu #hamburger span:nth-child(4) {
    top: 2.9rem;
}

.header .menu #hamburger.open span:nth-child(1) {
    top: 1.8rem;
    width: 0%;
    left: 50%;
}

.header .menu #hamburger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header .menu #hamburger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header .menu #hamburger.open span:nth-child(4) {
    top: 1.8rem;
    width: 0%;
    left: 50%;
}

.header .menu .menu-elements {
    display: inline-block;
    position: fixed;
    width: 20rem;
    right: -22rem;
    background-color: rgba(13, 45, 50, 0.88);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.header .menu .menu-elements.open {
    right: 0rem;
    box-shadow: 0 0 1rem;
}

.header .menu .menu-elements a.menu-element {
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.25rem;
    margin-left: .5rem;
    margin-right: .5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: block;
}

.header .menu .menu-elements a.menu-element:hover {
    color: #8c8c8c;
}

.footer {
    font-family: 'Montserrat-Light';
}

.footer a {
    font-family: 'Lato';
    font-size: 1.3rem !important;
}

.footer .services {
    background-color: #0D2D32;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.footer .services > .column {
    display: none;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.footer .services .contact-column {
    display: block;
}

.footer .services h3 {
    color: #e8e8e8;
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
}

.footer .services .kcalmar-com-logo {
    margin-bottom: 1rem;
    margin-top: 2rem;
    position: initial;
}

.footer .services .footer-element-contact {
    margin-top: 0.5rem;
    margin-bottom: 0.3rem;
}

.footer .services a {
    color: #bcc8d0;
    cursor: pointer;
    font-size: 1.2rem;
    display: block;
}

.footer .services a:hover {
    color: white;
}

.footer .services .social-icons {
    width: 11rem;
    height: 3rem;
    margin-top: 0.5rem;
}

.footer .services .social-icons a {
    height: 3.1rem;
    width: 2.7rem;
    cursor: pointer;
    display: inline-block;
}

.footer .services .social-icons a:hover {
    box-shadow: 0 0 2rem 0.1rem #eee;
    border-radius: 1rem;
}

.footer .services .social-icons .fb-icon {
    background: url(../img/new_front/social_fb.png) center center no-repeat;
    background-size: 60%;
}

.footer .services .social-icons .twitter-icon {
    background: url(../img/new_front/social_twitter.png) center center no-repeat;
    background-size: 60%;
}

.footer .services .social-icons .instagram-icon {
    background: url(../img/new_front/social_instagram.png) center center no-repeat;
    background-size: 60%;
    margin-left: 0.4rem;
}

.footer .cities {
    padding-top: 3rem;
    padding-bottom: 2rem;
}

.footer .cities h3 {
    color: #2b2f32;
    font-size: 2.2rem;
}

.footer .cities .row {
    flex-wrap: wrap;
}

.footer .cities .column {
    max-width: 48%;
    flex: 1 0 48%;
}

.footer .cities .all-cities {
    padding-bottom: 2rem;
    text-align: right;
    padding-top: 1rem;
}

.footer .cities a {
    display: block;
    color: #888a8d;
    cursor: pointer;
    font-size: 1.2rem;
}

.footer .cities a:hover {
    color: #0D2D32;
}

/*==========================COMMON===============================*/

.textarea-wrapper {
    position: relative;
}

.textarea-wrapper > span {
    font-size: 1.2rem;
    position: absolute;
    bottom: 2.5rem;
    left: .7rem;
    display: none;
}

.kcalmar-app-info {
    padding-top: 5rem;
    padding-bottom: 5rem;
    /*margin-bottom: 3rem;*/
    background: #0D2D32;
    background-position: 38%;
    text-align: center;
    font-family: 'Montserrat-Light';
    position: relative;
}

.kcalmar-white-app-info {
    background-image: url(../img/new_front/fruits-transparent.png);
    background-color: #f9f9f9;
    background-repeat: repeat;
    padding-top: 3rem;
}

.kcalmar-white-app-info .title,
.kcalmar-white-app-info .kcalmar-info-container,
.kcalmar-app-info .title,
.kcalmar-app-info .kcalmar-info-container {
    margin: 2rem 0rem 2rem 0rem;
}

.kcalmar-white-app-info .kcalmar-info-container.with-icon.phone {
    padding-top: 10rem;
    margin-top: 6rem;
    background-size: 5rem;
    background-position: 50% 0%;
    background: url(../img/new_front/black_phone_icon.png) no-repeat center top;
}

.kcalmar-app-info .kcalmar-info-container.with-icon.phone {
    padding-top: 10rem;
    margin-top: 6rem;
    background-position: 50% 0%;
    background: url(../img/new_front/green_phone_icon.png) no-repeat center top;
    background-size: 8rem;
}

.kcalmar-white-app-info .kcalmar-info-container.with-icon.board {
    padding-top: 10rem;
    margin-top: 6rem;
    background-position: 50% 0%;
    background: url(../img/new_front/black_board_icon.png) no-repeat center top;
    background-size: 8rem;
}

.kcalmar-app-info .kcalmar-info-container.with-icon.board {
    padding-top: 10rem;
    margin-top: 6rem;
    background-position: 50% 0%;
    background: url(../img/new_front/green_board_icon.png) no-repeat center top;
    background-size: 8rem;
}

.kcalmar-white-app-info .kcalmar-info-container .small-semi-title,
.kcalmar-app-info .kcalmar-info-container .small-semi-title {
    margin: 1rem 0rem 1rem 0rem;
}

.kcalmar-white-app-info .kcalmar-info-container .small-semi-title.with-icon,
.kcalmar-app-info .kcalmar-info-container .small-semi-title.with-icon {
    /*padding-right: 2rem;*/
    margin-bottom: 0rem;
    padding-bottom: 1rem;
    /*background: url(../img/new_front/green_arrow.png) no-repeat;*/
    background-size: 3rem;
    background-position: 85%;
    margin-top: 2rem;
    max-width: 15rem;
    display: inline-block;
}

.kcalmar-white-app-info .kcalmar-info-container .arrow-container,
.kcalmar-app-info .kcalmar-info-container .arrow-container {
    display: inline-block;
    position: relative;
    top: 1.5rem;
    right: -2rem;
    display: none;
}

.kcalmar-white-app-info .kcalmar-info-container .arrow,
.kcalmar-app-info .kcalmar-info-container .arrow {
    /*display: inline-block;*/
    position: relative;
    top: 0px;
    width: 0;
    height: 0px;
    border-top: 9px solid transparent;
    border-right: 9px solid #00DD93;
    -webkit-transform: rotate(17deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
}

.kcalmar-white-app-info .kcalmar-info-container .arrow:after,
.kcalmar-app-info .kcalmar-info-container .arrow:after {
    content: "";
    position: absolute;
    border: 0 solid transparent;
    border-top: 3px solid #00DD93;
    border-radius: 20px 0 0 0;
    top: -27px;
    left: -47px;
    width: 27px;
    height: 86px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.kcalmar-white-app-info .kcalmar-info-container .store-icon,
.kcalmar-app-info .kcalmar-info-container .store-icon {
    width: 14rem;
    height: 4rem;
    display: inline-block;
    margin-top: 1rem;
}

.kcalmar-white-app-info .kcalmar-info-container .store-icon.play,
.kcalmar-app-info .kcalmar-info-container .store-icon.play {
    background: url(../img/new_front/play_store.png) no-repeat;
    background-size: 95%;
}

.kcalmar-white-app-info .kcalmar-info-container .store-icon.app,
.kcalmar-app-info .kcalmar-info-container .store-icon.app {
    background: url(../img/new_front/app_store.png) no-repeat;
    background-size: 80%;
}

.kcalmar-white-app-info .column.with-draw .draw {
    display: none;
}

.find-dietitian {
    font-family: 'Montserrat-Light';
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: url(../img/new_front/find_dietitian_bg.jpg) top center no-repeat;
}

.find-dietitian .find-dietitian-column {
    flex: 1 0 100%;
    flex-wrap: wrap;
}

.find-dietitian .title {
    word-break: break-word;
}

.find-dietitian .find-dietitian-column .with-icon-container {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    font-family: 'Lato';
}

.find-dietitian .find-dietitian-column .with-icon-container .with-icon {
    background: url(../img/new_front/green_checked_icon.png) center center no-repeat;
    background-size: 2rem;
    height: 2rem;
    width: 2rem;
    display: inline-block;
    position: relative;
    bottom: 2rem;
    margin-right: 0.5rem;
}

.find-dietitian .find-dietitian-column .with-icon-container .text-next-icon {
    display: inline-block;
    line-height: 110%;
    max-width: 80%;
    font-size: 1.3rem;
}

.find-dietitian .kcalmar-com-button {
    margin-top: 1rem;
}

.button-container {
    text-align: center;
    padding: 30px 0px;
}

.button-container-no-padding {
    text-align: center;
    margin-top: 2rem;
}

.background {
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 0.1rem solid #eeeeee;
}

.background .column-75 {
    margin-right: 0rem;
}

.background .column-25 {
    margin-left: 0rem;
}

.background-grey {
    background: #f9f9f9;
}

.order-visit {
    background-image: url(../img/new_front/fruits-transparent.png);
    background-color: #00DD93;
    background-repeat: repeat;
    min-height: 17rem;
    margin-left: 0rem;
    margin-bottom: 2rem;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    text-align: center;
}

.order-visit .big-semi-title {
    max-width: 25rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
    font-size: 2rem !important;
}

.order-visit .kcalmar-com-button {
    background: white;
    color: #00DD93;
    margin-bottom: 1rem;
    font-size: 1rem;
    margin-bottom: 2rem;
    min-width: 20rem;
}

.algoritm {
    background: url(../img/new_front/algoritm.jpg) center center;
    background-size: 110%;
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-top: 3rem;
}

.algoritm .description-column {
    margin: auto;
    position: relative;
}

.algoritm .algoritm-content {
    top: 50%;
    left: 50%;
    /*position: absolute;
    transform: translateX(-50%) translateY(-50%);*/
    min-width: 100%;
}

.algoritm .algoritm-title {
    font-size: 4rem;
    font-family: 'Montserrat-Light';
    line-height: 100%;
    margin-bottom: 3rem;
}

.algoritm .dietitian-name {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.algoritm .spec-container {
    max-width: 15rem;
    margin: auto;
}

.algoritm .spec-container .description {
    overflow-wrap: normal;
    text-align: left;
}

.algoritm .small-semi-title {
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    font-family: 'Lato';
}

.algoritm .feature-container {
    display: flex;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.algoritm .feature-container .algoritm-icon {
    background: url(../img/new_front/medal-icon.png) no-repeat;
    background-size: 100%;
    height: 3rem;
    width: 3rem;
    float: left;
}

.algoritm .dietitian-algoritm {
    text-align: center;
    margin-top: 4rem;
}

.algoritm .dietitian-algoritm .avatar {
    background: url(../img/new_front/anonim.png) no-repeat;
    background-size: 100%;
    height: 7rem;
    width: 7rem;
    margin: auto;
    border-radius: 10rem;
    margin-bottom: 2rem;
}

.algoritm .dietitian-algoritm .stats {
    display: flex;
    margin: auto;
    width: 28rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.algoritm .dietitian-algoritm .stats div {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.algoritm .dietitian-algoritm .stats .ratio {
    width: 6rem;
    height: 2.5rem;
    background-color: #FE531B;
    border-radius: 4rem;
    color: white;
    font-weight: 700;
    font-size: 1.3rem;
    text-decoration: underline;
    text-align: center;
}

.algoritm .dietitian-algoritm .stats .description {
    text-decoration: underline;
    font-size: 1.5rem;
}

.algoritm .dietitian-algoritm .stats .add-opinion {
    text-decoration: underline;
    color: #FE531B;
}

.overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.91);
    position: fixed;
    z-index: 999;
    top: 0rem;
    left: 0rem;
}

.overlay.open {
    display: block;
}

.blocking-modal {
    z-index: 999;
    position: fixed;
    opacity: 1;
    transform: scaleX(1);
    top: 10%;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 55%;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity;
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.3);
}
.blocking-modal .modal-content{
    padding: 24px;
}
.blocking-modal .modal-content .h4 {
    font-size: 3.5rem;
    color: rgba(0,0,0,0.87);
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 110%;
}
.blocking-modal .modal-footer {
    border-radius: 0 0 2px 2px;
    background-color: #fafafa;
    padding: 4px 6px;
    height: 56px;
    width: 100%;
}
.blocking-modal .modal-footer .btn-flat {
    float: right;
    margin: 6px 0;
    box-shadow: none;
    background-color: transparent;
    color: #343434;
    cursor: pointer;
    transition: background-color .2s;
    outline: 0;
    border: none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}
.blocking-modal .modal-footer .btn-pink {
    color: #fff;
    background-color: #e52a65;
    cursor: pointer;
}
.blocking-modal .modal-footer .waves-effect {
    position: relative;
    display: inline-block;
    overflow: hidden;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: .3s ease-out;
}

.modal-visit {
    display: none;
    position: fixed;
    top: 0rem;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    min-height: 100%;
    width: 100%;
    max-width: 111rem;
    margin-top: 0rem;
    z-index: 999;
    align-items: stretch;
    /*background: white;*/
}

.modal-visit > .container {
    background: white;
}

.modal-visit.open {
    display: block;
}

.modal-visit .container {
    margin-top: 0rem;
    padding: 0rem;
    height: 100%;
}

.modal-visit .row {
    margin-left: 0rem;
    width: 100%;
}

.modal-visit .close {
    background: white;
    padding-bottom: 0rem;
    padding-top: 0rem;
    text-align: right;
    position: fixed;
    top: 0rem;
    z-index: 999;
}

.modal-visit .close .x-close {
    margin-right: 1rem;
    /*box-shadow: 0 0 0.1rem 0.1rem #d2d2d2;*/
    background: #eee;
    border-radius: 5.5rem;
    height: 2.5rem;
    width: 2.5rem;
    font-size: 1.5rem;
    text-align: center;
    vertical-align: middle;
    transition: all .3s ease-out;
    margin-left: auto;
    color: #616161;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.modal-visit .close .x-close:hover {
    background: #00DD9E;
    color: white;
    cursor: pointer;
}

.modal-visit .step-row {
    position: relative;
    top: 4rem;
    z-index: 999;
    background: white;
}

.modal-visit .steps {
    height: calc(100% - 17rem);
    overflow-y: scroll;
    overflow-x: hidden;
    padding-top: 4rem;
}

.modal-visit .container .step-row div {
    height: 4rem;
    padding-top: 0.7rem;
    text-align: center;
    font-size: 1.6rem;
    font-family: 'Lato';
    font-weight: bold;
    border-right: 0.1rem solid #eee;
    border-top: 0.1rem solid #eee;
}

.modal-visit .container .step-row div.enabled:hover {
    cursor: pointer;
}

.modal-visit .container .step-row div.last {
    border-bottom: 0.1rem solid #eee;
}

.modal-visit .container .step-row div.active {
    background: url(../img/new_front/fruits-transparent.png);
    background-color: #00DD93;
    color: white;
    border-right: 0;
}

.modal-visit .container .calendar-step {
    background: white;
    padding: 0rem 3rem;
}

.modal-visit .container .calendar-step .big-semi-title {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.modal-visit .container .calendar-step .visit-table {
    font-size: 1.4rem;
    color: black;
}

.modal-visit .container .calendar-step .visit-table .day {
    text-align: center;
    padding: 0rem;
    margin: 2rem 5%;
    width: 90%;
}

.modal-visit .container .calendar-step .visit-table .day .column-content {
    border-left: 0.1rem solid #e0e0e0;
    border-bottom: 0.1rem solid #e0e0e0;
    border-right: 0.1rem solid #e0e0e0;
}

.modal-visit .container .calendar-step .visit-table .day.last .column-content {
    border-right: 0.1rem solid #e0e0e0;
}

.modal-visit .container .calendar-step .visit-table .day .day-name {
    border-bottom: 0.1rem solid #eee;
}

.modal-visit .container .calendar-step .visit-table .day .day-name span {
    font-size: 1.2rem;
}

.modal-visit .container .calendar-step .visit-table .day .box {
    height: 8rem;
    position: relative;
    background: #f3f3f3;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.modal-visit .container .calendar-step .visit-table .day .box.hours {
    background: white;
    border-bottom: 0.1rem solid #e0e0e0;
}

.modal-visit .container .calendar-step .visit-table .day .box.hours.checked {
    background: #0570E9 !important;
    color: white !important;
    cursor: pointer;
}

.modal-visit .container .calendar-step .visit-table .day .box.hours.checked .begin,
.modal-visit .container .calendar-step .visit-table .day .box.hours.checked .end {
    color: white !important;
}

.modal-visit .container .calendar-step .visit-table .day .box.hours.last {
    border-bottom: 0rem;
}

.modal-visit .container .calendar-step .visit-table .day .box.hours.active {
    background: #00DD93;
    color: white;
}

.modal-visit .container .calendar-step .visit-table .day .box.hours .begin {
    position: absolute;
    top: 0rem;
    left: 0.5rem;
    font-size: 1.1rem;
    color: #7e7e7e;
}

.modal-visit .container .calendar-step .visit-table .day .box.hours .end {
    position: absolute;
    bottom: 0rem;
    left: 0.5rem;
    font-size: 1.1rem;
    display: none;
    color: #7e7e7e;
}

.modal-visit .container .calendar-step .visit-table .day .box.hours.last .end {
    display: block;
}

.modal-visit .container .calendar-step .visit-table .day .box.hours .time-of-day {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.modal-visit .container .calendar-step .button-container {
    padding-top: 1rem;
    padding-bottom: 0rem;
    right: 0rem;
}

.modal-visit .container .login-step {
    display: none;
    background-color: white;
}

.modal-visit .container .login-step .semi-title {
    margin-bottom: 1rem;
}

.modal-visit .container .login-step > .row > .column {
    padding: 2rem;
}

.modal-visit .container .login-step > .row > .column-login {
    text-align: center;
}

.modal-visit .container .login-step .small-semi-title {
    font-size: 2.0rem;
    text-align: center;
    margin-top: 12rem;
}

.modal-visit .container .fieldWrapper {
    margin-bottom: 1rem;
}

.modal-visit .container .login-step input {
    border-radius: 2rem;
    border: 0.1rem solid #eee;
    padding: 1rem 0rem 1rem 1rem;
    margin-bottom: 0.5rem;
}

.modal-visit .logged,
.modal-visit .disabled {
    opacity: 0.3;
    pointer-events: none;
}

.modal-visit .step-row .logged,
.modal-visit .step-row .disabled {
    opacity: 1;
    color: #eee;
}

.modal-visit .container .login-step ul {
    list-style: none;
    font-size: 1.2rem;
    font-family: 'Lato';
    color: #d00;
    margin-top: 0rem;
    margin-bottom: 0rem;
}

.modal-visit .container .login-step ul.errorlist.nonfield {
    /*margin-top: 2rem;*/
    margin-bottom: 1rem;
}

.modal-visit .container .login-step .kcalmar-com-button {
    margin-top: 2rem;
}

.modal-visit .container .login-step .button-container .kcalmar-com-button {
    margin-top: 0.5rem;
    position: relative;
    right: 3rem;
}

.modal-visit .container .login-step .return {
    position: relative;
    right: 3rem;
}

.modal-visit .container .login-step a.kcalmar-com-button {
    margin-top: 2rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    height: 3.8rem;
    letter-spacing: .1rem;
    line-height: 3.8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.modal-visit .summary-step {
    background: white;
    display: none;
}

.modal-visit .summary-step .dietitian-visit {
    text-align: left;
    font-size: 1.5rem;
    margin: 1rem;
    padding: 1rem;
    border: 0.1rem solid #eee;
}

.modal-visit .summary-step .dietitian-visit .avatar {
    background: url(../img/new_front/anonim.png) center center no-repeat;
    display: inline-block;
    height: 6rem;
    width: 6rem;
    border-radius: 10rem;
    background-size: 10rem;
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 0.5rem;
    box-shadow: 0 0 2rem 0.1rem #eee;
}

.modal-visit .summary-step .dietitian-visit .spec-container {
    margin-left: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.modal-visit .summary-step .dietitian-visit .spec-container .strong.grey.upper-letters {
    font-size: 1.2rem;
    font-family: 'Montserrat-Regular';
}

.modal-visit .summary-step .dietitian-visit .spec-container .spec {
    padding-left: 2.5rem;
    background: url(../img/new_front/green_book_icon.png) no-repeat;
    background-size: 2rem;
    background-position: 0rem;
    margin-top: 0.2rem;
}

.modal-visit .summary-step .dietitian-visit .kcalmar-com-button {
    min-width: 10rem;
    font-size: 1rem;
}

.modal-visit .summary-step .dietitian-visit .author-container {
    display: inline-block;
    position: relative;
    bottom: 1.5rem;
}

.modal-visit .summary-step .dietitian-visit .author-container .strong.grey.upper-letters {
    font-size: 1.3rem;
    font-family: 'Montserrat-Regular';
}

.modal-visit .summary-step .summary-content {
    padding: 2rem;
}

.modal-visit .summary-step .summary-content .visit-term {
    margin-bottom: 2rem;
    margin-top: 1rem;
    /*padding: 1rem 0rem;*/
}

.modal-visit .summary-step .summary-content .small-semi-title.main {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.modal-visit .summary-step .summary-content .message {
    height: 20rem;
}

.modal-visit .summary-step .summary-content .message:focus {
    outline: none;
    border-color: #00dd93;
}

.modal-visit .container .summary-step .kcalmar-com-button {
    margin-top: 2rem;
}

.modal-visit .container .summary-step .button-container .kcalmar-com-button {
    margin-top: 0.5rem;
    margin-right: 10%;
    position: relative;
    right: 3rem;
}

.modal-visit .container .summary-step .return {
    position: relative;
    right: 3rem;
}

.modal-visit .button-container {
    background: white;
    padding-top: 0.7rem;
    border-top: 0.1rem solid#eee;
    position: fixed;
    bottom: 0rem;
    width: calc(100% + 6rem);
}

.modal-visit .button-container .return {
    display: inline-block;
    color: #00DD93;
    font-family: 'Montserrat-Regular';
    margin-right: 2rem;
    font-size: 1.4rem;
    cursor: pointer;
}

.modal-visit .button-container .kcalmar-com-button {
    min-width: 14rem;
    position: relative;
    left: 3rem;
}

#toast {
    width: 25rem;
    height: auto;
    position: fixed;
    left: 40%;
    margin-left: -10rem;
    bottom: -10rem;
    background-color: #383838;
    color: #F0F0F0;
    font-family: 'Lato';
    font-size: 1.5rem;
    padding: 1rem;
    text-align: center;
    border-radius: 0.2rem;
    z-index: 9999;
    -webkit-box-shadow: 0rem 0rem 2.4rem -0.1rem rgba(56, 56, 56, 1);
    -moz-box-shadow: 0rem 0rem 2.4rem -0.1rem rgba(56, 56, 56, 1);
    box-shadow: 0rem 0rem 2.4rem -0.1rem rgba(56, 56, 56, 1);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/*===========================HOME=====================================*/

.header .nav.home {
    position: fixed;
    width: 100%;
    top: 0rem;
    z-index: 999;
    border-bottom: 0.1rem solid rgba(64, 64, 64, 0.3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.header.home {
    background-color: #0d2d32;
    padding-top: 5rem;
}

.header .home-lower-header {
    text-align: center;
}

.header .home-lower-header .home-lower-header-title {
    color: #fff;
    font-weight: 500;
    font-size: 6rem;
    line-height: 110%;
    margin-top: 6rem;
}

.header .home-lower-header .home-lower-header-description {
    color: #fff;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.header .home-lower-header #home-what-city-container,
.header .home-lower-header #home-what-spec-container {
    margin-bottom: 1rem;
}

/*.header .home-lower-header .image{
    height: 16rem;
	background: url(../img/ii_rajd_img.jpg) center center no-repeat;
	background-size: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2rem;
	margin-bottom: 1rem;
	position: relative;
}
.header .home-lower-header .image .tab{
	width: 90%;
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(5, 22, 29, 0.77);
    text-align: left;
    font-size: 1.5rem;
}
.header .home-lower-header .image .avatar{
	background: url(../img/new_front/anonim.png) center center no-repeat;
    display: inline-block;
    height: 4rem;
    width: 4rem;
    border-radius: 10rem;
    background-size: 10rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0.5rem;
}
.header .home-lower-header .image .author-container{
	display: inline-block;
}*/

.header .home-lower-header .random-dietitian-row {
    flex-wrap: wrap;
}

.header .home-lower-header .random-dietitian {
    max-width: 22rem;
    flex: 1 0 22rem;
    margin: 0px auto;
    position: relative;
}

.header .home-lower-header .random-dietitian .is_certificated_by_iez {
    background: url(../img/new_front/medal.png) top center;
    height: 7.5rem;
    width: 6rem;
    background-size: 100%;
    position: absolute;
    z-index: 1;
    top: 0rem;
    right: -2.8rem;
}

.header .home-lower-header .image {
    height: 16rem;
    /*background: url(../img/new_front/anonim.png) center center no-repeat;*/
    /*background-size: 180%;*/
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 1rem;
    position: relative;
}

.header .home-lower-header .image {
    height: 16rem;
    /*background: url(../img/new_front/anonim.png) center center no-repeat;*/
    /*background-size: 180%;*/
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 1rem;
    position: relative;
}

.header .home-lower-header .image {
    background-image: url(../img/anonim.svg);
    background-position: top center;
    background-color: #fff;
    height: 20rem;
    width: 20rem;
    background-size: 100%;
}

.header .home-lower-header .random-dietitian:hover {
    cursor: pointer;
}

.header .home-lower-header .random-dietitian:hover .image {
    box-shadow: 0rem 0rem 2rem 0.1rem #626262;
}

.header .home-lower-header .image + .green.strong {
    font-size: 1.3rem;
    margin-bottom: 2rem;
}

.header .home-lower-header .image .tab {
    width: 100%;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(5, 22, 29, 0.77);
    text-align: center;
    font-size: 1.5rem;
}

.header .home-lower-header .image .avatar {
    display: none;
}

.header .home-lower-header .image .author-container {
    display: inline-block;
}

.content .why-home {
    background-color: #0D2D32;
    text-align: center;
    padding-top: 10rem;
    padding-bottom: 5rem;
}

.content .why-home .column {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.content .why-home .why-home-title {
    font-size: 3rem;
}

.content .why-home .why-home-description {
    font-size: 1.4rem;
    font-weight: 400;
}

.content .answer-home {
    background-color: #0D2D32;
}

.content .answer-home .column {
    text-align: center;
    margin-bottom: 5rem;
}

.content .answer-home .column.peach {
    background: url(../img/new_front/peach.png) center no-repeat;
    display: none;
}

.content .answer-home .column .answer-example-title {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 500;
}

.content .answer-home .column .answer-example-lower-title {
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

.content .answer-home .column .double-element {
    margin-top: 2rem;
    margin-bottom: 2rem;
    overflow: hidden;
}

.content .answer-home .column .double-element.green-medal {
    background: url(../img/new_front/green_medal_icon.png);
    background-size: 2.5rem;
    background-repeat: no-repeat;
}

.content .answer-home .column .double-element.green-timer {
    background: url(../img/new_front/green_timer_icon.png);
    background-size: 2.5rem;
    background-repeat: no-repeat;
}

.content .answer-home .column .double-element.green-book {
    background: url(../img/new_front/green_book_icon.png);
    background-size: 2.5rem;
    background-repeat: no-repeat;
}

.content .answer-home .column .double-element.white-medal {
    background: url(../img/new_front/white_medal_icon.png);
    background-size: 2.5rem;
    background-repeat: no-repeat;
}

.content .answer-home .column .double-element.white-timer {
    background: url(../img/new_front/white_timer_icon.png);
    background-size: 2.5rem;
    background-repeat: no-repeat;
}

.content .answer-home .column .double-element.white-book {
    background: url(../img/new_front/white_book_icon.png);
    background-size: 2.5rem;
    background-repeat: no-repeat;
}

.content .answer-home .column.first .double-element {
    text-align: left;
    padding-left: 5rem;
    background-position: 0rem;
}

.content .answer-home .column.last .double-element {
    text-align: right;
    padding-right: 5rem;
    background-position: right center;
}

.content .answer-home .column .double-element .answer-example-semi-title {
    font-weight: 400;
}

.content .statistic {
    background-color: #0D2D32;
    text-align: center;
    padding-bottom: 15rem;
    padding-top: 2rem;
}

.content .statistic .row,
.content .statistic-example-container .row {
    margin-bottom: 1rem;
}

.content .statistic-example-container {
    text-align: center;
    position: relative;
    top: -15rem;
    margin-bottom: -14rem;
}

.content .statistic-example-container .statistic-examples {
    box-shadow: 0rem 0rem 0.5rem 0.1rem #989898;
    background: white;
}

.content .statistic-example-container .statistic-examples .dietitian-tag-circle-wrapper {
    width: 12rem;
    height: 12rem;
    position: relative;
    margin: auto;
    margin-bottom: 1rem;
}

.content .statistic-example-container .statistic-examples .dietitian-tag-circle-wrapper.ok-icon {
    background: url(../img/new_front/grey_ok_icon.png) no-repeat center center;
    background-size: 60%;
}

.content .statistic-example-container .statistic-examples .dietitian-tag-circle-wrapper.ppm-icon {
    background: url(../img/new_front/grey_ppm_icon.png) no-repeat center center;
    background-size: 60%;
}

.content .statistic-example-container .statistic-examples .dietitian-tag-circle-wrapper.book-icon {
    background: url(../img/new_front/grey_book_icon.png) no-repeat center center;
    background-size: 47%;
}

.content .statistic-example-container .dietitian-tag-circle-wrapper .circle-info {
    position: absolute;
    font-family: 'Montserrat-Light';
    font-size: 3rem;
    top: 95%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content .statistic-example-container .dietitian-tag-circle-wrapper .circle-grey {
    width: 12rem;
    height: 12rem;
    border: 0.4rem solid #bababa;
    border-radius: 11rem;
    position: absolute;
    clip: rect(0rem, 12rem, 10rem, 0rem);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content .statistic-example-container .dietitian-tag-circle-wrapper .circle-green {
    width: 12rem;
    height: 12rem;
    border: 0.4rem solid #00DD93;
    border-radius: 10rem;
    position: absolute;
    clip: rect(0rem, 6rem, 10rem, 0rem);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.content .statistic-example-container .statistic-examples .column {
    /*background: url(../img/new_front/stat-icon.png) no-repeat center top;*/
    background-size: 60%;
    /*padding-top: 12rem;*/
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.content .statistic-example-container .kcalmar-com-button {
    margin-top: 2rem;
    margin-bottom: 5rem;
}

.content .recommended-articles {
    background: white
    padding-top: 2rem;
    padding-bottom: 5rem;
}

.content .recommended-articles .column.upper-column {
    margin-bottom: 2rem;
}

.content .recommended-articles .select-container {
    width: 20rem;
    margin: auto;
    margin-top: 2rem;
}

.content .recommended-articles > .container > .row .column > .title {
    text-align: center;
}

.content .recommended-articles .article-categories {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 20rem;
}

.content .recommended-articles .row {
    /*margin-bottom: 0.25rem;*/
}

.content .recommended-articles .upper.row {
    display: none;
}

.content .recommended-articles .upper.row > .column:hover,
.content .recommended-articles .small-article:hover {
    box-shadow: 0rem 0rem 1rem 0.1rem #eee;
    cursor: pointer;
    opacity: 0.8;
}

.content .recommended-articles .column {
    padding: 0 0;
    /*margin: 0 0.25rem;*/
}

.content .recommended-articles .column.small-article {
    padding-right: 0.25rem;
}

.content .recommended-articles .column.small-article .small-semi-title {
    margin-top: 1rem;
    min-height: 5.4rem;
}

.content .recommended-articles .column .article-category {
    background: rgba(0, 0, 0, 0.5);
    width: 10rem;
    text-align: center;
    border-radius: 6rem;
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
}

.content .recommended-articles .column .author-container .name {
    margin-top: 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.content .recommended-articles .column .author-container .role {
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #b1b1b1;
}

.content .recommended-articles .column-fixed .article-tab, .content .recommended-articles .column .article-tab {
    background: rgba(5, 22, 29, 0.7);
}

.content .recommended-articles .column .article-tab .author-container .avatar {
    background: url(../img/new_front/anonim.png) center no-repeat;
    background-size: 4rem;
    width: 4rem;
    height: 4rem;
    float: left;
    margin-right: 0.5rem;
    border-radius: 4rem;
}

.content .recommended-articles .column .article-tab .author-container .name {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: none;
}

.content .recommended-articles .column .article-tab .author-container .role {
    font-size: 1rem;
    font-family: 'Montserrat-Regular';
    font-weight: 700;
}

.content .recommended-articles .column .big-semi-title {
    font-size: 2.5rem;
    line-height: 100%;
    font-weight: 500;
    margin-top: 5rem;
    margin-bottom: 1rem;
    /*word-break: break-all;*/
}

.content .recommended-articles .column .short-content {
    margin-bottom: 3rem;
}

.content .recommended-articles .column .medium-semi-title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 100%;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.content .recommended-articles .column .small-semi-title {
    font-size: 1.7rem;
    font-weight: 400;
}

.content .recommended-articles .big-article {
    height: 50rem;
}

.content .recommended-articles .big-article .article-tab {
    height: 50rem;
    margin-left: 1rem;
    padding: 1rem;
}

.content .recommended-articles .big-article .category-container {
    min-height: 8rem;
}

.content .recommended-articles .medium-article {
    position: relative;
}

.content .recommended-articles .medium-article .article-tab {
    position: absolute;
    bottom: 0rem;
    padding: 1rem;
}

.content .recommended-articles .img-article {
    height: 15rem;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    /*margin-top: 0.5rem;*/
}

.content .top-dietitian {
    text-align: center;
    padding-top: 2rem;
    /*padding-bottom: 5rem;*/
}

.content .top-dietitian .select-spec-container {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

.content .top-dietitian .tag-choose-container .description {
    display: inline-block;
    margin-right: 2rem;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Montserrat-Regular';
}

.content .top-dietitian .tag-choose-container .select {
    display: inline-block;
    width: 20rem;
}

.content .top-dietitian .dietitian-card-row {
    flex-wrap: wrap;
}

.content .top-dietitian .dietitian-card {
    background-color: white;
    box-shadow: 0 0.1rem 0.2rem 0rem #7c7c7c;
    margin-top: 1rem;
    flex: 1 0 100%;
    position: relative;
}

.content .top-dietitian .dietitian-card .is_certificated_by_iez {
    background: url(../img/new_front/medal.png) top center;
    height: 7.4rem;
    width: 6rem;
    background-size: 100%;
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0.5rem;
}

.content .top-dietitian .dietitian-card:hover {
    box-shadow: 0 0.1rem 2rem 0rem #7c7c7c;
}

.content .top-dietitian .dietitian-card .dietitian-avatar {
    width: 20rem;
    height: 20rem;
    border-radius: 40rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
}

.content .top-dietitian .dietitian-card .dietitian-avatar.empty {
    width: 20rem;
    height: 20rem;
    background-image: url(../img/anonim.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 100%;
    border-radius: 40rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
}

.content .top-dietitian .dietitian-card .dietitian-avatar .dietitian-ratio {
    position: absolute;
    padding: 1rem;
    bottom: -1.5rem;
    background-color: #FE531B;
    border-radius: 4rem;
    color: white;
    font-weight: 500;
    font-size: 1.1rem;
    text-decoration: underline;
    left: 50%;
    transform: translateX(-50%);
}

.content .top-dietitian .dietitian-card .dietitian-name-city-wrapper {
    min-height: 7rem;
}

.content .top-dietitian .dietitian-card .dietitian-name {
    font-size: 2rem;
    line-height: 120%;
}

.content .top-dietitian .dietitian-card .dietitian-city {
    font-size: 1.3rem;
    color: #b4bbc1;
    text-transform: uppercase;
    font-weight: 500;
}

.content .top-dietitian .dietitian-card .dietitian-logo-container {
    display: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.content .top-dietitian .dietitian-card .dietitian-logo-container .dietitian-logo {
    margin: auto;
    height: 2rem;
    width: 10rem;
    background-color: black;
    border-radius: 4rem;
}

.content .top-dietitian .dietitian-card .dietitian-tag-container {
    display: flex;
    margin-top: 2rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 27rem;
}

.content .top-dietitian .dietitian-card .dietitian-tag-container .dietitian-tag-column {
    margin: auto;
    width: 9rem;
}

.content .top-dietitian .dietitian-card .dietitian-tag-container .dietitian-tag-column .dietitian-tag-logo {
    background: url(../img/new_front/tag_icon.png) no-repeat top center;
    width: 4rem;
    height: 4rem;
    border-radius: 40rem;
    margin: auto;
}

.content .top-dietitian .dietitian-card .dietitian-tag-container .dietitian-tag-column .dietitian-tag-name {
    font-size: 1.2rem;
    min-height: 4rem;
}

.content .top-dietitian .dietitian-card .kcalmar-com-button {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 22.1rem;
}

.diet-kind {
    text-align: center;
    padding-top: 5rem;
    padding-bottom: 2rem;
}

.diet-kind .diet-kind-row {
    margin-top: 2rem;
}

.diet-kind .diet-kind-row .diet-card {
    background: url(../img/new_front/diet_bg.jpg) center top no-repeat;
    text-align: center;
    height: 19rem;
    position: relative;
    margin: 0 0 1rem 0;
    padding: 0;
}

.diet-kind .diet-kind-row .diet-card.d-w {
    background: url(../img/new_front//diets/w.jpg) center top no-repeat;
}

.diet-kind .diet-kind-row .diet-card.d-wr {
    background: url(../img/new_front//diets/wr.jpg) center top no-repeat;
}

.diet-kind .diet-kind-row .diet-card.d-pj {
    background: url(../img/new_front//diets/pj.jpg) center top no-repeat;
}

.diet-kind .diet-kind-row .diet-card.d-o {
    background: url(../img/new_front//diets/o.jpg) center top no-repeat;
}

.diet-kind .diet-kind-row .diet-card.d-h {
    background: url(../img/new_front//diets/h.jpg) center top no-repeat;
}

.diet-kind .diet-kind-row .diet-card.d-bg {
    background: url(../img/new_front//diets/bg.jpg) center top no-repeat;
}

.diet-kind .diet-kind-row .diet-card .big-semi-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 2rem;
    width: 25rem;
}

.diet-kind .diet-kind-row .diet-card:hover .big-semi-title {
    display: none;
}

.diet-kind .diet-kind-row .diet-card .hidden-info {
    padding: 2rem;
    background-color: rgba(5, 22, 29, 0.78);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0rem 2rem 6rem 0rem #6e6e6e;
}

.diet-kind .diet-kind-row .diet-card:hover .hidden-info {
    height: 19rem;
    visibility: visible;
    opacity: 1;
}

.diet-kind .diet-kind-row .diet-card .hidden-info .row {
    flex-direction: row;
}

.diet-kind .diet-kind-row .diet-card .hidden-info .hidden-info-column {
    /*margin-bottom: 2rem;
	margin-top: 1rem;*/
    margin-bottom: 3rem;
    margin-top: 2rem;
}

.diet-kind .diet-kind-row .diet-card .hidden-info .hidden-info-logo {
    background: white;
    width: 2rem;
    /* height: 4rem; */
    margin: auto;
}

.diet-kind .diet-kind-row .diet-card .hidden-info .hidden-info-count {
    font-weight: 500;
    font-size: 1.7rem;
}

.diet-kind .diet-kind-row .diet-card .hidden-info .hidden-info-description {
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
}

.diet-kind .diet-kind-row .diet-card .hidden-info a,
.diet-kind .diet-kind-row .diet-card .hidden-info .kcalmar-com-button {
    margin: auto;
    max-width: 22rem;
}

.check-bmi {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background: #0D2D32;
}

.check-bmi .column-bmi {
    max-width: 100%;
    flex: 1 0 100%;
}

.check-bmi .column-bmi .column {
    color: white;
}

.check-bmi .column-bmi .description {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.check-bmi .column-bmi #id_sex {
    display: block;
    border-width: 0 0 0.1rem 0rem;
    border-radius: 0rem;
    color: white;
    border-color: rgba(255, 255, 255, 0.52);
    background: url(../img/new_front/arrow-down.png) no-repeat;
    background-position: 100% 50%;
    background-size: 2rem;
}

.check-bmi .column-bmi #id_sex option {
    background-color: #0D2D32;
    border: 4px solid;
}

.check-bmi .column-bmi label {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: 400;
}

.check-bmi .column-bmi input {
    color: white;
    border: 0rem;
    border-radius: 0rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.52);
}

.check-bmi .column-bmi .kcalmar-com-button {
    margin-top: 2rem;
    display: block;
}

.ask-dietitian {
    padding-top: 5rem;
    padding-bottom: 6rem;
}

.ask-dietitian .disabled {
    opacity: 0.2;
}

.ask-dietitian .title {
    margin-bottom: 4rem;
    text-align: right;
}

.ask-dietitian .questions {
    max-width: 100%;
    flex: 1 1 100%;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

.ask-dietitian .question {
    border: 0.1rem solid #eee;
    padding-left: 2rem;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
    height: 100%;
}

.ask-dietitian .question a:hover {
    cursor: pointer;
    text-decoration: underline;
}

.ask-dietitian .question .patient-avatar {
    background: url(../img/new_front/anonim.png) no-repeat center center;
    width: 8rem;
    height: 8rem;
    background-size: 110%;
    border-radius: 6rem;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
    display: inline-block;
    float: left;
    margin-right: 2rem;
}

.ask-dietitian .question .medium-semi-title {
    margin-bottom: 2rem;
}

.ask-dietitian .answer {
    padding: 2rem;
    border: 0.1rem solid #eeeeee;
}

.ask-dietitian .answer a {
    color: #e91f5e;
}

.ask-dietitian .answer a:hover {
    text-decoration: underline;
}

.ask-dietitian .answer .row.content {
    flex-wrap: wrap;
}

.ask-dietitian .answer .column.avatar-column .avatar {
    width: 8rem;
    height: 8rem;
    background: url(../img/new_front/anonim.png) center top no-repeat;
    background-size: 111%;
    border-radius: 40rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5rem;
    position: relative;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
}

.ask-dietitian .answer .column.avatar-column .avatar.ml {
    background: url(../img/about_ml.jpg) center top no-repeat;
    background-size: 100%;
}

.ask-dietitian .answer .column.avatar-column .name {
    text-align: center;
    font-size: 14px;
}

.ask-dietitian .answer .column.avatar-column .ratio {
    position: absolute;
    width: 6rem;
    height: 2.5rem;
    bottom: -0.5rem;
    background-color: #FE531B;
    border-radius: 4rem;
    color: white;
    font-weight: 700;
    font-size: 1.3rem;
    text-decoration: underline;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.ask-dietitian .answer .column.column-name {
    text-align: center;
    margin-bottom: 2rem !important;
}

.ask-dietitian .answer .row.footer {
    flex-wrap: wrap;
}

.ask-dietitian .answer .row.content .avatar-column,
.ask-dietitian .answer .row.footer .column-name {
    flex: 1 1 15rem;
    width: 15rem;
}

.ask-dietitian .answer .row.footer .column-name .name {
    line-height: 120%;
}

.ask-dietitian .answer .row.content .description-content-column {
    flex: 1 1 calc(100% - 23rem);
    width: calc(100% - 23rem);
    padding: 0rem 1rem;
}

.ask-dietitian .answer .row.footer .description-footer-column {
    flex: 1 1 80%;
    width: 80%;
    position: relative;
}

.ask-dietitian .answer .row.footer .description-footer-column .small-semi-title.black.strong.upper-letters {
    margin-bottom: 0.4rem;
    font-size: 1.1rem;
    font-family: 'Montserrat-Regular';
}

.ask-dietitian .answer .row.footer .description-footer-column .button-column {
    text-align: center;
}

.ask-dietitian .answer .row.footer .description-footer-column .kcalmar-com-button {
    min-width: 1rem;
    margin-left: auto;
    margin-right: 0rem;
}

/*.ask-dietitian .article{
	background: url(../img/new_front/article.jpg) no-repeat center;
	padding: 0rem;
	position: relative;
	display: none;
}
.ask-dietitian .article .article-category{
    background: rgba(0, 0, 0, 0.5);
	width: 10rem;
	text-align: center;
	border-radius: 6rem;
	margin-top: 1rem;
	margin-left: 1rem;
	font-size: 1.2rem;
	font-weight: 500;
}
.ask-dietitian .article .article-tab{
	background: rgba(5, 22, 29, 0.7);
	position: absolute;
	bottom:0rem;
	padding: 2rem;
}
.ask-dietitian .micro-article{
	border-bottom: 1px solid;
	margin-bottom: 3rem;
}
.ask-dietitian .micro-article div{
	margin-bottom: 1rem;
}
.ask-dietitian .micro-article .description{
	white-space: nowrap;
    width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
}*/

.ask-dietitian .medium-semi-title {
    margin-bottom: 2rem;
}

.ask-dietitian .description {
    margin-bottom: 1rem;
}

.ask-dietitian .form {
    border-width: 0.1rem 0.1rem 0.1rem 0.1rem;
    border-radius: 0rem;
    border-style: solid;
    border-color: #eeeeee;
    padding: 2rem;
    max-width: 100%;
    flex: 1 0 100%;
    position: relative;
    background: white;
}

.ask-dietitian .form .info {
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    width: 28rem;
    color: #a3a3a3;
}

.ask-dietitian form label {
    font-weight: 400;
    font-size: 1.3rem;
}

.ask-dietitian .form textarea {
    height: 15rem;
    border: 0.1rem solid #eeeeee;
    border-radius: 0rem;
    resize: none;
}

.ask-dietitian .form textarea::placeholder {
    font-size: 1.5rem;
    color: #b9b9b9;
}

.media {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #f5f5f5;
}

.media .big-semi-title {
    width: 12rem;
}

.media .carousel-item {
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 140px;
    height: 140px;
    margin: 1%;
}

.media .carousel-item {
    margin: 0rem 1rem;
}

.media .carousel-item-1 {
    background-image: url(../img/new_front/vita.png);
}

.media .carousel-item-2 {
    background-image: url(../img/new_front/nowy_marketing.png);
}

.media .carousel-item-3 {
    background-image: url(../img/new_front/mam_startup.png);
}

.media .carousel-item-4 {
    background-image: url(../img/new_front/antyapps.png);
}

.media .carousel-item-5 {
    background-image: url(../img/new_front/mjakmama.png);
}

.media .carousel-item-6 {
    background-image: url(../img/new_front/feedback.png);
}

.media .carousel-item-7 {
    background-image: url(../img/new_front/innpoland.png);
}

.media .carousel-item-8 {
    background-image: url(../img/new_front/puls-biznesu-logo.png);
}

.slim-home {
    padding-top: 7rem;
    padding-bottom: 7rem;
    background: url(../img/new_front/kcalmar-slimg-bg.jpg);
    background-position: 38%;
    text-align: center;
}

.slim-home .title {
    padding-bottom: 3rem;
}

.slim-home .description {
    padding-bottom: 3rem;
}

/*===========================DIET AND FIND DIETITIAN=====================================*/

.navigation-section {
    padding-top: 8rem;
    border-bottom: 0.1rem solid #eeeeee;
}

.navigation-section .kcalmar-com-button {
    min-width: 10rem;
    min-width: 10rem;
    width: 100%;
}

.navigation-section .navigation {
    font-weight: 400;
    font-family: 'Montserrat-Light';
    display: none;
    font-size: 1.3rem;
}

.navigation-section .navigation a {
    color: #827e7e;
}

.navigation-section .navigation .green {
    color: #00dd93 !important;
}

.navigation-section .title.black {
    margin-top: 1rem;
    margin-bottom: 1rem;
    word-break: break-word;
    max-width: 80rem;
}

.turn-off-notifcations {
    padding: 50px 0;
    display: block;
}

.turn-off-notifcations .content {
    margin-bottom: 5px;
}

.turn-off-notifcations .kcalmar-greetings {
    margin-top: 10px;
}

.navigation-section .search {
    width: 100%;
}

.navigation-section .search-diet-container {
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.diet-menu {
    padding-top: 2rem;
    padding-bottom: 3rem;
    background: #f9f9f9;
}

.diet-menu .large-diet {
    flex: 1 0 auto;
    height: 51rem;
    background: url(../img/new_front/article.jpg) center top no-repeat;
    background-size: 215%;
    margin-right: 1rem;
    margin-bottom: 1rem;
    position: relative;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
}

.diet-menu .large-diet .title {
    position: absolute;
    bottom: 2rem;
    left: 4rem;
}

.diet-menu .small-diet {
    height: 25rem;
    background: url(../img/new_front/diet_bg.jpg) center top no-repeat;
    background-size: 175%;
    margin-right: 1rem;
    margin-bottom: 1rem;
    position: relative;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
}

.diet-menu .small-diet .big-semi-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 21rem;
}

.diet-menu .large-diet a,
.diet-menu .small-diet a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.results {
    margin-bottom: 2rem;
    font-family: 'Lato';
    display: none;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.16px;
    line-height: 25.6px;
}

.list {
    padding-top: 2rem;
    background: #f9f9f9;
}

.list .menu-choice {
    flex: 1 0 100%;
}

.list .menu-choice .select2-container {
    /*max-width: 15rem;*/
}

.list .menu-choice .container {
    padding: 0rem;
}

.list .column.specialistions {
    position: relative;
}

.list .menu-choice .row .column {
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
}

.list .menu-choice .row .column .black.strong {
    margin-bottom: 1rem;
}

.list .menu-choice .row {
    flex-direction: column;
}

.list .menu-choice p {
    margin-bottom: 0.5rem;
    max-width: 16rem;
}

.list .menu-choice p.recommended-container {
    max-width: none;
}

.list .menu-choice p.recommended-container .info-green {
    color: #00DD93;
    opacity: 1;
}

.list .menu-choice label > input {
    margin-right: 0.5rem;
}

.list .element-card-main-column {
    flex: 1 0 100%;
}

.list .element-card-row {
    flex-wrap: wrap;
}

.list .diet-card {
    flex: 1 0 100%;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    padding: 0rem;
    margin-bottom: 2rem;
    margin-left: 0rem;
}

.list .diet-card:hover .tab {
    height: 23rem;
}

.list .diet-card:hover .tab .kcalmar-com-button,
.list .diet-card:hover .tab .spec-container {
    visibility: visible;
}

.list .diet-card .diet-image {
    background: url(../img/new_front/diet_bg.jpg) center center no-repeat;
    background-size: cover;
    height: 25rem;
    position: relative;
}

.list .diet-card .diet-image .button-container {
    padding: 0;
}

.list .diet-card .tab {
    width: 90%;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(5, 22, 29, 0.77);
    text-align: left;
    font-size: 1.5rem;
    height: 6rem;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
}

.list .diet-card .tab .avatar {
    background-image: url(../img/new_front/anonim.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4rem;
    display: inline-block;
    height: 4rem;
    width: 4rem;
    border-radius: 10rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0.5rem;
    position: relative;
    top: 0.7rem;
}

.list .diet-card .tab .spec-container {
    margin-left: 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.list .diet-card .tab .spec-container .strong.grey.upper-letters {
    font-size: 1.3rem;
    font-family: 'Montserrat-Regular';
}

.list .diet-card .tab .spec-container .spec {
    padding-left: 2.5rem;
    background: url(../img/new_front/green_book_icon.png) no-repeat;
    background-size: 2rem;
    background-position: 0rem;
    margin-bottom: 0.5rem;
}

.list .diet-card .tab .kcalmar-com-button {
    min-width: 10rem;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    height: 3.8rem;
    letter-spacing: .1rem;
    line-height: 3.8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.list .diet-card .tab .author-container {
    display: inline-block;
    font-size: 1.2rem;
    position: relative;
}

.list .diet-card .diet-description {
    margin: 1rem;
}

.list .diet-card .diet-description .big-semi-title {
    margin-bottom: 0.5rem;
}

.list .diet-card .diet-description .diet-tag-container {
    display: flex;
    flex-direction: row;
    margin-top: 2rem;
    margin-bottom: 1rem;
    align-items: flex-start;
    height: 4rem;
}

.list .diet-card .diet-description .diet-tag-container .diet-tag {
    margin: 0 auto;
}

.list .diet-card .diet-description .diet-tag-container .diet-tag .diet-tag-logo {
    background: url(../img/new_front/tag_icon.png) no-repeat top center;
    width: 4rem;
    height: 4rem;
    border-radius: 40rem;
    margin: auto;
    margin-bottom: 0.5rem;
}

.list .diet-card .diet-description .diet-tag-container .diet-tag .diet-tag-name {
    font-size: 1rem;
    text-align: center;
}

.list .diet-card .diet-description .kcalmar-com-button {
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    min-width: 0rem;
    min-width: 10rem;
    font-size: 1rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    height: 3.8rem;
    letter-spacing: .1rem;
    line-height: 3.8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.list .best-dietitian-in-diet {
    background-image: url(../img/new_front/fruits-transparent.png);
    background-color: #00DD93;
    background-repeat: repeat;
    min-height: 180px;
    margin-left: 0rem;
    margin-bottom: 2rem;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
}

.list .best-dietitian-in-diet .big-semi-title {
    width: 30rem;
    margin-top: 1.5rem;
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.list .best-dietitian-in-diet .lower-container {
    position: relative;
}

.list .best-dietitian-in-diet .lower-container .photo-container {
    margin-left: 4rem;
    margin-bottom: 1rem;
}

.list .best-dietitian-in-diet .lower-container .photo-container .photo {
    background: url(../img/new_front/anonim.png) no-repeat center;
    background-size: 105%;
    width: 8rem;
    height: 8rem;
    border-radius: 5rem;
    border: 0.2rem solid #00DD93;
    display: inline-block;
    margin-left: -3rem;
}

.list .best-dietitian-in-diet .lower-container .kcalmar-com-button {
    background: white;
    color: #00DD93;
    margin-bottom: 1rem;
    font-size: 1rem;
    margin-left: 1rem;
    margin-bottom: 2rem;
}

.list .create-dietitian {
    background-image: url(../img/new_front/fruits-transparent.png);
    background-color: #00DD93;
    background-repeat: repeat;
    min-height: 14rem;
    margin-left: 0rem;
    margin-bottom: 2rem;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.list .create-dietitian .big-semi-title {
    width: 20rem;
    margin-bottom: 2rem;
    margin-left: 2rem;
}

.list .create-dietitian .kcalmar-com-button {
    background: white;
    color: #00DD93;
    margin-bottom: 1rem;
    font-size: 1rem;
    margin-left: 1rem;
    margin-bottom: 2rem;
}

.patient-questions {
    font-family: 'Montserrat-Light';
}

.patient-questions .questions-container {
    margin-top: 2rem;
    border: 0.1rem solid #eeeeee;
}

.patient-questions .question {
    padding-left: 2rem;
    padding-top: 2rem;
    padding-right: 2rem;
    padding-bottom: 2rem;
}

.patient-questions .question .patient-avatar {
    background: url(../img/new_front/anonim.png) no-repeat center center;
    width: 8rem;
    height: 8rem;
    background-size: 110%;
    border-radius: 6rem;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
    display: inline-block;
    float: left;
    margin-right: 2rem;
}

.patient-questions .question .medium-semi-title {
    margin-bottom: 2rem;
}

.patient-questions .question > .description {
    margin-bottom: 3rem;
}

.patient-questions .question .answer {
    padding: 2rem;
    border: 0.1rem solid #eeeeee;
}

.patient-questions .question .answer .row.content {
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.patient-questions .question .answer .column.avatar-column .avatar {
    width: 8rem;
    height: 8rem;
    background: url(../img/new_front/anonim.png) center top no-repeat;
    background-size: 111%;
    border-radius: 40rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    position: relative;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
}

.patient-questions .question .answer .column.avatar-column .ratio {
    position: absolute;
    width: 6rem;
    height: 2.5rem;
    bottom: -1.5rem;
    background-color: #FE531B;
    border-radius: 4rem;
    color: white;
    font-weight: 700;
    font-size: 1.3rem;
    text-decoration: underline;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.patient-questions .question .answer .column.column-name {
    text-align: center;
    margin-bottom: 2rem !important;
}

.patient-questions .question .answer .row.footer {
    flex-wrap: wrap;
}

.patient-questions .question .answer .row.content .avatar-column,
.patient-questions .question .answer .row.footer .column-name {
    flex: 1 1 20%;
    width: 20%;
}

.patient-questions .question .answer .row.content .description-content-column {
    flex: 1 1 80%;
    width: 80%;
}

.patient-questions .question .answer .row.footer .description-footer-column {
    flex: 1 1 80%;
    width: 80%;
    position: relative;
}

.patient-questions .question .answer .row.footer .description-footer-column .description.black.strong.upper-letters {
    margin-bottom: 0.4rem;
}

.patient-questions .question .answer .row.footer .description-footer-column .kcalmar-com-button {
    margin-top: 1rem;
    min-width: 1rem;
}

.patient-questions .see-all {
    border: 0.1rem solid #eeeeee;
    border-top: 0rem;
    text-align: center;
    padding-bottom: 3rem;
    padding-top: 3rem;
    margin-bottom: 3rem;
}

.patient-questions .see-all .green.strong {
    margin: auto;
    font-family: 'Montserrat-Regular';
    background: url(../img/new_front/green_arrow_two.png) no-repeat;
    background-size: 2.5rem;
    background-position: 92%;
    padding-right: 3rem;
    width: 22rem;
}

.list .dietitian-card {
    text-align: center;
    background-color: white;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    flex: 1 0 100%;
    margin-bottom: 2rem;
    font-family: 'Montserrat-Light';
    position: relative;
    padding: 0;
}

.list .dietitian-card:hover {
    box-shadow: 0 0 2rem 0.1rem #d0d0d0;
    opacity: 0.9;
    cursor: pointer;
}

.list .dietitian-card .redirect-part {
    outline: 0;
}

.list .dietitian-card .pro-tag {
    display: none;
}

.list .dietitian-card.pro {
    border: 0.2rem #00DD93 solid;
    position: relative;
    overflow: hidden;
}

.list .dietitian-card.pro .pro-tag {
    display: block;
    position: absolute;
    background-color: #00DD93;
    width: 13rem;
    text-transform: uppercase;
    top: 1rem;
    right: -4rem;
    color: white;
    font-weight: 500;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.list .dietitian-card .is_certificated_by_iez {
    background: url(../img/new_front/medal.png) top center;
    height: 7.4rem;
    width: 6rem;
    background-size: 100%;
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0.5rem;
}

.list .dietitian-card .dietitian-avatar {
    width: 148px;
    height: 148px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 8px;
    position: relative;
}

.list .dietitian-card .stars {
    display: flex;
    justify-content: center;
    height: 22px;
    margin-bottom: 17px;
}

.list .dietitian-card .stars > div {
    width: 22px;
    overflow: hidden;
}

.list .dietitian-card .stars > div > img {
    width: 66px;
    height: 22px;
}
.list .dietitian-card .stars .yellow {
    transform: translateX(0);
}

.list .dietitian-card .stars .two-color {
    transform: translateX(-44px);
}

.list .dietitian-card .stars .gray {
    transform: translateX(-22px);
}

.list .dietitian-card .dietitian-avatar.empty {
    width: 20rem;
    height: 20rem;
    background-image: url(../img/anonim.svg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 40rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
    position: relative;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
}

.list .dietitian-card .dietitian-avatar .dietitian-recommended {
    background-color: #00DD93;
    border-radius: 50%;
    position: absolute;
    left: 6px;
    top: 110px;
    border: 2px solid white;
    width: 30px;
    height: 30px;
    color: white;
}

.list .dietitian-card .dietitian-name {
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    color: #262626;
    line-height: 24px;
    margin-bottom: 8px;
}

.list .dietitian-card .dietitian-city {
    color: #b4bbc1;
    font-family: 'Montserrat-Regular';
    display: flex;
    height: 16px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.list .dietitian-card .dietitian-city .material-icons {
    font-size: 16px;
}

.list .dietitian-card .dietitian-city span {
    font-size: 12px;
    padding-left: 2px;
}

.list .dietitian-card .dietitian-recommended-info {
    color: #2CE2A5;
    font-size: 12px;
    font-family: 'Montserrat-Regular';
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.list .dietitian-card .dietitian-logo-container {
    display: none;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.list .dietitian-card .dietitian-specializations {
    height: 32px;
    width: 100%;
    margin-bottom: 16px;
    color: #000000;
    opacity: 0.25;
    font-size: 12px;
    line-height: 16px;
    padding: 0 10px;
    font-family: 'Montserrat-Regular';
}

.list .dietitian-card .dietitian-logo-container .dietitian-logo {
    margin: auto;
    height: 2rem;
    width: 10rem;
    background-color: black;
    border-radius: 4rem;
}

.list .dietitian-card .dietitian-tag-container {
    display: flex;
    width: 22.1rem;
    margin: 0 auto 22px auto;
    padding: 0 10px;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column {
    margin: auto;
    width: 25%;
    position: relative;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column.border-left {
    border-left: solid 1px rgba(151,151,151,0.1);
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column.border-right{
    border-right: solid 1px rgba(151,151,151,0.1);
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column .tooltip {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    z-index: 1;
    bottom: 130%;
    width: 180px;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column .tooltip.left {
    left: 0;
    margin-left: 0;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column .tooltip.center {
    left: 50%;
    margin-left: -70px;
    width: 140px;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column .tooltip.right {
    right: 0;
    margin-right: 0;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column .tooltip::after  {
    content: " ";
    position: absolute;
    top: 100%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column .tooltip.left::after  {
    left: 25px;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column .tooltip.center::after  {
    left: 50%;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column .tooltip.right::after  {
    right: 20px;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column:hover .tooltip {
    visibility: visible;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column i {
    font-size: 18px;
    color: #00DD93;
    display: block;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column i.gray {
    color: #D1D1D1;
}

.list .dietitian-card .dietitian-tag-container .dietitian-tag-column div {
    font-size: 12px;
    line-height: 16px;
    color: #888888;
    font-family: 'Montserrat-Regular';
    opacity: 0.5;
}

.list .dietitian-card .kcalmar-com-button {
    width: 22.1rem;
    margin-bottom: 1.2rem;
}

.list .see-all {
    border-top: 0rem;
    text-align: center;
    padding-bottom: 3rem;
    padding-top: 1rem;
}

.list .questions-container + .see-all {
    padding-top: 3rem;
}

.list .see-all .green.strong {
    margin: auto;
    font-family: 'Montserrat-Regular';
    background: url(../img/new_front/green_arrow_two.png) no-repeat;
    background-size: 2.5rem;
    background-position: 92%;
    padding-right: 3rem;
    width: 22rem;
}

.list .see-all .green.strong:hover {
    font-size: 1.7rem;
    width: 23rem;
    cursor: pointer;
}

.list .empty-info {
    text-align: center;
    width: 100%;
    font-size: 1.8rem;
    padding-top: 2rem;
    padding-bottom: 5rem;
}

/*==========================ARTICLES===============================*/

.pagination {
    text-align: center;
    padding: 20px 0px;
}

.pagination a {
    color: #fff;
    background-color: #00DD93;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 30px;
    margin: 0px 15px;
}

.pagination a:hover {
    opacity: 0.8;
}

.article-categories {
    display: none;
}

.article-categories-mobile {
    overflow: hidden;
    height: 4.5rem;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
}

.article-categories-mobile .column {
    padding: 0rem;
}

.article-categories-mobile:hover {
    height: auto;
    border: 0.1rem solid #eee;
    margin-bottom: 1rem;
}

.article-categories-mobile .category-icon {
    text-align: center;
    position: relative;
    width: 11rem;
    margin: auto;
    padding-left: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.article-categories-mobile .bottom-border {
    border-bottom: 0.1rem solid #eee;
}

.article-categories-mobile .category-icon span {
    display: block;
    background-color: black;
    position: absolute;
    width: 10px;
    height: 2px;
    left: 0rem;
}

.article-categories-mobile .category-icon span:nth-child(1) {
    top: 6px;
}

.article-categories-mobile .category-icon span:nth-child(2) {
    top: 11px;
}

.article-categories-mobile .category-icon span:nth-child(3) {
    top: 16px;
}

.article-categories-mobile .category {
    display: block;
    padding: 1rem 2rem;
}

.article-categories-mobile .category:hover {
    color: #00DD93;
    cursor: pointer;
}

.article-categories-mobile .category.active {
    border-bottom: 0.3rem solid #00DD93;
    color: #00DD93;
}

.article-list .big-small-article-row {
    display: none;
}

.article-list .three-part.row {
    flex-wrap: wrap;
    max-width: 100%;
    flex: 1 0 100%;
}

.article-list .column {
    padding: 0rem;
    margin: 0rem;
}

.article-list .column.small-article {
    /*padding-right: 0.25rem;*/
    max-width: 100%;
    flex: 1 0 100%;
}

.article-list .column.small-article .small-semi-title {
    margin-top: 1rem;
    min-height: 6rem;
}

.article-list .column .article-category {
    background: rgba(0, 0, 0, 0.5);
    width: 10rem;
    text-align: center;
    border-radius: 6rem;
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
}

.article-list .column .author-container .name {
    margin-top: 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.article-list .column .author-container .role {
    font-size: 1rem;
    font-family: 'Montserrat-Regular';
    font-weight: 700;
    color: #7e7e7e;
}

.article-list .column .article-tab {
    background: rgba(5, 22, 29, 0.7);
}

.article-list .column .article-tab .author-container .avatar {
    background-image: url(../img/new_front/anonim.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 4rem;
    width: 4rem;
    height: 4rem;
    float: left;
    margin-right: 0.5rem;
    border-radius: 4rem;
}

.article-list .column .article-tab .author-container .name {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: none;
}

.article-list .column .article-tab .author-container .role {
    font-size: 1rem;
    font-family: 'Montserrat-Regular';
    font-weight: 700;
}

.article-list .column .author-container .small-font {
    font-size: 0.8rem !important;
}

.article-list .column .big-semi-title {
    font-size: 3rem;
    line-height: 100%;
    font-weight: 500;
    margin-top: 2rem;
    margin-bottom: 1rem;
    max-height: 9rem;
    overflow: hidden;
}

.article-list .column .short-content {
    margin-bottom: 3rem;
    min-height: 12rem;
    margin-top: 3rem;
}

.article-list .column .medium-semi-title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 100%;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.article-list .column .small-semi-title {
    font-size: 1.7rem;
    font-weight: 400;
}

.article-list .big-article .article-wrapper {
    height: 50rem;
    background-position: center center;
    background-repeat: no-repeat;
    height: 500px;
    width: 805px;
    background-size: 100%;
}

.article-list .big-article.w48 {
    display: none;
}

.article-list .big-article .article-tab {
    height: 50rem;
    margin-left: 1rem;
    padding: 1rem;
    margin-top: 0rem;
    overflow-y: scroll;
}

.article-list .big-article .article-tab::-webkit-scrollbar {
    width: 5px;
}

.article-list .big-article .article-tab::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.article-list .big-article .article-tab::-webkit-scrollbar-thumb {
  background: #888;
}

.article-list .big-article .article-tab::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.article-list .medium-article {
    /*background: url(../img/new_front/article.jpg) no-repeat center;*/
    /*height: 50rem;*/
    display: none;
}

.article-list .medium-article .article-wrapper {
    position: relative;
    height: 50rem;
    background-position: center center;
    background-repeat: no-repeat;
    height: 500px;
    width: 255px;
    background-size: 100%;
}

.article-list .medium-article .article-tab {
    position: absolute;
    bottom: 0rem;
    padding: 1rem;
    width: 100%;
}

.article-list .medium-article .article-tab .author-container {
    margin-bottom: 1rem;
}

.article-list .three-part.row .small-article {
    flex: 0 0 100%;
    width: 100%;
}

.article-list .img-article {
    background: url(../img/new_front/article.jpg) no-repeat center;
    height: 15rem;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    margin-top: 0.5rem;
    max-width: 100%;
    background-size: 170% !important;
}

.article-list .mini-article {
    margin-top: 4rem;
}

.article-list .mini-article .mini-img {
    background: url(../img/new_front/article.jpg) no-repeat center;
    background-size: 100%;
    height: 5rem;
    width: 7rem;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    margin-right: 0.5rem;
    float: left;
}

.article-list .mini-article .description.green {
    margin-bottom: 1.5rem;
}

.article-list .mini-article .article-list-attributes {
    list-style: none;
    padding: 0;
    margin: 0;
}

.article-list .mini-article .article-list-attributes .description {
    margin-bottom: 1rem;
}

.article-list-attributes a {
    display: block;
    font-size: 1.2rem;
}

.article-list .empty-info {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 2rem;
}

/*============================ARTICLE DETAIL=========================================*/

.article-content .content-column {
    max-width: 100%;
    flex: 100%;
    padding-bottom: 2rem;
}

.article-content .author-column {
    max-width: 100%;
    flex: 100%;
}

.article-content .article-img {
    background: url(../img/new_front/article.jpg) center center no-repeat;
    /*background-size: 115%;*/
    height: 40rem;
    position: relative;
}

.article-content .article-img .article-tab {
    background: rgba(5, 22, 29, 0.85);
    position: absolute;
    bottom: 0rem;
    padding: 1rem;
    width: 100%;
    background-postion: center center;
    height: 400px;
}

.article-content .article-img .article-tab div {
    margin-top: 1rem;
}
.article-content .article-img .article-tab div:nth-child(2) {
    display: none!important;
}

.article-content .author-article {
    text-align: left;
    font-size: 1.5rem;
    margin: 1rem;
    padding: 1rem;
    border: 0.1rem solid #eee;
}

.article-content .author-article.showcase {
    position: relative;
}

.article-content .author-article .avatar {
    background: url(../img/new_front/anonim.png) center center no-repeat;
    display: inline-block;
    height: 6rem;
    width: 6rem;
    border-radius: 10rem;
    background-size: 100%;
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 0.5rem;
    box-shadow: 0 0 2rem 0.1rem #eee;
}

.article-content .author-article .spec-container {
    margin-left: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.article-content .author-article .spec-container .strong.grey.upper-letters {
    font-size: 1.2rem;
    font-family: 'Montserrat-Regular';
}

.article-content .author-article .spec-container .spec {
    padding-left: 3.5rem;
    background: url(../img/new_front/green_book_icon.png) no-repeat;
    background-size: 3rem;
    height: 3rem;
    background-position: 0rem;
    margin-top: 0.5rem;
}

.article-content .author-article .kcalmar-com-button {
    min-width: 10rem;
    font-size: 1rem;
}

.article-content .author-article .author-container {
    max-width: calc(100% - 7rem);
    display: inline-block;
    position: relative;
    bottom: 1.5rem;
    font-size: 1.4rem;
}

.article-content .content {
    font-family: 'Montserrat-Light';
    padding: 2rem;
}

.article-content .content a {
    color: #e91f5e;
}

.article-content .content a:hover {
    text-decoration: underline;
}

.article-content .content p {
    font-family: 'Lato';
}

.article-content .content h1,
.article-content .content h2,
.article-content .content h3,
.article-content .content h4 {
    color: #00DD93;
    font-size: 2rem;
    line-height: 110%;
}

.article-content .content h2,
.article-content .content h3,
.article-content .content h4 {
    margin-top: 50px;
}

.article-content .content-column .content img {
    width: 100% !important;
    height: auto !important;
    margin: 1rem 0rem;
}

.small-article:hover,
.medium-article:hover,
.big-article:hover {
    opacity: 0.8;
}

.article-content .medium-article {
    position: relative;
    background: url(../img/new_front/article.jpg) no-repeat center;
    height: 50rem;
    display: none;
    height: 500px;
    width: 255px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.article-content .medium-article .article-tab {
    position: absolute;
    bottom: 0rem;
    padding: 1rem;
    width: 100%;
}

.article-content .medium-article .article-category {
    background: rgba(0, 0, 0, 0.5);
    width: 10rem;
    text-align: center;
    border-radius: 6rem;
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
}

.article-content .medium-article .author-container .name {
    margin-top: 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.article-content .medium-article .author-container .role {
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.article-content .medium-article .article-tab {
    background: rgba(5, 22, 29, 0.7);
}

.article-content .medium-article .article-tab .author-container .avatar {
    background: url(../img/new_front/anonim.png) center no-repeat;
    background-size: 4rem;
    width: 4rem;
    height: 4rem;
    float: left;
    margin-right: 0.5rem;
    border-radius: 4rem;
}

.article-content .medium-article .article-tab .author-container .name {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: none;
}

.article-content .medium-article .article-tab .author-container .role {
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: none;
}

.article-content .small-article {
    padding: 1rem;
}

.article-content .small-article .img-article {
    background: url(../img/new_front/article.jpg) no-repeat center;
    height: 15rem;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    margin-top: 0.5rem;
    background-position: center center;
    background-repeat: no-repeat;
    height: 150px;
    width: 255px;
    background-size:100%;
}

.article-content .small-article .small-semi-title {
    margin-top: 1rem;
    font-size: 1.7rem;
    font-weight: 400;
}

/*============================DIET DETAIL=========================================*/

.diet-detail .content-column {
    max-width: 100%;
    flex: 100%;
}

.diet-detail .thinner-column {
    max-width: 100%;
    flex: 100%;
}

.diet-detail .article-img {
    background: url(../img/new_front/article.jpg) center center no-repeat;
    /*background-size: 115%;*/
    height: 40rem;
    position: relative;
}

.diet-detail .article-img .article-tab {
    background: rgba(5, 22, 29, 0.85);
    position: absolute;
    bottom: 0rem;
    padding: 1rem;
    width: 100%;
}

.diet-detail .article-img .article-tab div {
    margin-top: 1rem;
}

.diet-detail .author-article {
    text-align: left;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 0.1rem solid #eee;
}

.diet-detail .author-article .avatar {
    background: url(../img/new_front/anonim.png) center center no-repeat;
    display: inline-block;
    height: 6rem;
    width: 6rem;
    border-radius: 6rem;
    background-size: 6rem;
    margin-left: 0rem;
    margin-right: 0rem;
    margin-top: 0.5rem;
    box-shadow: 0 0 2rem 0.1rem #eee;
}

.diet-detail .author-article .spec-container {
    margin-left: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.diet-detail .author-article .spec-container .spec {
    padding-left: 2.5rem;
    background: url(../img/new_front/green_book_icon.png) no-repeat;
    background-size: 2rem;
    background-position: 0rem;
    margin-top: 0.2rem;
}

.diet-detail .author-article .kcalmar-com-button {
    min-width: 10rem;
    font-size: 1rem;
}

.diet-detail .author-article .author-container {
    display: inline-block;
    position: relative;
    bottom: 1.5rem;
}

.diet-detail .content {
    padding: 2rem;
}

.diet-detail .content h4 {
    font-family: 'Montserrat-Light';
}

.diet-detail .content p {
    font-family: 'Lato';
}

.diet-detail .content .diet-image {
    background: url(../img/new_front/article.jpg) no-repeat center;
    height: 20rem;
    width: 25rem;
    float: none;
    margin-right: 1rem;
    background-size: 120%;
    margin-bottom: 1rem;
}

.diet-detail .medium-article {
    position: relative;
    background: url(../img/new_front/article.jpg) no-repeat center;
    height: 50rem;
    display: none;
}

.diet-detail .medium-article .article-tab {
    position: absolute;
    bottom: 0rem;
    padding: 1rem;
    width: 100%;
}

.diet-detail .medium-article .article-category {
    background: rgba(0, 0, 0, 0.5);
    width: 10rem;
    text-align: center;
    border-radius: 6rem;
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
}

.diet-detail .medium-article .author-container .name {
    margin-top: 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.diet-detail .medium-article .author-container .role {
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: uppercase;
}

.diet-detail .medium-article .article-tab {
    background: rgba(5, 22, 29, 0.7);
}

.diet-detail .medium-article .article-tab .author-container .avatar {
    background: url(../img/new_front/anonim.png) center no-repeat;
    background-size: 4rem;
    width: 4rem;
    height: 4rem;
    float: left;
    margin-right: 0.5rem;
    border-radius: 4rem;
}

.diet-detail .medium-article .article-tab .author-container .name {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: none;
}

.diet-detail .medium-article .article-tab .author-container .role {
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: none;
}

.diet-detail .small-article {
    padding: 1rem;
}

.diet-detail .small-article .img-article {
    background: url(../img/new_front/article.jpg) no-repeat center;
    height: 15rem;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    margin-top: 0.5rem;
}

.diet-detail .small-article .small-semi-title {
    margin-top: 1rem;
    font-size: 1.7rem;
    font-weight: 400;
}

.diet-detail .buy-diet {
    background-image: url(../img/new_front/fruits-transparent.png);
    background-color: #fd6328;
    background-repeat: repeat;
    text-align: center;
    margin-bottom: 2rem;
    color: #fff;
}

.diet-detail .buy-diet-temp {
    padding-top: 10px;
}

.diet-detail .buy-diet .kcalmar-com-button {
    background-color: white;
    color: black;
    min-width: 56%;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.diet-detail .diet-attributes {
    margin-top: 2rem;
    text-align: center;
    border-left: 0.1rem solid;
    border-top: 0.1rem solid;
    border-right: 0.1rem solid;
    border-color: #eee;
    margin-bottom: 2rem;
    display: none;
}

.diet-detail .diet-attributes .diet-attribute-container {
    padding-top: 6rem;
    padding-bottom: 6rem;
    border-bottom: 0.1rem solid;
    border-color: #eee;
}

.diet-detail .diet-attributes .diet-attribute-container div {
    /*margin-bottom: 0.5rem*/
}

.diet-detail .diet-attributes .diet-attribute-container .diet-attribute-icon {
    background: url(../img/new_front/green_book_icon.png) center center no-repeat;
    background-size: 3rem;
    height: 3rem;
    width: 3rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}

.diet-detail .adventages .big-semi-title,
.diet-detail .disadventages .big-semi-title {
    /*font-weight: 700;*/
    text-align: center;
}

.diet-detail .adventages-container,
.diet-detail .disadventages-container {
    background: url(../img/new_front/green_book_icon.png) no-repeat;
    background-size: 5rem;
    margin-top: 2rem;
    border-bottom: 0.1rem solid #eee;
    padding-top: 6rem;
    background-position-x: center;
    /*padding-top: 0rem;*/
}

.diet-detail .features-list {
    list-style: circle;
    font-family: 'Lato';
}

.diet-detail .disadventages {
    margin-top: 3rem;
}

.big-buy-diet {
    background-image: url(../img/new_front/fruits-transparent.png);
    background-color: rgb(255, 93, 31);
    background-repeat: repeat;
    margin-bottom: 3rem;
    text-align: center;
    clear: both;
}

.big-buy-diet .row {
    padding: 2rem;
}

.big-buy-diet .row .column.with-icon {
    background: url(../img/new_front/black_board_icon.png) no-repeat;
    background-size: 11rem;
    background-position: 6rem 6.5rem;
}

.big-buy-diet .row .big-semi-title {
    margin-bottom: 2rem;
    font-size: 2.5rem;
    font-weight: 500;
}

.big-buy-diet .row .description {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    line-height: 126%;
}

.big-buy-diet .row .kcalmar-com-button {
    min-width: 22rem;
    background-color: white;
    color: black;
    float: right;
    margin-top: 15rem;
}

.big-buy-diet .row .kcalmar-com-button:hover {
    opacity: 1;
}

/*======================================DIETITIAN DETAIL========================================*/

.dietitian-detail {
    padding-top: 3rem;
}

.dietitian-detail-wrapper {
    padding-top: 4rem;
}

.dietitian-detail .section {
    background: white;
}

.dietitian-detail .section .big-semi-title {
    margin-bottom: 2rem;
}

.dietitian-detail .see-all {
    border-top: 0rem;
    text-align: center;
    padding-top: 3rem;
}

.dietitian-detail .see-all-opinions .green,
.dietitian-detail .see-all .green {
    margin: auto;
    font-family: 'Montserrat-Regular';
    background: url(../img/new_front/green_arrow_two.png) no-repeat;
    background-size: 2.5rem;
    background-position: 95%;
    padding-right: 3rem;
    width: 22rem;
}

.dietitian-detail .see-all-opinions .green:nth-child(2),
.dietitian-detail .see-all .green:nth-child(2) {
    background: url(../img/new_front/green_arrow_three.png) no-repeat;
    background-size: 2.5rem;
    background-position: 65%;
}

.dietitian-detail .see-all-opinions .green:hover,
.dietitian-detail .see-all .green:hover {
    cursor: pointer;
    font-size: 1.7rem;
    opacity: 0.9;
    transition: all .1s;
}

.dietitian-detail .dietitian-showcase {
    border: 0.1rem solid #eee;
    position: relative;
}

.dietitian-detail .dietitian-showcase .is_certificated_by_iez {
    background: url(../img/new_front/medal.png) top center;
    height: 6.8rem;
    width: 5.5rem;
    background-size: 100%;
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 1rem;
}

.dietitian-detail .dietitian-showcase .dietitian-avatar {
    width: 16rem;
    height: 16rem;
    background-size: 110%;
    border-radius: 40rem;
    /*margin-left: auto;*/
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
    height: 160px;
    background-size:103%;
    background-position: center center;
}

.dietitian-detail .dietitian-showcase .title {
    word-break: break-word;
}

.dietitian-detail .dietitian-showcase .dietitian-avatar-column {
    flex: 0 0 100%;
    max-width: 100%;
}

.dietitian-detail .dietitian-showcase .dietitian-title-column {
    flex: 0 0 100%;
    max-width: 100%;
}

.dietitian-detail .dietitian-showcase .dietitian-title-column .specialisation {
    font-size: 1rem;
    margin-top: 1rem;
}

.dietitian-detail .dietitian-showcase .dietitian-title-column .stats {
    display: flex;
    width: 28rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 1.4rem;
    font-family: 'Lato';
}

.dietitian-detail .dietitian-showcase .dietitian-title-column .stats a,
.dietitian-detail .dietitian-showcase .dietitian-title-column .stats div {
    margin-right: 1rem;
    /*margin-left: 0.5rem;*/
    text-decoration: underline;
}

.dietitian-detail .dietitian-showcase .dietitian-title-column .stats .ratio {
    width: 6rem;
    height: 2.5rem;
    background-color: #fd662a;
    border-radius: 4rem;
    color: white;
    font-weight: 700;
    font-size: 1.3rem;
    text-decoration: underline;
    text-align: center;
}

.dietitian-detail .dietitian-showcase .dietitian-logo-column {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
}

.dietitian-detail .dietitian-showcase .dietitian-logo-column .dietitian-logo {
    max-width: 160px;
    margin: auto;
    background-repeat: no-repeat;
    max-height: 120px;
    background-size:100%;
}

.dietitian-detail .dietitian-showcase .dietitian-logo-column .kcalmar-com-button {
    min-width: 10rem;
    margin-top: 3rem;
    bottom: 2rem;
}

.dietitian-detail .about-dietitian {
    border: 0.1rem solid #eee;
    border-top: 0rem;
}

.dietitian-detail .contact {
    font-family: 'Montserrat-Light';
    border: 0.1rem solid #eee;
}

.dietitian-detail .additional-column .section {
    border: 0.1rem solid #eee;
}

.dietitian-detail .additional-column .section .kcalmar-com-button {
    min-width: 20rem;
    margin-top: 2rem;
}

.dietitian-detail .additional-column .section .row .small-semi-title {
    margin-bottom: 1rem;
}

.dietitian-detail .additional-column .section.showcase > .description {
    margin-top: 1rem;
    color: #afafaf;
    font-weight: bold;
    margin-bottom: 0rem;
}

.dietitian-detail .additional-column .section.normal .description {
    margin-bottom: 1rem;
}

.dietitian-detail .contact .map {
    background: url(../img/new_front/map.jpg);
    height: 10rem;
    /*width: 15rem;*/
    box-shadow: 0 0 2rem 0.1rem #eee;
    margin-top: 0.7rem;
    margin-bottom: 0.5rem;
}

.dietitian-detail .contact .big-semi-title {
    margin-bottom: 3rem;
}

.dietitian-detail .contact .small-semi-title {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.dietitian-detail .specialisatioin-section {
    border: 0.1rem solid #eee;
}

.dietitian-detail .specialisatioin-section .column {
    text-align: center;
    margin-top: 4rem;
}

.dietitian-detail .specialisatioin-section .spec-logo {
    background: url(../img/new_front/green_book_icon.png);
    background-repeat: no-repeat;
    height: 6rem;
    width: 6rem;
    margin: auto;
    margin-bottom: 1rem;
    background-size: 100%;
}

.dietitian-detail .school {
    border: 0.1rem solid #eee;
    margin-top: 3rem;
    padding-bottom: 5rem;
}

.dietitian-detail .school .school-cell {
    margin-bottom: 3rem;
}

.dietitian-detail .school .row > .column {
    position: relative;
}

.dietitian-detail .school .school-description {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 3rem;
}

.dietitian-detail .school .description {
    /*margin-bottom: 3rem;*/
}

.dietitian-detail .school .row {
    /*    min-height: 24rem;
    max-height: 24rem;*/
    flex-direction: row-reverse;
}

.dietitian-detail .school .medium-semi-title {
    margin-bottom: 0.5rem;
}

.dietitian-detail .school .school-cell .column.draw {
    display: none;
}

.dietitian-detail .school .school-cell .draw-container {
    margin-top: 6rem;
}

.dietitian-detail .school .school-cell .description {
    max-width: 21rem;
}

.dietitian-detail .school .school-cell .draw-container .circle {
    border: 0.2rem solid #00DD93;
    height: 2rem;
    width: 2rem;
    border-radius: 12rem;
}

.dietitian-detail .school .school-cell .draw-container .line {
    height: 20.4rem;
    border-left: 0.2rem solid #eee;
    position: relative;
    left: 0.9rem;
    top: 0.8rem;
}

.dietitian-detail .school .school-cell.last .draw-container .line {
    display: none;
}

.dietitian-detail .school .school-cell .draw-container .line.last {
    display: none;
}

.dietitian-detail .school .school-cell .date {
    font-weight: 500;
    color: #00DD93;
    /*margin-top: 6rem;*/
    display: none;
}

.dietitian-detail .school .school-cell .left .date.mobile {
    display: block;
    font-size: 1.3rem;
}

.dietitian-detail .school .school-cell .left {
    text-align: left;
}

.dietitian-detail .school .school-cell .right {
    display: none;
}

.dietitian-detail .school .school-cell .text {
    flex: 1 0 77%;
    max-width: 77%;
}

.dietitian-detail .school .school-cell .date-column {
    flex: 1 0 15%;
    margin-left: 1rem;
    margin-left: 0rem;
}

/*.dietitian-detail .school .school-cell .column .medium-semi-title{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}*/

.dietitian-detail .school .school-cell.odd .column.right .medium-semi-title,
.dietitian-detail .school .school-cell.odd .column.right .description,
.dietitian-detail .school .school-cell.odd .column.right .date {
    display: none;
}

.dietitian-detail .school .additional-edu {
    display: none;
}

.dietitian-detail .cerification {
    border: 0.1rem solid #eee;
    margin-top: 3rem;
}

.dietitian-detail .cerification .row {
    flex-wrap: wrap;
}

.dietitian-detail .cerification > .additional-certificates {
    margin-top: 2rem;
    display: none;
}

.dietitian-detail .cerification .poster {
    height: 30rem;
    max-width: 98%;
    flex: 0 0 98%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    box-shadow: 0 0 2rem 0.1rem #eee;
}

.dietitian-detail .cerification .poster img.img-gallery {
    width: 100%;
    height: 100%;
}

.dietitian-detail .cerification .see-all {
    border-top: 0rem;
    text-align: center;
    padding-top: 3rem;
}

.dietitian-detail .cerification .see-all .green.strong {
    margin: auto;
    font-family: 'Montserrat-Regular';
    background: url(../img/new_front/green_arrow_two.png) no-repeat;
    background-size: 2.5rem;
    background-position: 95%;
    padding-right: 3rem;
    width: 22rem;
}

.dietitian-detail .cerification .see-all .green.strong:nth-child(2) {
    background: url(../img/new_front/green_arrow_three.png) no-repeat;
    background-size: 2.5rem;
    background-position: 65%;
}

.dietitian-detail .cerification .see-all .green.strong:hover {
    cursor: pointer;
    font-size: 1.7rem;
    opacity: 0.9;
    transition: all .1s;
}

.dietitian-detail .pricing {
    border: 0.1rem solid #eee;
    margin-top: 3rem;
}

.dietitian-detail .pricing .big-semi-title {
    /*border-bottom: 0.1rem solid #eee;*/
    padding-bottom: 2rem;
}

.dietitian-detail .pricing .price-column {
    max-width: 100%;
    flex: 1 0 100%;
    padding: 0rem 1rem;
    margin-top: 1rem;
    margin-bottom: 2em;
    border-bottom: 0.1rem solid #eee;
}

.dietitian-detail .pricing .price-column > .row {
    /*flex-direction:  row;*/
}

.dietitian-detail .pricing .price-column .column-text .description {
    white-space: nowrap;
    width: 99%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dietitian-detail .pricing .price-column .column-with-amount {
    max-width: 40%;
    flex: 1 0 40%;
    margin-top: 1rem;
    margin-bottom: 2rem;
    /*text-align: right;*/
}

.dietitian-detail .pricing .price-column .column-with-amount .icon-container .icon {
    background: url(../img/new_front/green_book_icon.png) no-repeat;
    width: 2rem;
    height: 2rem;
    background-size: 100%;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display: inline-block;
}

.dietitian-detail .public-diet .big-semi-title {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.dietitian-detail .public-diet .element-card-row {
    flex-wrap: wrap;
}

.dietitian-detail .public-diet .diet-card {
    flex: 1 0 100%;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    padding: 0rem;
    margin-bottom: 2rem;
    margin-left: 0rem;
}

.dietitian-detail .public-diet .diet-card:hover .tab {
    height: 23rem;
}

.dietitian-detail .public-diet .diet-card:hover .tab .kcalmar-com-button,
.dietitian-detail .public-diet .diet-card:hover .tab .spec-container {
    visibility: visible;
}

.dietitian-detail .public-diet .diet-card .diet-image {
    background: url(../img/new_front/diet_bg.jpg) center center no-repeat;
    background-size: 160%;
    height: 25rem;
    position: relative;
}

.dietitian-detail .public-diet .diet-card .tab {
    width: 90%;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(5, 22, 29, 0.77);
    text-align: left;
    font-size: 1.5rem;
    height: 6rem;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
}

.dietitian-detail .public-diet .diet-card .tab .avatar {
    background: url(../img/new_front/anonim.png) center center no-repeat;
    display: inline-block;
    height: 4rem;
    width: 4rem;
    border-radius: 10rem;
    background-size: 10rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0.5rem;
}

.dietitian-detail .public-diet .diet-card .tab .spec-container {
    margin-left: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.dietitian-detail .public-diet .diet-card .tab .spec-container .spec {
    padding-left: 2.5rem;
    background: url(../img/new_front/green_book_icon.png) no-repeat;
    background-size: 2rem;
    background-position: 0rem;
}

.dietitian-detail .public-diet .diet-card .tab .kcalmar-com-button {
    min-width: 10rem;
    font-size: 1rem;
}

.dietitian-detail .public-diet .diet-card .tab .author-container {
    display: inline-block;
}

.dietitian-detail .public-diet .diet-card .diet-description {
    margin: 1rem;
}

.dietitian-detail .public-diet .diet-card .diet-description .big-semi-title {
    margin-bottom: 0.5rem;
}

.dietitian-detail .public-diet .diet-card .diet-description .diet-tag-container {
    display: flex;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.dietitian-detail .public-diet .diet-card .diet-description .diet-tag-container .diet-tag-column {
    margin: auto;
}

.dietitian-detail .public-diet .diet-card .diet-description .diet-tag-container .diet-tag-column .diet-tag-logo {
    background: url(../img/new_front/tag_icon.png) no-repeat top center;
    width: 4rem;
    height: 4rem;
    border-radius: 40rem;
    margin: auto;
}

.dietitian-detail .public-diet .diet-card .diet-description .diet-tag-container .diet-tag-column .diet-tag-name {
    font-size: 1.3rem;
}

.dietitian-detail .public-diet .diet-card .diet-description .kcalmar-com-button {
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    min-width: 0rem;
}

.dietitian-detail .articles {
    display: none;
}

.dietitian-detail .articles .big-semi-title {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.dietitian-detail .articles .medium-article {
    position: relative;
    background: url(../img/new_front/article.jpg) no-repeat center;
    height: 50rem;
}

.dietitian-detail .articles .medium-article .article-category {
    background: rgba(0, 0, 0, 0.5);
    width: 10rem;
    text-align: center;
    border-radius: 6rem;
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
}

.dietitian-detail .articles .medium-article .medium-semi-title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 100%;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.dietitian-detail .articles .medium-article .article-tab {
    position: absolute;
    bottom: 0rem;
    padding: 1rem;
    background: rgba(5, 22, 29, 0.7);
}

.dietitian-detail .articles .medium-article .article-tab .author-container {
    margin-bottom: 1rem;
}

.dietitian-detail .articles .medium-article .article-tab .author-container .avatar {
    background: url(../img/new_front/anonim.png) center no-repeat;
    background-size: 4rem;
    width: 4rem;
    height: 4rem;
    float: left;
    margin-right: 0.5rem;
    border-radius: 4rem;
}

.dietitian-detail .articles .medium-article .article-tab .author-container .name {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: none;
    margin-top: 1rem;
}

.dietitian-detail .articles .medium-article .article-tab .author-container .role {
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: none;
}

.dietitian-detail .patient-questions {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.dietitian-detail .gallery .big-semi-title {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.dietitian-detail .gallery .small-img,
.dietitian-detail .gallery .big-img {
    /*	height: 27rem;
	width: 27rem;
	background: black;*/
    /*margin-bottom: 2rem;*/
    /*margin-right: 2rem;*/
    padding: 1rem;
    /*box-shadow: 0 0 2rem 0.1rem #eee;*/
}

.dietitian-detail .gallery .small-img img,
.dietitian-detail .gallery .big-img img {
    width: 100% !important;
    height: 100% !important;
    display: block;
    box-shadow: 0 0 2rem 0.1rem #eee;
}

.dietitian-detail .patient-opinion {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.dietitian-detail .patient-opinion .empty {
    margin-bottom: 3rem;
}

.dietitian-detail .patient-opinion .big-semi-title.black {
    margin-bottom: 1rem;
}

.dietitian-detail .patient-opinion .opinion-category-row {
    margin-bottom: 3rem;
}

.dietitian-detail .patient-opinion .opinion-category-row .column {
    border-bottom: 0.1rem solid #eee;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
}

.dietitian-detail .patient-opinion .opinion-category-row .column.active {
    border-bottom: 0.3rem solid #00DD93;
    color: #00DD93;
}

.dietitian-detail .patient-opinion .opinion-list {
    border: 0.1rem solid #eee;
    padding-bottom: 0rem;
}

.dietitian-detail .patient-opinion .opinion-list  .row.opinion {
    border: 0.1rem solid #eee;
    padding: 1.5rem;
    margin-bottom: 3rem;
}

.dietitian-detail .patient-opinion .opinion-list .author,
.dietitian-detail .patient-opinion .opinion-list .date {
    display: inline-block;
    margin-bottom: 1rem;
}

.dietitian-detail .patient-opinion .opinion-list .ratio-container {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.dietitian-detail .patient-opinion .opinion-list .ratio-container .small-semi-title {
    display: inline-block;
}

.dietitian-detail .patient-opinion .opinion-list .ratio-container .ratio {
    width: 6rem;
    height: 2.5rem;
    background-color: #FE531B;
    border-radius: 4rem;
    color: white;
    font-weight: 700;
    font-size: 1.3rem;
    text-decoration: underline;
    text-align: center;
    display: inline-block;
}

.dietitian-detail .patient-opinion .opinion-list .small-semi-title {
    font-size: 1.4rem;
}

.dietitian-detail .patient-opinion .opinion-list .opinion-helpful {
    padding: 1rem;
    text-transform: uppercase;
    font-size: 1.3rem;
    padding-left: 6rem;
    border: 0.1rem solid #eee;
    max-width: 21rem;
    border-radius: 22rem;
    background: url(../img/new_front/green_book_icon.png) no-repeat;
    background-size: 2.5rem;
    background-position: 2.5rem;
}

.dietitian-detail .patient-opinion .opinion-list .column {
    margin-bottom: 0rem;
}

.dietitian-detail .patient-opinion .opinion-list .column.with-avatar .avatar {
    width: 6rem;
    height: 6rem;
    background: url(../img/new_front/anonim.png) center top no-repeat;
    background-size: 111%;
    border-radius: 40rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    position: relative;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
}

.dietitian-detail .patient-opinion .opinion-list .column.with-content .content {
    min-height: 4.5rem;
}

.dietitian-detail .patient-opinion .see-all-opinions {
    border: 0.1rem solid #eeeeee;
    border-top: 0rem;
    text-align: center;
    padding-bottom: 3rem;
    padding-top: 3rem;
    margin-bottom: 3rem;
}

/*.dietitian-detail .patient-opinion .see-all-opinions .green.strong{
	margin: auto;
    font-family: 'Montserrat-Regular';
    background: url(../img/new_front/green_arrow_two.png) no-repeat;
    background-size: 2.5rem;
    background-position: 95%;
    padding-right: 3rem;
    width: 22rem;
}*/

/*=========================Practice List===========================*/

.practice-list {
    background: #f9f9f9;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.practice-list .province {
    border: 0.1rem solid #eeeeee;
    padding: 3rem 2rem;
    margin-top: 2rem;
    text-align: right;
    cursor: pointer;
}

.practice-list .province .medium-semi-title {
    width: calc(100% - 4rem);
    display: inline-block;
    text-align: left;
}

.practice-list .province .icon {
    display: inline-block;
    text-align: right;
    background: url(../img/new_front/black_arrow.png) no-repeat;
    height: 3rem;
    width: 3rem;
    background-size: 118%;
    margin-right: auto;
    position: relative;
    top: 0.5rem;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    overflow: hidden;
}

.practice-list .list-in-province {
    text-align: left;
    border: 0.1rem solid #eee;
    border-top: 0rem;
    height: 0rem;
    visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    overflow: hidden;
}

.practice-list .list-in-province.open {
    padding: 3rem;
    height: auto;
    visibility: visible;
}

.practice-list .icon.open {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.practice-list .list-in-province .letter {
    font-size: 2.5rem;
}

.practice-list .list-in-province .row.description {
    flex-wrap: wrap;
}

.practice-list .list-in-province .row.description .column {
    max-width: 50%;
    flex: 1 0 50%;
}

.practice-list .list-in-province .row.description .column a {
    color: #817e7e;
    cursor: pointer;
}

/*====================BMI=====================*/

.bmi-result {
    padding-top: 15rem;
    background: url(../img/new_front/check_bmi_bg.jpg) no-repeat center top;
    background-size: 200%;
    padding-bottom: 6rem;
}

.bmi-result .container {
    background-color: white;
    border: 0.1rem solid #eee;
    padding: 0;
}

.bmi-result .container .option-menu {
    border-bottom: 0.1rem solid #eee;
    width: 100%;
    margin-left: 0rem;
}

.bmi-result .container .option-menu + .row {
    margin-top: 3rem;
}

.bmi-result .container .option-menu .result-option {
    border-right: 0rem;
    border-bottom: 0.1rem solid #eee;
    font-size: 1.5rem;
    font-family: 'Montserrat-Regular';
    text-align: center;
    height: 5.4rem;
    padding-top: 1.5rem;
}

.bmi-result .container .option-menu .result-option.last {
    border-bottom: 0;
}

.bmi-result .container .option-menu .result-option.active {
    color: white;
    background-image: url(../img/new_front/fruits-transparent.png);
    background-color: #00DD93;
}

.bmi-result .container .column-with-circle {
    text-align: center;
    max-width: 100%;
    flex: 1 0 100%;
}

.bmi-result .container .column-with-circle .medium-semi-title {
    margin-bottom: 2rem;
    font-size: 2.5rem;
}

.bmi-result .container .column-with-circle .circle-wrapper {
    width: 12rem;
    height: 12rem;
    position: relative;
    margin: auto;
    margin-bottom: 1rem;
    background: url(../img/new_front/grey_box_icon.png) no-repeat center center;
    background-size: 47%;
}

.bmi-result .container .column-with-circle .circle-wrapper .circle-grey {
    width: 12rem;
    height: 12rem;
    border: 0.4rem solid #bababa;
    border-radius: 12rem;
    position: absolute;
    clip: rect(0rem, 12rem, 10rem, 0rem);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bmi-result .container .column-with-circle .circle-wrapper .circle-green {
    width: 12rem;
    height: 12rem;
    border: 0.4rem solid #00DD93;
    border-radius: 12rem;
    position: absolute;
    clip: rect(0rem, 6rem, 10rem, 0rem);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bmi-result .container .column-with-circle .result {
    font-size: 5rem;
    position: relative;
    bottom: 4rem;
}

.bmi-result .container .column-with-circle .description {
    position: relative;
    bottom: 5rem;
}

.bmi-result .container .column-with-content {
    max-width: 100%;
    flex: 1 0 100%;
}

.bmi-result .container .column-with-content .column-avatar {
    max-width: 100%;
    flex: 1 0 100%;
}

.bmi-result .container .column-with-content .column-avatar .avatar {
    width: 10rem;
    height: 10rem;
    background: url(../img/new_front/anonim.png) center top no-repeat;
    background-size: 110%;
    border-radius: 40rem;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0rem 0rem 2rem 0.1rem #eeeeee;
}

.bmi-result .container .column-with-content .column-avatar .avatar.ml {
    background: url(../img/about_ml.jpg) center top no-repeat;
    background-size: 100%;
}

.bmi-result .container .column-with-content .column-dietitian {
    text-align: center;
}

.bmi-result .container .column-with-content .column-dietitian .dietitian-name {
    font-family: 'Montserrat-Light';
    font-size: 2rem;
    color: black;
}

.bmi-result .container .column-with-content .column-dietitian .dietitian-city {
    text-transform: uppercase;
    font-size: 1.1rem;
}

.bmi-result .container .column-with-content .column-dietitian .ratio {
    width: 5rem;
    height: 3rem;
    bottom: -1.5rem;
    background-color: #FE531B;
    border-radius: 4rem;
    color: white;
    font-weight: 500;
    font-size: 1.8rem;
    text-decoration: underline;
    text-align: center;
    font-size: 1.4rem;
    padding-top: 0.2rem;
    margin: auto;
    margin-top: 1rem;
}

.bmi-result .container .column-with-content .quote {
    border: 0.1rem solid #eee;
    padding: 3rem;
    background: #fcfcfc;
    margin-top: 2rem;
    flex-direction: row;
}

.bmi-result .container .column-with-content .quote .mark {
    position: absolute;
    height: 3rem;
    width: 3rem;
    background: url(../img/new_front/quote.png) no-repeat center center;
    background-size: 116%;
}

.bmi-result .container .column-with-content .quote .description {
    max-width: calc(100% - 4rem);
    margin-left: 4rem;
}

.bmi-result .container .column-with-content .button-container {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.bmi-result .container .column-with-content .button-container .recalculate {
    font-size: 1.25rem;
    font-weight: 700;
    color: #00dd93;
}

.bmi-result .container .column-with-content .button-container .kcalmar-com-button {
    margin-top: 2rem;
}

.bmi-diet {
    margin-top: 3rem;
}

.bmi-diet .container .medium-semi-title {
    margin-bottom: 2rem;
    font-size: 2.5rem;
    color: black;
}

.element-card-main-column {
    flex: 1 0 100%;
}

.element-card-main-column .element-card-row {
    flex-wrap: wrap;
}

.element-card-main-column .element-card-row .diet-card {
    flex: 1 0 100%;
    box-shadow: 0 0 2rem 0.1rem #eeeeee;
    padding: 0rem;
    margin-bottom: 2rem;
    margin-left: 0rem;
}

.bmi-diet .diet-card:hover .tab {
    height: 23rem;
}

.bmi-diet .diet-card:hover .tab .kcalmar-com-button,
.bmi-diet .diet-card:hover .tab .spec-container {
    visibility: visible;
}

.bmi-diet .diet-card .diet-image {
    background: url(../img/new_front/diet_bg.jpg) center center no-repeat;
    background-size: 160%;
    height: 25rem;
    position: relative;
}

.bmi-diet .diet-card .tab {
    width: 90%;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(5, 22, 29, 0.77);
    text-align: left;
    font-size: 1.5rem;
    height: 6rem;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
}

.bmi-diet .diet-card .tab .avatar {
    background: url(../img/new_front/anonim.png) center center no-repeat;
    display: inline-block;
    height: 4rem;
    width: 4rem;
    border-radius: 10rem;
    background-size: 10rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 0.5rem;
}

.bmi-diet .diet-card .tab .spec-container {
    margin-left: 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.bmi-diet .diet-card .tab .spec-container .spec {
    padding-left: 2.5rem;
    background: url(../img/new_front/green_book_icon.png) no-repeat;
    background-size: 2rem;
    background-position: 0rem;
    margin-bottom: 0.5rem;
}

.bmi-diet .diet-card .tab .kcalmar-com-button {
    min-width: 10rem;
    font-size: 1rem;
}

.bmi-diet .diet-card .tab .author-container {
    display: inline-block;
}

.bmi-diet .diet-card .diet-description {
    margin: 1rem;
}

.bmi-diet .diet-card .diet-description .big-semi-title {
    margin-bottom: 0.5rem;
}

.bmi-diet .diet-card .diet-description .diet-tag-container {
    display: flex;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.bmi-diet .diet-card .diet-description .diet-tag-container .diet-tag-column {
    margin: auto;
}

.bmi-diet .diet-card .diet-description .diet-tag-container .diet-tag-column .diet-tag-logo {
    background: url(../img/new_front/tag_icon.png) no-repeat top center;
    width: 4rem;
    height: 4rem;
    border-radius: 40rem;
    margin: auto;
}

.bmi-diet .diet-card .diet-description .diet-tag-container .diet-tag-column .diet-tag-name {
    font-size: 1.3rem;
}

.bmi-diet .diet-card .diet-description .kcalmar-com-button {
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    min-width: 0rem;
}

#contact {
    background: #f9f9f9;
}

#contact .errorlist {
    list-style: none;
    font-size: 13px;
    color: red;
    position: relative;
    top: -8px;
    left: 12px;
}

#contact .box {
    padding: 2rem;
    background: white;
    border: 0.1rem solid #eee;
    margin-top: 2rem;
}

#contact .big-semi-title {
    margin-bottom: 2rem;
    font-family: 'Montserrat-Light';
}

#contact input {
    border-radius: 2rem;
    border: 0.1rem solid #eee;
    padding: 1rem 0rem 1rem 1rem;
}

#contact input::-webkit-input-placeholder {
    color: #6e7982;
    font-size: 1.5rem;
}

#contact input::-moz-placeholder {
    color: #6e7982;
    font-size: 1.5rem;
}

#contact input:-ms-input-placeholder {
    color: #6e7982;
    font-size: 1.5rem;
}

#contact textarea {
    width: 100%;
    background-color: transparent;
    border-width: 0.1rem 0.1rem 0.1rem 0.1rem;
    border-radius: 0rem;
    border-color: #eeeeee;
    height: 10rem;
}

#contact textarea:focus {
    border: .1rem solid #eeeeee;
}

#contact .phone-icon,
#contact .email-icon {
    background-position: left 5px;
    background-size: 14px;
    background-repeat: no-repeat;
    height: 20px;
    padding-left: 20px;
    font-family: 'Montserrat-Light';
}

#contact .phone-icon {
    background-image: url(../img/new_front/phone-icon.png);
}

#contact .email-icon {
    background-image: url(../img/new_front/email-icon.png);
}

#contact #instagram-photos .row {
    flex-wrap: wrap;
    flex-direction: row;
}

#contact #instagram-photos a {
    display: block;
    max-height: 75px;
}

#contact #instagram-photos .small-img {
    /*flex: 1 0 75px;*/
    /*max-width: 75px;*/
    /*margin: calc(16% - 36px);*/
    /*margin: auto;*/
    /*padding: 0px;*/
    display: block;
    width: calc(100% /3 - 21px);
    padding: 4px;
    min-width: 75px;
}

#contact .contact-social {
    width: 40%;
    min-width: 90px;
    margin: 0 60% 0 0;
    text-align: center;
    opacity: 0.5;
    margin-bottom: 1rem;
}

#contact .contact-social div {
    background-repeat: no-repeat;
    background-size: 300%;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    text-align: center;
}

#contact .contact-social div:nth-child(1) {
    background-image: url(../img/ambassadors-social-icons.png);
    background-position: -8% 50%;
    float: left;
}

#contact .contact-social div a {
    display: block;
    width: 100%;
    height: 100%;
}

#contact .contact-social div a:hover {
    border-radius: 7px;
    box-shadow: 0px 0px 15px #676767;
}

#contact .contact-social div:nth-child(2) {
    background-image: url(../img/ambassadors-social-icons.png);
    background-position: 41% 50%;
    display: inline-block;
    margin: 0 auto;
}

#contact .contact-social div:nth-child(3) {
    background-image: url(../img/ambassadors-social-icons.png);
    background-position: 98% 50%;
    float: right;
}

#contact .contact-social:after {
    content: "";
    clear: both;
    display: block;
}

#about {
    background: #f9f9f9;
}

#about .algoritm {
    margin-top: 0rem;
}

#about .vessel {
    padding: 3rem;
    margin-top: 2rem;
    background-color: white;
    border: 0.1rem solid #eee;
}

#about .vessel > .semi-title {
    margin-bottom: 2rem;
}

#about .vessel > .description {
    max-width: 45rem;
    margin: auto;
}

#about .vessel .big-img {
    background: url(../img/new_front/about.jpg) no-repeat top center;
    width: 100%;
    height: 35rem;
    box-shadow: 0 0 1rem 0.3rem #eee;
}

#about .overall {
    flex-wrap: wrap;
}

#about .overall .kcalmar-com-button {
    margin-top: 2rem;
}

#about .big-semi-title {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

#about .overall .column:nth-child(1) {
    margin-right: 1%;
}

#about .overall .column:nth-child(2) {
    margin-right: 2%;
}

#about .achievement {
    text-align: center;
}

#about .overall .column {
    margin-top: 3rem;
}

#about .achievement .row .big-semi-title {
    margin-top: 3rem;
    margin-bottom: 1rem;
}

#about .achievement .row .column {
    /*margin: 0rem 2rem;*/
    margin-top: 6rem;
}

#about .achievement .row .column .description {
    max-width: 25rem;
    margin: auto;
}

#about .achievement .icon {
    height: 11.5rem;
    width: 11.5rem;
    background-color: black;
    margin: auto;
}

#about .achievement .column:nth-child(1) > .icon {
    background: url(../img/new_front/green_board_icon.png) no-repeat top center;
    background-size: 11rem;
}

#about .achievement .column:nth-child(2) > .icon {
    background: url(../img/new_front/green_heart_icon.png) no-repeat top center;
    background-size: 11rem;
}

#about .achievement .column:nth-child(3) > .icon {
    background: url(../img/new_front/green_brain_icon.png) no-repeat top center;
    background-size: 11rem;
}

#about .media {
    padding-top: 0rem;
    padding-bottom: 0rem;
    background: white;
    margin: auto;
}

#about .writing {
    /*text-align: center;*/
}

#about .writing a.article {
    color: #7e7e7e;
}

#about .writing .article:hover {
    cursor: pointer;
    opacity: 0.8;
}

#about .writing .article .img {
    width: 100%;
    height: 0rem;
    padding-top: 100%;
    background: url(../img/new_front/article.jpg) center center no-repeat;
    margin-bottom: 1rem;
    box-shadow: 0 0 1rem 0.1rem #d1d1d1;
}

#about .writing .article .description.upper-letters {
    font-family: 'Montserrat-Regular';
    font-size: 1.1rem;
}

#about .writing .article .medium-semi-title {
    margin: 1rem 0rem;
}

#about .writing .button-container {
    margin-top: 4rem;
}

#about .writing .kcalmar-com-button {
    min-width: 0rem;
    max-width: 22rem;
    white-space: initial;
    height: 7.5rem;
}

#about .team .row {
    margin-top: 5rem;
    text-align: center;
}

#about .team .column {
    margin: 1rem 0rem;
    border: 0.1rem solid #eee;
    padding: 2rem;
}

#about .team .column.active {
    background: #00DD93;
    color: white;
}

#about .team .avatar {
    margin: auto;
    height: 10rem;
    width: 10rem;
    border-radius: 5rem;
    box-shadow: 0rem 0rem 0.5rem 0.1rem #eee;
}

#about .team .column:nth-child(1) .avatar {
    background: url(../img/new_front/about_pb.jpg) center center no-repeat;
    background-size: 117%;
}

#about .team .column:nth-child(2) .avatar {
    background: url(../img/new_front/about_ml.jpg) center center no-repeat;
    background-size: 117%;
}

#about .team .column:nth-child(3) .avatar {
    background: url(../img/new_front/about_ak.jpg) center center no-repeat;
    background-size: 117%;
}

#about .team .column .big-semi-title {
    margin-top: 2rem;
}

#about .team .column.active .big-semi-title {
    color: white;
}

#about .team .column .description {
    margin-bottom: 2rem;
}

#about .team .column .description.upper-letters {
    font-family: 'Montserrat-Regular';
    font-size: 1.2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#about .team .bottom-border {
    margin: auto;
    height: 0.5rem;
    width: 4rem;
    border-bottom: 0.2rem solid #eee;
    margin-bottom: 1.5rem;
}

#about .team .column.active .border-bottom {
    border-bottom: 0.2rem solid white;
}

#about .team .row {
    margin-top: 5rem;
    text-align: center;
}

#work {
    background: #f9f9f9;
}

#work .algoritm {
    margin-top: 0rem;
}

#work .vessel {
    padding: 3rem;
    margin-top: 2rem;
    background-color: white;
    border: 0.1rem solid #eee;
}

#work .vessel a {
    color: #7e7e7e;
    display: block;
    padding: 2rem;
    height: 100%;
    width: 100%;
}

#work .vessel a:hover {
    color: white;
    cursor: pointer;
}

#work .vessel > .semi-title {
    margin-bottom: 2rem;
}

#work .vessel > .description {
    max-width: 45rem;
    margin: auto;
}

#work .vessel .row {
    margin-top: 5rem;
    text-align: center;
}

#work .vessel .column {
    margin: 1rem 0rem;
    padding: 0;
    border: 0.1rem solid #eee;
}

#work .vessel .last-work-column {
    max-width: 48%;
}

#work .vessel .column:hover {
    background: #00DD93;
    color: white;
    cursor: pointer;
}

#work .vessel .column:hover .big-semi-title {
    color: white;
}

#work .vessel .icon {
    margin: auto;
    height: 10rem;
    width: 11rem;
}

#work .vessel .icon.sale {
    background: url(../img/new_front/grey_sale_icon.png) center center no-repeat;
}

#work .vessel .icon.specialist{
    background: url(../img/new_front/gray_icon_spiecialist.png) center center no-repeat;
    background-size: contain;
    opacity: 0.2;
}

/*icon for new work offer:*/

/*#work .vessel .icon.ux{
	background: url(../img/new_front/grey_ux_icon.png) center center no-repeat;
}*/

#work .vessel .icon.dev {
    background: url(../img/new_front/grey_dev_icon.png) center center no-repeat;
}
#work .vessel .column:hover .icon.sale {
    background: url(../img/new_front/white_sale_icon.png) center center no-repeat;
}
#work .vessel .column:hover .icon.specialist {
    background: url(../img/new_front/white_board_icon.png) center center no-repeat;
    background-size: contain;
    opacity: 1;
}

/*icon for new work offer:*/

/*#work .vessel .column:hover .icon.ux{
	background: url(../img/new_front/white_ux_icon.png) center center no-repeat;
}*/

#work .vessel .column:hover .icon.dev {
    background: url(../img/new_front/white_dev_icon.png) center center no-repeat;
}

#work .vessel .column .big-semi-title {
    margin-top: 2rem;
}

#work .vessel .column.active .big-semi-title {
    color: white;
}

#work .vessel .column .description {
    margin-bottom: 2rem;
}

#work .vessel .bottom-border {
    margin: auto;
    height: 0.5rem;
    width: 4rem;
    border-bottom: 0.2rem solid #eee;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

#work .vessel .column.active .border-bottom {
    border-bottom: 0.2rem solid white;
}

#work .vessel .bottom-title {
    margin-top: 3rem;
}

#work .vessel .button-container {
    margin-top: 2rem;
}

/* work detail - style for work_sales_adviser and work_holiday_practices*/

#work-detail {
    background: #f9f9f9;
    padding-bottom: 6rem;
}

#work-detail:after {
    content: "";
    clear: both;
    display: table;
}

#work-detail .algoritm {
    margin-top: 0rem;
}

#work-detail .vessel-1 {
    padding: 3rem;
    margin-top: 3rem;
    background-color: white;
    border: 0.1rem solid #eee;
}

#work-detail .vessel-1 .sales-adviser-img {
    background-image: url(../img/new_front/work_og_images/client_assistant.jpg);
    height: 38rem;
    background-size: 100%;
    margin-bottom: 3rem;
    background-repeat: no-repeat;
}

#work-detail .vessel-1 .junior-python-developer-img {
    background-image: url(../img/new_front/work_og_images/junior.jpg);
    height: 32rem;
    background-size: 100%;
    margin-bottom: 3rem;
    background-repeat: no-repeat;
    background-position: center;
}
#work-detail .vessel-1 .sales-specialist-img {
    background-image: url(../img/new_front/work_og_images/koordynator.jpg);
    height: 32rem;
    background-size: 100%;
    margin-bottom: 3rem;
    background-repeat: no-repeat;
    background-position: center;
}

#work-detail .vessel-1 .management-assistant-img {
    background-image: url(../img/new_front/work_og_images/asystent.jpg);
    height: 32rem;
    background-size: 110%;
    margin-bottom: 3rem;
    background-repeat: no-repeat;
    background-position: center;
}

#work-detail .vessel-1 .ux-designer-img {
    background-image: url(../img/new_front/work_og_images/frontend.jpg);
    height: 38rem;
    background-size: 100%;
    margin-bottom: 3rem;
    background-repeat: no-repeat;
    background-position: center;
}

#work-detail .vessel-1 .senior-python-developer-img {
    background-image: url(../img/new_front/work_og_images/fullstack.jpg);
    height: 38rem;
    background-size: 100%;
    margin-bottom: 3rem;
    background-repeat: no-repeat;
    background-position: center;
}

#work-detail .vessel-1 .holiday-practices-img {
    background-image: url(../img/new_front/holiday-practices.jpg);
    height: 32rem;
    background-size: 110%;
    margin-bottom: 3rem;
    background-repeat: no-repeat;
    background-position: center;
}

#work-detail .vessel-1 > .semi-title {
    margin-bottom: 2rem;
    color: #00DD93;
}

#work-detail .vessel-1 > .black {
    color: black;
}

#work-detail .vessel-1 > .description {
    max-width: 60rem;
    margin: auto;
}

#work-detail .vessel-1 .icon {
    margin: auto;
    height: 10rem;
    width: 11rem;
}

#work-detail .vessel-1 .icon.sale {
    background: url(../img/new_front/grey_sale_icon.png) center center no-repeat;
}

#work-detail .vessel-1 .icon.dev {
    background: url(../img/new_front/grey_dev_icon.png) center center no-repeat;
}

#work-detail .vessel-1 .big-semi-title {
    margin-top: 2rem;
    color: white;
}

#work-detail .vessel-1 .description {
    margin-bottom: 2rem;
}

#work-detail .vessel-1 .bottom-border {
    margin: auto;
    height: 0.5rem;
    width: 4rem;
    border-bottom: 0.2rem solid #eee;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

#work-detail .vessel-1 .border-bottom {
    border-bottom: 0.2rem solid white;
}

#work-detail .vessel-1 .bottom-title {
    border-top: 0.2rem solid #eee;
    padding-top: 3rem;
    margin-top: 3rem;
}

#work-detail .vessel-1 ul {
    list-style-type: disc;
}

#work-detail .vessel-1 li {
    /*padding-left: 1.28571429em;
    text-indent: -1.28571429em;*/
    padding-left: 2rem;
    text-indent: -2rem;
}

#work-detail .vessel-1 .button-container {
    margin-top: 2rem;
}

#work-detail .vessel-2 {
    margin-top: 3rem;
    background-color: white;
    border: 0.1rem solid #eee;
}

#work-detail .vessel-2 a {
    color: #7e7e7e;
}

#work-detail .vessel-2 .work-list-item {
    padding: 3rem;
    border: 0.1rem solid #eee;
}

#work-detail .vessel-2 .work-list-item:hover {
    background: #00DD93;
    color: white;
    cursor: pointer;
}

#work-detail .vessel-2 .chosen {
    border: 0.1rem solid #00DD93;
    color: #00DD93;
    cursor: auto !important;
}

#work-detail .vessel-2 .work-list-item .work-list-title {
    font-size: 2rem;
    line-height: 110%;
    margin-bottom: 1rem;
}

#modal-cv {
    display: none;
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    background: white;
    border: 0.1rem solid #eee;
    min-width: 30rem;
}

#modal-cv.open {
    display: block;
}

#modal-cv .container {
    padding: 2rem;
}

#modal-cv .close-icon {
    background: url(../img/new_front/close_icon.png) center center;
    background-size: 100%;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: auto;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
}

#modal-cv .big-semi-title {
    margin-bottom: 2rem;
}

#modal-cv .fieldWrapper {
    position: relative;
    margin-bottom: 1rem;
}

#modal-cv ul {
    list-style: none;
    font-size: 1.2rem;
    font-family: 'Lato';
    color: #d00;
    margin-top: 0rem;
    margin-bottom: 2rem;
}

#modal-cv ul.errorlist.nonfield {
    /*margin-top: 2rem;*/
    margin-bottom: 1rem;
}

#modal-cv input {
    border-radius: 2rem;
    border: 0.1rem solid #eee;
    padding: 1rem 0rem 1rem 1rem;
    margin-bottom: 0.5rem;
}

#modal-cv textarea {
    border: 0.1rem solid #eee;
    margin-bottom: 0rem;
}

#modal-cv .file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#modal-cv .file-input + label {
    border: none;
    max-width: 27rem;
    border-radius: 4rem;
    background-color: #e91f5e;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    height: 3.8rem;
    letter-spacing: .1rem;
    line-height: 3.8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#modal-cv .file-input:focus + label,
#modal-cv .file-input + label:hover {
    opacity: 0.9;
}

#modal-opinion {
    display: none;
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    background: white;
    border: 0.1rem solid #eee;
    min-width: 30rem;
}

#modal-opinion.open {
    display: block;
}

#modal-opinion .container {
    padding: 2rem;
}

#modal-opinion .close-icon {
    background: url(../img/new_front/close_icon.png) center center;
    background-size: 100%;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: auto;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
}

#modal-opinion .description {
    display: inline-block;
    margin-left: 2rem;
}

#modal-opinion .medium-semi-title,
#modal-opinion #star-rate {
    display: inline-block;
}

#modal-opinion textarea {
    width: 100%;
    background-color: transparent;
    border-width: 0.1rem 0.1rem 0.1rem 0.1rem;
    border-radius: 0rem;
    border-color: #eeeeee;
    height: 25rem;
}

#modal-add-dietitian {
    display: none;
    position: fixed;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    background: white;
    border: 0.1rem solid #eee;
    min-width: 30rem;
}

#modal-add-dietitian.open {
    display: block;
}

#modal-add-dietitian .container {
    padding: 4rem;
}

#modal-add-dietitian .close-icon {
    background: url(../img/new_front/close_icon.png) center center;
    background-size: 100%;
    width: 2.5rem;
    height: 2.5rem;
    margin-left: auto;
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
}

#modal-add-dietitian .description {
    display: inline-block;
}

#modal-add-dietitian button {
    margin-left: 1rem;
}

#modal-add-dietitian .big-semi-title {
    margin-bottom: 2rem;
}

#modal-add-dietitian .fieldWrapper {
    position: relative;
    margin-bottom: 1rem;
}

#modal-add-dietitian ul {
    list-style: none;
    font-size: 1.2rem;
    font-family: 'Lato';
    color: #d00;
    margin-top: 0rem;
    margin-bottom: 2rem;
}

#modal-add-dietitian ul.errorlist.nonfield {
    /*margin-top: 2rem;*/
    margin-bottom: 1rem;
}

#modal-add-dietitian input {
    border-radius: 2rem;
    border: 0.1rem solid #eee;
    padding: 1rem 0rem 1rem 1rem;
    margin-bottom: 0.5rem;
}

#modal-add-dietitian textarea {
    border: 0.1rem solid #eee;
    margin-bottom: 0rem;
}

#modal-add-dietitian .file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

#modal-add-dietitian .file-input + label {
    border: none;
    max-width: 27rem;
    border-radius: 4rem;
    background-color: #e91f5e;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    height: 3.8rem;
    letter-spacing: .1rem;
    line-height: 3.8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

#modal-add-dietitian .file-input:focus + label,
#modal-add-dietitian .file-input + label:hover {
    opacity: 0.9;
}

.ask-dietitian-site {
    background-color: #f9f9f9;
}

.ask-dietitian-site .row {
    flex-wrap: wrap;
}

.ask-dietitian-site .float-right {
    float: none;
}

.ask-dietitian-site .select2-container .select2-selection--single .select2-selection__rendered {
    background-position: 99% 38%;
}

.ask-dietitian-site.answer-site .questions {
    border: 0rem;
}

.ask-dietitian-site .ask-dietitian-form {
    padding: 1rem 3rem;
    margin: 2rem 0rem;
    background-color: #00DD93;
    position: relative;
}

.ask-dietitian-site .ask-dietitian-form .kcalmar-com-button {
    color: #00DD93;
    background-color: white;
}

.ask-dietitian-site .ask-dietitian-form input,
.ask-dietitian-site .ask-dietitian-form textarea {
    background-color: white;
}

.ask-dietitian-site .ask-dietitian-form label {
    color: white;
    margin-bottom: .6rem;
    font-weight: bold;
}

.ask-dietitian-site .ask-dietitian-form a {
    color: white;
}

.ask-dietitian-site .ask-dietitian-form .arrow {
    display: none;
}

.ask-dietitian-site .ask-dietitian-form a:hover {
    text-decoration: underline;
}

.ask-dietitian-site textarea {
    min-height: 10rem;
    width: 100%;
    max-width: 100%;
}

.ask-dietitian-site .empty {
    margin-left: 1rem;
}

.ask-dietitian-site .textarea-wrapper > span {
    bottom: 1.5rem;
}

.ask-dietitian-site ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #9c9c9c;
}

.ask-dietitian-site ::-moz-placeholder {
    /* Firefox 19+ */
    color: #9c9c9c;
}

.ask-dietitian-site :-ms-input-placeholder {
    /* IE 10+ */
    color: #9c9c9c;
}

.ask-dietitian-site :-moz-placeholder {
    /* Firefox 18- */
    color: #9c9c9c;
}

.ask-dietitian-site form .slide-fields {
    display: none;
}

.ask-dietitian-site form ul.errorlist {
    margin-bottom: 2rem;
    margin-top: .5rem;
    padding-left: 0rem;
    font-size: 1.4rem;
    list-style: none;
    font-family: 'Roboto';
    color: #040404;
    font-weight: 400;
    text-decoration: none !important;
}

.ask-dietitian-site a {
    color: #7e7e7e;
}

.ask-dietitian-site .container {
    padding: 2rem 0rem;
}

.ask-dietitian-site .column {
    padding: 0rem;
}

.ask-dietitian-site .column-content {
    padding: 2rem;
    height: 100%;
}

.ask-dietitian-site .segment {
    padding: .5rem;
    margin-bottom: 2rem;
    background-color: white;
}

.ask-dietitian-site .select2-container {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left;
}

.ask-dietitian-site span.select2-selection.select2-selection--single {
    border-radius: 0rem;
}

.ask-dietitian-site .select2-container .select2-selection--single .select2-selection__rendered {
    text-align: left;
    padding-left: .5rem;
}

.ask-dietitian-site input[type='email'],
.ask-dietitian-site input[type='number'],
.ask-dietitian-site input[type='password'],
.ask-dietitian-site input[type='search'],
.ask-dietitian-site input[type='tel'],
.ask-dietitian-site input[type='text'],
.ask-dietitian-site input[type='url'],
.ask-dietitian-site textarea,
.ask-dietitian-site select {
    border: .1rem solid #eeeeee;
    margin-bottom: 0rem;
}

.ask-dietitian-site input[type='submit'] {
    margin-top: 2rem;
    padding: 0rem 2rem;
    background: #00DD93;
    border-radius: 10rem;
    border: 0px;
}

.ask-dietitian-site .fieldWrapper {
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.ask-dietitian-site .other-category a,
.ask-dietitian-site .popular-category a {
    display: block;
    cursor: pointer;
    height: 100%;
    border: 1px solid #eee;
    transition: all 0.5s ease;
}

.ask-dietitian-site .other-category a:hover,
.ask-dietitian-site .popular-category a:hover {
    opacity: 0.7;
    box-shadow: 0rem 0rem 1.5rem #eee;
}

.ask-dietitian-site .popular-category .img {
    background-color: black;
    height: 15rem;
    width: 100%;
}

.ask-dietitian-site .other-category .text-part,
.ask-dietitian-site .popular-category .text-part {
    /*border: 1px solid #eee;*/
    padding: 1rem;
    position: relative;
}

.ask-dietitian-site .other-category .medium-title {
    padding-bottom: 2rem;
}

.ask-dietitian-site .medium-title.black {
    text-align: center;
}

.ask-dietitian-site .other-category .arrow {
    position: absolute;
    font-size: 75px;
    top: -44px;
    right: 29px;
    letter-spacing: -1.5rem;
}

.ask-dietitian-site .ask-dietitian {
    padding: 2rem;
}

.ask-dietitian-site .ask-dietitian .questions {
    /*max-width: calc(50% - 0rem);*/
    /*flex: 1 1 calc(50% - 0rem);*/
}

.ask-dietitian-site.answer-site .ask-dietitian .questions,
.ask-dietitian-site.category-site .ask-dietitian .questions {
    max-width: calc(100% - 2rem);
    flex: 1 1 calc(100% - 2rem);
}

.ask-dietitian-site.answer-site form,
.ask-dietitian-site.category-site form {
    margin-top: 2rem;
}

.ask-dietitian-site .row.ask-dietitian {
    padding: 0rem 0rem;
    margin-right: 0rem;
    margin-left: -1rem;
}

.ask-dietitian-site.category-site .row.ask-dietitian,
.ask-dietitian-site.answer-site .row.ask-dietitian {
    margin-left: 0rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.ask-dietitian-site .row.ask-dietitian .questions {
    margin-right: 0rem;
}

.ask-dietitian-site .ask-dietitian .answer .row.content .avatar-column,
.ask-dietitian .answer .row.footer .column-name {
    flex: 1 1 100%;
    width: 100%;
}

.ask-dietitian-site.answer-site .column-name {
    flex: 1 1 100%;
    width: 100%;
}

.ask-dietitian-site .ask-dietitian .answer .row.content .description-content-column {
    flex: 1 1 calc(100%);
    width: calc(100%);
    padding: 0rem 1rem;
}

.ask-dietitian-site.answer-site .ask-dietitian .answer .row.content .description-content-column {
    flex: 1 1 calc(100%);
    width: calc(100%);
    padding: 0rem 1rem;
}

@media (min-width: 40.0rem) {
    .section {
        padding: 3rem;
    }

    .header .menu .kcalmar-com-logo {
        left: 3rem;
    }

    .header .menu #hamburger {
        right: 3rem;
    }

    .footer .services .row {
        flex-wrap: wrap;
    }

    .footer .services .row .column {
        display: block;
        flex: 1 0 50%;
        text-align: center;
    }

    .footer .services .specs .row {
        flex-direction: column;
    }

    .footer .services .kcalmar-com-logo {
        float: none;
        margin: auto;
        margin-top: 1rem;
    }

    .footer .services a,
    .footer .services .social-icons {
        display: block;
        margin: auto;
    }

    .footer .cities .column {
        max-width: 25%;
        flex: 1 0 25%;
    }

    /*==========================COMMON===============================*/

    .row .column {
        flex: 1;
    }

    .row .column.column-75 {
        max-width: 75%;
        flex: 0 0 75%;
    }

    .row .column.column-25 {
        max-width: 25%;
        flex: 0 0 25%;
    }

    .row .column.column-50 {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .kcalmar-white-app-info,
    .kcalmar-app-info {
        text-align: left;
    }

    .kcalmar-white-app-info .kcalmar-info-container.with-icon.phone,
    .kcalmar-white-app-info .kcalmar-info-container.with-icon.board,
    .kcalmar-app-info .kcalmar-info-container.with-icon.phone,
    .kcalmar-app-info .kcalmar-info-container.with-icon.board {
        background-size: 5rem;
        background-position: 0% 100%;
        padding-left: 6rem;
        padding-top: 0rem;
    }

    .kcalmar-white-app-info .column.with-draw .draw {
        position: absolute;
        display: block;
        background: url(../img/new_front/peach.png) no-repeat;
        background-size: 80%;
        height: 41rem;
        width: 35rem;
        bottom: 0rem;
    }

    .kcalmar-white-app-info .kcalmar-info-container .small-semi-title.with-icon,
    .kcalmar-app-info .kcalmar-info-container .small-semi-title.with-icon {
        width: 18rem;
    }

    .find-dietitian .find-dietitian-column .with-icon-container .with-icon {
        position: initial;
    }

    .kcalmar-white-app-info .kcalmar-info-container .arrow-container,
    .kcalmar-app-info .kcalmar-info-container .arrow-container {
        right: 0rem;
    }

    .background .column-75 {
        margin-right: 0rem;
    }

    .background .column-25 {
        margin-left: 0rem;
    }

    .order-visit {
        clear: both;
    }

    .order-visit .big-semi-title {
        float: left;
        width: 45rem;
        text-align: left;
        margin-left: 2rem;
    }

    .order-visit .kcalmar-com-button {
        float: right;
        margin-top: 5rem;
        margin-right: 2rem;
    }

    .reverse-row {
        flex-direction: row-reverse;
    }

    .algoritm .dietitian-algoritm {
        margin-top: 0rem;
    }

    .algoritm .description-column {
        margin: 0rem;
        max-width: 50%;
        flex: 1 0 50%;
    }

    .algoritm .dietitian-column {
        margin: 0rem;
        max-width: 50%;
        flex-grow: 1 0 50%;
    }

    .modal-visit {
        margin-top: 5rem;
        min-height: 0rem;
        height: auto;
    }

    .modal-visit .close {
        height: 0rem;
        padding: 0rem;
    }

    .modal-visit .close .x-close {
        margin-right: 1.5rem;
        top: -2rem;
        position: relative;
    }

    .modal-visit .container .calendar-step,
    .modal-visit .container .summary-step {
        padding-top: 0rem;
    }

    .modal-visit .container .row.step-row {
        position: initial;
    }

    .modal-visit .close {
        background: rgba(255, 255, 255, 0);
    }

    .modal-visit .button-container .kcalmar-com-button {
        left: 0rem;
    }

    .modal-visit .container {
        margin-top: 0rem;
        width: 96%;
    }

    .modal-visit .steps {
        padding-top: 0rem;
    }

    .modal-visit .container .step-row div {
        height: 5.5rem;
        font-size: 1.3rem;
        padding-top: 1.7rem;
        text-align: center;
        border-bottom: 0.1rem solid #eee;
        border-right: 0.1rem solid #eee;
        border-top: 0rem;
        font-family: 'Montserrat-Regular';
        text-transform: uppercase;
        font-weight: bold;
    }

    .modal-visit .container .calendar-step {
        max-height: 64rem;
    }

    .modal-visit .container .calendar-step .big-semi-title {
        text-align: left;
        margin-bottom: 3rem;
    }

    .modal-visit .container .calendar-step .visit-table .day {
        margin: 0rem;
    }

    .modal-visit .container .calendar-step .visit-table .day .column-content {
        border-right: 0rem;
    }

    .modal-visit .container .calendar-step .button-container {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

    .modal-visit .summary-step {
        height: auto;
        overflow-y: visible;
        flex-grow: 1;
    }

    .modal-visit .summary-step .dietitian-column {
        max-width: 30%;
        flex: 1 0 30%;
    }

    .modal-visit .summary-step .dietitian-visit .author-container {
        bottom: 0rem;
    }

    .modal-visit .summary-step .summary-content .visit-term {
        max-width: 48%;
        flex: 1 0 48%;
    }

    .modal-visit .summary-step .summary-content .row-visit-term {
        flex-wrap: wrap;
    }

    .modal-visit .summary-step .summary-content .small-semi-title.main {
        margin-top: 0rem;
        margin-bottom: 1rem;
    }

    .modal-visit .button-container {
        border: 0rem;
        position: initial;
    }

    #toast {
        left: 80%;
    }

    .algoritm .algoritm-content {
        position: absolute;
        transform: translateX(-50%) translateY(-50%);
    }

    /*=============HOME=================================*/

    .header.home {
        padding-top: 10rem;
    }

    .header.home .kcalmar-com-imput {
        margin-right: 1rem;
    }

    .header.home .home-lower-header-description {
        margin-bottom: 3rem;
    }

    .header .home-lower-header #home-what-city-container,
    .header .home-lower-header #home-what-spec-container {
        display: inline-block;
        margin-right: 1rem;
    }

    .header.home .input-container {
        margin-bottom: 5rem;
    }

    .content .recommended-articles > .container > .row .column > .title {
        float: left;
        margin-top: 0.4rem;
    }

    .content .recommended-articles .select-container {
        float: right;
        margin-top: 0rem;
    }

    .content .top-dietitian .select-spec-container {
        margin-top: 1rem;
        margin-bottom: 1rem;
        max-width: 23rem;
        display: inline-block;
    }

    .content .recommended-articles .row {
        flex-wrap: wrap;
    }

    .content .recommended-articles .small-article {
        max-width: 23%;
        flex: 1 0 23%;
        margin: 0 1%;
        margin-bottom: 1rem;
    }

    .content .top-dietitian .dietitian-card {
        margin-top: 1rem;
        flex: 1 0 48%;
        max-width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .diet-kind-row {
        flex-wrap: wrap;
    }

    .diet-kind .diet-kind-row .diet-card {
        margin: 1rem;
        min-width: 31rem;
        flex: 1 0 47%;
    }

    .media .big-semi-title {
        margin: auto;
    }

    .ask-dietitian .article-row .column {
        width: 50%;
    }

    .ask-dietitian > .container > .row {
        flex-direction: column;
    }

    /*===========================DIET AND FIND DIETITIAN=====================================*/

    .navigation-section {
        padding-top: 8rem;
    }

    .navigation-section .title.black {
        float: left;
    }

    .navigation-section .search-diet-container {
        float: right;
    }

    .navigation-section .search-diet-container .kcalmar-com-button,
    .navigation-section .search-diet-container .search {
        width: auto;
    }

    .diet-menu .large-diet {
        flex: 1 0 34%;
    }

    .list .menu-choice {
        flex: 1 0 25%;
    }

    .list .menu-choice .row .column {
        margin-bottom: 2rem;
        padding: 2rem;
    }

    .list .menu-choice .input-container {
        display: inline-block;
        width: 48%;
    }

    .list .element-card-main-column {
        flex: 1 0 75%;
    }

    .list .dietitian-card,
    .list .diet-card {
        flex: 1 0 45%;
        max-width: 45%;
        margin-left: 2rem;
    }

    .list .create-dietitian {
        padding-top: 5rem;
        margin-left: 2rem;
        margin-bottom: 5rem;
        max-width: calc(100% - 2rem);
    }

    .list .best-dietitian-in-diet {
        margin-left: 2rem;
    }

    .list .best-dietitian-in-diet .lower-container .photo-container {
        position: absolute;
        left: 0rem;
        top: 1rem;
    }

    .list .best-dietitian-in-diet .lower-container .kcalmar-com-button {
        position: absolute;
        right: 2rem;
        top: 3rem;
        font-size: 1.25rem;
    }

    .list .create-dietitian .big-semi-title {
        float: left;
    }

    .list .create-dietitian .kcalmar-com-button {
        float: right;
    }

    /*===============ARTICLE==============================================*/

    .article-list .column {
        padding: 1rem;
    }

    .article-list .three-part.row .small-article {
        flex: 0 0 29%;
        width: 29%;
    }

    .article-list .column.column-25 {
        margin-left: 0rem;
    }

    .article-list .column.column-75 {
        margin-right: 0rem;
    }

    .article-list .column.small-article {
        max-width: 25%;
        flex: 1 0 25%;
    }

    .article-list .three-part.row {
        flex-wrap: wrap;
        max-width: calc(75% + 10px);
        flex: 1 0 calc(75% + 10px);
    }

    .article-list .three-part.row .small-article {
        width: calc(100% / 3) !important;
        max-width: calc(100% / 3) !important;
        flex: 1 0 calc(100% / 3) !important;
    }

    .article-list .mini-article {
        margin-top: 0rem;
    }

    /*===================ARTICLE DETAIL=====================================*/

    .article-content .order-visit .kcalmar-com-button {
        float: none;
        margin-top: 0rem;
    }

    /*===============DIET DETAIL==================================================*/

    .diet-detail {
        margin-top: 2rem;
    }

    .diet-detail .thinner-column.column {
        max-width: 40%;
        flex: 1 0 40%;
    }

    .diet-detail .content .diet-image {
        height: 26rem;
        width: 29rem;
        float: left;
        margin-bottom: 2rem;
    }

    .diet-detail .order-visit .kcalmar-com-button {
        float: none;
        margin-top: 0rem;
    }

    .diet-detail .thinner-column > .row {
        flex-direction: column;
    }

    .diet-detail .diet-attributes {
        display: block;
    }

    .diet-detail .adventages-container,
    .diet-detail .disadventages-container {
        padding-left: 8rem;
        margin-top: 2rem;
        border-bottom: 0.1rem solid #eee;
        padding-top: 0rem;
    }

    .diet-detail .adventages-container {
        background: url(../img/new_front/green_ok_icon.jpg) no-repeat;
        background-size: 5rem;
        background-position-y: center;
        background-position-x: 0rem;
    }

    .diet-detail .disadventages-container {
        background: url(../img/new_front/grey_bad_icon.jpg) no-repeat;
        background-size: 5rem;
        background-position-y: center;
        background-position-x: 0rem;
    }

    .diet-detail .adventages .big-semi-title,
    .diet-detail .disadventages .big-semi-title {
        text-align: left;
    }

    .big-buy-diet {
        background-image: url(../img/new_front/fruits-transparent.png);
        background-color: rgb(255, 93, 31);
        background-repeat: repeat;
        margin-bottom: 3rem;
    }

    .big-buy-diet .row {
        padding: 2rem;
        flex-direction: column;
    }

    .big-buy-diet .row .column.with-icon {
        background-size: 13rem;
        background-position: 10rem 0.5rem;
    }

    .big-buy-diet .row .big-semi-title {
        margin-bottom: 2rem;
    }

    .big-buy-diet .row .description {
        margin-bottom: 1.5rem;
    }

    .big-buy-diet .row .kcalmar-com-button {
        min-width: 22rem;
        background-color: white;
        color: black;
        float: none;
        /* margin: auto; */
        margin-left: auto;
        margin-top: 8rem;
        margin-right: auto;
    }

    /*=====================DIETITIAN DETAIL=============================*/

    .dietitian-detail {
        padding-top: 6rem;
    }

    .dietitian-detail .main-column {
        flex: 0 0 77%;
        max-width: 75%;
    }

    .dietitian-detail .additional-column {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .dietitian-detail .additional-column .section.showcase {
        position: absolute;
        top: 8rem;
        z-index: 998;
        border: 0.2rem solid #00DD93;
    }

    .dietitian-detail .additional-column .section.showcase .button-container {
        padding-bottom: 0rem;
    }

    .dietitian-detail .contact .row {
        flex-direction: column;
    }

    .dietitian-detail .contact .google-map {
        display: none;
    }

    .dietitian-detail .dietitian-showcase > .row {
        flex-direction: column;
    }

    .dietitian-detail .school .school-cell {
        margin-bottom: 0rem;
    }

    .dietitian-detail .school .row {
        min-height: 17rem;
        max-height: 17rem;
    }

    .dietitian-detail .school .school-cell .column.draw {
        display: block;
    }

    .dietitian-detail .school .school-cell .draw-container .line {
        height: 13.4rem;
    }

    .dietitian-detail .school .school-cell .text {
        flex: 1 0 55%;
    }

    .dietitian-detail .school .school-cell .date-column {
        flex: 1 0 15%;
    }

    .dietitian-detail .school .school-cell .right {
        display: none;
    }

    .dietitian-detail .school .school-cell .right .date.mobile,
    .dietitian-detail .school .school-cell .left .date.mobile {
        display: none;
    }

    .dietitian-detail .school .school-cell .date {
        display: block;
        margin-top: 6rem;
    }

    .dietitian-detail .cerification .poster {
        max-width: 23%;
        flex: 0 0 23%;
        margin-left: 0.7rem;
        margin-right: 0.7rem;
    }

    .dietitian-detail .pricing > .row {
        flex-wrap: wrap;
    }

    .dietitian-detail .pricing .price-column {
        max-width: 98%;
        flex: 1 0 98%;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 1rem;
        margin-bottom: 2rem;
        padding-bottom: 1rem;
    }

    .dietitian-detail .pricing .price-column .column-text {
        max-width: 73%;
        flex: 1 0 73%;
    }

    .dietitian-detail .pricing .price-column .column-text .description {
        margin-top: 1rem;
    }

    .dietitian-detail .pricing .price-column .column-with-amount {
        max-width: 30%;
        flex: 1 0 30%;
        margin-top: 0rem;
        margin-bottom: 0rem;
        font-size: 1.6rem;
    }

    .dietitian-detail .pricing .price-column .column-with-amount .green {
        position: relative;
        top: -0.40rem;
    }

    .dietitian-detail .public-diet .diet-card {
        flex: 1 0 70%;
        max-width: 70%;
        margin-left: 2rem;
    }

    .dietitian-detail .articles .column {
        padding: 0rem;
        margin: 1rem;
    }

    .dietitian-detail .gallery .row {
        flex-wrap: wrap;
    }

    .dietitian-detail .gallery .small-img {
        flex: 1 0 50%;
        max-width: 50%;
        padding: 1rem;
        /*margin-top: 1rem;
		margin-bottom: 1rem;
		margin-left: 1%;
		margin-right: 1%;*/
    }

    .dietitian-detail .gallery .big-img {
        flex: 1 0 100%;
        max-width: 100%;
        padding: 1rem;
        /*margin: 1%;*/
        /*margin-top: 1rem;
		margin-bottom: 1rem;
		margin-left: 1%;
		margin-right: 1%;*/
    }

    /*	.dietitian-detail .gallery .big-img:before{
		content: "";
		display: block;
		padding-top: 100%;
	}*/

    .dietitian-detail .gallery .vertical-column-row {
        flex-direction: row;
    }

    .dietitian-detail .vertical-column {
        flex: 1 0 100%;
        max-width: 100%;
    }

    .dietitian-detail .gallery .vertical-column-row .small-img {
        flex: 1 0 50%;
        max-width: 50%;
        padding: 1rem;
        /*margin-top: 1rem;*/
        /*margin-bottom: 1rem;*/
        /*margin-left: 1%;*/
        /*margin-right: 1%;*/
    }

    .dietitian-detail .patient-opinion .column.with-add-opinion {
        text-align: right;
    }

    .dietitian-detail .patient-opinion .opinion-list .column.with-avatar {
        max-width: 15%;
        flex-direction: 1 0 15%;
    }

    .dietitian-detail .patient-opinion .opinion-list .column.with-content {
        max-width: 85%;
        flex: 1 0 85%;
    }

    .patient-questions .question .answer .column.column-name {
        text-align: center;
        margin-bottom: 0rem !important;
    }

    /*==============BMI=================================================*/

    .bmi-result .container .option-menu .result-option {
        border-right: 0.1rem solid #eee;
        border-bottom: 0rem;
    }

    .bmi-result .container .option-menu .result-option.last {
        border-right: 0;
    }

    .bmi-result .container .column-with-circle {
        text-align: center;
        max-width: 37%;
        flex: 1 0 37%;
    }

    .bmi-result .container .column-with-content {
        max-width: 63%;
        flex: 1 0 63%;
    }

    .bmi-result .container .column-with-content .column-avatar {
        max-width: 23%;
        flex: 1 0 23%;
    }

    .bmi-result .container .column-with-content .column-dietitian {
        text-align: left;
    }

    .bmi-result .container .column-with-content .column-dietitian .ratio {
        margin-left: 0rem;
    }

    .bmi-result .container .column-with-content .quote .mark {
        /*    bottom: 16.5rem;
	    max-width: 9%;*/
    }

    .bmi-result .container .column-with-content .quote .description {
        /*max-width: 90%;*/
    }

    .bmi-result .container .column-with-content .button-container .recalculate {
        margin-right: 4rem;
    }

    .element-card-main-column .element-card-row .diet-card {
        flex: 1 0 45%;
        max-width: 45%;
        margin-left: 2rem;
    }

    #contact .contact-row {
        flex-direction: column;
    }

    #contact .column-75,
    #contact .column-25 {
        max-width: 100%;
        flex: 1 0 100%;
    }

    #contact .column-25 > .row > .column {
        flex: 1 0 48%;
        max-width: 48%;
        margin-left: 1rem;
    }

    #contact #instagram-photos .small-img {
        /*flex: 1 0 21%;
		max-width: 21%;
		margin-right: 1rem;*/
    }

    #about .overall .column {
        max-width: 48%;
        flex: 1 0 48%;
    }

    #about .writing .article {
        margin: 0rem 2rem;
    }

    #about .writing .kcalmar-com-button {
        height: auto;
        max-width: 31rem;
    }

    #about .team .column {
        margin: 0rem 1rem;
    }

    #about .vessel > .semi-title {
        margin-bottom: 2rem;
    }

    #about .vessel > .description {
        max-width: 45rem;
        margin: auto;
    }

    #work .vessel .column {
        margin: 0rem 1rem;
    }

    /* work detail - style for work_sales_adviser and work_holiday_practices*/

    #work-detail .vessel-1 {
        padding: 3rem;
        margin-top: 3rem;
        background-color: white;
        border: 0.1rem solid #eee;
        width: 60%;
        float: left;
    }

    #work-detail .vessel-2 {
        margin-top: 3rem;
        margin-left: 3%;
        background-color: white;
        border: 0.1rem solid #eee;
        width: 37%;
        float: right;
    }

    #modal-cv {
        min-width: 64rem;
        top: 5rem;
        height: auto;
        overflow-y: hidden;
    }

    #modal-cv .fieldWrapper.last {
        margin-bottom: 3rem;
    }

    .ask-dietitian-site .float-right {
        float: right;
    }

    .ask-dietitian-site .segment {
        padding: 2rem;
    }

    .ask-dietitian-site .medium-title.black {
        text-align: left;
    }

    .ask-dietitian-site .ask-dietitian .answer .row.content .avatar-column,
    .ask-dietitian .answer .row.footer .column-name {
        flex: 1 1 10rem;
        max-width: 10rem;
    }

    .ask-dietitian-site.answer-site .column-name {
        flex: 1 1 24rem;
        max-width: 24rem;
    }

    .ask-dietitian-site .ask-dietitian .answer .row.content .description-content-column {
        flex: 1 1 calc(100% - 10rem);
        width: calc(100% - 10rem);
        padding: 0rem 1rem;
    }

    .ask-dietitian-site.answer-site .ask-dietitian .answer .row.content .description-content-column {
        flex: 1 1 calc(100% - 24rem);
        width: calc(100% - 24rem);
        padding: 0rem 1rem;
    }
}

@media (min-width: 80.0rem) {
    .login {
        padding: 1rem 2rem;
        background: #00DD93;
        border-radius: 10rem;
    }

    .dietitian-zone {
        padding: 1rem 2rem;
        background: #e91f5e;
        border-radius: 10rem;
    }

    .login:hover,
    .dietitian-zone:hover {
        opacity: 0.9;
        color: white !important;
    }

    .row .column.kcalmar-left-offset-column {
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 50%;
    }

    .kcalmar-com-logo {
        float: none;
    }

    .header .nav.home {
        border-bottom: 0rem;
    }

    .header .menu {
        height: 7rem;
    }

    .header .menu .kcalmar-com-logo {
        left: 0rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .header .menu #hamburger {
        display: none;
    }

    .header .menu .menu-elements {
        display: inline-block;
        position: absolute;
        right: 0rem;
        top: 50%;
        transform: translateY(-50%);
        background-color: inherit;
        width: auto;
    }

    .header .menu .menu-elements a.menu-element {
        display: inline-block;
    }

    .footer .services {
        padding-top: 3rem;
        padding-bottom: 4rem;
    }

    .footer .services .row .column {
        flex: 1 0 14.3%;
        text-align: left;
    }

    .footer .services .row .column.specs {
        flex: 1 0 28.6%;
    }

    .footer .services .kcalmar-com-logo {
        margin: 0;
        margin-top: 1.5rem;
    }

    .footer .services .specs .row {
        flex-direction: row;
    }

    .footer .services a,
    .footer .services .social-icons {
        margin: 0;
    }

    .footer .cities .column {
        max-width: 20%;
        flex: 1 0 20%;
    }

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

    /*============COMMON================*/

    .kcalmar-app-info {
        background: url(../img/new_front/kcalmar-info-bg2.jpg) top center;
        background-size: 100%;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .kcalmar-white-app-info .kcalmar-info-container.with-icon.phone,
    .kcalmar-white-app-info .kcalmar-info-container.with-icon.board,
    .kcalmar-app-info .kcalmar-info-container.with-icon.phone,
    .kcalmar-app-info .kcalmar-info-container.with-icon.board {
        padding-left: 10rem;
        background-size: 8rem;
        background-position: 0%;
    }

    .kcalmar-white-app-info .column.with-draw {
        position: relative;
    }

    .kcalmar-white-app-info .column.with-draw .draw {
        position: absolute;
        background-size: 78%;
        height: 50rem;
        width: 50rem;
        right: 7rem;
        bottom: 0rem;
        left: 29%;
    }

    .find-dietitian {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .find-dietitian .find-dietitian-column {
        flex: 1 0 60%;
        max-width: 60%;
        margin-right: 40%;
    }

    .find-dietitian .find-dietitian-column .with-icon-container .text-next-icon {
        display: inline-block;
        width: 50rem;
        line-height: 110%;
    }

    .order-visit .big-semi-title {
        width: 60rem;
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
        margin-left: 3rem !important;
    }

    .order-visit .kcalmar-com-button {
        margin-right: 3rem;
        margin-top: 6.2rem;
    }

    .modal-visit .close .x-close {
        position: relative;
        left: 1rem;
        top: 0rem;
    }

    .modal-visit .container .calendar-step {
        max-height: 53rem;
    }

    .modal-visit .container .calendar-step .visit-table .day .box.hours.clear:hover {
        background: #e91f5e !important;
        color: white !important;
        cursor: pointer;
    }

    .modal-visit .container .calendar-step .visit-table .day .box.hours.clear:hover .begin,
    .modal-visit .container .calendar-step .visit-table .day .box.hours.clear:hover .end {
        color: white !important;
    }

    .modal-visit .summary-step {
        padding: 3rem;
    }

    .modal-visit .summary-step .dietitian-visit .author-container {
        bottom: 2rem;
    }

    .modal-visit .summary-step .summary-content .visit-term {
        max-width: 33%;
        flex: 1 0 33%;
    }

    /*=============HOME==================*/

    .header.home {
        background: url(../img/new_front/home_header_bg.jpg) top center no-repeat;
        padding-top: 10rem;
    }

    .content .answer-home .column.peach {
        display: block;
    }

    .content .answer-home .column.first {
        text-align: left;
    }

    .content .answer-home .column.last {
        text-align: right;
    }

    .content .statistic-example-container .statistic-examples {
        padding: 3rem 16rem;
        /*background: url(../img/new_front/stat_person.png) no-repeat center right white;*/
        background-size: 18%;
    }

    .content .recommended-articles .upper.row {
        display: flex;
        margin-bottom: 2%;
    }

    .content .recommended-articles .big-article {
        max-width: 73%;
        flex: 1 0 73%;
        margin: 0 1%;
    }

    .content .recommended-articles .big-article .article-tab {
        flex: 0 0 25%;
    }

    .content .recommended-articles .medium-article {
        max-width: 23%;
        flex: 1 0 23%;
        margin: 0 1%;
    }

    .content .recommended-articles .row .mobile {
        display: none;
    }

    .content .top-dietitian {
        background: url(../img/new_front/top_dietitian_bg.jpg) center top no-repeat;
    }

    .content .top-dietitian .dietitian-card {
        margin-top: 1rem;
        flex: 1 0 23%;
        max-width: 23%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .diet-kind .diet-kind-row .diet-card {
        flex: 1 0 30%;
    }

    .check-bmi {
        background: url(../img/new_front/check_bmi_bg2.jpg) no-repeat center top;
    }

    .check-bmi .column-bmi {
        max-width: 50%;
        flex: 1 0 50%;
    }

    .ask-dietitian .article {
        display: block;
    }

    .ask-dietitian > .container > .row {
        flex-direction: row;
    }

    .ask-dietitian .questions {
        max-width: calc(60% - 2rem);
        flex: 1 1 calc(60% - 2rem);
        margin-right: 2rem;
        margin-bottom: 0rem;
    }

    .ask-dietitian .form {
        max-width: 40%;
        flex: 1 0 40%;
    }

    .media .big-semi-title {
        display: inline-block;
        position: relative;
        bottom: 62px;
    }

    .media .carousel-narrow-wrapper {
        max-width: 90rem;
        display: inline-block;
        margin-left: 5rem;
    }

    .slim-home {
        background-position: top;
    }

    /*===========================DIET AND FIND DIETITIAN=====================================*/

    .diet-menu .large-diet,
    .diet-menu .small-diet {
        background-size: 115%;
    }

    .navigation-section {
        padding-top: 9rem;
        /*padding-bottom: 1rem;*/
    }

    .navigation-section .navigation {
        display: block;
    }

    .list .dietitian-card,
    .list .diet-card {
        flex: 1 1 30%;
        max-width: 30%;
    }

    .list .create-dietitian {
        max-width: 78.5rem;
    }

    .list .element-card-main-column .element-card-row .diet-card {
        flex: 1 1 29%;
        max-width: 29%;
    }

    .patient-questions .question .answer .row.footer .description-footer-column .kcalmar-com-button {
        position: absolute;
        top: 0rem;
        right: 0rem;
    }

    /*=================================ARTICLES========================================================*/

    .article-categories-mobile {
        display: none;
    }

    .article-categories {
        display: flex;
    }

    .article-categories .category {
        display: inline-block;
        padding: 1rem 2rem;
    }

    .article-categories .category:hover {
        color: #00DD93;
        cursor: pointer;
    }

    .article-categories .category.active {
        border-bottom: 0.3rem solid #00DD93;
        color: #00DD93;
    }

    .article-list .img-article {
        /*max-width: 100%;*/
        background-size: 100% !important;
    }

    .article-list .big-small-article-row {
        display: flex;
    }

    .article-list .big-article {
        display: block;
        width: 75%;
        flex: 0 0 75%;
        padding: 1rem;
    }

    .article-list .big-article.w48 {
        display: block;
        max-width: 48%;
        flex: 0 0 48%;
    }

    .article-list .big-article .article-tab {
        flex: 0 0 25%;
    }

    .article-list .medium-article {
        width: 25%;
        flex: 0 0 25%;
        display: flex;
        padding: 1rem;
    }

    .article-list .three-part.row .small-article {
        flex: 0 0 30%;
        width: 30%;
    }

    /*============ARTICLE DETAIL=======================*/

    .article-content .article-tab {
        min-height: 11rem;
    }

    .article-content .article-tab .big-semi-title.light {
        float: left;
        margin-top: 3rem;
        font-size: 2.5rem;
    }

    .article-content .article-tab .description.strong {
        float: right;
        margin-top: 3rem;
        display: none!important;
    }

    .article-content .content {
        border: 0.1rem solid #eee;
        margin-top: 3rem;
    }

    .article-content .author-article {
        margin-top: 3rem;
    }

    .article-content .content-column {
        max-width: 75%;
        flex: 75%;
    }

    .article-content .author-column {
        max-width: 25%;
        flex: 25%;
    }

    .article-content .order-visit .kcalmar-com-button {
        float: right;
        margin-top: 4.5rem;
    }

    .article-content .order-visit .big-semi-title {
        width: 40rem;
        margin-top: 3rem !important;
    }

    .article-content .medium-article {
        margin-right: 3rem;
        width: 23%;
        flex: 1 0 23%;
        display: block;
        padding: 0rem;
        margin: 1rem;
    }

    .article-content .order-visit {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    /*============DIET DETAIL=======================*/

    .diet-detail .article-tab {
        min-height: 11rem;
    }

    .diet-detail .article-tab .big-semi-title.light {
        float: left;
        margin-top: 3rem;
    }

    .diet-detail .article-tab .description.strong {
        float: right;
        margin-top: 3rem;
    }

    .diet-detail .content {
        border: 0.1rem solid #eee;
        margin-top: 3rem;
        /*padding: 0rem 2rem;*/
    }

    .diet-detail .author-article {
        margin-top: 3rem;
    }

    .diet-detail .content-column.column {
        max-width: 75%;
        flex: 75%;
    }

    .diet-detail .thinner-column.column {
        max-width: 25%;
        flex: 1 0 25%;
    }

    .diet-detail .order-visit .kcalmar-com-button {
        float: right;
        margin-top: 4.5rem;
    }

    .diet-detail .order-visit .big-semi-title {
        width: 40rem;
        margin-top: 3rem !important;
    }

    .big-buy-diet {
        text-align: left;
    }

    .big-buy-diet .row {
        padding: 2rem;
        flex-direction: row;
    }

    .big-buy-diet .row .column.with-icon {
        background-position: 10rem 5.5rem;
    }

    .big-buy-diet .row .kcalmar-com-button {
        float: right;
        margin-top: 9rem;
    }

    /*===========DIETITIAN DETAIL=====================*/

    .dietitian-detail .dietitian-showcase .dietitian-avatar-column {
        flex: 0 0 23%;
        max-width: 23%;
    }

    .dietitian-detail .dietitian-showcase .dietitian-title-column {
        flex: 0 0 52%;
        max-width: 52%;
    }

    .dietitian-detail .dietitian-showcase .dietitian-logo-column {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .dietitian-detail .dietitian-showcase .dietitian-logo-column .kcalmar-com-button {
        min-width: 85%;
        position: absolute;
        bottom: 1rem;
    }

    .dietitian-detail .contact > .row {
        flex-direction: row;
    }

    .dietitian-detail .contact .google-map {
        display: block;
    }

    .dietitian-detail .dietitian-showcase > .row {
        flex-direction: row;
    }

    .dietitian-detail .school .row {
        flex-direction: row;
    }

    .dietitian-detail .school .additional-edu {
        display: none;
    }

    .dietitian-detail .school .school-cell .right {
        display: block;
    }

    .dietitian-detail .school .school-cell .text {
        flex: 1 0 30%;
    }

    .dietitian-detail .school .school-cell .date-column {
        flex: 1 0 15%;
    }

    .dietitian-detail .school .school-cell.odd .column.left .medium-semi-title,
    .dietitian-detail .school .school-cell.odd .column.left .description,
    .dietitian-detail .school .school-cell.odd .column.left .date {
        display: none;
    }

    .dietitian-detail .school .school-cell.odd .column.right .medium-semi-title,
    .dietitian-detail .school .school-cell.odd .column.right .description,
    .dietitian-detail .school .school-cell.odd .column.right .date {
        display: block;
    }

    .dietitian-detail .school .school-cell.odd .column.right .date.mobile {
        display: none;
    }

    .dietitian-detail .school .school-cell.even .column.left .medium-semi-title,
    .dietitian-detail .school .school-cell.even .column.left .description,
    .dietitian-detail .school .school-cell.even .column.left .date {
        display: block;
    }

    .dietitian-detail .school .school-cell.even .column.right .medium-semi-title,
    .dietitian-detail .school .school-cell.even .column.right .description,
    .dietitian-detail .school .school-cell.even .column.right .date {
        display: none;
    }

    .dietitian-detail .school .school-cell.even .column.left .date.mobile {
        display: none;
    }

    .dietitian-detail .pricing .price-column {
        max-width: 48%;
        flex: 1 0 48%;
    }

    .dietitian-detail .public-diet .diet-card {
        flex: 1 0 31.7%;
        max-width: 31.7%;
        margin-left: 1rem;
    }

    .dietitian-detail .articles {
        display: block;
    }

    .dietitian-detail .articles .medium-article {
        max-width: 31%;
        flex: 0 0 31%;
        display: block;
    }

    .dietitian-detail .gallery .small-img {
        flex: 1 0 33%;
        max-width: 33%;
        padding: 1rem;
    }

    .dietitian-detail .gallery .big-img {
        flex: 1 0 66%;
        max-width: 66%;
        padding: 1rem;
        /*height: auto;*/
    }

    /*	.dietitian-detail .gallery .big-img:before{
		content: "";
		display: block;
		padding-top: 100%;
	}*/

    .dietitian-detail .gallery .vertical-column-row {
        flex-direction: column;
        padding: 0rem 1rem;
    }

    .dietitian-detail .vertical-column {
        flex: 1 0 33%;
        max-width: 33%;
        /* margin: 1%; */
        padding: 0rem;
    }

    .dietitian-detail .gallery .vertical-column-row .small-img {
        /*padding: 1rem;*/
        flex: 1 0 100%;
        max-width: 100%;
        /*margin: 3%;*/
        /*margin-top: 1rem;*/
        /*margin-bottom: 1rem;*/
        /*margin-left: 3%;*/
        /*margin-right: 3%;*/
    }

    .dietitian-detail .patient-opinion .opinion-list .column.with-avatar .avatar {
        height: 8rem;
        width: 8rem;
        background-position: center center;
        background-size:103%;
    }

    /*============BMI==========================================*/

    .bmi-result .container .column-with-content .column-avatar {
        max-width: 16%;
        flex: 1 0 16%;
    }

    .bmi-result .container .column-with-content .quote .mark {
        /*bottom: 6.5rem;*/
    }

    .element-card-main-column .element-card-row .diet-card {
        flex: 1 1 25%;
        max-width: 25%;
    }

    #contact .contact-row {
        flex-direction: row;
    }

    #contact .column-75 {
        max-width: 75%;
        flex: 1 0 75%;
    }

    #contact .column-25 {
        max-width: 25%;
        flex: 1 0 25%;
    }

    #contact .column-25 > .row {
        flex-direction: column;
    }

    #contact .column-25 > .row > .column {
        flex: 1 0 100%;
        max-width: 100%;
        margin-left: 1rem;
    }

    #contact #instagram-photos .small-img {
        /*flex: 1 0 30%;
		max-width: 30%;
		margin-right: 1.5%;
		margin-left: 1.5%;*/
    }

    /*#modal-work .container {
	    padding: 3rem;
	}*/

    .ask-dietitian-site .ask-dietitian-form .arrow {
        display: block;
        position: absolute;
        top: -1.0rem;
        width: 121px;
        height: 67px;
        background-image: url(../img/bday/arrow.png);
        background-repeat: no-repeat;
        background-size: cover;
        left: -7rem;
        z-index: 9;
        transform: rotate(270deg) scaleX(-1);
    }
}

@media (min-width: 120.0rem) {
    .modal-visit {
        margin-top: 13rem;
    }

    .modal-visit .container .calendar-step {
        max-height: 51rem;
    }

    .modal-visit .close .x-close {
        left: 1rem;
        top: -4rem;
    }

    /*#modal-work .container {
	    padding: 3rem;
	}*/

    .dietitian-background {
        background-size: 100%;
    }
}

/* ==============================================RULES==============================================*/

.rules ol {
    list-style: decimal;
}

.rules ol ol {
    list-style: circle;
}

.container.rules {
    overflow-x: hidden;
}

.container.rules .modal-body {
    padding: 0rem 1.5rem;
}
