@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
caption,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin        : 0;
    padding       : 0;
    border        : 0;
    font-size     : 100%;
    font          : inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

.clear {
    clear: both;
}

/* FONT PATH
 * -------------------------- */
@font-face {
    font-family: 'FontAwesome';
    src        : url('../../font/icon/fontawesome-webfont.eot?v=4.5.0');
    src        : url('../../font/icon/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../../font/icon/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../../font/icon/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../../font/icon/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../../font/icon/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style : normal;
}

/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
/*
LESS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: @icon-home-width;
}

The large array-like variables contain all information about a single icon
@icon-home: x y offset_x offset_y width height total_width total_height image_path name;

At the bottom of this section, we provide information about the spritesheet itself
@spritesheet: width height image @spritesheet-sprites;
*/
/*
The provided classes are intended to be used with the array-like variables

.icon-home {
  .sprite-width(@icon-home);
}
.icon-email {
  .sprite(@icon-email);
}
*/
/*
The `.sprites` mixin generates identical output to the CSS template
  but can be overridden inside of LESS

This must be run when you have at least 2 sprites.
  If run with a single sprite, then there will be reference errors.

.sprites(@spritesheet-sprites);
*/
/*
@import "plugins/jqueryui";
@import "plugins/magnific-popup";
@import "plugins/uniform";
*/
body {
    font-family: "Open Sans", "Open Sans", Helvetica, Arial, sans-serif;
}

.clear {
    clear : both;
    height: 1px;
}

.column-2 {
    width: 50%;
    float: left;
}

.column-3 {
    width: 33.3%;
    float: left;
}

.inner80 {
    width : 80%;
    margin: auto;
}

.inner70 {
    width : 70%;
    margin: auto;
}

header {
    background-color: #373e5b;
}

nav.main-menu {
    color      : black;
    font-size  : 13px;
    line-height: 18px;
}

nav ul {
    margin : 0px;
    padding: 0px;
}

.main-menu ul li {
    display: inline-block;
    margin : 0px 10px;
}

#header-right-side {
    float : right;
    margin: 21px 0px;
}

#header-left-side {
    float : left;
    margin: 9px 0px 13px;
}

#header-left-side:hover {
    text-decoration: none;
}

.main-menu .links-top {
    color          : #cdd4f1;
    font-weight    : 400;
    text-decoration: none;
}

.main-menu .links-top.active,
.main-menu .links-top:hover {
    color: #ffffff;
}

.main-menu .links-top.active {
    font-weight: 600;
}

a {
    text-decoration: none;
    color          : black;
    cursor         : pointer;
}

a:hover {
    text-decoration: underline;
}

.btn-standard {
    width             : 182px;
    border-radius     : 3px;
    text-align        : center;
    color             : #ffffff;
    display           : inline-block;
    padding           : 9px;
    border            : 0;
    box-sizing        : content-box;
    cursor            : pointer;
    -webkit-appearance: none;
}

.btn-standard:hover {
    text-decoration: none;
}

.btn-standard.green {
    background-color: #7bb83d;
}

.btn-standard.green:hover {
    background-color: #ADD386;
}

.btn-standard.blue {
    background-color: #56c8ee;
}

.btn-standard.grey {
    background-color: #d4dfe6;
}

.color-blue {
    color: #56c8ee;
}

.text-bold {
    font-weight: 600;
}

.text-semibold {
    font-weight: 400;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

#first-section {
    color           : #ffffff;
    background-image: url('../img/bg-0.png');
    background-size : cover;
    background-color: #6974ae;
}

h1 {
    font-size  : 32px;
    font-weight: 600;
    line-height: 43px;
}

h2 {
    font-size  : 20px;
    font-weight: 400;
    line-height: 27px;
}

#first-section h2 a {
    color          : #fff;
    text-decoration: underline;
}

#first-section h1 {
    margin-top: 83px;
}

#first-section h2 {
    margin-bottom: 67px;
}

.timetable {
    display         : inline-block;
    background-color: #535e8f;
    border          : 1px solid #475285;
    border-radius   : 2px;
    box-shadow      : 0 9px 14px rgba(0, 0, 0, 0.18);
    margin          : 8px auto 27px auto;
    text-align      : left;
    padding         : 23px 28px 12px 28px;
}

.timetable__mobile {
    display: none;
}

.timetable table {
    border-collapse: collapse;
    border-spacing : 0px;
}

.timetable p,
.timetable td {
    color      : #cdd4f1;
    font-weight: 400;
}

.timetable h5,
.timetable th {
    color      : #ffffff;
    font-weight: 600;
    width      : 73px;
    padding    : 8px 0px;
}

.timetable tr {
    padding: 8px 0px;
}

.timetable tr>td:nth-child(3) {
    width: 25px;
}

.timetable tr>td:not(:nth-child(3)) {
    width: 200px;
}

.timetable tr>*:not(:nth-child(3)) {
    border-bottom: 1px solid #636d9e;
}

.timetable h5 {
    border-top: 1px solid #636d9e;
}

.timetable h5:first-child {
    border-top: none;
}

.right-left {
    text-align: left;
}

.left-right {
    text-align: right;
}

.left-right>div {
    margin-right: 13px;
}

.right-left>div {
    margin-left: 13px;
}

.mail-a {
    color      : #ffffff;
    font-weight: 400;
}

.contact-promo {
    margin-bottom: 78px;
}

.stats-section {
    background-color: #7681bb;
}

.stat-column {
    width         : 285px;
    display       : inline-block;
    margin        : 33px 0px;
    color         : #ffffff;
    font-weight   : 400;
    text-align    : left;
    padding       : 0px 35px;
    vertical-align: top;
}



.stat-column img {
    float: left;
}

.stat-column p {
    margin: 0px 0px 0px 63px;
}

.stat-column p.stat-column-img {
    margin: 0px;
    vertical-align: middle;
    float: left;
    position: relative;
}

.stat-column p.stat-column-img  span {
    position: absolute;
    left: -1px;
    top: 6px;
    color: #7983B2;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-style: oblique;
    font-size: 19px;
    
}

.stat-column:not(:first-child) {
    border-left: 1px solid #828CC1;
}

.stat-column:last-child {
    padding-right: 0px;
}

.stat-column:first-child {
    padding-right: 0px;
}

#map-contact {
    background-color: #324053;
}

#map-contact iframe {
    max-width  : 100%;
    width      : 100%;
    margin     : 0;
    line-height: 1;
    border     : none;
    height     : 320px;
}

#map-contact #map {
    width     : 100%;
    height    : 320px;
    max-height: 100%;
}

#section-contact-bottom h2 {
    display     : inline-block;
    margin-right: 28px;
}

#section-contact-bottom {
    background-color: #232e3d;
    width           : 100%;
    text-align      : center;
    color           : #ffffff;
}

.contact-bottom {
    margin: 20px 0px;
}

#section-third {
    color             : #6c7684;
    /* background-size: 100%; */
}

.background-l-01 {
    background-color : white;
    background-repeat: no-repeat;
    background-image : url('../img/bg-1.png');
}

