/* ----------------------------------------- */

/* ----------------------------------------- */
/* ------------- FONT FACE ----------------- */
/* ----------------------------------------- */
@font-face {
	font-family: 'antonioregular';
	src: url('../fonts/antonio-regular/antonio-regular-webfont.eot');
	src: url('../fonts/antonio-regular/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/antonio-regular/antonio-regular-webfont.woff2') format('woff2'),
		url('../fonts/antonio-regular/antonio-regular-webfont.woff') format('woff'),
		url('../fonts/antonio-regular/antonio-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'antoniolight';
	src: url('../fonts/antonio-light/antonio-light-webfont.eot');
	src: url('../fonts/antonio-light/antonio-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/antonio-light/antonio-light-webfont.woff2') format('woff2'),
		url('../fonts/antonio-light/antonio-light-webfont.woff') format('woff'),
		url('../fonts/antonio-light/antonio-light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'antoniobold';
	src: url('../fonts/antonio-bold/antonio-bold-webfont.eot');
	src: url('../fonts/antonio-bold/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/antonio-bold/antonio-bold-webfont.woff2') format('woff2'),
		url('../fonts/antonio-bold/antonio-bold-webfont.woff') format('woff'),
		url('../fonts/antonio-bold/antonio-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* ----------------------------------------- */
@font-face {
	font-family: Raleway;
	src: url(../fonts/Raleway/Raleway-Medium.ttf)
}

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

form {
	width: 100%;
}

/* ----------------------------------------- */

/* ------------- POPUP Styles ----------------- */
.popup-form .forms-adm-cont,
.popup-form .forms-adm-aside {
	width: 100%;
}

#openEditCont {
	margin: 2rem 0 0 0;
}

.popup-form .header-button {
	margin: 0;
}

.popup-form .forms-adm-aside {
	visibility: hidden;
	/*    font-size: 1rem;*/
}

/* ----------------------------------------- */

/* ------------- SPIN ----------------- */

/* ----------------------------------------- */
.ajax-un-active {
	visibility: hidden;
}

.ajax-active {
	position: relative;
	visibility: visible;
	width: 100%;
}

.loading-animation {
	width: 22px;
	height: 22px;
	border-radius: 100%;
	position: absolute;
	border: 1px solid #04a4e0;
	animation: up 0.5s;
	animation-iteration-count: infinite;
	transition: 2s;
	border-bottom: none;
	border-right: none;
	animation-timing-function: linear;
	margin-left: 10px;
	margin-top: -2px;
	left: 0;
	top: 50%;
}

@keyframes up {
	100% {
		transform: rotate(360deg);
	}
}

#img2 {
	width: 15px;
	height: 15px;
	left: 0;
	top: 52%;
	animation-delay: .15s;
	margin-top: 2px;
	margin-left: 14px;
}

/* ----------------------------------------- */

/* ------------- GLOBAL ----------------- */

/* ----------------------------------------- */
html {
	height: 100%;
	/*font-size: 62.5%;*/
	overflow-y: scroll;
}

body {
	position: relative;
	height: 100vh;
}

img {
	margin: 0;
	padding: 0;
}

button {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	cursor: pointer;
	outline: none;
}

textarea {
	border-radius: 3px;
	vertical-align: middle;
}

input {
	cursor: text;
	outline: none;
}

input[type="checkbox"],
input[type="radio"] {
	cursor: pointer;
	height: 1.6rem;
	width: 1.6rem;
	margin: 0 1rem 0.5rem 0;
	background: none;
	border: none;
	/* display: inline-block; */
	/* float: left; */
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

p {
	margin: 0;
	padding: 0;
}

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

.header-lvl1 {
	position: relative;
}

#show-menu {
	display: none;
	width: 12px;
	height: 30px;
	left: 0;
	top: 34px;
	transform: translate;
	position: absolute;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	float: right;
	overflow: hidden;
	z-index: 9999999;
}

#show-menu span {
	display: block;
	position: absolute;
	height: 5px;
	width: 50%;
	background: #fff;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#show-menu span:nth-child(even) {
	left: 50%;
	border-radius: 0;
}

#show-menu span:nth-child(odd) {
	left: 0px;
	border-radius: 0;
}

#show-menu span:nth-child(1),
#show-menu span:nth-child(2) {
	top: 0px;
}

#show-menu span:nth-child(3),
#show-menu span:nth-child(4) {
	top: 11px;
}

#show-menu span:nth-child(5),
#show-menu span:nth-child(6) {
	top: 22px;
}

#show-menu.open span:nth-child(1),
#show-menu.open span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

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

#show-menu.open span:nth-child(1) {
	left: 5px;
	top: 7px;
}

#show-menu.open span:nth-child(2) {
	left: calc(50% - 5px);
	top: 7px;
}

#show-menu.open span:nth-child(3) {
	left: -50%;
	opacity: 0;
}

#show-menu.open span:nth-child(4) {
	left: 100%;
	opacity: 0;
}

#show-menu.open span:nth-child(5) {
	left: 5px;
	top: 17px;
}

#show-menu.open span:nth-child(6) {
	left: calc(50% - 5px);
	top: 17px;
}

.mobmenu {
	display: none;
	z-index: 9999999999;
	top: 0;
	left: 0;
	position: fixed;
	margin: 0;
	padding: 0;
	height: 0;
	width: 100%;
	height: 100vh;
	/*
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;*/
	background: #39265b;
	overflow: auto;
}

.mobmenu-li {
	text-align: center;
	margin: 50px 0 0 0;
	display: flex;
	width: 100%;
	justify-content: center;
}

.mobmenu-li:first-child {
	margin: 25px 0 0 20px;
	justify-content: flex-start;
	position: fixed;
}

.mobmenu-li:last-child {
	margin-bottom: 50px;
}

.mobmenu-li:nth-child(2) {
	margin: 65px 0 0 0;
}

.mobmenu-link {
	color: #fff;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.mobmenu-link-bg {
	background: #04a4e0;
	padding: 0.8rem 1.5rem 0.9rem 2.5rem;
	border-radius: 2rem;
}

.mob-close {
	width: 19px;
	height: 19px;
	background: url(../gfx/icons/mob-close.png);
	cursor: pointer;
}

.menu-open {
	display: block;
}

.white-nowrap {
	white-space: nowrap;
}

.mentor-body {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-family: 'antonioregular', sans-serif;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	align-content: flex-start;
	background: #efefef
}

.main-footer-cont {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: auto;
	flex-shrink: 0;
	width: 100%;
	margin-bottom: 125px;
}

.clear-fix {
	content: "";
	display: table;
	clear: both;
}

.no-freedates {
	margin: 5px 9px;
}

.flex {
	display: flex;
}

.flex-right {
	justify-content: flex-end;
	width: 100%;
	margin: 5px 0 0 0;
}

.fill-empty-space {
	width: 100%;
	background: transparent;
	flex-grow: 1;
}

.ui-dialog .flex {
	display: block;
}

.ui-dialog .submit {
	display: none;
}

.ui-dialog .edit-form {
	font-size: 1rem;
}

.ui-dialog .change-label {
	min-width: 150px;
	width: 20%;
	padding-right: 5px;
}

.color-mark {
	color: #04a4e0;
}

.bold {
	font-weight: bold;
}

.left {
	float: left
}

.right {
	float: right;
}

.caps {
	font-variant: small-caps;
}

.active-link {
	color: #04a4e0;
}

.active-view {
	display: flex;
	flex-wrap: wrap;
}

.active-view .expert-2cols {
	flex-direction: row;
}

.active-view .experts-col {
	width: 100%;
}

.cat-expert-site-box {
	width: 100%;
}

.cat-expert-box {
	width: 47%;
}

.active-view .cat-expert-box {
	width: 48%;
	margin-bottom: 3rem;
}

.border-bottom {
	height: 2px;
	background-color: #f0f0f0;
	width: 100%;
	margin: 1rem 0;
}

.invisible,
.visible740 {
	display: none !important;
}

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
}

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

.purple {
	color: #513682
}

.blue-mint,
.edit-link {
	color: #04a4e0
}

.coral,
.delete-link {
	color: #FD3E43
}

.light-gray {
	color: #e0e0e0
}

.medium-gray {
	color: #999999
}

.black {
	color: #000
}

.orange {
	color: #ff9827;
	align-items: center;
}

.location-active {
	color: #04a4e0;
}

.dropdown-list {
	display: none;
}

.dropdown-active {
	z-index: 100;
	width: 100%;
	min-width: 150px;
	display: block;
	position: absolute;
	text-align: left;
	background: rgba(239, 239, 239, 1);
	box-sizing: border-box;
	padding: 1rem;
	z-index: 999999999;
	border-radius: 16px;
	cursor: default;
	max-height: 500px;
	overflow: hidden;
	overflow-y: auto;
	top: 50px;
	left: 0;
}

.reg-exp-site {
	position: relative;
}

.reg-exp-site .dropdown-active {
	top: 3.9rem;
	border-radius: 3px;
	width: 100%;
	max-height: 270px;
	overflow-y: scroll;
	padding: 0;
	box-shadow: none;
	border: 1px solid #cccccc;
	background: rgba(255, 255, 255, 1);
}

.catalogue .dropdown-active {
	top: 125%;
	padding: 2rem 1rem 0 1rem;
}

.search-field .dropdown-active {
	top: 120%;
	left: 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	align-content: flex-start;
	max-height: 500px;
	overflow: hidden;
	overflow-y: auto;
}

.search-mobile .dropdown-active {
	width: 85%;
}

.mobile-search-spec .dropdown-active {
	top: 50%;
}

.mobile-search-city .dropdown-active {
	top: 110%;
}

.dropdown-li {
	font-weight: normal;
	/*text-transform: lowercase;*/
	cursor: pointer;
	white-space: pre-wrap;
	margin: 0 0 5px 0;
	font-size: 14px;
	line-height: 16px;
}

.catalogue .dropdown-li {
	font-size: 1rem;
}

.search-field .dropdown-li {
	width: 49%;
	font-size: 1rem;
	padding: 0.5rem 0;
}

.search-mobile .dropdown-li {
	font-size: 1rem;
	color: gray;
}

.dropdown-li:hover {
	color: #04a4e0;
}

.dropdown-li a {
	display: block;
	width: 100%;
	padding-bottom: 1rem;
}

/* ----------------------------------------- */

/* ------------- BUTTONS ----------------- */
.button {
	position: relative;
	display: flex;
	align-items: center;
	border-radius: 2rem;
	text-align: center;
	flex-shrink: 0;
	padding: 0.25rem 1rem;
	border: 0;
	cursor: pointer;
}

.button-style {
	float: left;
	margin: 1rem 0 0 0;
	padding: 0;
	background: none;
	border: none;
	display: flex;
}

.adm-form-submit {
	width: 3.5rem;
	margin: 2rem auto;
	text-align: center;
}

.button-square {
	border-radius: 0;
}

.form-button {
	font-size: 1rem;
}

.color-button {
	background: #04a4e0;
}

.button-border {
	border: 0.2px solid #9c9ab2;
	background: #04a4e0;
}

.button-inside {
	justify-content: space-around;
	align-items: center;
	color: #fff;
	white-space: nowrap;
}

.adm-form-submit .button-inside {
	color: #fff;
	font-size: 0.7rem;
	font-weight: bold;
	margin: 0.2rem auto 0.2rem;
}

.button-column {
	text-align: left;
	margin-bottom: 1rem;
}

/*.arrow-right,
.arrow-left,
.arrow-down {
    font-size: 2.5rem;
    width: 15px;
}*/

/* ----------------------------------------- */

/* ------------- HEADER ----------------- */

/* ----------------------------------------- */
/*
.top-header {
    position: relative;
    background-image: url(../gfx/background.jpg);
    background-position: center 1050px;
    color: #fff;
    font-size: 1.4rem;
    flex-direction: column;
    flex-shrink: 0;
    width: 100%;
}

.header-cont {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: -moz-linear-gradient(45deg, rgba(61, 74, 117, 0.82) 0%, rgba(81, 54, 130, 0.75) 24%, rgba(61, 74, 117, 0.71) 36%, rgba(56, 56, 103, 0.65) 56%, rgba(56, 56, 103, 0.71) 100%);
    /* FF3.6-15 */ /*
background: -webkit-linear-gradient (45 deg,
	rgba (61, 74, 117, 0 .82) 0%,
	rgba (81, 54, 130, 0 .75) 24%,
	rgba (61, 74, 117, 0 .71) 36%,
	rgba (56, 56, 103, 0 .65) 56%,
	rgba (56, 56, 103, 0 .71) 100%);
/* Chrome10-25,Safari5.1-6 */ /*
background: linear-gradient (45 deg,
	rgba (61, 74, 117, 0 .82) 0%,
	rgba (81, 54, 130, 0 .75) 24%,
	rgba (61, 74, 117, 0 .71) 36%,
	rgba (56, 56, 103, 0 .65) 56%,
	rgba (56, 56, 103, 0 .71) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*
filter: progid: DXImageTransform .Microsoft .gradient (startColorstr='
#d13d4a75 '
,
	endColorstr='
#b5383867 '
,
	GradientType=1);
/* IE6-9 fallback on horizontal gradient */ /*
} */

.nav-div {
	width: 100%;
	max-width: 1280px;
	padding: 2rem 15px;
	box-sizing: border-box;
	justify-content: space-between;
	margin: 0 auto;
	align-items: center;
}

.nav-div .nav-div {
	padding: 0;
}

.logo,
.logo-index {
	cursor: pointer;
	height: 100%;
	height: 60px;
	position: relative;
}

.background-img {
	max-height: 8rem;
	position: absolute;
	top: -15px;
}

.nav-container {
	justify-content: space-between;
	align-items: center;
}

.nav-container-homepage {
	justify-content: space-between;
	align-items: center;
	position: absolute;
	right: 0;
	top: 8%;
	float: right;
	vertical-align: middle;
	margin: auto 10% auto 0;
}

.nav-ul {
	position: relative;
	float: left;
	display: inline-block;
	margin: 0;
}

.nav-li {
	float: left;
	list-style: none;
	margin-right: 2rem;
	height: 32px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.nav-li--blue {
	background: #04a4e0;
	padding: 0.2rem 1.5rem;
	border-radius: 2rem;
}

.nav-li--arrow:after {
	content: '▸';
	width: 15px;
	font-size: 25px;
}

.nav-li--blue .mobmenu-link {
	background: #04a4e0;
	padding: 0.5rem 1.5rem;
	border-radius: 2rem;
}

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

.nav-li-a {
	color: #fff;
	font-size: 1rem;
	display: flex;
	align-items: center;
}

.nav-li-a:hover {
	text-decoration: underline;
}

.nav-li-a:hover {
	text-decoration: underline;
}

.nav-li--arrow:hover .nav-li-a:after {
	text-decoration: none;
}

.nav-buttons-container {
	align-items: center;
}

.button .nav-li-a:hover {
	text-decoration: none;
}

.button .nav-li-a:hover span:first-child {
	text-decoration: underline;
}

/*.nav-buttons-container,
.nav-buttons-container .button {
     margin: 0 0 0 2rem; 
}
*/
.nav-buttons-container .button {
	margin-left: 2rem;
}

* /
/* ----------------------------------------- */
/* ------------- BREADCRUMB ----------------- */

.breadcrumb {
	position: relative;
	display: block;
	width: 100%;
	background: #f5f5f5;
}

.bread-div {
	width: 100%;
	max-width: 1280px;
	padding: 1.5rem 15px;
	box-sizing: border-box;
	margin: 0 auto;
}

.bread-div a:last-child {
	color: #000;
}

.bread-div a {
	color: #999999;
	margin: 3px 0;
	display: inline-block;
}

.bread-sign {
	margin: 0 1rem;
}

/* ----------------------------------------- */

/* ------------- MAIN ----------------- */

/* ----------------------------------------- */
.main-container {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	position: relative;
	margin: 5.75rem auto 0px auto;
	text-align: center;
	flex-grow: 1;
	flex-shrink: 0;
	background: #f6f7f7;
	min-height: 360px;
}

/* ----------------------------------------- */

/* ------------- FORM ----------------- */
.log-container {
	width: 75%;
	max-width: 50rem;
	flex-direction: column;
	font-size: 1rem;
}

.form-header {
	font-weight: bold;
	color: #04a4e0;
	margin: 0 auto 6rem 0;
	font-size: 1.3rem;
}

.registration-info {
	font-weight: bold;
	margin: 0 auto;
	font-size: 1rem;
}

.form-container {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	max-width: 50rem;
	padding: 0 5px;
	box-sizing: border-box;
}

.round-corner {
	border-radius: 3px;
}

.form-cont-cont {
	flex-direction: column;
	width: 100%;
}

.form-label,
.form-div-input {
	display: flex;
}

#content {
	width: 100%;
}

.form-label {
	justify-content: flex-end;
	font-size: 1rem;
	margin-right: 20px;
	width: 25%;
	height: 2.2rem;
	line-height: 2.2rem;
	min-width: 125px;
}

.form-div-input {
	justify-content: flex-start;
	position: relative;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	flex-wrap: wrap;
}

.form-input,
.form-select {
	border: none;
	width: 100%;
	margin: 0;
	padding: 0;
	outline: none;
	-moz-outline: none;
	-webkit-outline: none;
	-ms-outline: none;
	-o-outline: none;
	border: none;
	flex-grow: 1;
	flex-shrink: 0;
	height: 2rem;
	line-height: 2rem;
	border: 1px solid #ccc;
}

.form-input option {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 1rem;
}

.form-input option:hover {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #2ebdb9;
	color: #fff;
}

.form-input option:checked {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #2ebdb9;
	color: #fff;
}

.form-div-input,
.form-selection {
	font-size: 1rem;
	box-sizing: border-box;
	cursor: pointer;
}

.select-input {
	background: #04a4e0;
}

.form-selection {
	padding: 1rem 0 0.7rem 0.5rem;
	outline: none;
	-moz-outline: none;
	-webkit-outline: none;
	-ms-outline: none;
	-o-outline: none;
	background: #fff;
	box-sizing: border-box;
	width: 100%;
	height: auto;
}

.form-div-input option:focus {
	background: #04a4e0;
	color: #fff;
}

.form-selection:hover {
	background: #04a4e0;
	color: #fff;
}

.form-input {
	box-sizing: border-box;
	padding: 0 0 0 1rem;
	/* margin: 0 0 2rem 0; */
	width: 100%;
	outline: none;
	-moz-outline: none;
	-webkit-outline: none;
	-ms-outline: none;
	-o-outline: none;
}

.form-div-input::-webkit-scrollbar {
	display: none;
}

.select-full {
	height: 20rem;
	z-index: 10000;
}

.select-label {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: left;
	z-index: 100;
	cursor: pointer;
	font-size: 1rem;
	background: transparent;
	z-index: 10;
}

.form-select {
	position: relative;
	border: 1px solid #ccc;
	box-sizing: content-box;
	display: none;
	list-style: none;
	z-index: 100;
	height: 100%;
	min-height: 28rem;
	max-height: 30rem;
	overflow-y: scroll;
	font-size: 1rem;
}

.form-input:focus {
	border-radius: 3px;
	border: 2px solid #04a4e0;
}

.form-input:focus:required:invalid {
	border: 2px solid #FD3E43;
	/*border: 1px solid #FD3E43;*/
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(253, 62, 68, 1);
	-moz-box-shadow: 0px 0px 0px 1px rgba(253, 62, 68, 1);
	box-shadow: 0px 0px 0px 1px rgba(253, 62, 68, 1);
}

.form-input:focus:required:valid {
	border: 2px solid #04a4e0;
	/*border: 1px solid #04a4e0;*/
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(4, 164, 224, 1);
	-moz-box-shadow: 0px 0px 0px 1px rgba(4, 164, 224, 1);
	box-shadow: 0px 0px 0px 1px rgba(4, 164, 224, 1);
}

.form-select-active {
	background: #fff;
	display: block;
}

.select-option {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	height: 3rem;
	text-align: left;
	padding: 0 0 0 10px;
}

.select-span {
	padding: 0 0 0 10px;
}

.select-option:hover {
	cursor: pointer;
	color: #fff;
	background: #04a4e0;
}

.select-dropdown-left {
	float: left;
	margin: 1.2rem 0 0 1rem;
}

.select-dropdown-right {
	float: right;
	margin: 8px 1rem 0 0;
}

.rules {
	max-width: 50rem;
	width: 100%;
	padding: 0 0 0 220px;
	box-sizing: border-box;
	margin: 0px auto;
	flex-wrap: wrap;
}

.rules--wide {
	padding: 0 0 0 145px;
}

.rules .form-label {
	justify-content: flex-start;
}

.rules .button-style {
	/* width: 70%; */
	flex-shrink: 0;
}

.form-label-check {
	position: relative;
	width: 100%;
	line-height: 2.5rem;
	margin: 0 0 3rem 0;
}

.div-input-check {
	border: 1px solid #ccc;
	float: left;
	width: 2.5rem;
	height: 2.5rem;
	margin-right: 0.5rem;
	cursor: pointer;
	align-self: flex-start;
}

.accept {
	position: relative;
	font-size: 1rem;
	color: #666;
	text-align: left;
	white-space: normal;
}

.check-mark {
	visibility: hidden;
	font-size: 3rem;
	color: #04a4e0;
}

.check-mark-active {
	visibility: visible;
}

.form-check {
	visibility: hidden;
}

.personal-info {
	text-align: center;
	margin: 3rem 0 0 0;
	font-size: 1rem;
	color: #666666;
}

/* ----------------------------------------- */

/* ------------- ERRORS/INFOS ----------------- */
.error,
.just-info,
.parsley-errors-list li {
	position: relative;
	font-size: 1rem;
	text-align: left;
	width: 135%;
}

.form-cont-errors,
.parsley-errors-list {
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0 0 0rem 0;
	padding: 5px 0;
}

.error,
.parsley-errors-list li {
	/*    display: none;*/
	color: #FD3E43;
	font-weight: bold;
	margin: 0 0 0 0;
}

.wrong-eMail,
.no-eMail,
.wrong-password,
.wrong-nickname {
	visibility: hidden;
}

.wrong-eMail-active,
.no-eMail-active,
.wrong-password-active,
.wrong-nickname-active {
	visibility: visible;
}

.border-error {
	border: 1px solid #FD3E43
}

.just-info {
	display: block;
	color: #717171;
	margin: 5px 0;
}

.error-info {
	/* position: absolute; */
	/* top: 0; */
	/* left: 0; */

}

.no-accept {
	visibility: hidden;
	position: absolute;
	top: 0;
	right: 0;
	color: #FD3E43;
}

/* ----------------------------------------- */

/* ------------- LOGIN ----------------- */

/* ----------------------------------------- */
.log-in {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	position: relative;
	padding: 0 5px;
}

.fb-logIn {
	width: 30%;
	margin: 0 auto;
	color: #fff;
	background-color: #35518f;
	font-size: 1rem;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 2rem 0;
	cursor: pointer;
}

.or-logIn {
	font-size: 1rem;
	margin: 4rem auto;
	position: relative;
}

.or-logIn:before,
.or-logIn:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 50px;
	background-color: #e5e5e5;
	top: 50%;
}

.or-logIn:before {
	left: 46%;
}

.or-logIn:after {
	right: 46%;
}

.log-in .button-style {
	margin-bottom: 1rem;
}

.log-inA {
	text-align: left;
	align-items: center;
	margin-bottom: 5px;
}

/* ----------------------------------------- */

/* ------------- REGULAMIN ----------------- */

/* ----------------------------------------- */
.regulations,
.catalogue,
.expert-site {
	position: relative;
	width: 100%;
	max-width: 1245px;
	margin: 0 auto 20px auto;
}

.reg-header {
	justify-content: flex-start;
	align-items: center;
	text-align: left;
	margin: 20px auto 30px auto;
}

.h2-reg {
	margin: 0 20px 0 0;
}

.reg-icons {}

.reg-img {
	margin: 0 20px 0 0;
	cursor: pointer;
	vertical-align: text-bottom;
}

.reg-img:last-child {
	margin: 0;
}

.regulation-text {
	font-size: 14px;
	line-height: 20px;
	column-count: 1;
	width: 80%;
	text-align: left;
	font-family: Verdana;
	margin: 0 auto;
	padding: 0 5%;
}

.regulation-text p {
	margin: 0 auto 25px auto;
	width: 80%;
}

.reg-text-p {
	margin: 0 0 30px 0;
}

/* ----------------------------------------- */

/* ------------- KATALOG ----------------- */

/* ----------------------------------------- */
.catalogue,
.expert-site,
.advices-page {
	justify-content: space-between;
	font-size: 1rem;
	margin: 1.5rem auto 0 auto;
}

.nav-catalogue {
	width: 17%;
	display: flex;
	flex-direction: column;
	font-size: 1rem;
	text-align: left;
}

.nav-catalogue-header {
	font-size: 1rem;
	font-variant: small-caps;
	margin: 1.5rem 0;
}

.seek-mobile {
	display: none;
}

.cat-cities {
	overflow: hidden;
	overflow-y: auto;
	height: 512px;
}

.cat-cities .cat-spec-link {
	margin: 0.9rem 0 0.8rem 0;
}

.cat-spec-link,
.cat-cities .other-cities {
	color: #000;
	margin: 1.5rem 0 1.4rem 0;
}

.cat-spec-link .arrow-right,
.cat-spec-link .arrow-left {
	font-size: inherit;
	vertical-align: text-bottom;
}

.experts-col {
	flex-direction: column;
	justify-content: flex-start;
	width: 77%;
	text-align: left;
	margin-top: 1.5rem;
}

.button-list {
	font-weight: bold;
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	border: 2px solid #e5e5e5;
	margin: 0;
	padding: 0;
}

.cat-button {
	align-items: center;
	justify-content: space-between;
	border: 2px solid #e5e5e5;
	box-sizing: border-box;
}

.button-list .cat-button {
	width: 90%;
	border: none;
	margin: 0 0.6rem;
	padding: 3px 5px;
}

.cat-suggested {
	cursor: pointer;
	width: 200px;
	max-width: 90%;
}

.catalogue .cat-suggested--place:last-child {
	margin-left: 40px;
}

.triangle-down {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	margin: 0 0 4px 10px;
	cursor: pointer;
}

.expert-2cols,
.active-view .expert-2cols {
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	padding-top: 3rem;
	margin: 1rem 0 0 0;
}

.catalogue .expert-2cols {
	border-top: 1px solid #e5e5e5;
}

.expert-col-one {
	width: 48%;
	flex-direction: column;
}

.pagination {
	font-size: 1rem
}

.expert-pagination {
	width: 100%;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
}

.filter {
	white-space: nowrap;
	width: auto;
	flex-direction: row;
	display: flex;
	justify-content: flex-end;
}

.pages {
	cursor: pointer;
	font-size: 1rem;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 0 6rem;
}

.pages--admin {
	margin: 1.5rem 0;
	justify-content: center;
}

.page-active {
	border: 2px solid #e5e5e5;
	border-radius: 40%;
	box-sizing: border-box;
	padding: 0.3rem 1.1rem;
	/*    margin-right: 1rem;*/
	font-size: 1rem;
}

/*
.next-page {
    margin: 0 1rem
}
*/
.all-pages,
.number-of-pages {
	margin-left: 1rem
}

.page-nav {
	justify-content: space-around;
	align-items: center;
	margin: 0 10px;
}

.photo-box {
	position: relative;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.photo-img {
	position: relative;
}

.img-checkMark-active {
	display: block;
	top: 65%;
	right: -5%;
	border-radius: 50%;
	z-index: 100;
	position: absolute;
	height: 2.5rem;
	width: 2.5rem;
	background: url(../gfx/icons/check-mark-big.png) 55% 50% no-repeat;
	background-size: 70%;
	background-color: #04a4e0;
}

.img-checkMark-noActive {
	display: none;
}

.experts-2col .cat-expert-box {
	cursor: pointer;
	margin: 0 0 3rem 0;
}

.cat-expert-box:hover .name {
	text-decoration: underline;
}

.cat-expert-box .photo-box {
	margin-right: 5%;
}

.expert-contact {
	margin: 0 0 2rem 0;
}

.expert-institution .expert-contact {
	margin: 2rem 0;
	padding: 2rem 0;
	border-top: 1px solid #e5e5e5;
}

.cat-expert-box .name,
.cat-expert-box .spec-cont {
	margin: 0 0 0 0;
}

.cat-expert-box .user-opinion-vote {
	/*    width: 90%;*/
	flex-direction: column;
	align-items: center;
	margin-top: 1rem;
}

.cat-expert-box .vote-line {
	margin-bottom: 1rem;
}

.cat-expert-box .opinions-number {
	margin: 0;
	padding: 0;
}

.cat-expert-box .expert-photo {
	position: relative;
	width: 85px;
	height: 85px;
}

.cat-expert-box .user-opinion {
	max-height: auto;
	font-size: 1rem;
	margin-bottom: 2rem;
}

.cat-expert-box .user-info {
	margin: 1rem 0;
}

.cat-expert-box .user-text {
	max-height: 50px;
	line-height: 1.6rem;
}

.fav-link-cont {
	align-items: center;
	justify-content: flex-start
}

.fav-link-cont .trashcan-img {
	margin: 0 0 0 1rem;
}

.expert-info {
	text-align: left
}

.ex-info-lists,
.ex-info-opinions {
	justify-content: space-between;
}

.info-institution-site .ex-info-lists .ex-list-item {
	width: 50%;
	float: left;
}

.expert-info .opinions-box {
	width: 100%;
	min-height: 150px;
	margin-top: 4rem;
	padding: 0 4px;
	box-sizing: border-box;
}

.exp-op-box {
	margin: 2rem auto 3rem auto;
	box-sizing: border-box;
	padding: 2rem;
	box-shadow: 0 0 6px #e0e0e0;
	justify-content: space-between;
}

.catalogue .cat-expert-box {
	width: 48%;
	margin: 0 0 3rem 0;
}

.info-expert-site .exp-op-box .expert-photo {
	width: 58px !important;
	height: 58px !important;
	margin: 0 2rem 0 0;
}

.info-expert-site .exp-op-box .img-checkMark-active {
	display: none !important;
}

.info-expert-site .expert-info .user-opinion {
	box-shadow: none;
	width: 90%;
	max-height: none;
	max-width: none;
	padding: 0;
}

.info-expert-site .expert-institution .user-opinion {
	width: calc(100% - 6px);
	margin: 0 3px;
	padding: 15px;
	box-sizing: border-box;
	box-shadow: 0 0 5px #e0e0e0;
}

.info-expert-site .opinions-box .user-info {
	justify-content: space-between;
	align-items: center;
	margin-top: 0;
}

.info-expert-site .user-name {
	font-style: normal;
	color: #000;
	font-weight: bold;
	margin-top: 0;
}

.info-expert-site .opinion-date {
	font-size: 1rem;
	color: #999999;
	font-style: normal;
}

.info-expert-site .user-text {
	max-height: none;
}

.user-opinion-line,
.user-opinion-vote {
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
}

.user-opinion-vote {
	font-style: normal;
	align-items: center;
	width: auto;
}

.vote-line {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	min-height: 15px;
	min-width: 75px;
}

.user-opinion-vote .vote-line {
	margin-right: 1rem
}

.user-opinion-vote .star {
	font-size: 2.2rem
}

/* ----------------------------------------- */

/* ------------- KATALOG EXPERT-SITE ----------------- */

/* ----------------------------------------- */
.info-expert-site {
	margin-top: 3rem;
	width: 100%;
}

.info-expert-site .photo-box {
	width: auto;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	flex-shrink: 0;
	padding: 0 70px 0 0;
	width: 290px;
}

.expert-institution .photo-box {
	padding: 0 20px 0 0;
}

.info-expert-site .ex-info-p {
	margin-bottom: 3rem;
	line-height: 140%;
}

.expert-op-line {
	font-size: 1.4rem;
	width: 200px;
	justify-content: center;
	align-items: center;
}

.add-favourite {
	height: 2rem;
	flex-flow: row wrap;
	align-items: center;
	/*    align-content: center;*/
	width: 100%;
	font-family: inherit;
	justify-content: center;
}

.favourite-icon,
.favourite-icon-click {
	height: 2rem;
	width: 2rem;
	margin-right: 1rem;
}

.favourite-icon {
	background: url(../gfx/icons/favourite.png);
	background-size: 100%;
}

.add-favourite:hover {
	color: #04a4e0;
}

.add-favourite:hover .favourite-icon {
	background: url(../gfx/icons/favourite-click.png);
	background-size: 100%;
}

.favourite-icon-click {
	background: url(../gfx/icons/favourite-click.png);
	background-size: 100%;
}

.full-opinion-link {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 1;
	width: 100%;
}

.full-orange-link {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	flex-grow: 1;
}

.expert-institution .full-opinion-link {
	margin: 10px 0 0 0;
}

.info-expert-site .img-checkMark-active {
	top: 73.5%;
	right: 2%;
	border-radius: 50%;
	z-index: 100;
	position: absolute;
	height: 5rem;
	width: 5rem;
	background: url(../gfx/icons/check-mark-big.png) 55% 50% no-repeat;
	background-size: 70%;
	background-color: #04a4e0;
}

.ex-info-header,
.ex-info-header2,
.ex-info-marg {
	margin-bottom: 2.5rem;
}

.ex-info-header3 {
	font-size: 1.6rem;
	margin-bottom: 1.5rem;
}

.ex-info-header2 {
	font-size: 1.3rem;
}

.list {
	width: 49%;
	list-style: none;
}

.list-100 {
	width: 100%;
	list-style: none;
	text-align: left;
}

.list--marginTop {
	margin: 25px 0 0 0;
}

.ex-list {
	/* justify-content: flex-start; */
	/* flex-direction: column; */
	width: 100%;
	list-style: none;
	text-align: left;
}

.ex-list-col {
	flex-wrap: wrap;
	justify-content: flex-start;
}

.ex-list-col li {
	width: 45% !important;
}

.list--marginTop .ex-list-col li {
	width: 100% !important;
}

.slider-full-text p {
	margin-bottom: 3rem;
}

.slider-full-text p:last-child {
	margin-bottom: 0rem;
}

.ex-list li {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding-left: 1.5rem;
	line-height: 2.1rem;
	margin: 0 0 6px 0;
}

.ex-list li:before {
	content: "";
	left: 0;
	margin-top: 9px;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background: #999;
	position: absolute;
}

.ex-list-col .ex-list li:before {
	content: "";
	left: 0;
	margin-top: 4.2%;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background: #999;
	position: absolute;
}

.average-note {
	flex-direction: column;
	margin-bottom: 3rem;
	padding-bottom: 2rem;
	border-bottom: 2px solid #e5e5e5;
}

.av-note-cont {
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.av-note-cont .av-note-head,
.av-note-cont .vote-line {
	margin-right: 1rem;
}

.jq-ry-container {
	padding: 0 !important;
}

.star {
	fill: #e6e6e6;
	color: #e6e6e6;
	font-size: 2rem;
	width: 15px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-style: normal;
}

.catalogue .star:hover,
.exp-op-box .star:hover,
.expert-op-line .star:hover,
.av-note-cont .star:hover,
.homepage-box .star:hover,
.active-view .star:hover {
	cursor: default;
}

.catalogue .star:hover,
.exp-op-box .star:hover,
.expert-op-line .star:hover,
.av-note-cont .star:hover,
.homepage-box .star:hover,
.active-view .star:hover {
	color: #e6e6e6;
}

.star:hover {
	fill: #ff9827;
	color: #ff9827
}

.self-opinion {
	width: 55%;
}

.opinion-area-box {
	justify-content: flex-start;
	margin-top: 2rem;
}

.op-area-head {
	width: 90%;
	flex-shrink: 0;
	font-size: 1.4rem;
}

.op-area-place {
	flex-direction: column;
	justify-content: flex-start;
	width: 90%;
	box-sizing: border-box;
}

.op-area-place--noPad {
	padding: 0 0 0 0;
}

.op-area-place .form-cont-errors {
	width: 100%;
}

.op-area-place--noPad .form-cont-errors {
	margin: 0;
}

.op-area-title {
	font-size: 1.5rem;
	box-sizing: border-box;
	padding: .8rem 1.5rem;
	border: 2px solid #e6e6e6;
	border-radius: 20px;
	margin: 0 0 1rem 0;
	flex-grow: 1;
	resize: none;
	outline: none;
	-moz-outline: none;
	-webkit-outline: none;
	-ms-outline: none;
	-o-outline: none;
}

.opinion-area {
	font-size: 1.5rem;
	box-sizing: border-box;
	padding: 1.8rem 1.5rem;
	margin: 0 0 2rem 0;
	width: 100%;
	height: 150px;
	border: 2px solid #e6e6e6;
	border-radius: 20px;
	resize: none;
	outline: none;
	-moz-outline: none;
	-webkit-outline: none;
	-ms-outline: none;
	-o-outline: none;
}

.opinion-area:focus {
	border: 2px solid #04a4e0;
}

.button-submit-opinion {
	width: 45%;
	margin-left: 60%;
}

.button-submit-opinion .color-button {
	background-color: #ff9827;
}

.opinion-instruction {
	width: 43%;
}

.opinion-instruction .ex-list {
	margin-top: 2.5rem;
	width: 100%;
}

.expert-site .button-submit-opinion {
	width: auto;
	margin-left: 0;
	align-self: flex-end;
}

.opinion-more {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

.more-opinions-link {
	font-size: 1.4rem;
}

.more-opinions-link:hover {
	text-decoration: underline;
}

.no-comments-with-rate {
	width: 100%;
	padding: 30px 20px;
	direction: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
}

/* ----------------------------------------- */

/* ------------- EXPERT ACCOUNT ----------------- */

/* ----------------------------------------- */
.account {
	flex-grow: 1;
	max-width: 1024px;
	width: 100%;
}

.account-site {
	font-size: 2rem;
}

.account-site,
.normal-account {
	width: 100%;
	margin: 0 auto;
	justify-content: space-between;
}

.h2-account {
	font-size: 36px;
	text-align: left;
	width: 100%;
}

.column1 {
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	flex-grow: 1;
	box-sizing: border-box;
	flex-shrink: 0;
	max-width: 230px;
	border-right: 1px solid #04a4e0;
	margin-bottom: 30%;
}

.column1 .caps {
	font-size: 1.125rem;
}

.txt-del-h {
	color: #513682;
	font-size: 3rem;
	text-align: center;
	max-width: 760px;
	margin: 0px auto;
}

.txt-del-desc {
	font-size: 1.4rem;
	text-align: center;
	max-width: 760px;
	margin: 20px auto 30px auto;
}

.del-box {
	display: flex;
	justify-content: center;
}

.del-button {
	background: #999999;
	cursor: pointer;
	padding: 5px 15px;
	margin: 0 10px;
	color: #fff;
	border-radius: 15px;
}

.del-confirm {
	background: #da0000;
}

.column2 {
	flex-grow: 2;
	flex-direction: column;
	flex-shrink: 1;
	max-width: 774px;
}

.account-info-header {
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.acc-header1 {
	font-weight: bold;
	font-size: 1.95rem;
}

.acc-header2 {
	font-size: 1.4rem;
	margin: 10px 0 0 0;
}

.account-info {
	position: relative;
	margin-top: 4rem;
	width: 100%;
}

.avatar-box {
	width: 35%;
	flex-direction: column;
	justify-content: space-between;
	border: 2px solid #cccccc;
	border-radius: 4px;
	box-sizing: border-box;
	height: auto;
	align-self: flex-start;
	background: url("../../gfx/icons/no-photo.png") no-repeat center top;
}

.avatar-photo {
	height: auto;
	margin: 6rem 6rem 0 6rem;
	flex-shrink: 0;
}

.avatar-img {
	border: 2px solid #e0e0e0;
	border-radius: 50%;
	margin: 2rem auto;
	box-sizing: border-box;
	width: 100%;
	height: auto;
}

.avatar-button {
	cursor: pointer;
	width: auto;
	margin: 0 auto;
	color: #666666;
	border-color: #ccc;
	background: #fff;
	font-size: 1.8rem;
	justify-content: space-between;
	padding: 5px 20px;
	display: flex;
	margin: 4rem;
	white-space: nowrap;
}

.avatar-button-ins {
	cursor: pointer;
	align-items: center;
	font-size: 25px;
	display: flex;
	width: 100%;
	flex-shrink: 0;
	justify-content: center;
}

.input-box {
	width: 100%;
}

.inputfile {
	cursor: pointer;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	display: flex;
	text-align: center;
}

.avatar-button-ins:focus {
	box-shadow: 0 0 5px #666;
	width: 100%;
	border-radius: 2rem;
}

.account-form {
	width: 50%;
	/* flex-grow: 1; */
	flex-direction: column;
	justify-content: space-between;
	margin: 0 auto;
}

.account-form .form-div-input {
	width: 100%;
}

.account-form .form-container {
	margin-left: 0;
	margin-right: 0;
	font-family: 'antoniolight';
	font-size: 0.9rem;
}

.delete-account {
	color: #a0a0a0;
	justify-content: flex-start;
	align-content: center;
	margin: -2.8% 0 0 27%;
}

.normal-account .delete-account {
	margin: 0 3rem 0 0;
}

.delete-account:hover {
	color: #FD3E43;
}

.delete-acc-a {
	align-items: center;
	width: 120px;
	margin-top: 1rem;
}

.trashcan-img {
	margin-right: 1rem;
}

#acc-textarea-about {
	resize: none;
	height: 100%;
	max-height: 25rem;
	cursor: text;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 10px;
	font-family: 'antoniolight';
	font-size: 0.9rem;
	padding-left: 1rem;
}

.form-div-input-flex {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	border: none;
}

.acc-form-input {
	height: 4rem;
	border: 1px solid #ccc;
	position: relative;
}

.list-acc {
	width: 100%;
	margin: 1rem auto 2rem 0;
}

.list-acc .ex-list {
	flex-direction: column;
}

.list-trashcan-img {
	margin-left: 1rem;
}

.list-acc .ex-list li {
	align-items: center;
	margin-bottom: 0.6rem;
}

.list-acc .ex-list li:before {
	margin-top: .15%;
}

.adding-more {
	position: relative;
}

.after-plus {
	position: absolute;
	content: "";
	color: #fff;
	position: absolute;
	bottom: 35%;
	right: -20px;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	background: url(../gfx/icons/plus.png) center center no-repeat;
	background-size: 64%;
	background-color: #999999;
	cursor: pointer;
}

.after-plus:hover {
	background-color: #04a4e0
}

/* ----------------------------------------- */

/* ------------- NORMAL ACCOUNT ----------------- */

/* ----------------------------------------- */
.normal-account .column2 {
	width: 50%;
}

.normal-account .account-form {
	margin: 0 0 125px 0;
	width: 70%;
}

.normal-account .form-container {
	max-width: none;
}

.form-input-a {
	margin-top: 1rem;
	justify-content: flex-start;
	align-items: center;
	font-size: 1rem;
}

#form-div-password {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
}

#form-div-password .form-input {
	height: 2rem;
}

#form-div-password .form-div-input {
	width: 100%;
}