.background-l-02 {
    background-color   : #f4f1ee;
    background-repeat  : no-repeat;
    background-image   : url('../img/domaci-pece.png');
    background-position: bottom right;
    border             : 1px solid #ece7e1;
}

.background-l-03 {
    background-color : white;
    background-repeat: no-repeat;
    background-image : url('../img/bg-3.png');
}

.background-l-04 {
    background-color   : #F4F1EE;
    background-repeat  : no-repeat;
    background-image   : url('../img/osobni-trenink.png');
    background-position: bottom right;
}

.button-divide {
    display   : block;
    width     : 100%;
    text-align: center;
}

.button-divide>div {
    display: inline-block;
}

.button-divide>div:nth-child(2) {
    margin: 0px 18px;
}

.button-divide>div:not(:nth-child(2)) {
    height          : 2px;
    background-color: #f1f5f8;
    width           : 30%;
    position        : relative;
    top             : -5px;
}

.product {
    width         : 21%;
    margin        : 0px 12px;
    min-width     : 210px;
    vertical-align: top;
    display       : inline-block;
}

.product h4 {
    color      : #324053;
    font-size  : 18px;
    font-weight: 600;
    line-height: 24px;
}

.product p {
    margin-top: 35px;
    color     : #6c7684;
}

.product .product-image {
    height     : 120px;
    font-size  : 14px;
    font-weight: 400;
    line-height: 23px;
}

.promo-btn {
    margin: 42px 0px 58px;
}

#section-third h3,
#section4 h3 {
    color      : #324053;
    font-size  : 28px;
    font-weight: 300;
    line-height: 38px;
    margin     : 63px 0px 18px 0px;
}

.product-list {
    margin-top: 60px;
}

#section4 {
    background-color: #f1f5f8;
}

.box-references.slider {
    height : 170px;
    /*width: 80%;
	min-width : 958px;*/
    width  : 1000px;
    margin : 0 auto;
}

.box-references.slider .ref-text {
    margin        : 32px 36px 12px 36px;
    font-family   : "Open Sans";
    font-size     : 16px;
    line-height   : 25px;
    font-style    : italic;
    letter-spacing: -0.2px;
}

.box-references.small {
    /*max-width: 810px;
	width: 80%;*/
    width : 1000px;
    margin: 0 auto;
}

.box-references.small .ref-text {
    margin     : 20px 24px 12px 24px;
    font-family: "Open Sans";
    font-size  : 16px;
    line-height: 25px;
    font-weight: 400;
    font-style : italic;
}

.box-references {
    border-radius: 3px;
    position     : relative;
    top          : -80px;
    margin       : auto;
}

.box-references .bg-cover {
    background-color: white;
    border          : 2px solid #dee6ec;
    padding         : 8px;
    z-index         : 50;
    /*width         : 100%;*/
    /*width         : 100%;*/
    height          : 100%;
    position        : relative;
    box-shadow      : 0 2px 9px rgba(0, 0, 0, 0.07);
}

.box-references .ref-inner {
    height       : 100%;
    position     : relative;
    border       : 1px dashed #e0e6ea;
    border-radius: 3px;
}

.box-references .ref-inner .ref-text {
    color: #324053;
}

.box-references .ref-inner .ref-more {
    position   : absolute;
    bottom     : 12px;
    right      : 12px;
    color      : #afbec7;
    font-family: "Open Sans";
    font-size  : 13px;
    font-weight: 400;
    line-height: 18px;
}

.box-references .ref-inner .people-wrapper {
    width   : 100%;
    position: absolute;
    bottom  : 25px;
}

.box-references .ref-inner .people-wrapper .swiper-slide {
    height     : 24px;
    white-space: nowrap;
}

.box-references .ref-inner .ref-swiper-peoples {
    /* width: 250px; */
}

.box-references .ref-inner .people-name {
    color      : #6c7684;
    font-family: "Open Sans";
    font-size  : 15px;
    font-weight: 600;
    line-height: 24px;
    white-space: nowrap;
}

.box-references .ref-inner .people-icon {
    margin-right: 13px;
}

.box-references .ref-inner .ref-desc {
    position   : absolute;
    width      : 100%;
    bottom     : -33px;
    text-align : center;
    color      : #afbec7;
    font-family: "Open Sans";
    font-size  : 13px;
    font-weight: 400;
    line-height: 18px;
}

.box-references .ref-inner .people-left {
    margin: 0px 0px 20px 27px;
}

.box-references.slider:after {
    width: 1000px;
}

.box-references:after {
    /*
	background: -moz-linear-gradient(left,  rgba(195,208,217,0) 0%, rgba(195,208,217,1) 50%, rgba(195,208,217,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(195,208,217,0) 0%,rgba(195,208,217,1) 50%,rgba(195,208,217,0) 100%);
	background: linear-gradient(to right,  rgba(195,208,217,0) 0%,rgba(195,208,217,1) 50%,rgba(195,208,217,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c3d0d9', endColorstr='#00c3d0d9',GradientType=1 );
	*/
    width           : 1000px;
    height          : 119px;
    position        : relative;
    content         : '';
    background-image: url('../img/bg-gradient.png');
    z-index         : 0;
    display         : block;
    background-size : 100% 100%;
    margin          : auto;
    margin-top      : -80px;
}

#section4 h3 {
    margin-top: 0px;
}

.clear100 {
    clear : both;
    height: 100px;
}

.heading-main-big {
    display       : block;
    color         : #ffffff;
    font-family   : Helvetica;
    font-size     : 20px;
    font-weight   : 700;
    line-height   : 24px;
    text-transform: uppercase;
    font-style    : italic;
}

.heading-main-small {
    display    : block;
    color      : #b2bfd2;
    font-family: Helvetica;
    font-size  : 13px;
    line-height: 16px;
    font-style : italic;
}

.swiper-slide {
    display    : inline-block;
    flex-shrink: 0;
    width      : 100%;
    height     : 81px;
    overflow   : hidden;
    position   : relative;
}

.swiper-container {
    overflow: hidden;
}

.swiper-button-next {
    background-image       : url('../img/swiper-right.png');
    cursor                 : pointer;
    -moz-background-size   : 17px 17px;
    -webkit-background-size: 17px 17px;
    background-size        : 17px 17px;
    background-position    : center;
    background-repeat      : no-repeat;
}

.swiper-button-prev {
    background-image       : url('../img/swiper-left.png');
    cursor                 : pointer;
    -moz-background-size   : 17px 17px;
    -webkit-background-size: 17px 17px;
    background-size        : 17px 17px;
    background-position    : center;
    background-repeat      : no-repeat;
}

.doctor {
    width     : 100%;
    position  : relative;
    margin-top: 40px;
}

.doctor .doctor-pic {
    display       : table-cell;
    vertical-align: top;
}

.doctor .doctor-pic .doctor-pic-border {
    background-color: #e6ebef;
    border          : 1px solid #dfe3e6;
    padding         : 26px;
    border-radius   : 8px;
}

.doctor .doctor-pic .doctor-pic-border img {
    max-width: none;
}

.doctor .doctor-pic img {
    border       : 4px solid #dae1e7;
    border-radius: 4px;
    display      : block;
}