.normal-account .form-div-input {
	display: flex;
	flex-direction: column;
}

.normal-account .form-button-cont {
	justify-content: flex-end;
	margin: 0 2% 3rem 0;
}

.normal-account.form-button-cont {
	margin-left: 40%;
}

.color-button-gray {
	background: #999999;
	margin-right: 3rem;
}

/* ----------------------------------------- */

/* ------------- ADVICES - PAGE ----------------- */
.advice-post {
	width: 31%;
	flex-direction: column;
	margin-right: 2%;
}

.advice-post-img {
	position: absolute;
	top: 0;
	width: 100%;
}

.advice {
	width: 100%;
	background: #fff;
	display: flex;
	position: relative;
	flex-wrap: wrap;
}

.advices-page {
	flex-direction: column;
	width: 100%;
	max-width: 1280px;
	padding: 0 15px;
	box-sizing: border-box;
	margin: 0 auto;
}

.advices-container {
	width: 100%;
	flex-direction: column;
}

.advices-box {
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.advices-box-inner {
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}

.advice-a {
	flex-direction: column;
	text-align: left;
}

.advice-img-cont {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.advice-img-cont:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	padding-top: 56.25%;
}

.advice-img {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

.advice-link {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.slider-img {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.advice-img-slider {
	width: 100%;
	float: left;
}

.advice-header {
	font-weight: bold;
	font-size: 2rem;
	margin: 2rem 0 1rem 0;
	height: 100%;
	max-height: 55px;
	overflow: hidden;
	line-height: 130%;
}

.advice-content {
	font-size: 1.4rem;
	line-height: 130%;
	height: 100%;
	max-height: 55px;
	overflow: hidden;
	margin-bottom: 5rem;
}

/* ----------------------------------------- */

/* ------------- ADVICES - SUB PAGE ----------------- */
.adv-subpage {
	width: 100%;
	max-width: 1200px;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row;
}

.adv-subpage .cycle-slide {
	left: 15% !important;
}

.adv-subpage .arrows {
	display: flex;
	justify-content: flex-start;
	cursor: pointer;
	margin: 2rem auto 0 auto;
}

.adv-subpage .slider-between-arrows {
	margin: 0 auto 3rem auto;
	width: 70%;
	max-width: none;
}

.adv-subpage .slider-cont-header {
	font-size: 3rem;
	font-weight: bold;
	height: 100%;
	margin: 0 0 2.8rem 0;
}

.adv-sub-img {
	width: 110%;
	margin: 2rem auto 2rem -5%;
}

.adv-big-img {
	width: 100%;
	max-width: 960px;
	height: auto;
}

.adv-subpage .slider-text {
	font-size: 1.6rem;
	margin: 0 0 2.5rem 0;
	height: 100%;
	max-height: none;
	overflow: visible;
}

/* ----------------------------------------- */

/* ------------- 404 ----------------- */

/* ----------------------------------------- */
.header404 {
	display: flex;
	display: -ms-flexbox;
	height: 50vh;
	flex-direction: column;
	justify-content: center;
}

.h1-404,
.h2-404 {
	font-weight: bold;
}

.h1-404 {
	font-size: 2rem;
	margin: 0 auto 1rem auto
}

.h2-404 {
	font-size: 1.4rem;
	margin: 0.5rem auto 0.5rem auto;
}

/* ----------------------------------------- */

/* ------------- HOMEPAGE ----------------- */

/* ----------------------------------------- */

/* ----------------------------------------- */

/* ------------- HEADER ----------------- */

/* ----------------------------------------- */
.header-home {
	position: relative;
	background-image: url(../gfx/background.jpg);
	background-position: center 1050px;
	color: #fff;
	min-height: 580px;
	flex-shrink: 0;
	width: 100%;
}

.header-lvl2,
.header-lvl3 {
	text-align: center;
}

/* ------------- HEADER LVL 2 ----------------- */
.header-h1 {
	font-size: 6.5rem;
	margin: 10rem auto 5.5rem;
}

/* ------------- SEARCH ----------------- */
.search-mobile {
	position: relative;
	display: none
}

.search-field {
	flex-direction: row;
	text-align: center;
	margin: 0 auto;
	height: 7rem;
	background: #fff;
	border-radius: 5rem;
	width: 65%;
	box-sizing: border-box;
}

.search-label,
.mobile-search-label {
	position: relative;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}

.search-city .search-label {
	box-sizing: border-box;
	border-left: 2px solid #a9a9a9;
	padding: 0 0 0 0;
}

.search-ul {
	position: absolute;
	text-align: left;
	left: 15%;
	top: 73%;
	list-style: none;
	background: rgba(255, 255, 255, 0.4);
}

.search-spec,
.search-city,
.search-field-button {
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	font-size: 1.8rem;
	height: 100%;
	box-sizing: border-box;
}

.search-field-button:hover .hover {
	text-decoration: underline;
}

.search-spec,
.search-city {
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	width: 40%;
	height: 100%;
	color: #666666;
	position: relative;
	box-sizing: border-box;
}

.search-label-input {
	border: none;
	font-size: inherit;
	color: inherit;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.reg-exp-site .search-label-input {
	color: #151515 !important;
	-webkit-text-fill-color: #151515;
	/*    z-index: 5;*/
}

.reg-exp-site .search-label-span {
	color: #151515 !important;
	-webkit-text-fill-color: #151515;
	z-index: 5;
}

.search-label-input:disabled {
	background-color: transparent;
}

.dropdown-li::first-letter,
.search-label-input::first-letter {
	text-transform: uppercase;
}

.search-label-span {
	height: 100%;
	display: flex;
	align-items: center;
}

.reg-exp-site .search-label {
	box-sizing: border-box;
	height: 100%;
	padding: 0 10px;
	justify-content: space-between;
	cursor: pointer;
	z-index: 10;
}

.search-ul {
	display: none;
	width: 80%;
	padding: 0;
	box-sizing: border-box;
}

.search-li {
	padding: 0.5rem 3rem;
	font-size: 1.6rem;
	color: #fff;
}

.search-field-button {
	width: 20%;
	background: #ff9827;
	color: #fff;
	border-radius: 0 5rem 5rem 0;
}

.magnifier {
	vertical-align: top;
}

.search-span {
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	width: 60%;
	margin: 0 auto;
}

.search-span a {
	color: inherit;
}

/* ------------- HEADER LVL 3 ----------------- */
.header-lvl3 {
	margin: 6rem auto 0 auto;
}

.specialization-list {
	box-sizing: border-box;
	width: 100%;
	max-width: 765px;
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	list-style: none;
	margin: 0 auto;
}

.list-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 1rem;
	cursor: pointer;
	font-size: 1.6rem;
}

.list-item:after {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #fff;
	margin: 0 .5rem;
}

.item-a {
	/*    border-right: 1px solid #fff;*/
	margin: 0 2rem;
	/*    color: #fff;*/
}

. .list-item:first-child .item-a {
	/*    padding: 0 2rem 0 0;*/

}

.list-item:last-child:after {
	display: none;
	margin: 0 0 0 0;
}

/* ----------------------------------------- */

/* ------------- HOMEPAGE MAIN DIV ----------------- */

/* ----------------------------------------- */
.homepage-main-div,
.adv-subpage {
	width: 100%;
	max-width: 1280px;
	padding: 0 15px;
	box-sizing: border-box;
	margin: 5.5rem auto 5% auto;
	font-size: 1.6rem;
	position: relative;
	flex-shrink: 0;
	min-height: 100%;
}

.homepage-main-div {
	flex-direction: column;
}

.opinions-container,
.advices-container {
	flex-direction: column;
}

.homepage-box {
	margin: 0 0 5rem 0;
	position: relative;
}

.homepage-container-header,
.advices-page-header {
	font-weight: bold;
	font-size: 2.2rem;
	cursor: default;
	width: 100%;
}

.homepage-main-div .opinion {
	width: 32%;
}

.homepage-container-header {
	margin: 0 0 3.5rem 0;
}

.advices-page-header {
	margin: 3rem 0;
	text-align: left;
}

/* ----------------------------------------- */

/* ------------- OPINIONS ----------------- */
.opinions-box {
	flex-direction: row;
	justify-content: space-between;
}

.opinions-select {
	width: 100%;
	padding: 20px 0 20px 0;
	margin-top: 40px;
	margin-bottom: -40px;
	display: flex;
	border-top: 2px #ebebeb solid;
	justify-content: flex-end;
}

.info-expert {
	flex-direction: row;
	/* align-items: center; */
	justify-content: flex-start;
	margin: 1rem 0;
	width: 100%;
	flex-shrink: 0;
}

.opinions-box .photo-box {
	width: auto !important;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	padding: 0 20px 0 0;
}

.expert-photo {
	height: 70px;
	width: 70px;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
	z-index: 1;
}

.expert-photo a {
	width: 100%;
	height: 100%;
}

.expert-img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
	z-index: 999999999;
}

.expert-photo:before {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background-color: rgb(255, 255, 255);
	border: 0;
	width: 70px;
	height: 70px;
	border-radius: 50%;
}

.expert-photo:after {
	content: "";
	background: url(../gfx/icons/no-photo.jpg);
	background-size: cover;
	display: block;
	font-size: 16px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	border-radius: 50%;
}

.fav-icon {
	width: 49px;
	height: 49px;
	background: #ed1c24;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99999;
}

.fav-icon:before {
	content: '';
	width: 24px;
	height: 21px;
	background: url(../gfx/icons/heart.png) no-repeat;
	background-size: cover;
}

.fav-icon--small {
	width: 25px;
	height: 25px;
}

.fav-icon--small:before {
	content: '';
	width: 13px;
	height: 12px;
}

.confirmed {
	width: 49px;
	height: 49px;
	background: #04a4e0;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99999;
}

.confirmed:before {
	content: '';
	width: 24px;
	height: 18px;
	background: url(../gfx/icons/confirmed.png);
	float: left;
}

.confirmed--small {
	width: 25px;
	height: 25px;
}

.confirmed--small:before {
	content: '';
	width: 12px;
	height: 9px;
	background-size: cover;
}

.no-fav-experts {
	color: #9a9a9a;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 3rem;
}

.name-spec-cont {
	word-break: break-word;
	overflow: hidden;
	width: 80%;
	flex-direction: column;
	align-self: center;
	padding: 0 0 1px 0;
	/* padding-left: 2rem; */
}

.name {
	text-transform: capitalize;
	margin-left: 2rem;
	font-weight: bold;
	font-size: 2rem;
}

.name a:hover {
	text-decoration: underline;
}

.info-expert-site .name,
.info-expert-site .spec-cont {
	margin-left: 0;
}

.spec-cont {
	margin-left: 2rem;
	font-size: 1.8rem;
}

.photo-box__spec {
	font-size: 1.8rem;
	text-align: center;
	justify-content: center;
	width: 100%;
}

.user-opinion {
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	max-width: 400px;
	height: auto;
	max-height: auto;
	overflow: hidden;
	font-style: italic;
	box-shadow: 0 0 5px #e0e0e0;
	padding: 0 2rem 1rem 2rem;
	box-sizing: border-box;
	position: relative;
	display: flex;
	width: calc(100% - 6px);
	margin-left: 3px;
}

.user-opinion .full-opinion-link {
	margin: 1rem 0 0 0;
}

.user-opinion:hover .full-opinion-link .hover {
	text-decoration: underline;
}

.user-opinion:hover .full-opinion-link .arrow-right {
	text-decoration: none;
}

.user-info {
	flex-direction: row;
	justify-content: space-between;
	margin: 2rem 0 1.5rem 0;
	flex-shrink: 0;
}

.full-opinion-link {
	font-size: 1.4rem;
	font-style: normal
}

.user-name {
	text-transform: capitalize;
	padding-right: 10px;
}

.user-text {
	line-height: 2.3rem;
	margin: 0 0 1rem 0;
	height: 100%;
	max-height: 90px;
	overflow: hidden;
	flex-grow: 1;
}

/* ----------------------------------------- */

/* ------------- ADVICES - ON HOMEPAGE ----------------- */
.advices-slider {
	position: relative;
	max-height: 465px;
	width: 100%;
	margin-top: 3rem;
}

.max700 {
	display: none;
}

.advices-photo {
	z-index: 5;
	height: 100%;
	max-height: 460px;
	overflow: hidden;
	width: 65%;
}

.slides-box {
	width: 100%;
}

.advices-img {
	position: relative;
	height: 100%;
	width: 100%;
}

.max700 .advices-img {
	height: 370px;
	overflow: hidden;
}

.arrows {
	background: #fff;
	top: 20% !important;
	box-sizing: border-box;
	padding: 1rem;
}

.max700 .arrow-prev {
	left: 0;
}

.max700 .arrow-next {
	right: 0;
}

.advices-slider-box {
	z-index: 10;
	width: 60%;
	right: 0;
	background: #fff;
	position: absolute;
	box-sizing: border-box;
	padding: 0 3rem;
	top: 4.5rem;
	text-align: left;
}

.slider-container {
	justify-content: space-between;
	z-index: 10000;
	width: 100%;
	position: relative;
}

.slider-between-arrows {
	margin: 3rem 4rem;
	width: 100%;
	max-width: none;
}

.big-link {
	cursor: pointer;
	display: block;
	flex-shrink: 0;
}

.big-link:hover .full-opinion-link .hover {
	text-decoration: underline;
}

.advices-slider-box:hover .slider-cont-header {
	text-decoration: underline;
}

.slides-box {
	/*    position: absolute;*/

}

.arrows {
	z-index: 121;
	position: absolute;
	cursor: pointer;
}

.homepage-main-div .arrows {
	margin: 13% 0 0 0;
	top: 0;
}

.adv-subpage .arrows {
	top: 20px;
}

.homepage-main-div .arr-next {
	right: 0;
	margin: 0;
	top: 35% !important;
	transform: translateY(-50%);
}

.homepage-main-div .arr-prev {
	right: calc(60% - 40px);
	margin: 0;
	top: 35% !important;
	transform: translateY(-50%);
}

.adv-subpage .arr-next {
	right: 0;
}

.adv-subpage .arr-prev {
	left: 0;
}

.slider-cont-header {
	font-size: 3rem;
	font-weight: bold;
	margin: 0 0 2.8rem 0;
	overflow: hidden;
}

.slider-text {
	font-size: 1.6rem;
	margin: 0 0 1rem 0;
}

/* ----------------------------------------- */

/* ------------- QUESTIONS ----------------- */
.questions-container {
	position: relative;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	margin: 40px 0 0 0;
}

.questions-box {
	justify-content: space-between;
	align-items: flex-start;
}

.q-box {
	flex-direction: column;
	box-sizing: border-box;
	justify-content: flex-end;
	height: auto;
	width: auto;
}

.q-box:hover .question-header {
	text-decoration: underline;
}

.question-header {
	font-weight: bold;
	font-size: 2.4rem;
	margin: 0 0 1rem 0;
	/*        height: 100%;*/
	/*        height: 7rem;*/
	overflow: hidden;
}

.question-text {
	height: 100%;
	max-height: 75px;
	overflow: hidden;
	line-height: 2.5rem;
}

.answer-header {
	margin: 2rem 0 1.8rem 0;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 2rem;
}

.answer-box {
	flex-direction: column;
	position: relative;
	justify-content: space-between;
	background: #f5f5f5;
	box-sizing: border-box;
	padding: 20px;
	flex-shrink: 0;
}

.exp-answer {
	height: 100%;
	font-style: italic;
	line-height: 2rem;
	margin: 0 0 1rem 0;
}

.exp-answer-inner {
	flex-direction: column;
	justify-content: space-around;
	height: auto;
	flex-shrink: 0;
}

.answer-box .info-expert {
	margin: 0 0 0 0;
}

.answer-box .name,
.answer-box .spec-cont {
	font-size: 1.5rem
}

/*
.footer-homepage {
    position: relative;
}
*/

/* ----------------------------------------- */

/* ------------- ADMIN PAGE ----------------- */

/* ----------------------------------------- */
.admin-site,
.normal-account {
	justify-content: flex-start;
	flex-direction: row;
	width: 100%;
}

.admin-site .column1,
.normal-account .column1 {
	flex-grow: 1;
	flex-direction: column;
	justify-content: flex-start;
}

.admin-site .column2,
.normal-account .column2 {
	font-size: 0.9rem;
	flex-grow: 3;
	width: 100%;
	flex-direction: column;
	justify-content: flex-start;
	margin: 4rem auto 2rem;
}

.admin-site .header404,
.normal-account .header404 {
	width: 55%;
}

.forms-adm-cont {
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-top: none;
	border-collapse: collapse;
	flex-direction: column;
	width: 55%;
}

.admin-sub-header {
	font-size: 2rem;
	flex-direction: column;
	justify-content: space-between;
	align-items: baseline;
	background: rgba(161, 161, 161, .25);
	padding: 1rem;
}

.admin-sub-header .cat-suggested {
	padding: 0;
	margin: 0;
}

.admin-sub-header .cat-button {
	margin: 0;
}

.table-footer {
	font-size: 1.3rem;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	padding: 1rem 0;
	background: none;
	width: 100%;
	height: 5rem;
	box-sizing: border-box;
}

.save {
	font-size: inherit !important;
}

.table-footer .pages {
	font-size: inherit;
	margin: 0 auto;
}

.table-footer .arrow-left,
.table-footer .arrow-right {
	vertical-align: middle;
}

.forms-administration {
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	overflow: scroll;
}

.ad-sub-nav,
.ad-search-elem {
	flex-direction: row;
	box-sizing: border-box;
}

.ad-search-elem {
	flex-direction: column;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
}

.ad-search-header {
	background: rgba(4, 164, 224, 0.15);
	padding: 1rem;
	box-sizing: border-box;
	width: 100%;
	align-items: center;
}

.ad-sub-h1 {
	font-weight: bold;
	box-sizing: border-box;
	width: 100%;
	text-align: left;
}

.ad-sub-nav {
	/*    padding: 0 1rem;*/
	width: 100%;
	font-size: 1.5rem;
	justify-content: flex-end;
	align-items: center;
}

.ad-sub-nav .filter {
	font-weight: 100;
	position: relative;
	width: auto;
	flex-direction: column;
}

.ad-sub-nav .dropdown-list {
	top: 110%;
	padding: 0;
	text-align: center;
}

.ad-sub-nav .button-list {
	font-weight: normal;
	flex-direction: column;
	justify-content: flex-start;
	border: none;
	margin: 0;
	padding: 0;
}

.filter-adm-form-none {
	display: none
}

.filter-adm-form {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0 0 0 0
}

.filter-adm-form .search-button {
	justify-content: space-around;
	width: 100%;
	max-width: 11rem;
	margin: 0 0 0 auto;
	padding: 0;
	background: rgba(4, 164, 224, 0.5);
}

.filter-adm-form .magnifier {
	height: 25px;
}

.ad-search-elem .search-button {
	/*    border-radius: 0;*/
	box-sizing: border-box;
	padding: .5rem;
	font-size: 1.2rem;
	color: #fff;
	/*    font-weight: bold;*/
}

.search-icon {
	padding-left: 5px;
}

.search-elem-form {
	box-sizing: border-box;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 8px 1rem;
	margin: 0 auto;
	width: 100%;
}

.src-elem-form-inner {
	box-sizing: border-box;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}

.searchBy {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 0.8rem;
	margin: 0.5rem;
}

.searchByLabel {
	width: auto;
	margin-right: 1rem;
	text-align: left;
}

.elem-search,
.search-sel,
.change-input {
	font-size: 0.8rem;
	border: none;
	box-sizing: border-box;
	height: 2.4rem;
	outline: none;
	box-shadow: 0 0 10px #ccc;
}

.change-cell textarea {
	resize: vertical;
	height: 12rem;
}

.search-sel {
	margin: 0 1rem 0 0;
}

.forms-adm-aside .search-sel,
.forms-adm-aside .change-input {
	margin: 0;
}

.elem-search,
.search-sel {
	width: auto;
}

.change-cell .search-sel {
	width: 100%;
}

.elem-search {
	width: auto;
	margin: 0;
	padding: 0 0 0 1rem;
}

.search-sel {
	padding: 0 0 0 0.5rem;
}

.elem-search:focus {
	box-shadow: 0 0 10px #ccc;
}

.forms-adm-aside {
	width: 45%;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	box-sizing: border-box;
	padding: 1rem;
	background: rgba(40, 53, 97, 0.05)
}

.forms-adm-aside_100p {
	width: 100%;
}

.form-aside-header {
	margin-bottom: 1rem;
	font-weight: bold;
}

.edit-form {
	justify-content: space-between;
	width: 75%;
	flex-wrap: wrap;
}

/*.change-cell .form-cont-cont {
    width: 100%;
}*/
.change-cell .form-div-input {
	margin: 0;
	height: auto;
	border: none;
	border: none;
	align-items: center;
	display: flex;
	flex-direction: row;
}

.change-cell {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	/*justify-content: space-between;*/
	margin: 1rem auto 0 auto;
	align-items: center;
}

.change-cell .button-square {
	color: #04a4e0;
	align-items: center;
	text-align: center;
	width: 5%;
	font-size: 2rem;
}

.edit-form-popup .change-cell {
	flex-wrap: wrap;
}

.change-label {
	width: 20%;
	margin-bottom: 5px;
	flex-shrink: 0;
}

.change-input {
	width: 100%;
	align-content: flex-start;
}

/*  TABLE */
.spec-administration {
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	font-size: 1.6rem;
	height: 100%;
}

.table-body {
	width: 100%;
	flex-direction: row;
}

.table-head {
	color: #fff !important;
	box-sizing: border-box;
	padding: 1rem !important;
	font-weight: bold;
	border-right: 1px solid #04a4e0;
	background: rgba(4, 164, 224, 0.5) !important;
}

.table-head .cell:first-child {
	border-left: none;
}

.table-head .cell:last-child {
	/*    border-right: none;*/

}

.row {
	box-sizing: border-box;
	text-align: left;
	/*    border: 1px solid #ccc;*/
	/*    display: flex;*/
	/*    flex-direction: row;*/
	/*    justify-content: space-between;*/
	/*    width: 100%;*/
	/*    align-content: center;*/
	/*    border: 1px solid #ccc;*/
	/*    border-right: none;*/
}

.row-number {
	text-align: right;
	width: 5%;
}

.td-inline {
	display: inline-block;
	vertical-align: middle;
}

.td100 {
	/*    width: 100%;   */

}

.col {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	align-content: center;
	/*
    border: 1px solid #ccc;
    border-right: none;
*/
}

.row:nth-child(odd) {
	background: rgba(4, 164, 224, 0.15)
}

.cell {
	word-break: break-word;
	color: #000;
	font-size: 1rem !important;
	font-size: inherit;
	position: relative;
	box-sizing: border-box;
	padding: 0.5rem;
	border-right: 1px solid #ccc;
	line-height: 1rem;
	/*
    display: flex;
    justify-content: flex-start;
    align-items: center;
*/
	word-break: normal;
	/*white-space: pre-line;*/
}

.cell-for-date {
	white-space: no-wrap;
	text-align: center;
}

.cell:last-child {
	border-right: none;
}

.table-pag .page-nav {
	text-align: right;
}

#log-msg {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	font-size: 1rem;
}

#log-msg div {
	padding: 0 10px 40px 10px;
}

.cell-desc {
	padding: 1rem;
	text-align: left;
}

.cell-action {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.action {
	/*    width: 50%;*/
	font-size: inherit;
	/*    justify-content: flex-start;*/
	/*    text-align: center;*/
}

.action {
	color: #04a4e0;
	/*    margin-right: 1rem;*/
}

.action.delete-link {
	color: #FD3E43;
}

/*
.action:nth-child(2) {
    color: #FD3E43;
}
*/
.form-options {
	align-items: flex-start;
}

.form-change-inner {
	flex-direction: column;
	width: 100%;
}

.option-label {
	display: flex;
	flex-direction: row;
	margin-bottom: 0.6rem;
}

.form-zxc {
	justify-content: flex-end;
}

.our-clients {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 20px 0 150px 0;
	width: 100%;
}

.our-clients-img {
	width: 25%;
	justify-content: space-between;
	display: flex;
	margin: 50px 0;
}

.contact {
	width: 100%;
	display: flex;
	font-size: 14px;
}

.contact-left {
	width: 100%;
	margin: 0 45px 0 0;
	text-align: left;
}

.contact-right {
	width: 300px;
	text-align: left;
}

.contact-header {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px #f0f0f0 solid;
	font-size: 18px;
	font-weight: bold;
}

.contact-form {
	width: 100%;
	display: flex;
	margin: 30px 0;
	justify-content: space-around;
	flex-wrap: wrap;
}

.contact-send {
	background: #04a4e0;
	padding: 0.2rem 1.5rem;
	border-radius: 2rem;
	float: left;
	border: 0;
	height: 32px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	color: #fff;
	margin: 0 140px 0 0;
}

.contact-form__part {
	display: flex;
	width: 100%;
	align-items: center;
	margin: 30px 0 0 0;
	justify-content: center;
}

.contact-input {
	width: 350px;
	height: 43px;
	border: 1px #cccccc solid;
	border-radius: 1px;
}

.red {
	color: red;
}

.contact-captcha {
	width: 350px;
}

.contact-textarea {
	width: 350px;
	height: 160px;
	border: 1px #cccccc solid;
	border-radius: 1px;
}

.contact-label {
	width: 140px;
	text-align: right;
	margin: 0 20px 0 0;
}

.contact-infopage {
	width: 100%;
	height: 80px;
	background: #e8fae7;
	margin: 0 0 30px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 18px;
}

.contact-check {
	margin: 0 15px 0 0;
}

.contact-form__error {
	display: flex;
	width: 100%;
	align-items: center;
	margin: 10px 0 0 0;
	justify-content: center;
}

.contact-form__error__msg {
	width: 350px;
	color: red;
}

.error-box {
	width: 100%;
	height: 80px;
	background: #fbe6e5;
	color: #d80100;
	margin: 0 0 30px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 18px;
}

.cycle-slideshow-flex {
	margin: 0 -10px;
}

.cycle-slide-margin {
	margin: 0 10px;
}

.swiper-container,
.swiper-advices {
	width: 100%;
	max-width: 1280px;
	position: relative;
	margin: 0px auto;
}

.swiper-advices {
	box-sizing: border-box;
}

.swiper-wrapper {}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 500px;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	align-items: baseline;
}

.swiper-advices .swiper-slide {
	visibility: hidden;
}

.swiper-advices .swiper-slide-active {
	visibility: visible;
}

.expert-q {
	display: flex;
	box-sizing: border-box;
	justify-content: flex-start;
	flex-wrap: wrap;
	text-align: left;
	width: 100%;
}

.expert-q__title {
	color: #000;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 10px 0;
	width: 100%;
}

.expert-q__desc {
	line-height: 25px;
	width: 100%;
}

.expert-q__ansHeader {
	margin: 20px 0 18px 0;
	font-variant: small-caps;
	font-size: 20px;
	color: #999999;
	width: 100%;
}

.expert-q__ansBox {
	flex-direction: column;
	position: relative;
	justify-content: space-between;
	background: #f5f5f5;
	box-sizing: border-box;
	padding: 20px;
	height: 100%;
	width: 100%;
}

.expert-q__answer {
	font-style: italic;
	line-height: 20px;
	margin: 0 0 10px 0;
}

.swiper-pagination {
	bottom: 0;
}

.advice {
	width: 100%;
	background: #fff;
	display: flex;
	position: relative;
	flex-wrap: wrap;
}

.photo-box-small {
	position: relative;
	width: 86px;
	height: 86px;
	background-size: contain;
}

.photo-img-small {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: 3px;
}

.avatar-photo-admin .photo-img-small {
	width: calc(100% - 6px);
	height: calc(100% - 6px);
}

.info-expert-site .photo-box-small {
	position: relative;
	max-width: 199px;
	max-height: 199px;
	margin-bottom: 3rem;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
}

.photo-box--profile .photo-box-small {
	width: 199px;
	height: 199px;
}

.opinions-box .photo-box-small {
	width: 50px;
	height: 50px;
}

.info-expert-site .photo-img-small {
	width: calc(100% - 6px);
	height: calc(100% - 6px);
}

.vip-bg-box {
	display: flex;
	background: #f2c355;
	background: -moz-linear-gradient(top, #f2c355 0%, #e4a53c 50%, #cc7924 100%);
	background: -webkit-linear-gradient(top, #f2c355 0%, #e4a53c 50%, #cc7924 100%);
	background: linear-gradient(to bottom, #f2c355 0%, #e4a53c 50%, #cc7924 100%);
	border-radius: 50%;
	background-size: cover;
}

.photo-box-small__vip {
	background: #f2c355;
	background: -moz-linear-gradient(top, #f2c355 0%, #e4a53c 50%, #cc7924 100%);
	background: -webkit-linear-gradient(top, #f2c355 0%, #e4a53c 50%, #cc7924 100%);
	background: linear-gradient(to bottom, #f2c355 0%, #e4a53c 50%, #cc7924 100%);
	border-radius: 50%;
	background-size: cover;
}

.info-expert-site .photo-box-small__vip {
	background: #f2c355;
	background: -moz-linear-gradient(top, #f2c355 0%, #e4a53c 50%, #cc7924 100%);
	background: -webkit-linear-gradient(top, #f2c355 0%, #e4a53c 50%, #cc7924 100%);
	background: linear-gradient(to bottom, #f2c355 0%, #e4a53c 50%, #cc7924 100%);
	border-radius: 50%;
	background-size: cover;
}

.vip-big {
	background: url(../gfx/ekspert.png);
	width: 193px;
	height: 37px;
	margin: 5px 0 20px 0;
	background-size: cover;
}

.vip-big--inst {
	background-image: url(../gfx/placowka-vip.png);
}

.vip-small {
	background: url(../gfx/ekspert_small.png);
	width: 85px;
	height: 18px;
	margin: 5px auto 0 auto;
	background-size: cover;
	flex-shrink: 0;
}

.vip-small--inst {
	background-image: url(../gfx/placowka-vip.png);
}

.opinions-number {
	margin: 0 5px;
}

.experts-col--place {
	width: 100%;
}

.visits {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.left-visits {
	width: 100%;
}

.left-visits--top {
	margin: 50px 0 20px 0;
}

.form-container--center {
	justify-content: flex-start;
}

.form-label--min200 {
	min-width: 200px;
}

.right-visits {
	width: 100%;
	max-width: 335px;
}

.visit-data {
	min-width: 320px;
	max-width: 335px;
	width: 100%;
	height: auto;
	max-height: auto;
	box-shadow: 0 0 5px #e0e0e0;
	padding: 2rem;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	justify-content: space-between;
	flex-grow: 1;
	text-align: left;
}

.visit-data__person {
	width: 100%;
	display: flex;
}

.visit-data__person {
	min-height: 80px;
	display: flex;
	align-items: center;
}

.person__img {
	border-radius: 50%;
	width: 80px;
	height: 80px;
	margin: 3px;
}

.person__info {
	margin: 0 0 0 20px;
}

.person__info__name {
	color: #04a4e0;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
}

.person__info__job {
	color: #999999;
	font-size: 1.6rem;
}

.visit-res-date {
	max-width: 335px;
	min-width: 28px;
	width: 100%;
	margin: 25px 0 0 0;
}

.visit-res-date__head {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.visit-res-date__box {
	background: #eaf8f8;
	padding: 20px;
	box-sizing: border-box;
}

.res-date__day {
	font-size: 1.6rem;
}

.res-date__hour {
	font-size: 2.2rem;
	margin: 0.7rem 0 1.3rem 0;
}

.res-date__change {
	color: #04a4e0;
	font-size: 1.4rem;
}

.visit-companyInfo {
	margin: 25px 0 0 0;
}

.visit-companyInfo__head {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.visit-companyInfo__map {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 15px 0;
	border: 2px #e1dfe0 solid;
}

.visit-companyInfo__data {
	margin: 0 0 25px 0;
}

.companyInfo__name {
	color: #04a4e0;
	font-size: 1.7rem;
}

.companyInfo__address {
	margin: 10px 0;
	font-size: 1.5rem;
}

.companyInfo__phone {
	font-size: 1.5rem;
}

.visit-box {
	margin: 2rem auto 3rem auto;
	box-sizing: border-box;
	padding: 2rem;
	box-shadow: 0 0 6px #e0e0e0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.visit-box__flex {
	display: flex;
	justify-content: flex-start;
	width: 100%;
}

.visit-res-info {
	flex-grow: 1;
	margin: 25px 20px 0 25px;
	max-width: 300px;
}

.visit-res-info__box {
	font-size: 1.5rem;
}

.visit-res-buttons {
	width: 100%;
	margin: 10px 0 0 0;
	display: flex;
	flex-wrap: wrap;
}

.button-vis {
	background: #999999;
	position: relative;
	display: flex;
	align-items: center;
	border-radius: 2rem;
	text-align: center;
	padding: 8px 20px;
	color: #fff;
	margin: 0 10px 10px 0;
	font-size: 1.4rem;
	cursor: pointer;
	border: 0;
}

.button-vis__green {
	background: #04a4e0;
}

.button-vis__red {
	background: #fbe6e5;
	color: #d80100;
}

/*** Wizyty ***/
.header-with-line {
	border-bottom: solid 1px #f0f0f0;
	justify-content: space-between;
	padding: 9px 0;
	width: 100%;
}

.header-no-line {
	justify-content: space-between;
	padding: 20px 0;
	width: 100%;
	align-items: center;
}

.header-label {
	font-size: 1.8rem;
	font-weight: 700;
}

.header-label-16 {
	font-size: 1.6rem;
	font-weight: 700;
	align-self: center;
}

.calendar {
	width: 100%;
}

.calendar-flex {
	display: flex;
	border-bottom: 2px solid #e5e5e5;
	margin: 0 0 20px 0;
}

.calendar-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: baseline;
}

.calendar-container--left {
	width: calc(100% - 270px);
}

.calendar-container-right {
	width: 230px;
	margin: 0 0 0 40px;
	text-align: left;
}

.label-calendar-month {
	font-size: 1.6rem;
	display: inline-block;
	line-height: 28px;
	margin: 0 16px 0 0;
}

.button-table,
.button-calendar {
	height: 28px;
	border-radius: 14px;
	font-size: 14px;
	font-weight: 700;
	display: inline-block;
	line-height: 28px;
}

.button-table {
	width: 91px;
	background: #e5e5e5;
	color: #000;
}

.button-calendar {
	width: 111px;
	background: #333;
	color: #fff;
}

.free-visits-moblink {
	display: none !important;
}

.button-calendar-prev {
	margin: 0 10px 0 0;
}

.button-calendar-prev,
.button-calendar-next {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background: #f5f5f5;
	display: inline-block;
}

.button-calendar-prev:before {
	margin: 10px 0 0 11px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 4px 0;
	border-color: transparent #000 transparent transparent;
}

.button-calendar-next:before {
	margin: 10px 0 0 11px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 4px;
	border-color: transparent transparent transparent #000;
}

.button-calendar-prev--notActice {
	cursor: not-allowed;
}

.button-calendar-prev--notActice:before {
	content: '';
	border-color: transparent #b3b3b3 transparent transparent;
}

.button-calendar-next--notActice {
	cursor: not-allowed;
}

.button-calendar-next--notActice:before {
	content: '';
	border-color: transparent transparent transparent #b3b3b3;
}

.calendar-table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	width: 100%;
}

.calendar-table-header td {
	border: solid 1px #e9e9e9;
	background: #f5f5f5;
	height: 27px;
}

.calendar-table-body td {
	border: solid 1px #e9e9e9;
	width: 14.285%;
	height: 79px;
	text-align: left;
	vertical-align: text-top;
}

.calendar-day {
	display: block;
	margin: 9px 0 9px 9px;
}

.day-unactive {
	color: #bbb;
}

.calendar-day-reservations {
	display: block;
	margin: 0 0 9px 9px;
	font-weight: 700;
	color: #04a4e0;
}

.table-day-actual {
	background: #fef4e8;
}

.calendar-table-outer {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.calendar-table-outer td {
	width: 14.285%;
	vertical-align: text-top;
	padding: 0;
}

.calendar-flex-table-header td {
	border: none;
	background: #f5f5f5;
	height: 41px;
	vertical-align: middle;
}

.calendar-flex-table-body td {
	padding: 0;
	width: 14.285%;
	text-align: left;
	vertical-align: text-top;
}

.calendar-flex-table-column {
	border-width: 0px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #e9e9e9 #e9e9e9 #e9e9e9 #e9e9e9;
}

.calendar-flex-table-column td {
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
	border-color: #e9e9e9 transparent #e9e9e9 transparent;
}

.calendar-free .calendar-flex-table-column td {
	border: none;
}

.calendar-day-name {
	display: block;
}

.calendar-day-date {
	display: block;
	color: #999999;
}

.calendar-hour {
	display: block;
	margin: 9px 0 9px 9px;
}

.calendar-hour-round {
	display: block;
	margin: 5px 9px;
	background: #eaf8f8;
	border-radius: 20px;
	text-align: center;
	padding: 6px 0;
	font-size: 18px;
	color: #72cecb;
}

.calendar-hour-round:hover {
	background: #2ebdb9;
	color: #fff;
}

.hour-busy {
	font-weight: 700;
}

.calendar-visit-person {
	display: block;
	margin: 0 0 9px 9px;
	font-weight: 700;
	color: #04a4e0;
}

.calendar-visit-institution {
	font-size: 12px;
	color: #999;
	display: block;
	margin: 0 0 9px 9px;
}

.cell-hoour-free:hover {
	background: #e9e9e9;
}

.cell-hoour-busy {}

.calendar-table-std-day {
	display: inline;
}

.calendar-table-mob-day {
	display: none;
}

.visit-comments {
	margin: 20px 0 10px 0;
	width: 100%;
}

.visit-comment {
	background: #f2f2f2;
	padding: 17px 20px;
	box-sizing: border-box;
	font-size: 14px;
	margin: 0 0 10px 0;
}

.visti-comment-footer {
	display: flex;
	justify-content: space-between;
	margin: 15px 0 0 0;
}

.visit-comment-delete {
	width: 17px;
	height: 19px;
	cursor: pointer;
	background: url('../gfx/icons/delete-icon.png')
}

.visit-comment-textarea {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	height: 80px;
	margin: 0 0 20px 0;
	border: 1px #cccccc solid;
	border-radius: 1px;
}

.form-line {
	width: 100%;
	display: flex;
}

.form-line label,
.form-error label {
	width: 35%;
	display: flex;
	align-items: center;
	font-size: 16px;
	justify-content: flex-end;
	padding: 0 15px 0 0;
	box-sizing: border-box;
	text-align: right;
}

.form-one {
	width: 320px;
}

.form-50 {
	width: 150px;
}

.form-sep {
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}

.checkbox-save {
	margin: 13px 0 0 10px !important;
}

.form-error {
	margin: 10px 0 20px 0;
	color: red;
	width: 100%;
	text-align: left;
	display: flex;
}

.expert-2cols--questions {
	border-top: 2px #f0f0f0 solid;
}

.questions {
	width: 100%;
	text-align: left;
}

.question-top {
	font-size: 14px;
	color: #999;
	width: 100%;
	display: flex;
	border-bottom: 1px #ebebeb solid;
}

.question-for {
	color: #000000;
	text-decoration: none;
	margin: 0 5px;
}

.question-container {
	width: 100%;
	margin: 15px 0 40px 0;
	display: block;
}

.question-title {
	font-size: 16px;
	font-weight: bold;
	color: #151515;
	display: block;
}

.question-desc {
	width: 100%;
	display: block;
	margin: 10px 0 0 0;
	font-size: 16px;
}

.question-container:hover .question-title,
.question-container:hover .question-desc {
	text-decoration: underline;
}

.dropdown-sortBy {
	font-size: 14px;
}

.question-answers {
	padding: 0 0 25px 0;
}

.question-answer {
	padding: 0 0 0 20px;
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
	margin: 25px 0 0 0;
}

.question-answer__text {
	padding: 15px 20px;
	border: 1px #e8e8e8 solid;
}

.question-answer--expert .question-answer__text {
	border: 0;
	background: #f5f5f5;
}

.question-answer__who {
	color: #9a9a9a;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.question-answer__who span {
	color: #000000;
}

.question-reply__head {
	padding: 25px 0;
	font-size: 14px;
	font-weight: bold;
}

.question__flexbox {
	justify-content: space-between;
	width: 100%;
}

.question-reply__left {
	font-size: 14px;
	width: 122px;
}

.question-reply__right {
	flex-grow: 1;
}

.question-reply__right textarea {
	width: 100%;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 15px;
	min-height: 110px;
	border: 2px #ebebeb solid;
}

.question-reply__foot {
	width: 100%;
	justify-content: flex-end;
}

.button__reply {
	border: 0;
	background: #ff9827;
	border-radius: 20px;
	padding: 8px 15px;
	margin: 20px 0 40px 0;
	color: #fff;
	cursor: pointer;
}

.msg-box {
	background: #e8fae7;
	padding: 30px;
	box-sizing: border-box;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-align: center;
}

.msg-box__text {
	font-size: 18px;
	color: #000;
	position: relative;
}

.msg-box__text:before {
	content: url(../gfx/icons/check-green.png);
	margin: 0 10px 0 0;
}

.calendar-links-edit {
	padding: 9px;
	box-sizing: border-box;
}

.calendar-links-edit a {
	display: block;
	font-size: 11px;
	margin: 0 5px 5px 0;
}

.calendar-links-edit a:hover {
	text-decoration: underline;
}

#visit-res-date-change {
	max-width: 600px;
	margin: 0 auto 50px auto;
}

.institution-box {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.institution-info {
	max-width: 290px;
	font-size: 14px;
}

.institution-head {
	font-size: 16px;
	color: #151515;
	font-weight: bold;
	margin: 0 0 20px 0;
}

.institution-name {
	font-size: 16px;
	color: #04a4e0;
	margin: 0 0 10px 0;
	font-weight: 700;
}

.institution-phones {
	margin: 10px 0;
}

.info-institution-site .experts-col {
	width: 100%;
}

/*.info-institution-site .cat-expert-box{width:48%;}*/
.info-institution-site .photo-box {
	width: auto !important;
}

.info-institution-site .cat-expert-box .photo-box-small {
	max-width: 86px !important;
	max-height: 86px !important;
}

/* ----------------------------------------- */

/* ------------- MEDIA QUERIES ----------------- */

/* ----------------------------------------- */
@media only screen and (max-width:1250px) {

	.footer-div,
	.regulations {
		width: 95% !important;
		margin: 0 auto;
	}

	.expert-site,
	.catalogue {
		width: 90%;
	}

	.button-submit-opinion {
		width: 55%;
		margin-left: 50%;
	}

	.fb-logIn {
		width: 50%;
	}

	.account {
		width: 90%;
	}

	.homepage-main-div {
		max-width: 960px;
		box-sizing: border-box;
	}

	.search-field {
		width: 75%;
	}

	.homepage-main-div .arrows {
		top: 5%;
	}

	.homepage-main-div .arr-next {
		right: 1%;
	}
}

@media only screen and (max-width:1060px) {
	.account {
		width: 95%;
	}

	.avatar-box {
		width: auto;
	}

	.search-field .dropdown-li {
		font-size: 1.3rem;
	}

	.search-field .dropdown-active {
		width: 140%;
	}

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

	.calendar-container--left {
		width: 100%;
	}

	.calendar-container-right {
		width: 100%;
		margin: 0;
	}

	.visit-companyInfo {
		display: flex;
	}

	.visit-companyInfo__map iframe {
		width: 140px;
		height: 140px;
	}

	.visit-companyInfo__map {
		margin: 0 15px 0 0;
		width: 140px;
		height: 140px;
	}

	.header-no-line {
		flex-wrap: wrap;
	}

	.header-label-16 {
		align-self: left;
	}

	.header-buttons {
		width: 100%;
		justify-content: flex-end;
		margin: 10px 0 0 0;
	}

	.header-label {
		width: 100%;
		text-align: left;
	}

	.info-expert-site .photo-box {
		padding: 0 10px 0 0;
	}

	.calendar-day-name {
		font-size: 12px;
	}
}

@media only screen and (max-width:1024px) {
	.slider-between-arrows {
		margin: 0;
	}

	.background-img {
		max-height: 7rem;
		top: -9px;
	}

	.bread-div {
		width: 99%;
		margin: 0 auto;
	}

	.form-label,
	.footer-div {
		font-size: 1.1rem;
	}

	.select-label,
	.form-select,
	.form-input {
		font-size: 1.2rem;
	}

	.check-mark {
		font-size: 4rem;
	}

	.fb-logIn {
		width: 70%;
	}

	.copyright,
	.footer-container {
		margin-top: 1.5rem;
	}

	.personal-info {
		font-size: 1rem;
	}

	.catalogue {
		width: 90%;
	}

	.nav-catalogue {
		font-size: 1.3rem;
		width: 15%;
	}

	.info-expert {
		margin-bottom: 1rem;
	}

	.cat-expert-box .expert-photo {
		width: 65px;
		height: 65px;
	}

	.cat-expert-box .expert-info {
		margin-top: 1rem;
		padding-top: 1rem;
	}

	.cat-expert-box .name {
		font-size: 1.6rem;
	}

	.cat-expert-box .user-opinion {
		margin-bottom: 1rem;
	}

	.catalogue .photo-box .img-checkMark-active {
		/*
        top: 16.5%;
        right: 37%;
*/
		height: 2rem;
		width: 2rem;
	}

	.expert-contact {
		font-size: 1.2rem;
		margin-bottom: 1rem;
	}

	.opinions-number {
		font-size: 1.2rem;
	}

	.expert-site .opinion {
		width: 100%;
	}

	.button-submit-opinion {
		width: 55%;
		margin-left: 50%;
	}

	/* #marg-bottom {
        margin-bottom: 8rem;
    }*/
	.advices-page {
		width: 95%;
	}

	.header-home {
		height: 450px;
	}

	.header-h1 {
		font-size: 5.5rem;
		margin: 5.5rem auto 4rem auto;
	}

	.homepage-main-div {
		width: 98%;
	}

	.nav-container-homepage {
		top: 10%;
	}

	.search-field {
		height: 5.5rem;
		border-radius: 5rem;
	}

	.search-city .search-label {
		padding: 0 0 0 0;
	}

	.search-spec,
	.search-city,
	.search-field-button {
		font-size: 1.4rem;
	}

	.list-item {
		padding: 0 1.5rem 0 1.5rem;
		font-size: 1.296rem;
	}

	.list-item:first-child {
		padding: 0 1.5rem 0 0;
	}

	.list-item:last-child {
		padding: 0 0 0 1.5rem;
	}

	.specialization-list {
		width: 70%;
		max-width: none;
	}

	.homepage-container-header {
		font-size: 1.8rem;
	}

	.opinion {
		width: 32%;
	}

	.name {
		font-size: 1.6rem;
	}

	.arrow-right {
		font-size: 2rem;
	}

	.spec-cont,
	.user-info,
	.user-text,
	.full-opinion-link,
	.arrow-down,
	.slider-text,
	.question-text,
	.exp-answer,
	.answer-box .spec-cont,
	.photo-box__spec {
		font-size: 1.3rem;
	}

	.user-opinion {
		max-height: 158px;
		font-style: italic;
		padding: 0 1.5rem 1.5rem 1.5rem;
	}

	.user-info {
		margin: 1.5rem 0 1rem 0;
	}

	.user-text {
		line-height: 1.9rem;
		margin: 0 0 0 0;
		max-height: 80px;
	}

	.homepage-container-header {
		margin: 0 0 2rem 0;
	}

	.slider-cont-header {
		font-size: 2.4rem;
		margin: 0 0 2rem 0
	}

	.slider-text {
		margin: 0 0 .5rem 0;
	}

	.question-header {
		font-size: 1.8rem;
	}

	.question-text {
		line-height: 1.8rem;
	}

	.answer-header {
		margin: 2rem 0 1.5rem 0;
		font-size: 1.3rem;
	}

	.answer-box {
		flex-direction: column;
		justify-content: space-around;
		background: #f5f5f5;
		box-sizing: border-box;
		padding: 2rem 1rem;
	}

	.answer-box .info-expert {
		margin: 1.5rem 0 0 0;
	}

	.answer-box .name {
		font-size: 1.4rem
	}

	.expert-photo {
		height: 50px;
		width: 50px;
	}

	.expert-photo:before {
		width: 50px;
		height: 50px;
	}

	.advice-img {
		width: 100%;
		max-width: 320px;
		height: 100%;
		max-height: 180px;
	}

	.slider-img {
		width: 100%;
		max-width: 320px;
		height: 100%;
		max-height: 180px;
	}

	.list-acc {
		margin: 1rem auto 0rem 0;
	}

	.after-plus {
		top: 1rem;
		bottom: 0;
	}

	.forms-adm-cont,
	.forms-adm-aside {
		width: 100%;
	}

	.forms-adm-aside {
		margin-top: 3rem;
	}

	.swiper-slide {
		height: auto;
	}

	.advices-photo,
	.advices-slider-box {
		width: 100%;
		position: relative;
		top: 0;
	}

	.advices-slider-box {
		padding: 4rem 3rem 0 3rem;
	}

	.swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		display: none;
	}

	.swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		display: none;
	}

	.advices-photo .swiper-button-next,
	.swiper-container-rtl .swiper-button-prev {
		display: block;
		right: 0;
		background: #fff;
		width: 44px;
		height: 32px;
	}

	.advices-photo .swiper-button-next:before {
		content: url(/gfx/icons/mobile-arrow-next.png);
		width: 44px;
		height: 32px;
	}

	.advices-photo .swiper-button-prev,
	.swiper-container-rtl .swiper-button-next {
		display: block;
		left: 0;
		right: auto;
		top: 50%;
		background: #fff;
		bottom: 0;
		width: 44px;
		height: 32px;
	}

	.advices-photo .swiper-button-prev:before {
		content: url(/gfx/icons/mobile-arrow-prev.png);
		width: 44px;
		height: 32px;
	}

	.advices-slider-box {
		padding: 3rem 0;
	}
}

@media only screen and (max-width:1050px) {
	.visits {
		flex-wrap: wrap;
	}
}

@media only screen and (max-width:985px) {
	.adv-subpage {
		width: 95%;
	}

	.nav-catalogue {
		font-size: 1.1rem;
		width: 20%;
	}

	.user-opinion-vote .star {
		font-size: 1.8rem;
	}

	.button-submit-opinion {
		width: 65%;
		margin-left: 40%;
	}

	.adv-subpage .slider-cont-header {
		font-size: 2.6rem;
		margin: 0 0 2.2rem 0;
	}

	.normal-account .column2 {
		width: 100%;
	}

	.visit-box__flex {
		flex-wrap: wrap;
	}

	.visit-res-info {
		margin: 20px 0;
		max-width: 100%;
		width: 100%;
	}

	.form-label--min200 {
		min-width: auto;
		line-height: 1.8rem;
		text-align: right;
	}

	.left-visits--top {
		margin: 10px 0 40px 0;
	}
}

@media only screen and (max-width:960px) {
	.institution-box {
		flex-wrap: wrap;
	}

	.institution-info {
		max-width: 100%;
		width: 100%;
		margin: 20px 0;
	}
}

/*
@media only screen and (max-width:935px) {
    .search-field .dropdown-li {
        font-size: 1.2rem;
    }
}
*/
@media only screen and (max-width:900px) {
	.fb-logIn {
		width: 90%;
	}

	.regulation-text {
		column-count: 1 !important;
		font-size: 1.8rem !important;
		line-height: 2.6rem !important;
	}

	.background-img {
		max-height: 6rem;
		top: -2px;
	}

	.column2 {
		min-width: 100%;
	}
}

@media only screen and (max-width:880px) and (min-width:700px) {
	.slider-cont-header {
		max-height: none;
		height: 100%;
		overflow: hidden;
		font-size: 2.1rem;
		margin: 0 0 1.5rem 0;
	}

	.slider-between-arrows {
		margin: 3rem;
	}

	.slider-text {
		max-height: none;
		height: 100%;
		overflow: hidden;
	}
}

@media only screen and (max-width:839px) {
	.unvisible {
		display: none;
	}

	.catalogue .cat-expert-box {
		width: 100%;
	}

	#show-menu {
		display: block;
	}

	.logo,
	.logo-index {
		margin-left: 10px;
	}
}

@media only screen and (max-width:810px) {
	.nav-catalogue {
		font-size: 1.05rem;
		width: 21%;
	}

	.opinion-area {
		margin-left: 0;
	}

	.button-submit-opinion {
		width: 70%;
		margin-left: 30%;
	}

	.nav-container {
		font-size: 1.5rem
	}
}

@media only screen and (max-width:780px) {
	.unvisible780 {
		display: none;
	}

	.advice {
		width: 100%;
		margin-right: 0;
	}

	.advice-post {
		width: 100%;
	}

	.advice-img {
		width: 100%;
		max-width: none;
		height: auto;
		max-height: 355px;
		position: absolute;
	}

	.slider-img {
		width: 100%;
		max-width: none;
		height: auto;
		max-height: 355px;
	}

	.unvisible-mobile {
		display: none;
	}

	.search-spec,
	.search-city,
	.search-field-button {
		font-size: 1.3rem;
	}

	.search-city .search-label {
		padding: 0 0 0 0rem;
	}

	.specialization-list {
		max-width: none;
	}

	.list-item {
		padding: 0 1rem;
	}

	.list-item:first-child {
		padding: 0 1rem 0 0;
	}

	.list-item:last-child {
		border-right: none;
		padding: 0 0 0 1rem;
	}

	.adv-subpage .slider-cont-header {
		line-height: 3.5rem;
	}
}

/*********************************************************************************** 740 ***********************************************************************************/
@media only screen and (max-width:740px) {
	.contact {
		flex-wrap: wrap;
	}

	.contact-left {
		width: 100%;
		margin: 0 0 40px 0;
	}

	.contact-right {
		width: 100%;
		margin: 0 0 50px 0;
	}

	.form-line {
		flex-wrap: wrap;
	}

	.form-line label,
	.form-error label {
		width: 100%;
		display: flex;
		align-items: center;
		font-size: 16px;
		justify-content: flex-start;
		padding: 0 15px 10px 0;
		box-sizing: border-box;
		text-align: left;
	}

	.form-error label {
		display: none;
	}

	.visit-conf {
		margin: 40px 0 0 0;
	}

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

	.ex-list li {
		font-size: 13px;
	}

	.avatar-photo {
		margin: 6rem 16rem 0 16rem;
	}

	.pages {
		margin: 0 0 2rem 0;
	}

	.page-active {
		padding: 0.1rem .5rem;
	}

	.cat-expert-box .photo-box {
		position: absolute;
	}

	.active-view .cat-expert-box .photo-box {
		position: relative;
	}

	.expert-site .opinion-date {
		font-size: 1.3rem;
		white-space: nowrap;
	}

	.info-expert-site .opinions-box .user-info {
		padding-left: 60px;
		width: 100%;
		box-sizing: border-box;
		height: 54px;
		flex-wrap: wrap;
		align-content: center;
		align-items: center;
	}

	.opinions-box .photo-box {
		position: absolute;
	}

	.ex-info-header {
		font-size: 1.3rem;
		margin-top: 2rem;
		margin-bottom: 1rem;
	}

	.ex-info-text {
		font-size: 1.3rem;
	}

	.unvisible,
	.unvisible740 {
		display: none;
	}

	.visible740 {
		display: flex !important;
	}

	.catalogue .nav-catalogue,
	.catalogue .seek-mobile,
	.catalogue .experts-col {
		width: 100%;
		margin: 0 auto 3rem auto;
		font-size: 2.1rem;
	}

	.header-home {
		height: 780px;
	}

	.nav-li-a,
	.form-select,
	.form-input {
		font-size: 1.3rem;
	}

	.select-label,
	.form-select {
		font-size: 1.8rem;
	}

	.select-span {
		line-height: 3.6rem;
	}

	.header-h1 {
		font-size: 7rem;
		margin: 13rem auto 6.5rem auto;
	}

	.header-lvl3 {
		display: none;
	}

	.search-field {
		flex-wrap: wrap;
		width: 90%;
	}

	.search-spec,
	.search-city {
		width: 100%;
		width: 100%;
		background: #fff;
		border-radius: 36px;
		margin: 0 0 30px 0;
	}

	.search-city .search-label {
		border-left: 0;
	}

	.search-city .search-label {
		width: 100%;
	}

	.search-field .dropdown-li {
		width: 100%;
		padding-bottom: 1rem;
		font-size: 1.5rem;
	}

	.dropdown-active {
		background: rgba(239, 239, 239, 1);
	}

	.search-label-input {
		margin: 0 10px;
	}

	.search-label {
		height: 100%;
	}

	.search-mobile {
		height: 100%;
		max-height: 20rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		display: none;
	}

	.search-field .dropdown-active {
		width: 100%;
		left: 0;
	}

	.search-field-button {
		width: 100%;
		border-radius: 5rem;
	}

	.search-field-button .search-span {
		order: 2;
		justify-content: space-between;
		width: 80%;
	}

	.search-icon {
		order: 2;
	}

	.mobile-search-spec,
	.mobile-search-city,
	.mobile-search-field-button {
		height: 9.6rem;
		border-radius: 5rem;
		margin: 0 auto;
		width: 85%;
		flex-direction: row;
	}

	.mobile-search-spec,
	.mobile-search-city {
		background-color: #fff;
	}

	.mobile-search-spec {
		margin-bottom: 4.5rem;
	}

	.mobile-search-label {
		font-size: 2.7rem;
		color: #666666;
	}

	.form-button {
		font-size: 1.8rem;
	}

	.log-container {
		max-width: 100%;
	}

	.form-header {
		font-size: 2.5rem;
	}

	.form-container {
		max-width: 710px;
		align-items: center;
		align-content: center;
	}

	.form-label {
		width: 26%;
		height: auto;
	}

	.rules .form-label {
		width: 100%;
		font-size: 1.5rem;
	}

	.select-dropdown-left {
		margin: 1.6rem 0 0 1rem;
	}

	.select-dropdown-right {
		margin: 1.2remx 1rem 0 0;
	}

	.arrow-down {
		font-size: inherit;
	}

	.rules {
		padding: 0 0 0 26%;
		margin: 0 0 0 20px;
	}

	.div-input-check {
		width: 3.5rem;
		height: 3.5rem;
	}

	.check-mark {
		line-height: 3.5rem;
	}

	.accept {
		font-size: 1.4rem;
		line-height: 3.5rem;
	}

	.error,
	.just-info {
		font-size: 1.1rem;
		width: 100%;
	}

	.personal-info {
		font-size: 1.8rem;
		line-height: 2.5rem;
	}

	.footer {
		position: relative;
		margin: 0 auto 2rem auto;
	}

	.copyright,
	.footer-div {
		font-size: 1.8rem;
	}

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

	.experts-col,
	.expert-2cols,
	.active-view .expert-2cols {
		flex-wrap: wrap;
	}

	.nav-catalogue,
	.experts-col,
	.expert-col-one,
	.cat-expert-box {
		width: 100%;
	}

	.user-opinion {
		max-width: none;
	}

	.full-opinion-link {
		font-size: 1.2rem;
		flex-direction: row;
		align-items: center;
	}

	.homepage-main-div .full-opinion-link {
		font-size: 1.4rem;
	}

	.seek-mobile,
	.mob-cell-left {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.seek-mobile {
		width: 100%;
		margin-bottom: 3rem;
	}

	.seek-mobile-cell {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		text-align: left;
		border-bottom: 3px solid #cccccc;
	}

	.mob-cell-left {
		width: 50%;
	}

	.seek-textarea {
		padding: 0;
		font-size: 3.6rem;
		height: 8rem;
		font-family: "OpenSans", sans-serif;
		border: none;
	}

	.nav-catalogue-header {
		font-size: 2.5rem;
		margin: 4rem 0 1rem 0;
	}

	.experts-col {
		margin-top: 3rem;
	}

	.expert-pagination {
		justify-content: space-between;
	}

	.filter {
		width: auto;
		white-space: nowrap;
	}

	.cat-suggested {
		font-size: 2.1rem;
	}

	.catalogue .name {
		font-size: 1.3rem;
		margin-bottom: 1rem;
		padding-left: 100px;
	}

	.cat-expert-box .user-opinion-vote {
		padding-left: 100px;
	}

	.catalogue .spec-cont,
	.catalogue .expert-contact,
		{
		font-size:



			2 .6rem;
	}

	.catalogue .spec-cont {
		padding-left: 100px;
	}

	.catalogue .user-name,
	.catalogue .user-text {
		font-size: 1.3rem;
	}

	.visible740 .star {
		font-size: 3rem;
	}

	.catalogue .photo-box .img-checkMark-active {
		width: 40px;
		height: 40px;
	}

	.name-spec-cont {
		margin-top: 1%;
	}

	.cat-expert-box .user-opinion {
		height: auto;
		max-height: 220px;
		padding: 0 3rem 3rem 3rem;
		border: 1px solid #e0e0e0;
		box-shadow: none;
	}

	.cat-expert-box .expert-info {
		margin: 2rem 0 3rem 0;
		padding-top: 2rem;
		width: 100%;
		border: 0;
	}

	.cat-expert-box .user-text {
		max-height: none;
		line-height: normal;
	}

	.cat-expert-box .user-opinion-vote {
		align-items: baseline;
		/*flex-direction: row;*/
		justify-content: flex-start;
		margin-top: 0;
	}

	.cat-expert-box .user-info {
		margin: 1.5rem 0 1rem 0;
	}

	.cat-expert-box .user-opinion {
		margin-bottom: 3rem;
	}

	.name-spec-cont .name {
		font-size: 1.6rem;
	}

	.expert-contact {
		line-height: normal;
		margin-bottom: 2rem;
	}

	.under-footer .footer {
		position: relative;
		margin: 0 auto 5rem auto;
	}

	.gray-box {
		width: 100%;
		height: 100px;
		background: #f2f2f2;
	}

	.gray-box:last-child {
		width: 100%;
		height: 50px;
		background: #f2f2f2;
	}

	.visible740 .cat-specs,
	.visible740 .cat-cities {
		font-size: 3rem;
		font-weight: bold;
		width: 90%;
	}

	.visible740 .cat-specs {
		margin: 0 auto;
	}

	.spec-name,
	.city-name {
		box-sizing: border-box;
		padding-bottom: 2rem;
		margin: 2rem 0 0 0;
		border-bottom: 2px solid #f2f2f2;
		font-size: 1.8rem;
	}

	.cat-cities .cat-spec-link {
		margin: 3rem 0 0 0;
	}

	.cat-cities .nav-catalogue-header {
		margin-bottom: 3rem;
	}

	.cat-cities {
		margin: 0 auto 170px auto;
	}

	.spec-name:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}

	.info-expert-site {
		flex-wrap: wrap;
		margin-top: 3rem;
		width: 100%;
		flex-direction: column;
		font-size: 2.6rem;
	}

	.info-expert-site .photo-box {
		width: 100%;
		align-items: center;
		padding: 0;
	}

	.info-expert-site .photo-box-small {
		position: relative;
		width: 145px;
		height: 145px;
		margin: 0 0 1rem 0;
	}

	.av-note-cont .av-note-head,
	.av-note-cont .vote-line {
		font-size: 1.1rem;
	}

	.op-area-head {
		margin-top: 0;
	}

	/*    .info-expert-site .img-checkMark-active {
        height: 7rem;
        width: 7rem;
    }
*/
	.info-expert-site .name {
		font-size: 1.6rem;
		text-align: center;
	}

	.expert-institution .name {
		text-align: left;
		margin: 0 0 0 100px;
	}

	.info-expert-site .spec-cont,
	.info-expert-site .expert-op-line,
	.info-expert-site .opinions-number,
	.info-expert-site .star {
		font-size: 2.6rem;
	}

	.info-expert-site .spec-cont {
		margin: 0 auto;
	}

	.expert-institution .spec-cont {
		text-align: left;
		margin: 0 0 0 100px;
	}

	.info-expert-site .expert-op-line {
		max-width: 320px;
		width: 100%;
		justify-content: center;
	}

	.info-expert-site .expert-op-line .opinions-number {
		margin: 0 1rem;
	}

	.name-spec-cont {
		width: 100%;
	}

	.ex-info-lists,
	.ex-info-opinions {
		flex-direction: column;
	}

	.list {
		width: 100%;
		margin-bottom: 5rem;
	}

	.list--marginTop {
		margin-bottom: 0;
	}

	.self-opinion {
		width: 100%;
	}

	.opinion-area-box {
		flex-direction: column;
	}

	.ex-info-header2,
	.opinion-instruction,
	.expert-site .opinions-number,
	.expert-site .full-opinion-link {
		font-size: 2rem;
	}

	.expert-site .opinion-date {
		font-size: 1.3rem;
	}

	.expert-site .full-opinion-line {
		margin-top: 1rem;
	}

	.expert-site .user-info {
		margin-top: 2rem;
	}

	.expert-site .user-text {
		font-size: 2.2rem;
		line-height: 3rem;
	}

	.expert-site .user-opinion {
		flex-wrap: wrap;
		margin-top: 2rem;
		width: 100%;
		box-sizing: content-box;
		overflow: visible;
	}

	.expert-site .user-text,
	.expert-site .user-opinion-line {
		width: 100%;
		max-width: none;
	}

	.expert-site .user-opinion-line {
		margin-top: 2rem;
	}

	.expert-site .user-text {
		margin-top: 0;
		height: auto;
		font-size: 1.3rem;
	}

	.expert-site .user-name {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}

	.op-area-place {
		width: 100%;
		margin: 0 0 3rem 0;
	}

	.opinion-area {
		width: 100%;
		margin: 1rem 0;
	}

	.button-submit-opinion {
		width: 30%;
		margin-left: 70%;
	}

	.exp-op-box {
		padding: 1.5rem;
	}

	.info-expert-site .exp-op-box .expert-photo {
		margin: 0 0 0 0;
		width: 44px !important;
		height: 44px !important;
	}

	.info-expert-site .expert-info .user-opinion {
		flex-direction: row;
		margin-top: 0;
		height: auto;
	}

	.normal-account .column2 {
		width: 100%
	}

	.account-site,
	.normal-account {
		flex-direction: column;
	}

	.account-info {
		flex-direction: column;
	}

	.account-form .form-container {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		width: 100%;
		margin-bottom: 2rem;
	}

	.account-form .password-change-container {
		display: none;
	}

	.account-form .form-label {
		width: 20%;
	}

	.avatar-box {
		width: 100%;
		margin-bottom: 7rem;
		max-height: none;
	}

	.avatar-img {
		margin: 0 auto;
		box-sizing: border-box;
	}

	.avatar-button {
		font-size: 3.8rem;
	}

	.avatar-button .arrow-right {
		font-size: 4rem;
	}

	.account-form {
		width: 95%;
	}

	/*
    #marg-bottom {
        margin-bottom: 9rem
    }*/
	.active-view .cat-expert-box {
		width: 100%;
	}

	.acc-header1 {
		font-size: 2.5rem;
	}

	.op-area-place {
		padding: 0;
	}

	.vip-small {
		width: 50px;
		height: 11px;
	}

	.opinions-box .photo-img-small {
		width: 50px;
		height: 50px;
	}

	.filter--place {
		flex-wrap: wrap;
		flex-grow: 1;
	}

	.filter--place .cat-suggested:first-child {
		margin: 0 0 20px 10px;
	}

	.catalogue :last-child.cat-suggested--place {
		margin-left: 10px;
	}

	.cat-expert-box .expert-info {
		box-sizing: border-box;
		margin-top: 2rem;
		padding-top: 2rem;
	}

	.seek-mobile-cell {
		flex-wrap: wrap;
	}

}

@media only screen and (max-width:700px) {
	.place-box {
		flex-wrap: wrap;
	}

	.catalogue .expert-2cols--place {
		width: 100%;
		order: 1;
	}

	.map-box {
		width: 100%;
	}

	.big-map {
		display: none;
	}

	.expert-site .opinion {
		max-height: none;
	}

	.homepage-main-div {
		padding: 0 2rem;
		box-sizing: border-box;
	}

	.nav-container-homepage {
		top: 5%;
	}

	.homepage-box {
		margin: 0 0 4rem 0;
	}

	.opinions-box {
		flex-direction: column;
	}

	.homepage-container-header {
		font-size: 3.8rem;
		margin-bottom: 4.5rem;
	}

	.homepage-main-div .opinion {
		width: 100%;
	}

	.opinion {
		width: 100%;
		margin: 0 0 2.5rem 0;
	}

	.name {
		font-size: 3.2rem;
	}

	.spec-cont,
	.user-info,
	.user-text,
	.full-opinion-link,
	.homepage-main-div .full-opinion-link,
	.arrow-right,
	.arrow-down,
	.slider-text,
	.question-text,
	.exp-answer,
	.answer-box .spec-cont,
	.cat-expert-box .name,
	.cat-expert-box .expert-contact,
	.cat-expert-box .spec-cont {
		font-size: 1.3rem;
	}

	.user-opinion {
		max-height: none;
		height: auto;
		width: 100%;
		max-width: none;
		font-style: italic;
		padding: 0 1.5rem 1.5rem 1.5rem;
		box-shadow: 0 0 6px #e0e0e0;
		margin: 3rem 0 0 0;
	}

	.user-info {
		margin: 1.5rem 0 2.7rem 0;
	}

	.user-text {
		line-height: 3.5rem;
		margin: 0 0 1rem 0;
		max-height: 140px;
	}

	.min700 {
		display: none;
	}

	.max700 {
		max-height: none;
		display: block;
		flex-direction: column;
		position: relative;
	}

	.mobile-advices-photo {
		position: relative;
		margin-bottom: 4rem;
	}

	.mobile-advices-photo .arrows {
		position: absolute;
		top: 65%;
		height: 95px;
		width: 95px;
		background: #fff;
		z-index: 10;
	}

	.mobile-advices-photo .arrow-prev {
		left: 0
	}

	.mobile-advices-photo .arrow-next {
		right: 0
	}

	.mobile-advices-img {
		position: relative;
		height: 100%;
		width: 100%;
	}

	.mobile-advices-slider-box {
		display: block;
		width: 100%;
		position: relative;
		box-sizing: border-box;
	}

	.mobile-slider-container {
		width: 100%;
	}

	.slider-cont-header {
		font-size: 4.8rem;
		line-height: 5.5rem;
		margin: 0 0 3.5rem 0;
		height: 100%;
		max-height: 170px;
		overflow: hidden;
	}

	.questions-box {
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
	}

	.q-box {
		height: 100%;
		width: 100%;
	}

	.q-box:first-child {
		margin-bottom: 5.5rem;
	}

	.question-header {
		font-size: 3.8rem;
	}

	.question-text,
	.exp-answer {
		line-height: 3rem;
	}

	.question-text {
		max-height: 180px;
	}

	.exp-answer {
		max-height: none;
	}

	.answer-header {
		margin: 2rem 0 1.5rem 0;
		font-size: 2.24rem;
	}

	.answer-box {
		flex-direction: column;
		justify-content: space-around;
		background: #f5f5f5;
		box-sizing: border-box;
		padding: 2rem 1rem;
	}

	.answer-box .info-expert {
		margin: 1.5rem 0 0 0;
	}

	.answer-box .name {
		font-size: 2.88rem
	}

	.expert-photo {
		height: 132px;
		width: 132px;
	}

	.q-box .expert-photo {
		height: 80px;
		width: 80px;
	}

	.name-spec-cont .name {
		font-size: 1.6rem;
	}

	.expert-pagination--placeTop {
		flex-wrap: wrap;
	}

	.pages--place {
		margin: 20px auto;
	}
}

@media only screen and (max-width:610px) {
	.button-submit-opinion .form-button {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width:605px) {
	.form-select {
		min-height: 20rem;
	}
}

@media only screen and (max-width:580px) {
	.form-input {
		font-size: 1.5rem;
	}

	.check-mark {
		font-size: 3rem;
	}

	.accept {
		font-size: 1.4rem;
		text-align: left;
		line-height: 1.5rem;
		width: 89%;
	}

	.rules .form-label {
		width: 100%;
	}

	.div-input-check {
		width: 2.5rem;
		height: 2.5rem;
	}

	.accept,
	.check-mark {
		line-height: 2.5rem;
	}

	.footer-ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}

	.footer-ul-li {
		margin-left: 2rem;
		margin-bottom: 1rem;
	}

	.copyright,
	.footer-div {
		font-size: 1.5rem;
	}

	.expert-site .opinions-number,
	.expert-site .full-opinion-link {
		font-size: 1.7rem;
	}

	.header-h1 {
		font-size: 7rem;
	}

	.mobile-advices-photo .arrows {
		top: 85%;
		width: 55px;
		height: 55px;
	}

	.change-cell {
		flex-wrap: wrap;
		padding: 0px 10px;
	}

	.change-label {
		width: 100%;
		text-align: left;
	}

	.form-cont-cont {
		width: 100%;
	}

	.calendar-table-body td {
		height: 30px;
		text-align: center;
		line-height: 30px;
	}

	.calendar-cell-hoour-busy {
		background-color: #04a4e0;
		color: #fff;
	}

	.calendar-table .calendar-table-std-day {
		display: none;
	}

	.calendar-table .calendar-table-mob-day {
		display: inline;
	}

	.calendar-table .calendar-day-reservations {
		display: none;
	}
}

@media only screen and (max-width:500px) {
	.contact-captcha {
		margin: 0;
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	.calendar-flex-table-column:nth-child(3),
	.calendar-flex-table-column:nth-child(4),
	.calendar-flex-table-column:nth-child(5),
	.calendar-flex-table-column:nth-child(6),
	.calendar-flex-table-column:nth-child(7) {
		display: none;
	}

	.calendar-reverse .calendar-flex-table-column:nth-child(1),
	.calendar-reverse .calendar-flex-table-column:nth-child(2),
	.calendar-reverse .calendar-flex-table-column:nth-child(3),
	.calendar-reverse .calendar-flex-table-column:nth-child(4),
	.calendar-reverse .calendar-flex-table-column:nth-child(5) {
		display: none;
	}

	.calendar-reverse .calendar-flex-table-column:nth-child(6),
	.calendar-reverse .calendar-flex-table-column:nth-child(7) {
		display: table-cell;
	}

	.reservations-table-view .button-calendar {
		display: none
	}

	.button-calendar-prev,
	.button-calendar-next {
		display: none;
	}

	.free-visits-moblink {
		display: inline !important;
	}

	.avatar-button-ins {
		font-size: 16px;
	}

	.avatar-photo {
		margin: 2rem 6rem 0 6rem;
	}

	.avatar-button {
		margin: 2rem;
	}

	.error,
	.just-info {
		font-size: 1rem;
	}

	.form-label-check {
		margin: 0;
	}

	.catalogue .photo-box .img-checkMark-active {
		width: 30px;
		height: 30px;
		top: 12%;
	}

	.cat-expert-box .user-opinion-vote {
		margin-top: 1rem;
	}

	.info-expert-site {
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.catalogue .spec-cont,
	.catalogue .expert-contact,
	.cat-expert-box .opinions-number,
	.spec-cont,
	.user-info,
	.user-text,
	.slider-text,
	.question-text,
	.exp-answer,
	.answer-box .spec-cont,
	.catalogue .user-name,
	.catalogue .user-text,
	.visible740 .cat-specs,
	.visible740 .cat-cities,
	.cat-suggested {
		font-size: 1.3rem;
	}

	.seek-textarea {
		font-size: 3rem;
		height: 6rem;
	}

	.visible740 .star {
		font-size: 2.8rem;
	}

	.info-expert-site .spec-cont,
	.info-expert-site .expert-op-line,
	.info-expert-site .opinions-number,
	.info-expert-site .star {
		font-size: 1.4rem;
	}

	.info-expert-site .spec-cont {
		font-size: 1.2rem;
	}

	.ex-info-header2,
	.opinion-instruction,
	.expert-site .opinions-number,
	.expert-site .full-opinion-link {
		font-size: 1.2rem;
	}

	/*.expert-site .button-submit-opinion {
        width: 45%;
        margin-left: 55%
    }*/
	.button-submit-opinion .form-button {
		font-size: 1.5rem;
	}

	.form-one {
		width: 280px;
	}

	.form-50 {
		width: 130px;
	}
}

@media only screen and (max-width:490px) {
	.form-header {
		font-size: 2.1rem;
	}

	.form-button {
		font-size: 1.3rem;
	}

	.form-label {
		font-size: 1.1rem;
	}

	.nav-li-a,
	.select-label,
	.form-select {
		font-size: 1.2rem;
	}

	.accept {
		width: 75%;
	}

	.select-span {
		line-height: 33px;
	}

	.select-dropdown-left {
		margin: 2.1rem 0 0 1rem;
	}

	.select-dropdown-right {
		margin: 1.7rem 1rem 0 0;
	}

	.copyright,
	.footer-div {
		font-size: 1.2rem;
	}

	.footer-ul-li {
		margin-left: 1rem;
	}

	.catalogue .photo-box .img-checkMark-active {
		width: 25px;
		height: 25px;
		top: 75%;
		left: 70%;
	}

	.cat-expert-box .user-opinion-vote {
		margin-top: 0.8rem;
	}

	.visible740 .star {
		font-size: 2.5rem;
	}

	.nav-catalogue-header {
		font-size: 2rem;
	}

	.seek-textarea {
		font-size: 2.5rem;
		height: 5.5rem;
	}

	.account-site,
	.normal-account {
		flex-direction: column;
		width: 100%;
	}

	.column1 {
		margin-bottom: 3rem;
	}

	.avatar-box {
		margin-bottom: 4rem;
	}

	.after-plus:after {
		right: 0;
	}

	.nav-container-homepage {
		margin: auto 5% auto 0
	}

	.header-h1 {
		font-size: 5.5rem;
	}

	.button {
		border-radius: 3rem;
	}

	.expert-photo,
	.q-box .exper-photo {
		height: 90px;
		width: 90px;
	}

	.user-info,
	.user-text,
	.arrow-right,
	.arrow-down,
	.question-text,
	.exp-answer {
		font-size: 2 rem;
	}

	.slider-cont-header {
		line-height: 3.5rem;
		max-height: 105px;
	}

	.spec-cont,
	.answer-box .spec-cont {
		font-size: 1.8rem
	}

	.slider-text {
		font-size: 2.2rem;
	}

	.name,
	.answer-box .name,
	.question-header,
	.slider-cont-header {
		font-size: 3rem;
	}

	.form-container {
		margin: 0px auto;
	}

	.avatar-photo {
		margin: 6rem 6rem 0 6rem;
	}

}

@media only screen and (max-width:450px) {
	.user-opinion-vote {
		justify-content: flex-start;
	}

	.nav-buttons-container .button {
		margin-left: 0;
	}

	.account-form .form-div-input {
		width: 100%;
	}

	.account-form .form-label {
		width: 40%;
	}

	.column2 {
		width: 100%;
	}

	.account-form .form-container {
		flex-wrap: wrap;
	}

	.account-form .form-label,
	.account-form .form-div-input {
		width: 100%;
		justify-content: flex-start;
	}
	.form-button-cont {
		flex-wrap: wrap;
	}

	.normal-account .form-button-cont {
		justify-content: space-around;
	}
	.form-button-cont .delete-account {
		width: 100%;
		margin: 0 0 1rem 0;
		justify-content: center;
	}
}

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

	.logo,
	.logo-index {
		margin-left: 5px;
	}

	.select-label,
	.personal-info,
	.form-select {
		font-size: 1.3rem;
	}

	.personal-info {
		line-height: 2rem;
	}

	.select-dropdown-left {
		margin: 1.5rem 0 0 1rem;
	}

	.select-dropdown-right {
		margin: 1.2rem 1rem 0 0;
	}

	.select-span {
		line-height: 2.7rem;
	}

	.rules {}

	.rules .button-style {
		float: right;
	}

	.error,
	.just-info {
		font-size: 9px;
	}

	.footer {
		margin: 1rem auto 2rem auto;
	}

	.copyright,
	.footer-div {
		font-size: 1.2rem;
	}

	.catalogue .spec-cont,
	.catalogue .expert-contact,
	.cat-expert-box .opinions-number,
	.spec-cont,
	.user-info,
	.user-text,
	.slider-text,
	.question-text,
	.exp-answer,
	.answer-box .spec-cont,
	.catalogue .user-name,
	.catalogue .user-text,
	.visible740 .cat-specs,
	.visible740 .cat-cities,
	.cat-suggested {
		font-size: 1.3rem;
	}

	.question-text {
		max-height: none;
	}

	.seek-textarea {
		font-size: 2.8rem;
		height: 5.5rem;
	}

	.catalogue .photo-box .img-checkMark-active {
		width: 20px;
		height: 20px;
		/*
        top: 10%;
        right: 23%;
*/
	}

	.cat-expert-box .user-opinion-vote {
		margin-top: 0.8rem;
	}

	.visible740 .star {
		font-size: 2rem;
	}

	.button-submit-opinion .form-button {
		font-size: 1.6rem;
	}

	.expert-site .user-text,
	.expert-site .user-opinion-line {
		width: 100%;
	}

	.info-expert-site {
		font-size: 1.7rem;
		line-height: 2.5rem;
	}

	.regulation-text {
		column-count: 1 !important;
		font-size: 1.5rem !important;
		line-height: 2rem !important;
	}

	.header-h1 {
		font-size: 6.5rem;
	}

	.homepage-container-header {
		font-size: 3.2rem
	}

	.mobile-search-label {
		font-size: 1.9rem;
	}

	.expert-photo {
		height: 75px;
		width: 75px;
	}

	.name,
	.answer-box .name,
	.question-header,
	.slider-cont-header {
		font-size: 2rem;
	}

	.slider-cont-header {
		line-height: 3.5rem;
	}

	.spec-cont,
	.user-info,
	.user-text,
	.arrow-right,
	.arrow-down,
	.slider-text,
	.question-text,
	.exp-answer,
	.answer-box .spec-cont {
		line-height: 2.4rem;
	}

	.spec-cont,
	.user-info,
	.user-text,
	.arrow-right,
	.arrow-down,
	.slider-text,
	.question-text,
	.exp-answer {
		font-size: 1.7rem;
	}

	.answer-box .spec-cont {
		font-size: 1.3rem;
	}

	.form-one {
		width: 260px;
	}

	.form-50 {
		width: 120px;
	}

	.visit-companyInfo__map {
		display: none;
	}
}

@media only screen and (max-width:330px) {
	.form-label {
		width: 37%;
	}

	.rules {}

	.accept {
		margin-top: 0;
		font-size: 1.2rem;
		line-height: 1.5rem;
	}

	.expert-site .user-name {
		margin-left: 0;
	}

	.nav-buttons-container,
	.nav-buttons-container .button {
		font-size: 1rem;
	}

	.copyright,
	.footer-div {
		font-size: 1rem;
	}

}

.modal-container {
	background: rgba(255, 255, 255, 0.95);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99999999;
	display: none;
	top: 0;
	left: 0;
}

.modal {
	max-width: 620px;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	margin: 0px auto;
	background: #fff;
	top: 50%;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0px 0px 64px -9px rgba(222, 222, 222, 1);
	-moz-box-shadow: 0px 0px 64px -9px rgba(222, 222, 222, 1);
	box-shadow: 0px 0px 64px -9px rgba(222, 222, 222, 1);
	font-family: OpenSans;
}

.modal-header {
	font-weight: bold;
	font-size: 16px;
	padding: 0 0 25px 0;
	border-bottom: 2px #ebebeb solid;
}

.modal-desc {
	font-size: 14px;
	margin: 25px 0 20px 0;
}

.modal-text {
	border: 1px #cccccc solid;
	border-radius: 2px;
	width: 100%;
	min-height: 140px;
	padding: 15px;
	box-sizing: border-box;
}

.modal-terms {
	margin: 10px 0 20px 0;
	font-size: 13px;
	color: #666;
}

.terms {
	color: #04a4e0;
	font-size: 13px;
	text-decoration: none;
}

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

.checkbox {
	width: 22px !important;
	height: 22px !important;
	background-color: white !important;
	border-radius: 2px !important;
	vertical-align: middle !important;
	border: 1px solid #ccc !important;
	-webkit-appearance: none !important;
	outline: 0 !important;
	cursor: pointer !important;
	margin: 0 10px 0 0 !important;
}

.checkbox:checked {
	background: #04a4e0 !important;
}

.button-cancel {
	color: #fff;
	background: #999999;
	display: block;
	float: left;
	padding: 10px 25px;
	border-radius: 20px;
	font-size: 14px;
	cursor: pointer;
}

.button-send {
	color: #fff;
	background: #04a4e0;
	display: block;
	float: left;
	padding: 10px 25px;
	border-radius: 20px;
	font-size: 14px;
	cursor: pointer;
	border: 0;
	margin: 0 0 0 10px;
}

.avatar-photo-admin {
	padding: 40px;
}

.avatar-photo-admin .expert-photo,
.avatar-photo .expert-photo {
	max-height: 300px;
	max-width: 300px;
	width: 100%;
	height: 100%;
}

.fb-comments {
	margin: 0px auto;
	width: 100%;
	max-width: 875px;
}

.fb_iframe_widget span {
	width: 100% !important;
}

.fb_iframe_widget iframe {
	width: 100% !important;
}

.user-opinion .add-abuse-link {
	flex-grow: 0;
	margin: 0;
}

.info-institution-site .experts-col,
.catalogue .experts-col {
	flex-wrap: nowrap;
}

.account-info-header .stats {
	width: 100%;
}

.account-info-header .chartjs-render-monitor {
	width: 100% !important;
	height: auto !important;
}

/* Added by TP */
.searchBy {
	width: auto;
}

.hidden {
	display: none;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.form_footer_buttons {
	align-items: flex-end;
	justify-content: flex-end;
	width: 100%;
	border-top: solid 1px #F5F5F5;
}

.form_footer_buttons.flex-row button {
	font-size: 0.8rem;
	margin: 5px 7px 5px 20px
}

.form_footer_buttons.flex-row #addObject {
	padding-bottom: 0.4rem;
}

select#avaibleAccounts {
	width: 100%;
	height: 100px;
}

form#searchForm {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 700px;
	border: solid 1px #F5F5F5;
	margin-left: 15%;
}

select#recipientsSearch {
	margin-top: 5px;
}

.container_selects {
	width: 940px;
	margin-left: 20%;
	justify-content: space-between;
}

#selectedAccounts {
	width: 100%;
	height: 100px;
}

.footer_search {
	width: 100%;
	display: none;
	visibility: hidden;
}

.electionObject {
	display: flex;
	flex-direction: column;
	width: 100%;
	border-top: solid 1px #F5F5F5;
	position: relative;
}

.deleteElObj {
	width: 90px;
	position: absolute;
	top: 13rem;
	left: 1.5rem;
}

#addObject:before {
	content: "+";
	width: 16px;
	height: 16px;
	font-weight: 600;
	font-size: 1rem;
	color: grey;
	background: #F5F5F5;
	border: solid 1px grey;
	border-radius: 50%;
	line-height: 0.75;
	margin-right: 7px;
	opacity: 0.7;
	box-sizing: border-box;
	padding-top: 1px;
}

#addObject:hover:before {
	opacity: 1;
}

.elElection {
	margin: 25px 0 15px 15rem;
	font-size: 1em;
	text-align: center;
	width: 100%;
}

.container_selects.flex-row div {
	width: 49%;
}

#searchForm-label {
	width: 40%;
	align-items: center;
	margin: 3% auto 1% 20%;
	font-size: 1.2em;
}

.main-container .elections {
	text-align: initial;
	align-content: space-between;
}

.elections {
	width: 60%;
	margin: 1% auto 1% auto;
	justify-content: flex-start;
	border: solid 1px #cccccc;
	padding: 5px;
}

.election_prop {
	margin-bottom: 2%;
}

.election_prop.title {
	font-size: 1.1em;
	border-bottom: solid 1px #cccccc;
	line-height: 1.75;
	padding-left: 5px;
	background: -moz-linear-gradient(left, rgba(4, 164, 224, 0.6) 0%,
			rgba(255, 255, 255, 0.16) 74%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(4, 164, 224, 0.6) 0%,
			rgba(255, 255, 255, 0.16) 74%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(4, 164, 224, 0.6) 0%,
			rgba(255, 255, 255, 0.16) 74%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9904a4e0',
			endColorstr='#00ffffff', GradientType=1);
}

.election_prop.desc {
	font-size: 0.7em;
	font-family: verdana;
}

.elections .flex-row {
	margin: 1% 0 1% 0;
	align-content: flex-start;
}

.elections .flex-row label {
	cursor: pointer;
}

.elections .subtext {
	font-size: 0.9em;
	color: #04a4e0
}

.voting_color {
	color: #04a4e0;
}

.elections .answers {
	padding-bottom: 0.6em;
}

.elections a {
	color: #04a4e0;
	font-size: 1.1rem;
	font-family: 'antonioregular';
}

.elections a:hover {
	text-decoration: underline;
}

.ui-dialog {
	width: 100% !important;
	max-width: 500px !important;
	box-sizing: border-box;
}

.select_label {
	margin: 0 auto;
}

.page {
	width: 100%;
	min-height: calc(100% - 125px);
}

header {
	height: 60px;
	background: #fff;
	border-bottom: 2px #dadada solid;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9;
}

.top {
	width: 1024px;
	margin: 0px auto;
}

.menu-mobile {
	display: none;
	width: 250px;
	height: 100%;
	padding: 50px 20px 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background: #dadee0;
	border-top: 2px solid #cdd0d1;
	box-sizing: border-box;
	overflow: scroll;
}

.menu-mobile li {
	list-style-type: none;
	text-align: center;
}

.menu-mobile li a {
	float: none;
	display: inline-block;
	font-size: 24px;
	line-height: 56px;
	width: 100%;
	padding: 0;
	color: #252525;
	text-decoration: none;
}

.menu-mobile li a:hover {
	text-decoration: underline;
}

.close-mob {
	position: fixed;
	top: 10px;
	left: 205px;
	height: 35px;
	width: 35px;
	z-index: 9;
	cursor: pointer;
}

.close-mob:after {
	content: '';
	width: 100%;
	height: 3px;
	background: #252525;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -2px 0 0 -50%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.close-mob:before {
	content: '';
	width: 100%;
	height: 3px;
	background: #252525;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -2px 0 0 -50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.show-menu {
	display: none;
	position: absolute;
	float: left;
	cursor: pointer;
	width: 19px;
	height: 16px;
	margin: 20px 10px 0 5px;
}

.show-menu p,
.show-menu p::after,
.show-menu p::before {
	width: 35px;
	height: 5px;
	background: #6a87b3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.show-menu p::after,
.show-menu p::before {
	content: '';
	position: absolute;
	left: 0;
}

.show-menu p::after {
	top: 14px;
}

.show-menu p::before {
	top: 7px;
}

.show-menu:hover p,
.show-menu:hover p::after,
.show-menu:hover p::before {
	background: #252525;
}

.menu {
	list-style-type: none;
	float: left;
}

.menu li {
	float: left;
	line-height: 60px;
	position: relative;
}

.menu li a {
	color: #6a87b3;
	font-size: 21px;
	padding: 19.75px 40px 19.75px 0;
	text-decoration: none;
}

.menu li a:hover {
	color: #252525;
}

.logo {
	float: right;
	margin: 10px 10px 0 0;
}

.search {
	float: left;
	border-bottom: 1px solid #c4d1e6;
	box-shadow: 0 1px 0 #d7e1ef;
	padding: 0 0 6px 0;
	margin: 17px 0 0 12px;
}

.search_form {
	position: relative;
}

.search_form input {
	border: 0;
	width: 203px;
	margin-right: 30px;
}

.search_form button {
	background: url('../gfx/lupa.png');
	width: 16px;
	height: 17px;
	position: absolute;
	right: 7px;
	border: 0;
	top: 1px;
}

.sr-only {
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	border: 0 !important;
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
}

/* === submenu === */
.ev_submenu {
	display: none;
	position: absolute;
	white-space: nowrap;
	box-shadow: 0px 5px 6px rgba(0, 0, 0, .5);
	top: 60px;
	left: -20px;
	background-color: rgb(255, 255, 255);
}

.ev_submenu li {
	width: 100%;
	display: block;
	line-height: 40px;
	padding-left: 20px;
}

.ev_submenu li a {
	width: 100%;
	font-size: 18px;
}

.menu>li:hover .ev_submenu {
	display: block;
}

/* === FOOTER === */
footer {
	width: 100%;
	min-height: 125px;
	background: #102757;
	/*position: fixed;
		margin-top: -125px;
		bottom: 0;*/
	float: left;
}

footer.long-content {
	position: relative;
	bottom: 0;
}

.footer {
	width: 1024px;
	margin: 0px auto;
	height: 103px;
}

.footer-logo {
	float: left;
	margin: 15px 25px 0 0;
}

.footer-links {
	color: #fff;
	font-size: 11px;
	font-family: verdana;
	padding: 25px 0 0 0;
	line-height: 20px;
	float: left;
	width: -moz-calc(100% - 283px);
	width: -webkit-calc(100% - 283px);
	width: calc(100% - 283px);
	text-align: center;
}

.footer-links a {
	font-family: verdana;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
	padding: 0 9px;
	white-space: nowrap;
}

.footer-links a:hover {
	text-decoration: underline;
}

.copyright {
	color: #8794b8;
	width: 1024px;
	margin: 0px auto;
	text-align: center;
	font-size: 9px;
	font-family: verdana;
}

@media screen and (max-width:1040px) {
	.top {
		width: 100%;
		margin: 0px auto;
	}

	.menu {
		margin: 0 0 0 10px;
	}

	.menu li a {
		padding: 19.75px 30px 19.75px 0;
	}

	.content,
	.footer,
	.copyright {
		width: 100%;
	}

	.copyright {
		margin: 0 0 15px 0;
	}

	.left-main {
		display: none;
	}

	.marg90 {
		padding: 0;
	}

	.content {
		width: calc(100% - 20px);
		margin: 92px 10px 0 10px;
	}

	.search_form input {
		width: 131px;
	}

	.infopage-right {
		_margin: 0 0 75px 78px;
	}
}

@media screen and (max-width:900px) {
	footer {
		height: auto;
	}

	.footer-logo {
		margin: 20px 25px 0 10px;
	}

	.footer-links {
		margin: 0 0 25px 0;
	}

	.infopage-right {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
	}

	.art-img {
		width: 100%;
	}

	.art-img img {
		margin-top: 15px;
	}

	.art-title {
		display: block;
		width: 100%;
		text-align: center;
	}

	.art-title-menu {
		display: initial;
	}

	.art-data {
		width: 100%;
		text-align: center;
	}

	.text-author {
		margin-top: 15px;
	}

	.copyright {
		float: left;
	}

	.menu {
		position: fixed;
		width: 200px;
	}

	.menu li {
		display: none;
	}

	.show-menu {
		display: block;
	}

	.logo img {
		width: 80px;
	}

	.search {
		margin-left: 70px;
	}

	.search_form input {
		width: 200px;
	}

	.banner {
		margin-top: 2px;
		float: left;
		width: 100%;
		margin-left: 0px;
	}

	.infopage-left {
		width: 100%;
		margin-bottom: 0px;
	}

	.info-links {
		display: none;
	}

	.info-header {
		position: relative;
	}

	.info-header-more {
		padding: 0 20px;
		cursor: pointer;
		margin: 0 15px;
	}

	.info-header-more::after {
		position: absolute;
		display: block;
		width: 24px;
		height: 24px;
		border-right: 6px solid white;
		border-bottom: 6px solid white;
		transform: rotate(45deg);
		content: '';
		border-left-color: transparent;
		border-top-color: transparent;
		background-color: transparent;
		right: 30px;
		top: 5px;
	}

	.info-links ul {
		margin-bottom: 30px;
	}

	.contact-desc {
		margin: 33px 20px 0 26px;
	}

	.contact-left {
		width: 100%;
		padding-bottom: 50px;
	}

	.contact-left br {
		display: none;
	}

	.contact-form input,
	.contact-form textarea {
		width: 90%;
	}

	.join-form__col {
		width: 49%;
	}

	.infopage-right--join-form {
		padding: 5px;
	}

	.important-news {
		left: 0px;
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 760px) {
	.banner-text-big {
		font-size: 36px;
	}

	.banner-text {
		font-size: 21px;
	}

	.articles {
		width: 100%;
	}

	/*FELLOW MEMBER TARGET PAGE*/
	.infopage-right--fellow {
		padding: 0;
	}

	.infopage-right--fellow .fellow-photo {
		display: block;
		margin: 10px auto;
		width: 40%;
	}

	.infopage-right--fellow .fellow-photo-img {
		display: block;
		width: 100%;
	}

	.infopage-right--fellow .text-author {
		display: block;
		margin: 20px auto;
		max-width: 80%;
		font-size: 12px;
	}

	.infopage-right--fellow .art-title {
		box-sizing: border-box;
		text-align: center;
		font-size: 20px;
		text-decoration: none;
	}

	.infopage-right--fellow .text-doc {
		margin-top: 30px;
	}
}

@media screen and (max-width:630px) {
	.banner {
		height: 85px;
	}

	.banner-text-big {
		font-size: 28px;
	}

	.banner-text {
		font-size: 15px;
	}

	.infopage-left {
		width: 100%;
		margin-bottom: 0;
	}

	.infopage-right {
		width: -moz-calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		margin: 0 10px 40px 10px;
	}

	.info-links ul {
		margin: 0 40px 0 26px;
	}

	.text-title {
		width: 95%;
	}

	.text-author {
		margin: 18px 0 0 0;
	}

	.link {
		margin: 0 40px 30px 10px;
	}

	.links-right {
		width: 100%;
	}

	.link-url a {
		font-size: 16px;
	}

	.footer-links {
		width: 100%;
	}

	.footer-logo {
		display: none;
	}

	.articles {
		width: auto;
	}

	.art-img {
		width: 100%;
		overflow: hidden;
		text-align: left;
		text-align: center;
	}

	.art-img img {
		width: auto;
	}

	.art-title {
		font-size: 20px;
		line-height: 27px;
	}

	.text-doc {
		text-align: center;
	}

	.text-doc h2 {
		font-size: 19px;
	}

	.search-title {
		width: 100%;
		font-size: 20px;
	}

	#pubsearch {
		width: 100%;
	}

	#publication__input {
		width: 59%;
	}

	#publication__sort {
		width: 39%;
	}

	#publication__input-button {
		width: 98%;
		left: 0px;
	}
}

@media screen and (max-width: 500px) {
	.menu-mobile {
		width: 100%;
	}

	.close-mob {
		left: calc(100% - 50px);
	}
}

@media screen and (max-width: 400px) {
	.search_form input {
		width: 130px;
	}
}

@media screen and (max-width:380px) {
	.link-url a {
		font-size: 14px;
	}

	.join-form {
		font-size: 13px;
	}
}

.column1 li {
	text-decoration: none;
}

.subpage-title-green {
	border-top: 1px #04a4e0 solid;
	border-bottom: 1px #04a4e0 solid;
	background-color: #04a4e0;
	min-height: 49px;
	display: flex;
	align-items: center;
	max-width: 230px;
}

.subpage-title-green span {
	font-size: 36px;
	color: #feffff;
	display: block;
	line-height: 49px;
	margin-left: 25px;
	margin-bottom: -8px;
	max-width: 205px;
}

.panel-menu {
	list-style-type: none;
	margin: 23px 0 100px 26px;
	max-width: 200px;
}

.panel-menu li {
	margin: 23px 0;
	max-width: 180px;
}

#panel-menu-checkbox {
	display: none;
}

.forms-adm-aside.small {
	margin: 1rem auto 1rem;
}

.forms-adm-aside.small .change-label {
	width: 9rem;
}

.forms-adm-aside.small .edit-form {
	width: 100%
}

.ui-dialog-content .edit-form {
	width: 100%
}

.form-header.login {
	margin: 0 auto;
}

.options-logIn {
	margin: 0 auto;
	width: 50%;
	margin-bottom: 10px;
}

table,
form {
	font-family: 'antoniolight'
}

.searchByLabel .change-input {
	height: 2.2rem;
}

.edit-form-wide {
	width: 95%;
}

.flex-row-endofrow {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

.flex-row-endofrow .button {
	margin-right: 5px;
	margin-left: 5px;
}

.form-container-account {
	margin-bottom: 10px;
}

.button-new_element {
	background: rgba(4, 164, 224, 0.15);
	display: block;
	height: 1.7rem;
	width: 4rem;
	border-radius: 15px;
	margin: 0.2rem;
}

.button-new_element:hover {
	background: rgba(4, 164, 224, 0.45);
}

.footer-ul {
	display: flex;
	width: calc(100% - 110px);
	flex-wrap: wrap;
	justify-content: center;
	margin: -20px auto;
	padding-top: 25px;
}

.footer-ul-li:after {
	content: "|";
}

.main-container.register-site {
	padding-bottom: 50px;
	margin-bottom: 125px;
}

thead {
	font-size: 1.1rem;
}

.form-div-input .form-input {
	font-size: 0.9rem;
	font-family: 'antoniolight';
}

.form-header.registration {
	margin: 0 auto;
}

#fieldValues12\.value {
	height: 7rem;
	margin-bottom: 5px;
}