.doctor .content-doctor {
    display       : table-cell;
    vertical-align: top;
    padding-left  : 80px;
    padding-top   : 30px;
    padding-right : 30px;
    text-align    : left;
}

.doctor .content-doctor h4 {
    color        : #4b5e6d;
    font-family  : "Open Sans";
    font-size    : 20px;
    font-weight  : 600;
    line-height  : 24px;
    margin-bottom: 22px;
}

.doctor .content-doctor .info-doctor-text,
.doctor .content-doctor p {
    color      : #7f93a2;
    font-family: "Open Sans";
    font-size  : 15px;
    font-weight: 400;
    line-height: 30px;
    text-align : justify;
}

.doctor:nth-child(2n) .doctor-pic {
    float: right;
}

.icons-set {
    margin-top: 20px;
}

.icons-set .social-icon {
    display     : inline-block;
    margin-right: 17px;
}

.icons-set a {
    opacity: 0.4;
}

.icons-set a:hover {
    opacity: 1;
}

.top-page-position {
    margin       : auto;
    text-align   : left;
    padding      : 10px 0px;
    border-bottom: 1px solid #868FBD;
    color        : white;
    font-size    : 13px;
    line-height  : 18px;
    font-weight  : 400;
}

.top-page-position a {
    color: white;
}

.top-page-position a:hover,
.top-page-position span.color-blue {
    color: #56c8ee;
}

.top-page-position span.color-blue {
    font-weight: 600;
}

.section-white {
    background-color: white;
}

.transform-top {
    position: relative;
    top     : -60px;
}

.transform-top.transform100 {
    top: -100px;
}

#contact-field {
    background-color: #feffff;
    border          : 1px solid #edf2f6;
    border-radius   : 4px;
    padding         : 16px;
}

#contact-field .left-side {
    display: inline-block;
    width  : 245px;
    float  : left;
}

#contact-field .right-side {
    display       : inline-block;
    vertical-align: top;
    float         : right;
    width         : 700px;
}

#contact-field .right-side .wrapper {
    background-color: #f6f9fb;
    border          : 1px solid #edf2f6;
    border-radius   : 4px;
    padding         : 0px 25px;
}

#contact-field h3 {
    color      : #4b5e6d;
    font-family: "Open Sans";
    font-size  : 20px;
    font-weight: 600;
    line-height: 24px;
    margin     : 18px 8px;
}

#contact-field h4 {
    color      : #6a7b91;
    font-family: "Open Sans";
    font-size  : 16px;
    font-weight: 600;
    line-height: 22px;
    text-align : center;
    margin     : 23px 0px 35px;
}

#contact-field p.address-p {
    font-family: "Open Sans";
    font-size  : 14px;
    font-weight: 400;
    color      : #7a8aa1;
    line-height: 20px;
    margin     : 5px 0px 25px 8px;
}

#contact-field p.contact-p {
    font-family: "Open Sans";
    font-size  : 14px;
    font-weight: 400;
    color      : #7a8aa1;
    line-height: 25px;
    margin     : 0px 0px 25px 8px;
}

#contact-field .mail-contact {
    margin   : 0px 0px 0px 8px;
    font-size: 0.8em;
}

#contact-field .icons-set {
    margin: 37px 0px 0px 8px;
}

#contact-field input[type="text"],
#contact-field textarea {
    background-color: white;
    border          : 1px solid #dfe8ed;
    border-radius   : 4px;
    padding         : 11px 14px 11px 14px;
    box-shadow      : inset 0 0 4px rgba(0, 0, 0, 0.22);
    width           : 89%;
    color           : #97a6af;
    font-family     : "Open Sans";
    font-size       : 13px;
    font-weight     : 400;
    line-height     : 18px;
    margin          : 0px 0px 20px 0px;
}

#contact-field input[type="text"].error {
    border: 1px solid #B21D00;
}

#contact-field em.error {
    display   : block;
    color     : #B21D00;
    font-size : 11px;
    clear     : both;
    margin-top: -10px;
    text-align: left;
    padding   : 0 0 20px 20px;
}

#contact-field textarea {
    height: 142px;
    resize: none;
}

#contact-field select,
#contact-field div.selector {
    color                                             : #97a6af;
    font-family                                       : "Open Sans";
    font-size                                         : 13px;
    font-weight                                       : 400;
    line-height                                       : 18px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f5f8+0,e3eaf0+100 */
    background                                        : #f1f5f8;
    /* Old browsers */
    background                                        : -moz-linear-gradient(top, #f1f5f8 0%, #e3eaf0 100%);
    /* FF3.6-15 */
    background                                        : -webkit-linear-gradient(top, #f1f5f8 0%, #e3eaf0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background                                        : linear-gradient(to bottom, #f1f5f8 0%, #e3eaf0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter                                            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f5f8', endColorstr='#e3eaf0', GradientType=0);
    /* IE6-9 */
    border                                            : 1px solid #dfe8ed;
    border-radius                                     : 4px;
    padding                                           : 6px 14px 8px 14px;
    width                                             : 89% !important;
    position                                          : relative;
}

#contact-field div.selector select {
    height       : 100%;
    width        : 100% !important;
    padding      : 0;
    position     : absolute;
    top          : 0px;
    left         : 0px;
    margin-bottom: 8px;
}

#contact-field div.selector span {
    color      : #97a6af;
    font-family: "Open Sans";
    font-size  : 13px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 4px;
}

#contact-field div.selector:after {
    background-image : url('../img/drop-down-icon.png');
    background-repeat: no-repeat;
    content          : '';
    display          : block;
    position         : absolute;
    right            : 20px;
    top              : 17px;
    width            : 15px;
    height           : 14px;
}

#contact-field .contact-form .form-left {
    float     : left;
    display   : inline-block;
    width     : 37%;
    text-align: left;
}

#contact-field .contact-form .form-right {
    float     : right;
    width     : 63%;
    display   : inline-block;
    text-align: right;
}

#contact-field .contact-form .form-right em.error {
    padding: 0 0 0 56px;
}

#contact-field .contact-form .wrapper-form {
    border-bottom: 1px solid #dfe8ed;
    /* padding   : 0px 0px 20px 0px; */
}

#contact-field .contact-form .confirm-p {
    color      : #a5b1c1;
    font-family: "Open Sans";
    font-size  : 13px;
    font-style : italic;
    line-height: 18px;
    text-align : center;
    max-width  : 606px;
    margin     : 18px auto;
}

#contact-field .contact-form .btn-standard {
    color      : white;
    font-family: "Open Sans";
    font-size  : 15px;
    font-weight: 600;
    line-height: 20px;
    margin     : 0px 0px 20px 0px;
    height     : 27px;
}

#contact-field .invalid-input {
    color     : #ff566b !important;
    border    : 1px solid #f1ced2 !important;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.22) !important;
}

#pricelist .left-side {
    display         : block;
    width           : 63%;
    float           : left;
    background-color: #feffff;
    border          : 1px solid #edf2f6;
    border-radius   : 4px;
}

#pricelist .left-side .wrapper {
    padding: 18px 24px 36px 17px;
}

#pricelist .left-side table {
    width         : 100%;
    border-spacing: 0;
}

#pricelist .left-side table td:first-child {
    width     : 80%;
    text-align: left;
}