.centered-margin {}

.reg-description {
	width: 130%;
	text-align: -moz-left;
	margin-bottom: 2rem;
	line-height: 1.25rem;
}

.column1 li a {
	font-size: 18px;
	font-family: 'antoniolight';
	padding-bottom: 8px;
	line-height: 32px;
	color: #04a4e0;
}

.column1 li a:hover {
	color: #028cbf;
	text-decoration: underline;
}

.column1 li a.active-link {
	font-family: 'antonioregular'
}

.reg-title {
	border-bottom: 5px solid #04a4e0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	font-size: 30px;
	text-decoration: none;
	color: #252525;
	line-height: 32px;
	padding-bottom: 8px;
	font-family: 'antonioregular' !important;
	margin: 0.67rem;
	font-weight: 700;
	text-align: initial;
}

.options-registration {
	padding: 72px 24px 0 15px;
}

#registerForm .reg-description {
	font-family: verdana;
	font-size: 14px;
	text-align: initial;
	margin-left: 9px;
	margin-top: 10px;
}

.single-form-center {
	margin-top: auto;
	margin-bottom: auto;
}

.rules .contact-form__part {
	margin: 10px;
}

.flex-row-center {
	display: flex;
	justify-content: center
}

.rules.flex {
	padding: 0 0 0 185px;
}