#pricelist .left-side table td:last-child {
    width     : 20%;
    text-align: right;
}

#pricelist .left-side table tr:nth-child(2n-1) {
    background-color: #f1f5f8;
}

#pricelist .left-side table tr:nth-child(2n-1) td:first-child {
    border-left  : 1px solid #dee7ed;
    border-top   : 1px solid #dee7ed;
    border-bottom: 1px solid #dee7ed;
}

#pricelist .left-side table tr:nth-child(2n-1) td:last-child {
    border-right : 1px solid #dee7ed;
    border-top   : 1px solid #dee7ed;
    border-bottom: 1px solid #dee7ed;
}

#pricelist .left-side table td .bold:not(.color-blue) {
    color: #324053;
}

#pricelist .left-side table td {
    color  : #7c9dae;
    padding: 6px 9px;
}

#pricelist .right-side {
    display         : block;
    float           : right;
    width           : 35%;
    border-radius   : 4px;
    background-color: #f1f5f8;
    border          : 1px solid #e4ebf0;
}

#pricelist .right-side .wrapper {
    padding: 0px 25px 10px 27px;
}

#pricelist h3 {
    color         : #6a7b91;
    font-family   : "Open Sans";
    font-size     : 16px;
    font-weight   : 400;
    line-height   : 22px;
    position      : relative;
    margin        : 20px 0px 0px 0px;
    padding-bottom: 18px;
    border-bottom : 1px solid #dfe8ed;
}

#pricelist h3:before {
    content          : '';
    background-image : url('../img/info-icon.png');
    background-repeat: no-repeat;
    width            : 20px;
    height           : 20px;
    margin-right     : 14px;
    display          : inline-block;
    vertical-align   : bottom;
}

#pricelist .info-p {
    color      : #97a6af;
    font-family: "Open Sans";
    font-size  : 13px;
    line-height: 18px;
    font-style : italic;
    text-align : left;
    margin-top : 18px;
}

#pricelist .info-p:not(:last-child) {
    padding-bottom: 18px;
    border-bottom : 1px solid #dfe8ed;
}

#pricelist .info-p .highlighted {
    color      : #728590;
    font-weight: 600;
}

#solutions {
    margin-top   : 45px;
    margin-bottom: 119px;
    max-width    : 1050px;
}

#solutions h3 {
    font-family  : "Open Sans";
    font-size    : 28px;
    font-weight  : 300;
    line-height  : 38px;
    text-align   : center;
    margin-bottom: 86px;
}

#solutions .column-3 .wrapper {
    padding: 14px;
}

#solutions .column-3 img {
    display: block;
    margin : auto;
}

#solutions .column-3 h4 {
    font-family: "Open Sans";
    color      : #56c8ee;
    font-size  : 18px;
    font-weight: 600;
    line-height: 24px;
    width      : 75%;
    margin     : 32px auto 26px auto;
}

#solutions .column-3 p {
    color      : #272d3d;
    font-size  : 14px;
    font-weight: 400;
    line-height: 19px;
    width      : 75%;
    margin     : auto;
}

#articles {
    top     : -76px;
    position: relative;
}

#articles h3 {
    font-family  : "Open Sans";
    font-size    : 28px;
    font-weight  : 300;
    line-height  : 38px;
    text-align   : center;
    margin-bottom: 86px;
}

#articles ul {
    padding      : 0 0 10px 0;
    margin       : 0 14px 8px;
    border-bottom: 1px solid #868fbd;
}

#articles ul li {
    margin         : 0px;
    padding        : 0px;
    display        : inline-block;
    list-style-type: none;
}

#articles ul li a {
    display  : inline-block;
    color    : #fff;
    font-size: 13px;
    padding  : 0 14px;
}

#articles ul li a.active {
    text-decoration: underline;
}

#articles .column-3 {
    margin-bottom: 50px;
}

#articles .column-3 .wrapper {
    padding: 14px;
}

#articles .column-3 img {
    display: block;
    margin : auto;
    border : 2px solid #868fbd;
}

#articles .column-3 h4 {
    font-family: "Open Sans";
    color      : #56c8ee;
    font-size  : 18px;
    font-weight: 600;
    line-height: 24px;
    width      : 75%;
    margin     : 32px auto 26px auto;
}

#articles .column-3 p {
    color      : #272d3d;
    font-size  : 14px;
    font-weight: 400;
    line-height: 19px;
    width      : 75%;
    margin     : auto;
}

#articles .column-3:nth-child(3n+1) {
    clear: both;
}

.offer {
    padding : 65px 0px 60px 0px;
    position: relative;
}

.offer .img-part {
    width     : 32%;
    margin-top: 5%;
}

.offer .text-part {
    width: 68%;
    float: right;
}

.offer .text-part .wrapper {
    padding: 0px 0px 0px 0px;
}

.offer .img-part.left {
    float: left;
}

.offer .img-part.right {
    float: right;
}

.offer h3 {
    color      : #324053;
    font-family: "Open Sans";
    font-size  : 20px;
    font-weight: 600;
    line-height: 27px;
}

.offer p {
    color      : #6c7684;
    font-family: "Open Sans";
    font-size  : 14px;
    font-weight: 400;
    line-height: 23px;
    margin     : 22px 0px 18px 0px;
    text-align : justify;
}

.offer ul {
    font-family: "Open Sans";
    font-size  : 14px;
    line-height: 25px;
    color      : #324053;
    font-weight: 400;
    margin     : 0px 0px 16px 0px;
}

.offer .section {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    max-width    : 525px;
}

.bold {
    font-weight: 600;
}

.clear20 {
    height: 20px;
    clear : both;
}

.clear50 {
    height: 50px;
    clear : both;
}

.clear-100 {
    clear     : both;
    margin-top: -100px;
}

.clear-50 {
    clear     : both;
    margin-top: -50px;
}

.vcenter {
    display: table;
    height : 100%;
    margin : auto;
}

.vcenter .center-col {
    display       : table-cell;
    vertical-align: middle;
}

.promo-btn-top .promo-btn {
    margin-top: 0px;
}

article.std-article {
    width : 700px;
    margin: auto;
}

article.std-article h3 {
    font-family: "Open Sans";
    color      : #56c8ee;
    font-size  : 25px;
    font-weight: 600;
    line-height: 25px;
    margin     : 32px 0px 30px 0px;
}

article.std-article p {
    color        : #324053;
    font-family  : "Open Sans";
    font-size    : 16px;
    font-weight  : 400;
    line-height  : 25px;
    margin-bottom: 43px;
    text-align   : justify;
}

article.std-article p.promo-p {
    font-family: "Open Sans";
    color      : #324053;
    font-size  : 16px;
    font-style : italic;
    line-height: 25px;
}

article.std-article h4 {
    color        : #324053;
    font-family  : "Open Sans";
    font-size    : 16px;
    line-height  : 25px;
    font-weight  : 600;
    margin-bottom: 43px;
}

article.std-article ul {
    color      : #324053;
    font-family: "Open Sans";
    font-size  : 16px;
    font-weight: 400;
    line-height: 25px;
    margin     : 14px 0px 43px 0px;
}

article.std-article .line {
    margin-top   : 14px;
    margin-bottom: 22px;
    border-bottom: 1px solid #e4e4e4;
}

article.std-article img {
    max-width: 100% !important;
    height   : auto !important;
}

.invalid-input {
    color     : #ff566b !important;
    border    : 1px solid #f1ced2 !important;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.22) !important;
}

/*section:not(.small),
header,
footer {
	width: 100%;
}*/
.inner80 {
    width : 1000px;
    margin: 0 auto;
}

.inner70 {
    min-width: 950px;
}

.messageBox p.message {
    border-radius: 5px;
    padding      : 5px 0;
    font-size    : 14px;
    font-weight  : bold;
    text-align   : center;
    margin       : 0 0 10px 0;
}

.messageBox p.ok {
    border: 1px solid #7bb83d;
    color : #7bb83d;
}

.messageBox p.error {
    border: 1px solid #b21d00;
    color : #b21d00;
}

.header_menuOpener {
    cursor     : pointer;
    display    : none;
    float      : right;
    height     : 37px;
    margin-left: 0px;
    margin-top : 21px;
    position   : relative;
    width      : 25px;
}

.header_menuOpener .header_menuOpener_hambunger span,
.header_menuOpener .header_menuOpener_hambunger:before,
.header_menuOpener .header_menuOpener_hambunger:after {
    content         : "";
    height          : 4px;
    left            : 0;
    position        : absolute;
    transform-origin: 50% 50% 0;
    width           : 25px;
}

.header_menuOpener .header_menuOpener_hambunger:before {
    background: #fff;
    top       : 0;
}

.header_menuOpener .header_menuOpener_hambunger:after {
    background: #fff;
    top       : 16px;
}

.header_menuOpener .header_menuOpener_hambunger span {
    background: #fff;
    top       : 8px;
}

ul.detailTags {
    padding      : 0 0 10px 0;
    width        : 700px;
    margin       : 0 auto;
    margin-bottom: 8px;
}

ul.detailTags li:first-child {
    padding-right: 5px;
}

ul.detailTags li {
    color          : #fff;
    font-size      : 13px;
    padding        : 0 14px;
    padding-right  : 14px;
    list-style-type: none;
    display        : inline-block;
}

ul.detailTags li a {
    color      : #fff;
    font-weight: 600;
}

footer {
    position        : relative;
    background-color: #324053;
    padding         : 27px 0px;
    color           : #929292 !important;
}

.panel-bottom {
    /* color: #e2e2e2; */
    font-family   : "Open Sans";
    font-size     : 14px;
    font-weight   : 400;
    line-height   : 32px;
    margin        : 11px 26px 0px 0px;
    text-align    : left;
    /*display     : inline-block;*/
    display       : block;
    width         : 270px;
    float         : left;
    vertical-align: top;
    color         : #b2bfd2;
}

#pb-04 {
    float       : right;
    margin-right: 0px;
    width       : 308px;
}

.panel-bottom ul {
    margin      : 14px 0px;
    padding-left: 25px;
}

.panel-bottom ul li:empty {
    list-style: none;
    height    : 32px;
}

.panel-bottom a {
    color: inherit;
}

.panel-bottom a:hover,
.panel-bottom a.active {
    text-decoration: underline;
    color          : #ffffff;
}

.panel-bottom h4 {
    padding-bottom: 14px;
    color         : #ffffff;
    font-size     : 20px;
    font-weight   : 400;
    line-height   : 24px;
}

.last-footer {
    padding-top: 12px;
    border-top : 1px solid #425167;
}

.last-footer,
.last-footer a {
    font-family: Helvetica;
    font-size  : 12px;
    font-weight: 400;
    color      : #b2bfd2;
    line-height: 14px;
}

.bottom-menu ul li {
    display: inline-block;
    margin : 0px 10px;
}

.bottom-menu a {
    color: #b2bfd2;
}

.right-bottom {
    float: right;
}

.left-bottom {
    float: left;
}

.panel-bottom .bottom-a {
    color: #56c8ee;
}

.panel-bottom .bottom-a:hover {
    color: #56c8ee;
}

#form-contact {
    position: fixed;
    top     : 0px;
    left    : 0px;
    display : none;
    width   : 100%;
    height  : 100%;
    z-index : 1111111;
}

#form-contact .shadow {
    position        : absolute;
    top             : 0px;
    left            : 0px;
    background-color: rgba(50, 64, 83, 0.9);
    width           : 100%;
    height          : 100%;
    z-index         : 500;
}

#form-contact .vertical {
    display  : table;
    max-width: 820px;
    width    : 100%;
    margin   : auto;
    height   : 100%;
}

#form-contact .vertical .wrapper {
    display       : table-cell;
    vertical-align: middle;
    height        : 425px;
    z-index       : 1000;
    position      : relative;
    overflow      : auto;
}

#form-contact .vertical .wrapper2 {
    background-color: #f1f5f8;
    border          : 1px solid #e4ebf0;
    border-radius   : 4px;
    box-shadow      : 0 2px 14px rgba(0, 0, 0, 0.07);
    padding         : 0px 35px;
    position        : relative;
    overflow        : hidden;
}

#form-contact .contact-form .form-left {
    float     : left;
    display   : inline-block;
    width     : 37%;
    text-align: left;
}

#form-contact .contact-form .form-right {
    float     : right;
    width     : 63%;
    display   : inline-block;
    text-align: right;
}

#form-contact .contact-form .wrapper-form {
    border-bottom: 1px solid #dfe8ed;
    /* padding   : 0px 0px 20px 0px; */
}

#form-contact .contact-form .confirm-p {
    color      : #a5b1c1;
    font-family: "Open Sans";
    font-size  : 13px;
    font-style : italic;
    line-height: 18px;
    text-align : center;
    max-width  : 606px;
    margin     : 18px auto;
}

#form-contact .contact-form input.btn-standard {
    color      : white;
    font-family: "Open Sans";
    font-size  : 15px;
    font-weight: 600;
    line-height: 20px;
    margin     : 0px 0px 20px 0px;
    height     : 27px;
    float      : left;
}

#form-contact .contact-form a.btn-standard {
    float : right;
    height: 27px;
}

#form-contact h4 {
    color         : #6a7b91;
    font-family   : "Open Sans";
    font-size     : 16px;
    font-weight   : 600;
    line-height   : 22px;
    text-align    : center;
    margin        : 23px 0px 21px;
    border-bottom : 1px solid #dfe8ed;
    padding-bottom: 17px;
}

#form-contact input[type="text"],
#form-contact textarea {
    background-color: white;
    border          : 1px solid #dfe8ed;
    border-radius   : 4px;
    padding         : 11px 14px 11px 14px;
    box-shadow      : inset 0 0 4px rgba(0, 0, 0, 0.22);
    width           : 89%;
    color           : #97a6af;
    font-family     : "Open Sans";
    font-size       : 13px;
    font-weight     : 400;
    line-height     : 18px;
    margin          : 0px 0px 20px 0px;
}

#form-contact input[type="text"].error,
#form-contact textarea.error {
    border: 1px solid #B21D00;
}