.rules.flex button {
	margin-left: 5.5rem;
}

.y-axis-center {
	margin-left: auto;
	margin-right: auto;
}

.x-axis-center {
	margin-top: auto;
	margin-bottom: auto;
}

.msg-height {
	height: calc(100% - 125px);
}

.main-container.long-content {
	margin-bottom: 125px;
	height: auto;
}

@media screen and (max-width: 900px) {
	.options-logIn{
		width: 100%;
		max-width: 500px;
	}
	.log-in {
		align-items: center;
	}
	.admin-site, .normal-account {
		flex-wrap: wrap;
	}
	.account-site,
	.normal-account {
		flex-wrap: wrap;
	}
	.main-container {
		flex-wrap: wrap;
	}

	.column1 {
		max-width: none;
		margin-bottom: 0;
		transition: height .5s;
	}

	.subpage-title-green {
		max-width: none;
	}

	.panel-menu {
		display: none;
		margin-bottom: 0;
	}

	.panel-menu-arrow {
		padding: 0 20px;
		cursor: pointer;
		margin: 0 15px;
	}

	.panel-menu-arrow::after {
		position: absolute;
		display: block;
		width: 24px;
		height: 24px;
		border-right: 6px solid white;
		border-bottom: 6px solid white;
		transform: rotate(45deg);
		content: '';
		border-left-color: transparent;
		border-top-color: transparent;
		background-color: transparent;
		right: 30px;
		top: 5px;
	}

	#panel-menu-checkbox:checked+.panel-menu {
		height: auto;
	}


	.reg-description {
		width: 100%;
	}

	.rules.flex {
		padding-left: 0;
		justify-content: center;
		align-items: center;
	}

	.rules.flex button {
		margin-left: 0;
	}

	.rules .contact-form__part {
		margin-left: 0;
	}
	.log-container {
		width: 100%;
	}

	.menu-mobile.menu-open {
		display: block;
	}
	.edit-form {
		width: 95%;
		justify-content: center;
	}
	.elElection {
		margin: 0;
	}
	.deleteElObj {
		position: initial;
	}
	.option-label {
		justify-content: flex-start;
	}
	.normal-account .account-form {
		width: 100%;
	}
	.option-label input[type="checkbox"] {
		margin: 0 5px 0 0;
	}
}

@media screen and (max-width: 600px) {
	.form-container {
		flex-direction: column;
	}
	.form-label {
		justify-content: flex-start;
		margin: 20px 0 10px 0;
		width: 100%;
	}
	.elections {
		width: 90%;
	}
	.elections .flex-row {
		margin: 2% 0;
	}
}