#form-contact em.error,
#form-contact em.error {
    display   : block;
    color     : #B21D00;
    font-size : 11px;
    clear     : both;
    margin-top: -10px;
    text-align: left;
    padding   : 0 0 20px 20px;
}

#form-contact textarea {
    height: 142px;
    resize: none;
}

#form-contact select,
#form-contact div.selector {
    color                                             : #97a6af;
    font-family                                       : "Open Sans";
    font-size                                         : 13px;
    font-weight                                       : 400;
    line-height                                       : 18px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f5f8+0,e3eaf0+100 */
    background                                        : #f1f5f8;
    /* Old browsers */
    background                                        : -moz-linear-gradient(top, #f1f5f8 0%, #e3eaf0 100%);
    /* FF3.6-15 */
    background                                        : -webkit-linear-gradient(top, #f1f5f8 0%, #e3eaf0 100%);
    /* Chrome10-25,Safari5.1-6 */
    background                                        : linear-gradient(to bottom, #f1f5f8 0%, #e3eaf0 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter                                            : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f5f8', endColorstr='#e3eaf0', GradientType=0);
    /* IE6-9 */
    border                                            : 1px solid #dfe8ed;
    border-radius                                     : 4px;
    padding                                           : 10px 14px 12px 14px;
    width                                             : 89% !important;
    position                                          : relative;
}

#form-contact div.selector select {
    height       : 100%;
    width        : 100% !important;
    padding      : 0;
    position     : absolute;
    top          : 0px;
    left         : 0px;
    margin-bottom: 8px;
    opacity      : 0;
}

#form-contact div.selector span {
    color      : #97a6af;
    font-family: "Open Sans";
    width      : 100% !important;
    font-size  : 13px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 4px;
}

#form-contact div.selector:after {
    background-image : url('../img/drop-down-icon.png');
    background-repeat: no-repeat;
    content          : '';
    display          : block;
    position         : absolute;
    right            : 20px;
    top              : 17px;
    width            : 15px;
    height           : 14px;
}

#form-contact .invalid-input {
    color     : #ff566b !important;
    border    : 1px solid #f1ced2 !important;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.22) !important;
}

#form-contact .close-form {
    position: absolute;
    right   : 14px;
    top     : 10px;
    cursor  : pointer;
}

#form-contact .form-right em.error {
    padding: 0 0 0 40px;
}

@media screen and (max-width: 1290px) {
    html {
        font-size: 10px;
    }

    .inner70,
    .inner80 {
        width    : 95%;
        min-width: 95%;
    }

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

    article.std-article {
        width: 100%;
    }

    .box-references.small {
        width: 100%;
    }

    #articles .inner80 {
        width: 100%;
    }

    #first-section {
        background-position: top center;
        background-size    : auto;
        background-repeat  : no-repeat;
    }

    #first-section h3 {
        font-size: 20px;
        font-size: 2rem;
    }

    .timetable h5,
    .timetable p,
    .timetable tr td,
    .timetable tr th {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .btn-standard {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .contact-promo .right-left {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .stat-column {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .product p {
        font-size: 14px;
        font-size: 1.4rem;
    }

    #pricelist .left-side table td {
        font-size: 14px;
        font-size: 1.4rem;
    }

    #contact-field .mail-contact {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .panel-bottom a {
        font-size: 13px;
        font-size: 1.3rem;
    }

    .panel-bottom h4 {
        font-size: 19px;
        font-size: 1.9rem;
    }

    .box-references.slider {
        width: 95%;
    }

    .box-references::after,
    .box-references.slider::after {
        width: 95%;
    }

    .box-references.slider {
        height: 328px;
    }

    .box-references .ref-inner .people-wrapper {
        position: static;
    }

    .ref-text .swiper-slide {
        height  : 246px;
        overflow: hidden;
    }

    .ref-text .swiper-slide p {
        display       : table-cell;
        height        : 246px;
        vertical-align: middle;
    }
}

@media screen and (max-width: 1068px) {
    .stat-column {
        width  : 29.66%;
        padding: 0px 2%;
    }

    .stat-column:first-child {
        padding: 0px 2%;
    }

    .product-list {
        display: block;
    }

    .product {
        width         : 45%;
        min-width     : 45%;
        display       : inline-block;
        margin        : 0 2.5%;
        min-height    : 300px;
        overflow      : hidden;
        padding-bottom: 20px;
    }

    .promo-btn {
        clear: both;
    }

    #contact-field .left-side {
        width: 30%;
    }

    #contact-field .right-side {
        width: 70%;
    }

    #contact-field input[type="text"],
    #contact-field textarea {
        width  : 89%;
        padding: 11px 4%;
    }

    #contact-field div.selector select {
        width: 80% !important;
    }

    #contact-field select,
    #contact-field div.selector {
        width: 80% !important;
    }
}

@media screen and (max-width: 1000px) {

    #pb-01,
    #pb-02,
    #pb-04 {
        width : 33.33%;
        margin: 0px;
    }
}

@media screen and (max-width: 990px) {

    .inner70,
    .inner80 {
        width    : 92%;
        min-width: 92%;
    }

    .header_menuOpener {
        display: block;
    }

    header {
        position: relative;
    }

    #header-right-side {
        display       : none;
        position      : absolute;
        float         : none;
        width         : 100%;
        top           : 63px;
        left          : 0px;
        margin        : 0px;
        background    : #373E5B;
        padding-bottom: 5px;
    }

    .main-menu ul li {
        text-align: center;
        display   : block;
        margin    : 0px;
    }

    .main-menu ul li a {
        text-transform: uppercase;
        display       : block;
        padding       : 14px 0;
        border-top    : 1px solid #636d9e;
        font-size     : 13px;
        font-size     : 1.3rem;
        /*font-size   : 14px;*/
    }

    .doctor {
        padding-bottom: 20px;
    }

    .doctor .doctor-pic {
        vertical-align: middle;
    }

    .doctor .content-doctor {
        padding-left  : 45px;
        padding-top   : 0px;
        vertical-align: middle;
    }

    #contact-field .left-side {
        width: 35%;
    }

    #contact-field .right-side {
        width: 60%;
    }

    #contact-field .contact-form .form-left {
        width: 100%;
        float: none;
    }

    #contact-field .contact-form .form-right {
        width: 100%;
        float: none;
    }

    #contact-field .contact-form input[type="text"],
    #contact-field .contact-form textarea {
        width: 92%;
    }

    #contact-field .contact-form select,
    #contact-field .contact-form div.selector {
        width: 93% !important;
    }

    #contact-field .contact-form div.selector select {
        width: 100% !important;
    }

    #contact-field .contact-form div.selector {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 844px) {
    .stat-column {
        display: block;
        width  : 95%;
        margin : 0 auto;
        padding: 0px;
    }

    .stat-column img {
        float         : none;
        display       : inline-block;
        vertical-align: middle;
    }

    

    .stat-column p {
        display       : inline-block;
        vertical-align: middle;
        padding       : 0px;
        margin        : 0 0 0 10%;
        width         : 60%;
    }

    .stat-column p.stat-column-img{
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: auto;
    }

    .stat-column,
    .stat-column:first-child {
        padding: 15px 0;
    }

    .stat-column:not(:first-child) {
        border: none;
    }

    #section-contact-bottom h2 {
        display: block;
        margin : 0 0 10px 0;
    }

    #articles .column-3 {
        width: 50%;
    }

    #articles .column-3 .color-blue-img {
        width  : 80%;
        display: block;
        margin : 0 auto;
    }

    #articles .column-3 img {
        max-width: 100%;
    }

    #articles .column-3:nth-child(3n+1) {
        clear: none;
    }

    #articles .column-3:nth-child(2n+1) {
        clear: both;
    }

    #pricelist .left-side {
        width: 100%;
        float: none;
    }

    #pricelist .left-side .wrapper {
        padding-bottom: 10px;
    }

    #pricelist .right-side {
        width : 100%;
        float : none;
        margin: 20px 0 0 0;
    }

    #articles ul.articelSign li {
        width: 33.33%;
    }
}

@media screen and (max-width: 814px) {

    #pb-01,
    #pb-02 {
        width: 50%;
    }

    #pb-04 {
        width: 100%;
    }

    #pb-04 ul li {
        float: left;
        width: 50%;
    }

    #pb-04 ul li:nth-child(4n) {
        clear: both;
    }

    #pb-04 ul li:empty {
        display: none;
    }

    .right-bottom {
        float     : none;
        display   : block;
        padding   : 15px 0 0 0;
        text-align: center;
    }

    .left-bottom {
        float     : none;
        display   : block;
        text-align: center;
    }

    .bottom-menu ul li {
        padding-top: 10px;
    }
}

@media screen and (max-width: 699px) {

    .inner70,
    .inner80 {
        width    : 88%;
        min-width: 88%;
    }

    /*.clear50{
	height: auto;
    }*/
    .timetable tr td span {
        display: block;
    }

    .stats-section {
        padding-bottom: 35px;
    }

    .product {
        width         : 100%;
        min-width     : auto;
        min-height    : auto;
        margin        : 0px;
        padding-bottom: 38px;
    }

    .product p {
        margin-top: 10px;
    }

    .product h4 {
        padding: 10px 0 0 0;
    }

    .product .product-image {
        height     : auto;
        line-height: normal;
    }

    .button-divide>div:not(:nth-child(2)) {
        width: 20%;
    }

    .stat-column img {
        text-align: center;
        display   : block;
        margin    : 0 auto;
    }

    .stat-column p {
        display   : block;
        text-align: center;
        width     : 100%;
        margin    : 5px 0 0 0;
    }

    .stat-column p.stat-column-img{
        text-align: center;
        width: 100%;
    }

    .stat-column,
    .stat-column:first-child {
        padding-bottom: 0px;
    }

    .box-references .ref-inner .ref-more {
        display: none;
    }

    .doctor {
        text-align    : center;
        padding-bottom: 0px;
    }

    .doctor .doctor-pic {
        display      : inline-block;
        margin-bottom: 20px;
    }

    .doctor .doctor-pic img {
        max-width: 100%;
    }

    .doctor .content-doctor {
        padding-left : 0px;
        display      : block;
        text-align   : center;
        padding-right: 0px;
    }

    .doctor:nth-child(2n) .doctor-pic {
        float: none;
    }

    .offer {
        text-align : center;
        padding-top: 10px;
    }

    .offer .img-part.right,
    .offer .img-part.left {
        float         : none;
        width         : 100%;
        padding-bottom: 20px;
        margin-top    : 20px;
    }

    .offer .text-part {
        width: 100%;
    }

    .offer .section {
        max-width: 100%;
    }

    .offer ul {
        text-align: left;
    }

    #solutions {
        margin-top: 20px;
    }

    #solutions h3 {
        margin-bottom: 20px;
    }

    #solutions .column-3 {
        width      : 100%;
        float      : none;
        clear      : both;
        padding-top: 20px;
    }

    #solutions .color-blue-img {
        display: block;
        width  : 30%;
        float  : left;
    }

    #solutions .column-3 h4 {
        width     : 100%;
        margin    : 0px;
        text-align: left;
    }

    #solutions .column-3 p {
        width     : 100%;
        margin    : 5px 0 0 0;
        text-align: left;
    }

    #solutions .article_text_content {
        width: 60%;
        float: right;
    }

    #articles .column-3 {
        width      : 100%;
        float      : none;
        clear      : both;
        padding-top: 20px;
    }

    #articles .column-3 .color-blue-img {
        display: block;
        width  : 30%;
        float  : left;
    }

    #articles .column-3 .article_text_content {
        width: 60%;
        float: right;
    }

    #articles .column-3 h4 {
        width     : 100%;
        margin    : 0px;
        text-align: left;
    }

    #articles .column-3 p {
        width     : 100%;
        margin    : 5px 0 0 0;
        text-align: left;
    }

    #articles .column-3:nth-child(3n+1) {
        clear: both;
    }

    #articles ul {
        margin: 0 0 8px;
    }

    #contact-field .left-side {
        width         : 100%;
        float         : none;
        text-align    : center;
        padding-bottom: 10px;
    }

    #contact-field .right-side {
        width: 100%;
        float: none;
    }

    #contact-field .icons-set {
        margin-top   : 10px;
        margin-bottom: 15px;
    }

    .timetable {
        display      : none;
        width        : 100%;
        padding-left : 0px;
        padding-right: 0px;
        margin       : 0 auto;
        margin-top   : 15px;
        margin-bottom: 30px;
    }

    .timetable table {
        width: 100%;
    }

    .timetable tr td,
    .timetable tr th {
        display   : block;
        width     : 95%;
        margin    : 0 auto;
        text-align: center;
    }

    .timetable h5,
    .timetable p {
        text-align: center;
        width     : 95%;
        margin    : 0 auto;
    }

    .timetable h5 {
        margin-top: 10px;
    }

    .timetable__mobile {
        display: block;
    }

    .timetable h5:first-child {
        margin-top: 0px;
    }

    .timetable tr> :not(:nth-child(3)) {
        border: none;
    }

    .timetable tr>td:not(:nth-child(3)) {
        width         : 95%;
        border-bottom : 1px solid #636d9e;
        padding-bottom: 10px;
    }

    .timetable tr:last-child td:nth-child(3) {
        border: none;
    }

    .contact-promo .column-2 {
        float: none;
        width: 100%;
    }

    .contact-promo .left-right {
        text-align: center;
    }

    .contact-promo .right-left {
        padding   : 20px 0 0 0;
        text-align: center;
    }

    .contact-promo .right-left>div {
        margin-left: 0px;
    }

    #form-contact .contact-form {
        width : 90%;
        margin: 0 auto;
    }

    #form-contact .contact-form .form-left {
        width  : 100%;
        float  : none;
        display: block;
    }

    #form-contact .contact-form .form-right {
        width  : 100%;
        display: block;
        float  : none;
    }

    #form-contact .contact-form input[type="text"],
    #form-contact .contact-form textarea {
        width        : 92%;
        display      : block;
        margin       : 0 auto;
        margin-bottom: 20px;
        padding      : 11px 4%;
    }

    #form-contact .vertical .wrapper2 {
        padding: 0px;
        width  : 90%;
        margin : 0 auto;
    }

    #form-contact div.selector {
        margin: 0 2px 20px;
        width : 89% !important;
    }
}

@media screen and (max-width: 600px) {
    footer {
        padding-bottom: 0px;
    }

    #pb-01,
    #pb-02,
    #pb-04 {
        width        : 100%;
        text-align   : center;
        margin-bottom: 20px;
    }

    #pb-04 {
        margin-bottom: 0px;
    }

    #pb-04 ul li {
        float: none;
        width: 100%;
    }

    .panel-bottom ul {
        padding-left: 0px;
        margin      : 10px 0;
    }

    .panel-bottom h4 {
        padding-bottom: 0px;
    }

    .bottom-menu ul li {
        width : 100%;
        margin: 0px;
    }

    .panel-bottom ul li {
        list-style-type: none;
    }

    .right-bottom {
        padding-top   : 10px;
        padding-bottom: 10px;
    }

    #pricelist .left-side table td {
        display: block;
        border : none;
    }

    #pricelist .left-side .wrapper {
        padding: 10px;
    }

    #pricelist .left-side table td:last-child,
    #pricelist .left-side table td:first-child,
    #pricelist .left-side table tr:nth-child(2n-1) td:last-child,
    #pricelist .left-side table tr:nth-child(2n-1) td:first-child {
        width     : 96%;
        border    : none;
        text-align: center;
        padding   : 2%;
    }

    #pricelist .left-side table td:first-child,
    #pricelist .left-side table tr:nth-child(2n-1) td:first-child {
        padding-top: 10px;
    }

    #pricelist .left-side table td:last-child,
    #pricelist .left-side table tr:nth-child(2n-1) td:last-child {
        padding-bottom: 10px;
    }

    #articles ul.articelSign li {
        width: 50%;
    }

    #form-contact .contact-form input.btn-standard {
        float  : none;
        margin : 0 auto;
        display: block;
    }

    #form-contact .contact-form a.btn-standard {
        float        : none;
        margin       : 0 auto;
        display      : block;
        margin-top   : 10px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 500px) {
    .button-divide>div:not(:nth-child(2)) {
        display: none;
    }

    #solutions .color-blue-img {
        float        : none;
        text-align   : center;
        display      : block;
        width        : 80%;
        margin       : 0 auto;
        margin-bottom: 15px;
    }

    #solutions .column-3 img {
        max-width: 100%;
    }

    #solutions .article_text_content {
        width     : 100%;
        float     : none;
        text-align: center;
    }

    #solutions .column-3 h4 {
        text-align: center;
    }

    #solutions .column-3 p {
        text-align: center;
    }

    #solutions .column-3 {
        padding-top: 40px;
    }

    #articles .column-3 {
        padding-top  : 20px;
        margin-bottom: 0px;
    }

    #articles .column-3 .color-blue-img {
        float        : none;
        text-align   : center;
        display      : block;
        width        : 80%;
        margin       : 0 auto;
        margin-bottom: 15px;
    }

    #articles .column-3 img {
        max-width: 100%;
    }

    #articles .column-3 .article_text_content {
        width     : 100%;
        float     : none;
        text-align: center;
    }

    #articles .column-3 h4,
    #articles .column-3 p {
        text-align: center;
    }

    .panel-bottom ul li {
        list-style-type: none;
    }
}

@media screen and (max-width: 390px) {
    header {
        padding: 12px 0;
    }

    .header_menuOpener {
        float : none;
        margin: 0 auto;
    }

    #header-left-side {
        float     : none;
        text-align: center;
    }

    #header-right-side {
        top: 49px;
    }

    #contact-field .right-side .wrapper {
        padding: 0 15px;
    }

    #contact-field .contact-form select,
    #contact-field .contact-form div.selector {
        width: 86% !important;
    }

    #contact-field .contact-form .btn-standard {
        width        : 100%;
        padding-left : 0px;
        padding-right: 0px;
    }

    /* #first-section{
	background-position: center bottom;
    }*/
    #articles {
        top: -132px;
    }

    #articles ul.articelSign li {
        width     : 100%;
        text-align: center;
    }

    .doctor .doctor-pic .doctor-pic-border {
        padding: 5%;
    }

    .doctor .doctor-pic .doctor-pic-border img {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
    .btn-standard {
        font-size: 14px;
        font-size: 1.4rem;
    }

    .main-menu ul li a {
        font-size: 8px;
        font-size: 0.8rem;
    }

    .timetable tr td,
    .timetable tr th {
        font-size: 9px;
        font-size: 0.9rem;
    }

    .stat-column p {
        font-size: 10px;
        font-size: 1rem;
    }

    .panel-bottom {
        line-height: normal;
    }

    .panel-bottom li {
        padding: 3px 0;
    }

    .panel-bottom li,
    .panel-bottom a {
        font-size: 9px;
        font-size: 0.9rem;
    }

    .bottom-menu a {
        font-size: 9px;
        font-size: 0.9rem;
    }

    .right-bottom {
        padding-top   : 20px;
        padding-bottom: 20px;
    }

    .right-bottom a {
        font-size: 9px;
        font-size: 0.9rem;
    }
}

#cookies-information {
    text-align: center;
    padding   : 10px 0;
    background: #232E3D;
    color     : #fff;
    font-size : 0.8em;
    position  : fixed;
    left      : 0;
    bottom    : 0;
    width     : 100%;
    z-index   : 1000;
}

#cookies-information a {
    color          : #fff;
    text-decoration: underline;
}

#cookies-information a:hover {
    text-decoration: none;
}

a#allow-cookies-button {
    display        : inline-block;
    background     : #7bb83d;
    color          : #fff;
    border-radius  : 10px;
    text-decoration: none;
    margin         : 0 0 0 10px;
    padding        : 2px 10px;
}

a#allow-cookies-button:hover {
    background: #ADD386;
}

.new_adress_msg {
    background    : #ff0000;
    text-align    : center;
    color         : #fff;
    text-transform: uppercase;
    padding       : 16px 0;
}

.new_adress_msg p {
    font-size: 15px;
}

.new_adress_msg .adress-line {
    font-weight: bold;
}

@media screen and (max-width: 1290px) {
    #cookies-information {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

.homeCarePerson{
    padding: 50px 0 0 0;
}

.homeCarePerson .homeCarePerson__inner{
    
    padding: 30px 0 0 0;
}

@media (min-width: 708px){
    .homeCarePerson .homeCarePerson__inner{
        display: flex;
        gap: 30px;
        justify-content: center;
    }
}

.homeCarePerson .homeCarePerson__inner .homeCarePerson__item__image{
    background-color: #e6ebef;
    border: 1px solid #dfe3e6;
    padding: 26px;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    
}

@media (min-width: 708px){
    .homeCarePerson .homeCarePerson__inner .homeCarePerson__item__image{
        display: block;
    }
}

.homeCarePerson .homeCarePerson__inner .homeCarePerson__item__image img{
    border: 4px solid #dae1e7;
    border-radius: 4px;
    max-width: 100%;
    
}

.homeCarePerson .homeCarePerson__inner .homeCarePerson__item h4{
    padding: 10px 0 40px 0;
    color: #000;
    font-family: "Open Sans";
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
}


