@font-face {
  font-display: block;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v31-cyrillic_cyrillic-ext_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-display: block;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v31-cyrillic_cyrillic-ext_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-display: block;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v31-cyrillic_cyrillic-ext_latin-ext-600.woff2') format('woff2');
}

html{
    height: 100%;
	overflow-y: scroll;
}

body
{
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	margin: 0;
	display: flex;
    flex-direction: column;
	height: 100%;
	line-height: 28px;
}

body::-webkit-scrollbar {
  width: 12px;               /* ширина scrollbar */
}

body::-webkit-scrollbar-track {
  background: #ffffff;        /* цвет дорожки */
}

body::-webkit-scrollbar-thumb {
  background-color: #FFAD61;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 2px solid #FFFFFF;  /* padding вокруг плашки */
}

.big-image
{
	z-index: 999;
	position: fixed;
	width: 1300px;
	overflow-clip-margin: content-box;
    overflow: clip;
}

.exit-button-big-image
{
	z-index: 999;
	position: fixed;
	top: 40px;
	right: 40px;
	cursor: pointer;
}

.exit-button-big-image:hover
{
	opacity: 0.7;
}


main
{
	flex: 1 0 auto;
	padding: 0 20px;
	background-image: url("/static/img/background.webp");
	margin-top: 83px;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

.disabled
{
	cursor: default;
  	opacity: 0.5;
}

/* ---------------------------Profession: articles------------------------------- */

.profession-articles
{
	max-width: 1300px;
	margin: 10rem auto;

}

.profession-article-list
{
	max-width: 1300px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 2rem;
	list-style-type: none;
	margin-top: 3rem;
	padding: 0;
}

.profession-article
{
	border: 3px solid #FF8616;
	border-radius: 35px;
}

.profession-article:hover
{
	border: 3px solid #0B3B55;
}

.profession-article-link
{
	color: #0B3B55;
	text-decoration: none;
	padding: 2rem 1rem;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.profession-article-link h3
{
	flex: 0 1 100%;
	text-align: center;
}

.profession-article-img
{
	flex: 0 1 100%;
	display: flex;
	justify-content: center;
	margin: 2rem 0;
	padding: 0 2rem;
}

.profession-article-img img
{
	max-height: 250px;
}

.profession-article-tag-list
{
	flex: 0 1 100%;
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.profession-article-tag
{
	padding:0 1rem;
	color: #FF8616;
}

.profession-article-tag:last-of-type
{
	margin-right: 0;
}

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

/* ---------------------------Main page------------------------------- */

.main-page
{
	display: flex;
	flex-wrap: wrap;
	max-width: 1300px;
	margin: 8rem auto;
	justify-content: space-between;
	align-items: center;
}

.main-page-img-profession
{
	display: flex;
	flex: 0 1 100%;
	justify-content: center;
	margin: 2rem 0;
}

.main-page-img-profession img
{
	height: 150px;
	width: auto;
}

.main-page-profession-list
{
	max-width: 1300px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 2rem;
    list-style-type: none;
    margin-top: 3rem;
    padding: 0;
}

.main-page-profession-li
{
	border: 3px solid #FF8616;
	border-radius: 35px;
}

.main-page-profession-li:hover
{
	border: 3px solid #0B3B55;
}

.main-page-profession-link
{
	color: #0B3B55;
	text-decoration: none;
	padding: 2rem 1rem;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.main-page-description-profession
{
	text-align: center;
}

.offer-content
{
	flex: 0 1 50%;
}

.offer-title
{
	font-size: 72px;
	margin: 3rem 0;
}

.offer-subtitle
{
	font-size: 20px;
	font-weight: 500;
	line-height: 35px;
	color: #0B3B55;
}

.menu-main-page
{
	align-items: start;
}

.menu-column-main-page
{
	flex: 0 1 40%;
	padding: 20px 40px;
	border-radius: 35px;
}

.sections-main-page
{
	background-color: #FFA551;
}

.menu-column-main-page ul
{
	list-style-type: none;
	padding: 0;
}

.menu-column-main-page ul a li
{
	background-color: #ffffff;
	border: 2px solid #FFA551;
	border-radius: 35px;
	margin: 1rem 0;
}

.menu-column-main-page ul a
{
	color: #0B3B55;
	text-decoration: none;
}

.menu-column-main-page ul a li h3
{
	text-align: center;
}

.sections-main-page h2
{
	color: #ffffff;
	font-weight: 500;
}

.lk-block-main-page
{
	background-color: #FFEBD8;
}

.content-main-page
{
	align-items: start;
	margin-bottom: 6rem;
}

.content-main-page h2
{
	flex: 0 1 100%;
	margin-bottom: 0;
	text-align: left;
}

.content-column-main-page
{
	flex: 0 1 40%;
	border-left: 3px solid #FFA551;
	border-right: 3px solid #FFA551;
	padding: 0 40px;
}

.content-column-main-page-ul
{
	padding: 0;
	list-style-type: none;
	margin: 0;
}

.content-column-main-page-li
{
	padding: 3rem 0;
	border-bottom: 3px solid #FFA551;
}

.content-column-main-page-li a
{
	color: #0B3B55;
	line-height: 35px;
}

.content-column-main-page-li a h3
{
	line-height: 40px;
	margin-top: 0;
}

.content-column-main-page-li:last-of-type
{
	border-bottom: 0;
	padding-bottom: 6rem;
}

.content-column-main-page h2
{
	margin: 0;
}

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

article
{
	/*max-width:1300px;
	margin:auto;*/
}
h1
{
	font-size:xxx-large;
	color:#0B3B55;
	font-weight:500;
	max-width:1300px;
	margin:auto;
	line-height: 50px;
}
h2
{
	font-size:xx-large;
	color:#0B3B55;
	font-weight:500;
}
h3
{
	font-size: x-large;
	color: #0B3B55;
	font-weight: 500;
}

.error
{
	max-width: 1300px;
	margin: 3rem auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.error-img
{
	flex: 0 1 100%;
	display: flex;
	justify-content: center;
}

.error-img img
{
	max-width: 1000px;
}

.error-title, .error-a
{
	color: #0B3B55;
	font-size: 28px;
	text-align: center;
}

.error-a a
{
	color: #FF8616;
}

.verification
{
	max-width: 1300px;
	display: flex;
	justify-content: center;
	margin: 3rem auto;
}

.verification a
{
	text-align: center;
	color: #FF8616;
}

.search
{
	background-color: white;
	display: flex;
	justify-content: center;
	z-index: 994;
	width: 100%;
	left: 0;
}

.ya-site-form
{
	max-width: 1300px;
}

.hidden-block-search
{
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.02s ease;
	padding:0;
	border-bottom: 0;
}

.visible-block-search
{
	max-height: 2000px;
	transition: max-height 0.5s ease;
	padding: 1.5rem 0;
	border-bottom: 1px dashed #ffd2a9;
}

.search-result
{
	max-width: 1300px;
	margin: 2rem auto;
}

.search-icon
{
	flex:0 1 4.5%;
	margin: 0 1rem;
	cursor: pointer;
}

.mobile-search
{
	margin-top: 0.5rem;
}

.search-icon img
{

}

.ya-site-form__input-text
{
	padding: 5px;
}

.arrow-page
{
	flex: 1 0 100%;
	bottom: 40px;
	right: 40px;
	position: fixed;
	display: flex;
	justify-content: right;
	opacity: 0.6;
	cursor: pointer;
	z-index: 995;
	width: 60px;
}

.arrow-page:hover
{
	opacity: 1;

}

.arrow-page img
{

}

.arrow-page p
{
	margin: 0 1rem;
	color: #FF8616;
}

.favorite-checkbox
{
	display: none;
}


.favorite
{
	max-width: 1300px;
	display: flex;
	margin: 0 auto;
	align-items: center;
}

.favorite h1
{
	margin: 0;
}

.star-favorite
{
	margin-left: 15px;
	width: 40px;
	opacity: 0.3;
}

.star-active
{
	opacity: 1;
}

.comparison-button
{
	margin-left: 15px;
	opacity: 0.3;
}

.comparison-button-active
{
	opacity: 1;
}

.prof-favorite-container
{

}

.favorite-profs
{
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	max-width: 1300px;
	margin: 2rem auto;
}

.favorite-profs li
{
	flex: 0 1 100%;
	display: flex;
	justify-content: space-between;
	max-width: 1300px;
	margin: 1rem 0;
	border: 3px solid #FF8616;
	border-radius: 35px;
	padding: 0.5rem;
}

.favorite-profs li:hover
{
	border-color:#0B3B55;
}

.star-favorite-page
{
	width: 20px;
}

.profession-favorite
{
	flex: 0 1 85%;
	display:flex;
	text-decoration: none;
	color:black;
}

.delete-favorite-prof img
{
	width: 20px;
}

.delete-favorite-prof:hover
{
	cursor: pointer;
	opacity: 0.6;
}

.no-favorite-profs
{
	color: #FF8616;
	font-size: 40px;
	display: flex;
	justify-content: center;
}

.lk-menu
{
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	max-width: 1300px;
	padding: 0;
	margin: 2rem auto;
	justify-content: space-between;
}

.lk-menu a li
{
	text-align: center;
	background-color: #FFEBD8;
	border-radius: 35px;
	padding: 20px 0;
}

.lk-menu a
{
	flex: 0 1 30%;
	text-decoration: none;
	color: #0B3B55;
	font-size: 20px;
	font-weight: 500;
	margin: 0.3rem 0;

}

.lk-menu-li-active
{
	border: #FF8616 solid 3px;
}

header
{
	width: 100%;
	height: 83px;
	display: flex;
	justify-content: center;
	padding: 0;
	flex: 0 0 auto;
	border-bottom: #ffd2a9 solid 1px;
	background-color: white;
	position: fixed;
	top: 0;
	z-index: 997;
}

.container-header
{
	flex: 0 1 100%;
	max-width: 1300px;
	align-items: center;
	display:flex;
	position: relative;
	justify-content: center;
	padding: 0 15px;
	background-color: white;
}

.container-header .logo-img
{
	flex:0 1 6%;
}

.container-header .logo-name
{
	flex:0 1 16%;
}

.main-menu
{
	display: flex;
}

.main-menu a:last-child
{
	display: none;
}

.container-header ul
{
	position: relative;
	flex:0 1 72%;
	display: flex;
	list-style: none;
	text-align: right;
	/*padding: 0;*/
	justify-content: flex-end;
	margin: 0;
	align-items: center;
}

.container-header a
{
	list-style: none;
}

a.login
{
	text-decoration: underline;
	color: #0B3B55;
}

.login
{
	position: relative;
	display: flex;
	align-items: center;
	padding: 1rem 1rem;
}

.login:hover
{
	cursor: pointer;
}

.login-active
{
	background-color: #ffdbb9;
}

.main-menu li
{
	padding: 1rem;
}

.main-menu li:hover
{
	opacity: 0.7;
}

.main-menu a
{
	text-decoration: none;
	color: #0B3B55;
}

.main-menu a.all-proffesions
{
	font-weight: 500;
	color: #FF8616;
}

.button-menu
{
	display: none;
}

.arrow-mob, .arrow-mob2
{
	display: none;
}

nav
{
	max-width: 1300px;
	margin: auto;
	text-align: center;
	display:flex;
	justify-content: flex-end;
}
nav ul
{
	display: flex;
	list-style: none;
	padding: 0;
}
nav ul li
{
	padding: 1rem;
}

/*----------------------------Graph builder--------------------------------*/

.graph-builder
{
	max-width: 1300px;
	margin: 6rem auto;
	margin-top: 4rem;
}

.graph-builder-field
{
	display: flex;
	margin: 1rem 0;
}

.graph-datalist
{
	/*border-radius: 0 0 35px 35px;*/
	border: 2px solid #FFAD61;
	list-style-type: none;
	padding: 0 10px;
	width: 300px;
	max-height: 200px;
	margin: 0;
	position: absolute;
	background-color: #ffffff;
	z-index: 999;
	overflow: auto;
}

.graph-datalist::-webkit-scrollbar {
  width: 8px;               /* ширина scrollbar */
}

.graph-datalist::-webkit-scrollbar-track {
  background: #ffffff;        /* цвет дорожки */
}

.graph-datalist::-webkit-scrollbar-thumb {
  background-color: #FFAD61;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 3px solid #FFFFFF;  /* padding вокруг плашки */
}

.graph-datalist-li
{
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #FFAD61;
	color: #FFAD61;
	font-weight: 500;
	cursor: pointer;
}

.graph-datalist-li:hover
{
	color: #0E5379;
}

.graph-datalist-li:last-child
{
	border-bottom: none;
}

.label-graph-builder-input
{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	width: 200px;
	border-radius: 35px 0px 0px 35px;
	border: 2px solid #FFAD61;
	background: #FFAD61;
	color: #ffffff;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	line-height: 14px;
}

.input-graph-builder
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 40px;
	border-radius: 0px 35px 35px 0px;
	border: 2px solid #FFAD61;
	background: #FFF;
	text-align:center;
	font-size: 20px;
	color: #FFAD61;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	outline: #FFAD61;
	padding: 0 10px;
}

.input-start-month, .input-end-month
{
    color: #FFAD61;
    border: none;
    width: 140px;
    text-align: center;
	outline: none;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 500;
}

.dash
{
	color: #FFAD61;
	width: 20px;
	text-align: center;
}

.graph-submit-button, .graph-shell-button
{
	font-size: 20px;
	border-radius: 35px 0px 0px 35px;
	border: 2px solid #FFAD61;
	font-weight: 500;
	height: 43.2px;
	width: 180px;
	font-family: 'Montserrat', sans-serif;
	outline: #FFAD61;
	cursor: pointer;
	margin: 1rem 0;
}

.graph-submit-button
{
	background: #FFAD61;
	color: #FFFFFF;
}

.graph-shell-button
{
	background: #FFF;
	color: #FFAD61;
}

.graph-submit-button:hover
{
	opacity: 0.5;
}

.graph-shell-button:hover
{
	opacity: 0.5;
}

.graph-builder-row
{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.graph-builder-fields
{
	display: flex;
	justify-content: left;
}

.graph-builder-fields .graph-builder-field:first-child
{
	margin-right: 40px;
}


.graph-result
{
	margin-top: 4rem;
	display: flex;
	justify-content: center;
}

.chart-container {
	max-width: 1300px;
	overflow-x: scroll;
}

.final-chart-container {
	width: 1300px;
	height: 570px;
}

.chart-container::-webkit-scrollbar {
  width: 12px;               /* ширина scrollbar */
}

.chart-container::-webkit-scrollbar-track {
  	background: rgb(255, 255, 255, 0);        /* цвет дорожки */
}

.chart-container::-webkit-scrollbar-thumb {
  background-color: #FFAD61;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 2px solid #FFFFFF;  /* padding вокруг плашки */
}

.graph-builder-information
{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.graph-builder-info-text
{
	flex: 0 1 40%;
}

.graph-builder-presets
{
	flex: 0 1 57%;
}

.graph-builder-info-text p
{
	line-height: 36px;
	color: #0E5379;
}

.graph-builder-presets p
{
	line-height: 36px;
	color: #0E5379;
}

.graph-builder-presets ul
{
	padding-left: 1.5rem;
}

.graph-builder-preset
{
	margin-bottom: 0;
	cursor: pointer;
	line-height: 36px;
	color: #0E5379;
}

.graph-builder-preset:hover
{
	color: #FF8616;
}

.graph-builder-fields-block
{
	margin-top: 4rem;
}

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

/*nav ul li:not(:first-child)*/
/*{*/
/*	border-left: 2px dashed #ffceab;*/
/*}*/

.skills
{
	max-width: 1300px;
	margin: 2rem auto;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.arrow-skills
{
	width: 600px;
	display: flex;
	justify-content: center;
	margin-bottom: 1rem;
}

.arrow-skills img
{
	height: 50px;
}

.load-more-final-hard-skills
{
	display: flex;
	position: absolute;
	height: 20px;
	width: 100%;
	bottom: 5px;
	margin: 0;
	cursor: pointer;
	justify-content: center;
	align-items: center;
}

.load-more-final-hard-skills img
{
	width: 30px;
}

.group-hard-skill-name
{
	margin: 0.3rem 0;
}

.name-prof-skills
{
	margin: 0 auto;
	text-align: center;
}

.container-skills
{
	margin-top: 2rem;
	margin-bottom: 1rem;
	flex: 0 1 100%;
	display: flex;
	justify-content: space-between;
}

.main-skill-block
{
	width: 550px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
}

.main-skill-block-arrow
{
	width: 550px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
}

.main-skill-block p
{
	color: white;
	text-align: center;
	margin: 0 0.3rem;
	font-size: 24px;
}

.soft-skill
{
	background-color: #FF8616;
}

.hard-skill
{
	background-color: #0E5379;
}

.container-soft-skills
{
}

.container-hard-skills
{
}

.groups-hard-skills
{
	max-width: 550px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.groups-soft-skills
{
	max-width: 550px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.container-group-hard-skill
{
	border: 2px solid #2A6A8E;
	margin-bottom: 0.5rem;
}

.load-more-hard
{
	display: flex;
	width: 550px;
	background-color: #5b9dc2;
	color: white;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.group-hard-skills
{
	display: flex;
	position: relative;
	flex: 1 0 100%;
	background: #2A6A8E;
	min-height: 28px;
	justify-content: center;
	align-items: center;
}

.group-hard-skills-fixed-width
{
	width: 546px;
}

.group-hard-skills-auto-width
{
	width: auto;
}

.group-hard-skills p
{
	color: white;
	margin: 0;
	text-align: center;
}

p.visible-hard-skills
{
	margin-bottom: 25px;
}

.load-more-skills
{
	height: 30px;
	cursor: pointer;
	text-decoration: underline;
	margin-bottom: 0.3rem;
	color: white;
}

.group-soft-skills
{
	display: flex;
	min-height: 28px;
	flex: 1 0 100%;
	background: #FF9B3F;
	text-align: center;
	margin-bottom: 0.5rem;
	justify-content: center;
	align-items: center;
}

.group-soft-skills p
{
	color: white;
	margin: 0;
	text-align: center;
}

.final-hard-skills
{
	max-width: 550px;
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	background: #FFFFFF;
}

.hidden-block
{
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s ease;
	min-height: 0;
}

.visible-block
{
	max-height: 2000px;
	transition: max-height 0.3s ease;
	min-height: 28px;
}

.hidden-block-animation
{
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s ease;
}

.visible-block-animation
{
	max-height: 2000px;
	transition: max-height 0.4s ease;
	/*overflow: visible;*/
}

.visible-block-animation-overflow
{
	overflow: visible;
}

.hidden-block-animation-comment
{
	overflow: hidden;
	max-height: 0;
	margin: 0;
	transition: max-height 0.2s ease;
}

.visible-block-animation-comment
{
	margin: 1rem 0;
	max-height: 2000px;
	transition: max-height 0.4s ease;
}

.hidden-block-animation-menu
{
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.05s ease;
	padding-bottom: 0;
	border: 0;
}

.visible-block-animation-menu
{
	max-height: 2000px;
	transition: max-height 0.4s ease;
	padding-bottom: 1rem;
	border-top: 1px solid #ffb86e;
}

.final-hard-skill
{
	display: flex;
	width: 540px;
	min-height: 28px;
	background: #539AC1;
	margin: 0.3rem 0;
	justify-content: center;
	align-items: center;
}

.final-hard-skill p
{
	color: white;
	margin: 0;
	text-align: center;
	padding: 0 0.3rem;
}

.load-more-soft
{
	background: #ffba7b;
}

.link
{
	color: #FF8616;
	font-weight: 500;
}

nav ul a
{
	text-decoration: none;
	color: #FF8616;
}

nav ul a:hover
{
	color:#0B3B55;
}

img
{
	max-width:100%;
}
.breadcrumb
{
	display:flex;
	flex-wrap: wrap;
	max-width:1300px;
	margin:auto;
	list-style:none;
	padding:0;
}
.breadcrumb li
{
	padding: 0 1rem 0 0;
}

.breadcrumb li a
{
	color:#3D80A6;
	text-decoration:none;
	font-size:16px;
}

.fa-solid
{
	color: #3D80A6;
	padding: 0 1rem 0 0;
	font-size: 16px;
	position: relative;
	top: 3px;
	
}
.wrapper
{
	max-width:1300px;
	margin:3rem auto;
}
.wrapper h2
{
	margin-top: 0;
}
.profession_description_content
{
	display:flex;
	align-items: center;
}
.profession_description_text
{
	flex:0 1 60%;
}
.profession_img
{
	flex:0 1 40%;
	margin: 0 6rem;
}
.profession_img img
{
	width:100%;
}
.profession_occupation_content
{
	/*columns: 2;*/
	/*column-fill: balance;*/
}

.profession_occupation ul
{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-column-gap: 4rem;
	grid-row-gap: 1rem;
	padding-left: 1rem;
}

.profession_history
{
	max-width: 1300px;
	margin: 0 auto;
}

.profession_history_content
{
	border: 2px solid #FF8616;
	border-radius: 35px;
	padding: 1.5rem;
	display:flex;
	flex-wrap:wrap;
}
.profession_history_content .profession_history
{
	flex:0 1 calc(100% - 100px);
}
.profession_history_content .history_img
{
	flex:0 1 100px;
}

.vacancy-dynamics,
.money-dynamics
{
	max-width: 1300px;
	margin: 0 auto;
}

.chart-container
{
	max-width: 1300px;
	margin: 0 auto;
}
.industries_companies_content
{
	display:flex;
	flex-wrap:wrap;
}
.profession_industries_wrapper, .profession_companies_wrapper
{
	flex:0 1 50%;
}

.profession_childs_items
{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 2rem;
}

.profession_childs
{
	display: flex;
	flex-wrap: wrap;
	justify-content: right;
}

.child
{
	display:flex;
	margin: 0 auto;
	padding: 1rem;
	text-align: center;
	text-decoration: none;
	color:black;
}

.prof-block:hover
{
	border: 4px solid #1f536e;
}

.prof-block
{
	border-radius: 35px;
	border: 4px solid #FF8616;
}

.option-menu:hover
{
	cursor: pointer;
}

.prof-option
{
	padding: 0 1rem;
	display: flex;
	justify-content: right;
	position: relative;
}

.prof-option:hover
{
	cursor: pointer;
}

.prof-option-unauthorized
{
	padding: 0 1rem;
	display: flex;
	justify-content: right;
	position: relative;
}

.prof-option-all-prof
{
	padding: 0 1rem;
	max-width: 30px;
	display: flex;
	justify-content: right;
	position: relative;
	align-items: flex-start;
}

.additional-info-to-data
{
	flex: 0 1 100%;
	color: #FF8616;
	margin-top: 0;
	margin-bottom: 1rem;
	text-align: right;
}

.chart-money-nd
{
	flex: 0 1 100%;
	color: #FF8616;
	margin-top: 0;
	margin-bottom: 1rem;
	text-align: right;
}

.prof-option-all-prof img
{
	padding: 0.75rem 0;
}

.prof-option-all-prof:hover
{
	cursor: pointer;
}

.prof-option img
{
	width: 8%;
	padding: 1.5rem 1rem;
}

.child-content h3
{
	margin-top: 0;
}

.space
{
	padding-top: 90px;
}

.arrow-collapse
{
	flex: 0 1 4%;
	display: flex;
	justify-content: center;
	opacity: 0;
	padding: 0 0.3rem;
	cursor: default;
	background-color: #bad2ee;
}

.arrow-collapse a
{
	cursor: default;
	height: 100%;
	display: flex;
	align-items: flex-end;
}

.arrow-collapse img
{
	width: 30px;
	position: sticky;
	bottom: 10px;
	padding-bottom: 20px;
}

.arrow-collapse-active
{
	opacity: 0.5;
	cursor: pointer;
}

.arrow-collapse-active:hover
{
	opacity: 1;
}

#comments
{
	display: flex;
	flex-wrap: wrap;
	margin: 3rem 0 0;
	justify-content: space-between;
	padding: 0 1rem;
}

.comments-container
{
	flex: 0 1 94%;
}

.card-comment
{
	display: flex;
	flex: 0 1 100%;
	padding-right: 4rem;
}

.user-img-comments
{
	margin-right: 2rem;
	min-width: 60px;
}

.comments-data
{
}

.user-img-comments img
{
	display: block;
	object-fit: cover;
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.card-title
{
	margin: 0;
	font-weight: 500;
	color: #FF8616;
}

.card-text
{
	margin: 0.5rem 0;
	font-weight: 500;
	color: #0B3B55;
	max-width: 1100px;
}

.card-footer.text-muted
{
	font-size: 18px;
	color: #286485;
}

.comments-board
{
	max-width: 1300px;
	margin: 4rem auto;
	border-left: 4px dashed #2A6A8E;
	border-right: 4px dashed #2A6A8E;
}

.comments-title
{
	text-align: center;
	margin-bottom: 0.5rem;
}

.ps-comments-authenticated
{
	color: #FF8616;
	text-align: center;
	margin-top: 0;
}

.ps-comments-unauthenticated
{
	color:#0B3B55;
	text-align: center;
	margin-top: 0;
	margin-bottom: 3rem;
}

.ps-comments-unauthenticated a
{
	color: #FF8616;
}

hr
{
	border-style: dashed;
	width: 900px;
	border-width: 2px;
	color: #4B98C4;
}

.form-control
{
	width: 900px;
	height: 100px;
	background: #FFFFFF;
	border-radius: 35px;
	border: 3px solid #2A6A8E;
	outline: none;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
	color: #3D80A6;
	padding: 20px;
	box-sizing:border-box;
	resize: none;
}

#comment-form
{
	margin: 1rem 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.load-more
{
	text-align: center;
	text-decoration: underline;
	color: #4B98C4;
	cursor: pointer;
}

.form-group
{
	flex: 0 1 100%;
	display: flex;
	justify-content: center;
	margin: 1rem 0;
}

.btn.btn-primary
{
	font-family: 'Montserrat';
	background: #4B98C4;
	border: 2px solid #4B98C4;
	border-radius: 35px;
	color: white;
	padding: 10px 50px;
	font-size: 20px;
	text-align: center;
	margin: 1rem 0;
	cursor: pointer;
}

.be-first-text
{
	color: #0B3B55;
	font-size: 24px;
	text-align: center;
}

.option-menu
{
	border: none;
	position: absolute;
	padding: 0.5rem 2rem;
	background: #ffdbb9;
	border-radius: 35px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	z-index: 990;
}

.option-btn
{
	white-space: nowrap;
	color: #0B3B55;
	text-align: center;
	border: none;
	font-size: 16px;
	font-family: 'Montserrat';
	padding: 1rem;
	background: #ffdbb9;
	border-bottom: 1px solid #ffb86e;
}

.option-btn:last-of-type
{
	border-bottom: none;
}

.child .child_img
{
	padding: 1rem 4rem;
}
.child .child_img img
{
	width:auto;
	height:150px;
}

.all-professions-page
{
	max-width: 1300px;
	margin: 3rem auto;
}

.profession_childs_1
{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex: 0 1 100%;
	overflow: hidden;
}

.profession_childs_2
{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex: 0 1 100%;
	overflow: hidden;
}

.arrow-childs
{
	display: flex;
	flex: 0 1 100%;
	justify-content: flex-end;
}

.arrow
{
	flex: 0 1 8%;
	width: 40px;
	display: flex;
	align-items: center;
  	justify-content: center;
}

.arrow:hover
{
	opacity: 0.7;
}

.arrow:active
{
	zoom: 0.9;
}

.arrow-2
{
	flex: 0 1 8%;
	width: 40px;
	display: flex;
	align-items: center;
  	justify-content: center;
}

.arrow-2:hover
{
	opacity: 0.7;
}

.arrow-2:active
{
	zoom: 0.9;
}

.main-profession
{
	display: flex;
	max-width: 1300px;
	margin: 0.5rem 0 0.5rem auto;
	border: 3px solid #FF8616;
	border-radius: 35px;
	padding: 0.5rem;
}

.main-profession a
{
	flex: 1 0 85%;
	display:flex;
	text-decoration: none;
	color:black;
}

.main-profession:hover
{
	border: 3px solid #1f536e;
}

.profession-img
{
	flex:0 1 20%;
	display: flex;
  	align-items: center;
  	justify-content: center;
}

.profession-img img
{
	width:auto;
	max-height: 80px;
}

.profession-text
{
	flex:0 1 80%;
	padding: 0 2rem;
}

.profession-text p
{
	font-size: 16px;
	margin: 5px;
}

.profession-text h3
{
	font-size: 18px;
	margin: 5px;
}

.profession-1
{
	display:flex;
	flex: 0 1 90%;
	margin: 0.5rem 0 0.5rem 0;
	border: 3px solid #FF8616;
	border-radius: 35px;
	padding: 0.5rem;
}

.profession-1 a
{
	display:flex;
	flex: 0 1 95%;
	text-decoration: none;
	color:black;
}

.profession-1:hover
{
	border: 3px solid #1f536e;
}

.profession-2
{
	display:flex;
	flex: 0 1 80%;
	margin: 0.5rem 0 0.5rem 0;
	border: 3px solid #FF8616;
	border-radius: 35px;
	padding: 0.5rem;
}

.profession-2 a
{
	display:flex;
	flex: 0 1 95%;
	text-decoration: none;
	color:black;
}

.profession-2:hover
{
	border: 3px solid #1f536e;
}

.profession-3
{
	display:flex;
	flex: 0 1 70%;
	margin: 0.5rem 0 0.5rem 0;
	border: 3px solid #FF8616;
	border-radius: 35px;
	padding: 0.5rem;
}

.profession-3 a
{
	display:flex;
	flex: 0 1 95%;
	text-decoration: none;
	color:black;
}

.profession-3:hover
{
	border: 3px solid #1f536e;
}

.about-us-page
{
	max-width: 1300px;
	margin: 3rem auto;
}

.team-members
{
	display: flex;
	flex-wrap: wrap;
	max-width: 1300px;
	margin: 3rem auto;
	justify-content: center;
}

.member
{
	flex: 0 1 25%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 2rem 0;
	align-items: flex-start;
}

.member img
{
	flex: 0 1 100%;
	max-width: 200px;
	border-radius: 50%;
}

.member h2
{
	flex: 0 1 100%;
	max-width: 250px;
	font-size: 26px;
	text-align: center;
	margin: 1rem 0;
}

.member p
{
	flex: 0 1 100%;
	max-width: 200px;
	text-align: center;
	margin: 0;
}

.title
{
	margin-top: 4rem;
}

.review-form
{
	max-width: 1000px;
	background: #FFEBD8;
	border-radius: 35px;
	margin: 50px auto;
}

.review-form p
{
	display: flex;
}

.review-form h2
{
	border-radius: 35px 35px 0px 0px;
	background-color: #FFA551;
	font-weight: 500;
	font-size: 42px;
	text-align: center;
	color: #FFFFFF;
	padding: 20px;
	margin: 0;
}

.review-form .review-email
{
	background: #FFFFFF;
    border: 2px solid #FFA551;
	border-radius: 35px;
	outline: none;
	font-weight: 400;
	font-size: 18px;
	color: #3D80A6;
	padding: 0 20px;
	box-sizing: border-box;
	width: 100px;
}

.review-form .review-name
{
	flex: 0 1 100%;
	background: #FFFFFF;
    border: 2px solid #FFA551;
	border-radius: 35px;
	outline: none;
	font-weight: 400;
	font-size: 18px;
	color: #3D80A6;
	padding: 0 20px;
	box-sizing:border-box;
}

.review-form .review-text
{
	background: #FFFFFF;
    border: 2px solid #FFA551;
	border-radius: 35px;
	outline: none;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #3D80A6;
	padding: 5px 20px;
	box-sizing:border-box;
	resize: none;
}

.review-form .review-container
{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
	margin-top: 2rem;
	overflow: hidden;
	justify-content: center;
}

.review-form .review-container .g-recaptcha
{
	margin-left: 3rem;
}

.button-submit
{
	display: flex;
	flex: 0 1 100%;
	justify-content: center;
}

.review-form button
{
	background: #FFA551;
    border: 2px solid #FFA551;
	font-family: 'Montserrat', sans-serif;
	border-radius: 35px;
	margin: 40px auto;
	outline: none;
	font-weight: 400;
	font-size: 24px;
	text-align: center;
	color: #ffffff;
	padding: 10px 35px;
}

.main-contacts
{
	max-width: 1300px;
	margin: 50px auto;
}

/* Все селекторы ниже написал для примера, как обращаться к тем или иным полям */

input::placeholder,
textarea::placeholder {  /* Селектор для названий полей внутри окна ввода */
	font-family: 'Montserrat', serif;
	font-style: normal;
  	color: #3D80A6;
	font-weight: 400;
	font-size: 20px;
	line-height: 39px;

}

form.review-form .review-container p textarea {
	width: 760px;
	height: 150px;
}

form.review-form .review-container p input {
	width: 760px;
	height: 50px;
}

form.review-form .review-container p label { /* для заголовка - "Подтвердите, что вы не робот:" */
	font-family: 'Montserrat', serif;
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
	color: #0B3B55;
}

form.review-form .review-container p label[for=id_email],
form.review-form .review-container p label[for=id_name],
form.review-form .review-container p label[for=id_review] {  /* Селектор для отключения заголовков, там где они не нужны */
	display: none;
}

.fields-reg
{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 2rem 0;
}

.field
{
	margin: 1rem 0rem;
}

.forget-password
{
	flex: 0 1 100%;
	color: #FF8616;
	margin-bottom: 1rem;
}

.social-reg
{
	margin: 2rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.social-reg p
{
	flex: 0 1 100%;
	font-size: 24px;
	text-align: center;
	color: #6FAED1;
	margin: 0;
}

.social-reg a img
{
	width: 60px;
	margin: 1rem 40px;
	margin-bottom: 2rem;
}

.fields-reg .button
{
	font-family: 'Montserrat';
	background: #FFA551;
	border: 2px solid #FFA551;
	border-radius: 35px;
	color: white;
	padding: 10px 30px;
	font-size: 24px;
	margin: 1rem;
	cursor: pointer;
}

.forms
{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	max-width: 400px;
}

.fields-reg .formClass,
.field .formClass
{
	width: 400px;
	height: 40px;
	padding: 0 20px;
	flex: 0 1 100%;
	background: #FFFFFF;
	border: 2px solid #FFA551;
	border-radius: 35px;
}

.fields-reg p label
{
	display: none;

}

.arrow-comparison
{
	flex: 0 1 10%;
	margin: auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.arrow-comparison img
{
	height: 30px;
	padding: 0 5px;
}

.reg-form
{
    position: relative;
    max-width: 600px;
    margin: 5rem auto;
    background-color: #FFEBD8;
    border-radius: 35px;
}

.title-reg
{
    display: flex;
    justify-content: center;
}

.title-r
{
    margin: 0;
}

.title-r a
{
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    text-align: center;
    color: #0B3B55;
	text-decoration: none;
	padding: 1rem 74.75px;
    margin: 0 auto;
	border-bottom: dashed 4px #FFA551;
}

.title-r.active a
{
    color: #FFFFFF;
    background-color: #FFA551;
}

.title-r.input-button a
{
    border-radius: 35px 0px 0px 0px;
}

.title-r.reg-button a
{
    border-radius: 0px 35px 0px 0px;

}

.form-field
{
    font-size: 32px;
    color: #3D80A6;
    padding: 1rem;
}

.arrow-180
{
	transform: rotate(180deg);
}

.profile
{
	max-width: 660px;
    background-color: #FFEBD8;
    border-radius: 35px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 2rem auto;
	padding: 0 1rem;
}
.profile-title
{
	flex: 0 1 100%;
	font-weight: 500;
	font-size: 40px;
	color: #0B3B55;
	text-align: center;
	margin-top: 100px;
}

.profile-img
{
	display: flex;
	flex: 0 1 100%;
	justify-content: center;
}

.profile-img img
{
	object-fit: cover;
	width: 120px;
	height: 120px;
	border-radius: 50%;
}

.profile-field
{
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 100%;
	justify-content: center;
}

.name-field
{
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 50%;
	justify-content: center;
}

.profile-field p
{
	flex: 0 1 100%;
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	color: #0B3B55;
	margin: 1rem 0;

}

.user-names
{
	flex: 0 1 100%;
	display: flex;
	flex-wrap: nowrap;
}

.profile-photo-field
{
	display: flex;
	flex-wrap: wrap;
	font-size: 0;
	justify-content: center;
}

.profile-photo-field input
{
	display: none;
}

.profile-photo-field label
{
	font-size: 18px;
	flex: 0 1 100%;
	text-align: center;
	color: #5497BC;
	text-decoration-line: underline;

}

.profile-photo-field p
{
	flex: 0 1 100%;
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	color: #0B3B55;
	margin: 1rem 0;
}

.profile-field input
{
	flex: 0 1 100%;
	max-width: 360px;
	font-weight: 500;
	font-family: 'Montserrat';
	font-size: 18px;
	padding: 7px 20px;
	text-align: center;
	color: #3D80A6;
	background: #FFFFFF;
	border: 2px solid #FFA551;
	border-radius: 35px;
}

.name-field input
{
	max-width: 220px;
}

.change-password
{
	flex: 0 1 100%;
	max-width: 360px;
	padding: 0.5rem;
}

.change-password a
{
	color: #5497BC;
}

.add-email
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    max-width: 600px;
    margin: 5rem auto;
    background-color: #FFEBD8;
    border-radius: 35px;
}

.add-email .button
{
	font-family: 'Montserrat';
	background: #FFA551;
	border: 2px solid #FFA551;
	border-radius: 35px;
	color: white;
	padding: 10px 50px;
	font-size: 24px;
	margin: 2rem;
}

.profile .button
{
	font-family: 'Montserrat';
	background: #FFA551;
	border: 2px solid #FFA551;
	border-radius: 35px;
	color: white;
	padding: 10px 50px;
	font-size: 24px;
	margin: 2rem;
}

.logout
{
	display: flex;
	flex: 0 1 100%;
	justify-content: center;
	margin-bottom: 3rem;
}

.logout a
{
	color: #5497BC;
	text-align: center;
}

.user-form
{
	max-width: 700px;
    background-color: #FFEBD8;
    border-radius: 35px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 6rem auto;
}

.form-content
{
	color: #0B3B55;
	font-size: 24px;
	margin: 1rem 2rem;
	text-align: center;
}

.form-content p
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.form-content p label
{
	flex: 0 1 100%;
	margin-bottom: 10px;
}

.form-content p input
{
	flex: 0 1 100%;
	max-width: 500px;
	font-weight: 500;
	font-family: 'Montserrat';
	font-size: 18px;
	padding: 7px 20px;
	text-align: center;
	color: #3D80A6;
	background: #FFFFFF;
	border: 2px solid #FFA551;
	border-radius: 35px;
}

.title-form
{
	background: #FFA551;
	border-radius: 35px 35px 0px 0px;
	font-size: 32px;
	text-align: center;
	color: #FFFFFF;
	flex: 0 1 100%;
	margin: 0;
	padding: 1rem 0;
}

.form-content .button
{
	font-family: 'Montserrat';
	background: #FFA551;
	border: 2px solid #FFA551;
	border-radius: 35px;
	color: white;
	padding: 10px 50px;
	font-size: 24px;
	margin: 2rem;
}

.form-content a
{
	text-decoration: none;
}

.errorlist
{
	list-style: none;
	padding: 0;
	margin: 2px 0;
	text-align: center;
}

.errorlist li
{
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	text-align: center;
	color: #FF0000;
}

.upload-photo
{
	cursor: pointer;
	font-family: 'Montserrat';
	background: #FFA551;
	border: 2px solid #FFA551;
	border-radius: 35px;
	color: white;
	padding: 10px 50px;
	font-size: 24px;
	margin: 1rem 0;
}

.user-menu
{
	z-index: 1;
	max-width: 260px;
	background: #ffdbb9;
	border-radius: 0px 0px 35px 35px;
	position: absolute;
	top: 82px;
	right: 15px;
	display: flex;
	flex-wrap: wrap;
	padding-right: 2rem;
	justify-content: right;
}

.user-menu-img
{
	object-fit: cover;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin-right: 0.5rem ;
}

.user-menu-profile-img
{
	display: block;
	object-fit: cover;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 1rem 0.5rem;
}

.user-menu-name
{
	max-width: 180px;
	font-weight: 400;
	color: #FF8616;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	padding: 30px 0;
}

a.user-menu-link
{
	display: flex;
	flex: 0 1 100%;
	font-weight: 400;
	color: #0B3B55;
	margin: 0.8rem 0;
	align-items: center;
	justify-content: right;
}

a.user-menu-link img
{
	margin-right: 0.5rem;
}

.remember-save
{
	width: 700px;
	background: #FFEBD8;
	border-bottom: 3px dashed #FF9E44;
	border-radius: 35px 35px 0px 0px;
	padding: 1rem 1.5rem;
  	position: sticky;
  	top: 80px;
}

.save
{
	cursor: pointer;
}

.remember-save p
{
	margin: 0;
	color: #0B3B55;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
}

footer
{
	margin: 0;
	background-color: #286485;
    flex: 0 0 auto;
    width: 100%;
	/*bottom: 0;*/
	/*width: 100%;*/
	/*height: 80px;*/
}

footer .container
{
	padding: 0 15px;
	margin: 0 auto;
	align-items: center;
	justify-content: space-between;
	display:flex;
	max-width: 1300px;
	flex-wrap: wrap;
	padding-bottom: 2rem;
	padding-top: 1rem;
}

footer .logo-img
{
	flex:0 1 10%;
}

footer .logo-name
{
	flex:0 1 35%;
	padding-top: 20px;
}

footer .main-information
{
	display: flex;
	flex:0 1 50%;
	flex-wrap: wrap;
}

.footer-cont-inf
{
	padding-top: 1.5rem;
}

.footer-cont-inf h2
{
	margin: 0;
	margin-top: 1rem;
	color: #ffffff;
}

.footer-cont-inf p
{
	color: #ffffff;
	line-height: 25px;
}

.button-feedback
{
	display: flex;
	background-color: white;
	border: #FF8616 solid 2px;
	border-radius: 35px;
	justify-content: center;
	align-items: center;
	max-width: 300px;
}

.button-feedback a
{
	padding: 7px 20px;
	color: #FF8616;
	font-style: normal;
	text-decoration: none;
	text-align: center;
	font-size: 20px;
}

footer .main-information .about-us
{
	flex:0 1 64%;
	justify-content: flex-start;
	line-height: 25px;
	color: #FFFFFF;
}

footer .copyright
{
	flex: 0 1 100%;
	font-size: 14px;
	line-height: 20px;
	color: #94c4de;
	text-align: justify;
	margin-top: 1rem;
}

footer .menu-all-profession
{
	flex:0 1 35%;
	margin-bottom: auto;
	padding-top: 3rem;
	justify-content: center;

}

footer .menu-all-profession ul a
{
	color: #FFFFFF;
}

footer .menu-all-profession ul li
{
	line-height: 20px;
	color: #FFFFFF;
}

footer .menu-all-profession h2
{
	color: #FFFFFF;
	margin: 0;
}

footer .menu-all-profession .footer-name-menu
{
	text-decoration: none;
}

footer .footer-cont-inf
{
	margin-bottom: 1rem;
}

.to-login-card-overlay, .big-img-overlay
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(3, 21, 31, 0.8);
}

.openedTable {
	display: flex;
    position: fixed;
    top: 10vh;
    width: 500px;
    height: 300px;
    border-radius: 35px;
	padding: 20px;
    background-color: #FFEBD8;
    left: 50%;
    transform: translate(-50%, 0);
	justify-content: center;
	flex-wrap: wrap;
	z-index: 999;
}

.closeTable
{
	flex: 0 1 100%;
	display: flex;
	justify-content: right;
}

.openedTable p
{
	flex: 0 1 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	color:#0B3B55;
	cursor: default;
}

.openedTable p a
{
	color:#FF8616;
	text-decoration: underline;
	text-align: center;
	display: block;
}

/*Skill page*/

.skill-page
{
	max-width: 1300px;
	margin: 5rem auto;
}

.skill-title
{
	margin-bottom: 4rem;
}

.skill-description
{
	margin-bottom: 6rem;
	display: flex;
	flex-wrap: wrap;
}

.skill-count-chart
{
	margin-top: 3rem;
	margin-bottom: 6rem;
}

.description-text
{
	flex: 0 1 55%;
	display: flex;
	align-items: center;
	padding-right: 2rem;
}

.description-text p
{
	text-align: left;
	margin: 0;
	padding: 0;
}

.description-img
{
	flex: 0 1 40%;
	display: flex;
	justify-content: center;
}

.description-img img
{
	max-height: 350px;
}

.similar-skills
{
	display: flex;
	flex-wrap: wrap;
}

.similar-skills-container
{
	flex: 0 1 100%;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 2rem;
	grid-auto-rows: 1fr;
}

.similar-skill-link
{
	border-radius: 35px;
	border: 4px solid #FF8616;
	color: black;
	text-decoration: none;
}

.similar-skill-card
{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 10px;
}

.similar-skill-title
{
	flex: 0 1 100%;
	text-align: center;
}

.similar-skill-description
{
	flex: 0 1 100%;
	text-align: center;
}

.similar-skill-img
{
	flex: 0 1 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	max-height: 160px;
	margin: 2rem 0;
}

.similar-skill-img img
{
	height: 100%;
	width: auto;
}

/*===============================*/

/*All professions page*/

.card-profession
{
	display: flex;
	max-width: 1300px;
	margin: 0.5rem 0 0.5rem 0.5rem;
	border: 3px solid #FF8616;
	border-radius: 35px;
	padding: 0.5rem;
}

.card-profession-link
{
	flex: 1 0 85%;
	display:flex;
	text-decoration: none;
	color:black;
}

.card-profession:hover
{
	border: 3px solid #1f536e;
}

.profession-childs
{

}

/*===============================*/

.comparison
{
	max-width: 1300px;
	margin: 3rem auto;
	border-radius: 35px;
	background-color: #ffffff;
}

.comparison-prof-mobile
{
	display: flex;
	flex: 0 1 100%;
	justify-content: center;
	align-items: center;
}

.main-comparison-row
{
	display: flex;
	background-color: #FFCB9C;
	border: 4px solid #FFCB9C;
	border-radius: 35px 35px 0px 0px;
}

.main-comparison-title
{
	display: flex;
	flex: 0 1 20%;
	background-color: white;
	border-radius: 32px 0px 0px 0px;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: #FFA551;
	font-size: 22px;
	font-weight: 500;
}

.comparison-row
{
	display: flex;
	background-color: #ffffff;
	border-left: 4px solid #FFE7D1;
	border-right: 5px solid #FFF3E8;
	margin-bottom: 4px;
}

.comparison-title
{
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 20%;
	background-color: #FFE7D1;
	font-size: 20px;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: #0B3B55;
	padding: 10px 0;
}

.comparison-title p
{
	margin: 0;
}

.comparison-ul
{
	display: flex;
	flex: 0 1 80%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 4px;
}

.comparison-li
{
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 1 25%;
	background-color: #FFF3E8;
	padding: 20px 10px;
	margin-right: 4px;
	text-align: center;
	flex-wrap: wrap;
}

.comparison-li a
{
	padding: 7px 0;
	flex: 0 1 100%;
	color: black;
}

.comparison-li:last-of-type
{
	margin-right: 0;
}

.main-comparison-li
{
	display: flex;
	justify-content: center;
	text-align: center;
	flex-wrap: wrap;
	background-color: #ffffff;
	padding: 10px 5px;
	margin-right: 4px;
}

.comparison-skills .comparison-ul .comparison-li:last-of-type
{
	border-radius: 0px 0px 32px 0px;
}

.main-comparison-li:last-of-type
{
	margin-right: 0;
	border-radius: 0px 32px 0px 0px;
}

.main-comparison-li a
{
	color: #FFA551;
	padding: 10px;
	flex: 0 1 100%;
}

.main-comparison-li a img
{
	height: 150px;
}

.main-comparison-li a p
{
	display: flex;
	height: 80px;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
}

input::-webkit-calendar-picker-indicator {
	opacity: 0;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.input-year
{
	display: inline-block;
	color: #FF8616;
	border: none;
	font-size: 20px;
	background-color: #FFE7D1;
	border-bottom: 1px solid #FF8616;
	width: 70px;
	cursor: pointer;
	outline: none;
	padding-left: 10px;
}

.delete-compare-prof
{
	flex: 0 1 100%;
	display: flex;
	justify-content: right;
	padding: 1rem;
    max-width: 20px;
	margin-left: auto;
	cursor: pointer;
}

.few-profs
{
	font-size: 26px;
	text-align: center;
	color: #0B3B55;
}

.few-profs-link
{
	text-align: center;
	color: #FF8616;
}

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

.articles
{
    max-width: 1300px;
    margin: 2rem auto;
}

.articles-list
{
    display: flex;
	flex-wrap: wrap;
    list-style: none;
    padding: 0;
	margin: 3rem 0;
}

.article-li-list
{
	flex: 0 1 100%;
    border-radius: 35px;
    border: 3px solid #FF8616;
    padding: 25px;
	margin-bottom: 2rem;
}

.article-li-list:hover
{
	border: 3px solid #1f536e;
}

.article-link-list
{
    text-decoration: none;
    color: #000000;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

.article-img-list
{
	flex: 0 1 35%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
}

.article-img-list img
{
	max-height: 250px;
}

.article-text-info
{
	flex: 0 1 60%
}

.article-title-list
{
    color: #0B3B55;
	font-size: 24px;
	margin-top: 2rem;
}

.article-short-description-list p
{
    margin-bottom: 0;
}

.article-author-list
{
    margin-bottom: 0;
}

.article-date-list
{
    margin-top: 0;
}

.article-tag-list
{

}

.article
{
    max-width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.article-content
{
    flex: 0 1 65%;
    padding: 3rem 0;
}

.articles-news
{
    flex: 0 1 25%;
}

.article-data
{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.article-data-text
{
    flex: 0 1 55%;
}

.article-data-img
{
    flex: 0 1 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.article-title
{
    font-size: 32px;
    margin-top: 0;
    color: #0B3B55;
	margin-bottom: 1rem;
	line-height: 50px;
}

.article-short-description
{
    font-size: 20px;
	line-height: 30px;
}

.article-author
{
    font-size: 18px;
    margin-bottom: 0.5rem;
}

.article-date
{
    font-size: 18px;
    margin-top: 0;
}

.article-tag
{
    font-size: 18px;
    margin-top: 2rem;
    color: #FF8616;
}

.article-text
{
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.article-text div p
{
    text-align: center;
	font-size: 16px;
}

.article-text p
{
	flex: 0 1 100%;
}

.article-text p img
{
    margin: 1rem 0;
}

.articles-news
{
    border-left: 6px solid #FFEBD8;
    border-right: 6px solid #FFEBD8;
    padding: 3rem 0;
}

.latest-articles
{
    padding: 0 1rem;
    list-style: none;
}

.latest-article
{
    border-bottom: 2px solid #FFEBD8;
}

.latest-article:last-of-type
{
    border-bottom: none;
}

.latest-article-link
{
    text-decoration: none;
    color: #0B3B55;
}

.latest-article-link:hover
{
	opacity: 0.7;
}

.latest-article-date
{
    color: #000000;
}

.articles-news-title
{
    padding: 0 1rem;
    margin-top: 0;
    margin-bottom: 2rem;
    color: #0B3B55;
	font-size: 24px;
}

.latest-article-title
{
	font-size: 20px;
}

.article-tags-list
{
	list-style-type: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.article-tag-list
{
	margin-right: 30px;
	color: #FF8616;

}

.article-tag-list a
{
	text-decoration: none;
	color: #FF8616;
}

.article-tag-list a:hover
{
	color: #0B3B55;
}

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

.hard-skills-group-section
{
	max-width: 1300px;
	margin: 0 auto;
}

.hard-skills-group-list
{
	list-style: none;
	padding: 0;
	margin: 3rem 0;
}

.group-skill__page
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.group-skill-title__page
{
	display: flex;
	flex: 0 1 100%;
	align-items: center;
    max-width: 1300px;
    padding: 2rem 0;
	margin: 0;
	padding-left: 3rem;
	color: #FF8616;
}

.skill__page
{
	border-radius: 35px;
	border: 3px solid #FF8616;
	flex: 0 1 46%;
	margin: 0.5rem 0;
	display: flex;
	align-items: center;
}

.skill__page:hover
{
	border: 3px solid #0B3B55;

}

.skill__page a
{
	flex: 0 1 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	padding: 1rem;
	text-decoration: none;
}

.skill-image
{
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 1 25%;
	height: 70px;
}

.skill-image img
{
	height: 100%;
	width: auto;
}

.skill-title__page
{
	flex: 0 1 70%;
    margin: 1.5rem 0;
	color: #0B3B55;
}

.arrow__skill-page
{
	flex: 0 1 3%;
	width: 38px;
}

.group-skill-content
{
	display: flex;
	flex: 0 1 100%;
	justify-content: left;
}

.skills-list
{
	padding: 0;
	list-style: none;
	flex: 0 1 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.hidden-presets
{
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.25s ease;
	padding:0;
	border-bottom: 0;
}

.visible-presets
{
	max-height: 2000px;
	transition: max-height 0.5s ease;
}

.open-presets
{
	text-decoration: underline;
	font-weight: 500;
	margin-top: 0;
	cursor: pointer;
}



.close
{
	width: 25px;
}

.close:hover
{
	cursor: pointer;
}

@media (hover: hover) {
	.star-favorite:hover
	{
		opacity: 0.6;
		cursor: pointer;
	}
	.comparison-button:hover
	{
		opacity: 0.6;
		cursor: pointer;
	}
	.open-presets:hover
	{
		opacity: 0.7;
	}
	.group-skill-content:hover
	{
		opacity: 0.7;
		cursor: pointer;
	}
}

@media (max-width: 1300px)
{
	.label-graph-builder-input
	{
		height: 32px;
		width: 150px;
		border: 2px solid #FFAD61;
		font-weight: 500;
		font-size: 16px;
	}

	.input-graph-builder
	{
		width: 210px;
		height: 32px;
		border: 2px solid #FFAD61;
		font-size: 16px;
		font-weight: 500;
		padding: 0 10px;
	}

	.graph-datalist
	{
		/*border-radius: 0 0 35px 35px;*/
		border: 2px solid #FFAD61;
		list-style-type: none;
		padding: 0 10px;
		width: 210px;
		max-height: 160px;
	}

	.input-start-month, .input-end-month
	{
		width: 90px;
		font-size: 16px;
		font-weight: 500;
	}

	.graph-submit-button, .graph-shell-button
	{
		font-size: 16px;
		height: 35.2px;
		width: 130px;
	}

	.graph-builder-fields .graph-builder-field:first-child
	{
		margin-right: 15px;
	}
}

@media (max-width: 1200px)
{
	.main-skill-block
	{
		width: 450px;
	}

	.groups-hard-skills
	{
		max-width: 450px;
	}

	.groups-soft-skills
	{
		max-width: 450px;
	}

	.load-more-hard
	{
		width: 450px;
	}

	.group-hard-skills-fixed-width
	{
		width: 446px;
	}

	.final-hard-skills
	{
		max-width: 450px;
	}

	.final-hard-skill
	{
		width: 440px;
	}

	.name-prof-skills
	{
		font-size: 42px;
	}
}

@media (max-width: 1024px)
{
	body
	{
		margin: 0 auto;
		font-size:16px;
	}

	.form-control
	{
		width: 720px;
	}

	form.review-form .review-container p label
	{
		font-size: 20px;
	}
	.review-form
	{
		max-width: 800px;
	}

	form.review-form .review-container p textarea
	{
		width: 660px;
		height: 150px;
	}

	form.review-form .review-container p input
	{
		width: 660px;
		height: 45px;
	}

	.breadcrumb li a
	{
		font-size:14px;
	}

	footer .main-information .about-us
	{
		flex: 0 1 70%;
	}

	nav
	{
		font-size: 13px;
	}

	nav ul
	{
		margin-top: 0;
	}

	nav ul li
	{
		padding: 10px;
	}

	/* ---------------------------Profession: articles------------------------------- */

	.profession-article-list, .main-page-profession-list
	{
		grid-template-columns: repeat(2,1fr);
	}

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

	.child
	{
		max-width: 340px;
	}

	.child .child_img img
	{
		height:120px;
	}

	h1
	{
		font-size: 38px;
		line-height: 44px;
	}

	h2
	{
		font-size: 28px;
	}

	h3
	{
		font-size: 24px;
	}

	.breadcrumb li a
	{
		font-size: 14px;
	}

	.footer-cont-inf h2
	{
		margin-top: 0;
	}

	footer .main-information
	{
		flex:0 1 50%;
	}

	footer .menu-all-profession
	{
		flex:0 1 40%;
		padding-top: 3rem;
	}

	footer .footer-cont-inf
	{
		padding-top: 0.5rem;
	}

	.main-profession
	{
		max-width: 960px;
	}

	.profession-img
	{
		flex:0 1 20%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.profession-img img
	{
		width:auto;
		max-height: 75px;
	}

	.profession-text
	{
		flex:0 1 80%;
		padding: 0 2rem;
	}

	.profession-text p
	{
		font-size: 14px;
		margin: 5px;
	}

	.profession-text h3
	{
		font-size: 18px;
		margin: 5px;
	}

	.arrow img
	{
		max-width: 60%;
	}

	.arrow-2 img
	{
		max-width: 60%;
	}

	.member
	{
		flex: 0 1 30%;
	}

	.member img
	{
		max-width: 180px;
	}

	.similar-skills-container
	{
		grid-template-columns: repeat(2,1fr);
	}
}

@media (max-width: 950px)
{
	.main-skill-block
	{
		width: 370px;
	}

	.groups-hard-skills
	{
		max-width: 370px;
	}

	.groups-soft-skills
	{
		max-width: 370px;
	}

	.load-more-hard
	{
		width: 370px;
	}

	.group-hard-skills-fixed-width
	{
		width: 366px;
	}

	.final-hard-skills
	{
		max-width: 370px;
	}

	.final-hard-skill
	{
		width: 360px;
	}

	.name-prof-skills
	{
		font-size: 36px;
	}

		.profession_childs_items
	{
		grid-template-columns: repeat(2,1fr);
	}

	.label-graph-builder-input
	{
		height: 32px;
		width: 140px;
		border: 2px solid #FFAD61;
		font-weight: 500;
		font-size: 14px;
	}

	.input-graph-builder
	{
		width: 200px;
		height: 32px;
		border: 2px solid #FFAD61;
		font-size: 14px;
		font-weight: 500;
		padding: 0 10px;
	}

	.graph-datalist
	{
		/*border-radius: 0 0 35px 35px;*/
		border: 2px solid #FFAD61;
		list-style-type: none;
		padding: 0 10px;
		width: 200px;
		max-height: 160px;
	}
	.graph-datalist-li
	{
		font-size: 14px;
	}

	.input-start-month, .input-end-month
	{
		width: 90px;
		font-size: 14px;
		font-weight: 500;
	}

	.graph-submit-button, .graph-shell-button
	{
		font-size: 14px;
		height: 35.2px;
		width: 160px;
	}

	.graph-builder-fields .graph-builder-field:first-child
	{
		margin-right: 0;
	}

	.graph-builder-fields
	{
		justify-content: space-between;
		flex: 0 1 100%;
	}

	/*.graph-builder-field*/
	/*{*/
	/*	flex: 0 1 100%;*/
	/*}*/

	.final-chart-container {
		height: 500px;
	}

	.with-mobile-btn
	{
		justify-content: right;
	}
}

@media (max-width: 768px)
{
	body
	{
		font-size:16px;
	}

	h2
	{
		font-size: 24px;
	}

	h3
	{
		font-size: 20px;
	}

	input::placeholder,
	textarea::placeholder
	{
		font-size: 16px;
	}

	.error-img img
	{
		max-width: 600px;
	}

	.error-title, .error-a
	{
		font-size: 20px;
		margin: 1rem 0;
	}

	.graph-builder-fields
	{
		flex-wrap: wrap;
		flex: 0 1 100%;
	}

	.graph-builder-field
	{
		flex: 0 1 100%;
		justify-content: center;
	}

	.graph-submit-button, .graph-shell-button
	{
		border-radius: 35px;
		width: 366.4px;
	}

	.with-mobile-btn
	{
		justify-content: center;
		flex-wrap: wrap;
	}

	.final-chart-container
	{
		height: 470px;
	}

	.graph-result
	{
		margin-top: 2rem;
	}

	.graph-builder-information
	{
		flex-wrap: wrap;
	}

	.graph-builder-info-text
	{
		flex: 0 1 100%;
	}

	.graph-builder-presets
	{
		flex: 0 1 100%;
	}

	.graph-builder
	{
		margin: 3rem auto;
	}

	.skill__page
	{
		flex: 0 1 100%;
	}

	.skill-title__page
	{
		margin: 1rem;
	}

	.skill-image
	{
		max-height: 60px;
	}

	.arrow__skill-page
	{
		width: 30px;
	}

	/* ---------------------------Main page------------------------------- */

	.main-page
	{
		margin: 6rem auto;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.offer
	{
		margin-top: 1rem;
	}

	.offer-content
	{
		flex: 0 1 100%;
	}

	.offer-title
	{
		font-size: 40px;
		margin: 3rem 0;
	}

	.offer-subtitle
	{
		font-size: 18px;
		line-height: 28px;
	}

	.menu-column-main-page
	{
		margin: 0 -20px;
		flex: 0 1 100%;
		padding: 20px 20px;
		border-radius: 0;
	}

	.content-column-main-page
	{
		flex: 0 1 100%;
		border-left: 0;
		border-right: 0;
		padding: 0;
	}

	.content-column-main-page-ul
	{
		padding: 0;
		list-style-type: none;
	}

	.content-column-main-page-li
	{
		padding: 3rem 0;
		border-bottom: 3px solid #FFA551;
	}

	.content-column-main-page-li a
	{
		color: #0B3B55;
		line-height: 35px;
	}

	.content-column-main-page-li a h3
	{
		line-height: 30px;
		margin-top: 0;
	}

	.content-column-main-page-li:last-of-type
	{
		border-bottom: 0;
		padding-bottom: 6rem;
	}

	.content-column-main-page h2
	{
		margin: 0;
	}

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

	.article-title-list
	{
		font-size: 20px;
	}

	.article-img-list img
	{
		height: auto;
	}

	.article-data
    {
        flex-wrap: wrap;
    }

    .article-data-text
    {
        flex: 0 1 100%;
    }

    .article-data-img
    {
        margin-top: 2rem;
        flex: 0 1 100%;
    }

    .articles-news-title
    {
        font-size: 18px;
    }

    .latest-article-title
    {
        font-size: 16px;
    }

    .latest-article-date
    {
        font-size: 14px;
    }

    .article-title
    {
        font-size: 28px;
		line-height: 40px;
    }

	.main-comparison-li a
	{
		flex: 0 1 70%;
	}

	.comparison-button
	{
		height: 30px;
	}

	.option-menu
	{
		width: 250px;
		font-size: 14px;
	}

	.review-form .review-container .g-recaptcha
	{
		margin-left: 0;
	}

	.review-form h2
	{
		font-size: 32px;
	}
	.review-form
	{
		max-width: 550px;
	}

	.review-form .review-container
	{
		max-width: 425px;
	}

	.main-skill-block
	{
		width: 300px;
	}

	.groups-hard-skills
	{
		max-width: 300px;
	}

	.groups-soft-skills
	{
		max-width: 300px;
	}

	.user-menu
	{
		top: 72px;
	}

	.user-menu-img
	{
		width: 40px;
		height: 40px;
	}

	.footer-cont-inf h2
	{
		font-size: 22px;
	}

	footer .logo-img
	{
		flex: 0 1 14%;
	}

	footer .main-information .about-us
	{
		margin: 0.5rem 0;
	}

	.footer-cont-inf p
	{
		margin: 0.5rem 0;
	}

	footer .footer-cont-inf
	{
		padding-top: 1rem;
	}

	.load-more-hard
	{
		width: 300px;
	}

	#comments
	{
		padding: 0 0.5rem;
	}

	.comments-container
	{
		flex: 0 1 93%;
	}

	.group-hard-skills-fixed-width
	{
		width: 296px;
	}

	.final-hard-skills
	{
		max-width: 300px;
	}

	.final-hard-skill
	{
		width: 290px;
	}

	.name-prof-skills
	{
		font-size: 28px;
	}

	.main-skill-block p
	{
		font-size: 20px;
	}

	.star-favorite
	{
		width: 30px;
	}

	.lk-menu
	{
		margin: 1rem auto;
	}

	.lk-menu a li
	{
		padding: 15px 0;
	}

	.lk-menu a
	{
		font-size: 18px;
	}

	form.review-form .review-container p textarea
	{
		width: 400px;
		height: 100px;
	}

	form.review-form .review-container p input
	{
		width: 400px;
		height: 35px;
	}

	.member img
	{
		max-width: 130px;
	}

	.profession_childs_items
	{
		grid-template-columns: repeat(2,1fr);
	}

	.child
	{
		max-width: 340px;
	}

	.child .child_img img
	{
		height:120px;
	}
	.wrapper
	{
		margin: 2rem auto;
	}

	.profession_description_content
	{
		display:flex;
		flex-wrap: wrap;
		align-items: center;
	}

	.profession_description_text
	{
		flex:0 1 100%;
	}

	.profession_img
	{
		display: flex;
		flex:0 1 100%;
		margin: 1rem 6rem;
		justify-content: center;
	}

	.profession_img img
	{
		width: 70%;
	}

	h1
	{
		font-size: 32px;
		line-height: 38px;
	}

	.child .child_img img
	{
		height: 100px;
	}

	.child .child_img
	{
		padding: 1rem 2rem;
	}

	footer .container
	{
		max-width: 700px;
	}

	.profession_occupation ul
	{
		grid-template-columns: repeat(1,1fr);
		padding-left: 1rem;
	}

	.card-comment
	{
		padding-right: 2rem;
	}

	.form-control
	{
		max-width: 580px;
		font-size: 16px;
		padding: 15px;
	}

	.user-img-comments
	{
		min-width: 50px;
	}

	.user-img-comments img
	{
		width: 50px;
		height: 50px;
	}

	.card-footer.text-muted
	{
		font-size: 14px;
	}

	hr
	{
		width: 580px;
		border-width: 1px;
	}

	/*===============================*/

	.skill-page
	{
		margin: 4rem auto;
	}

	.skill-title
	{
		margin-bottom: 3rem;
	}

	.skill-description
	{
		margin-bottom: 3rem;
	}

	.description-text
	{
		flex: 0 1 100%;
		padding-right: 0;
		padding-bottom: 2rem;
	}

	.description-img
	{
		flex: 0 1 100%;
	}

	.description-img img
	{
		max-height: 250px;
	}

	.similar-skill-img
	{
		max-height: 140px;
	}

	/*===============================*/
}

@media (max-width: 630px)
{
	.user-names
	{
		flex-wrap: wrap;
	}

	.name-field
	{
		flex: 0 1 100%;
		justify-content: center;
	}

	.name-field input
	{
		max-width: 360px;
	}

	.member
	{
		flex: 0 1 50%;
	}

	.upload-photo
	{
		font-size: 18px;
		padding: 7px 30px;
	}

	.profile-photo-field label
	{
		font-size: 16px;
	}

	.reg-form
	{
		max-width: 500px;
	}

	.title-r a
	{
		padding: 1rem 49.5px;
	}

	.card-comment
	{
		padding-right: 1rem;
	}

	.form-control
	{
		max-width: 400px;
		max-height: 70px;
		font-size: 14px;
		padding: 10px;
	}

	.user-img-comments
	{
		min-width: 45px;
	}

	.user-img-comments img
	{
		width: 45px;
		height: 45px;
	}

	hr
	{
		width: 380px;
	}

	.btn.btn-primary
	{
		font-size: 16px;
		padding: 10px 40px;
	}

	.container-skills
	{
		display: block;
		margin: 1rem auto;
		flex: none;
	}

	.container-soft-skills
	{
		margin-top: 2rem;
	}

	footer .main-information
	{
		flex:0 1 100%;
	}

	footer .menu-all-profession
	{
		flex:0 1 100%;
	}

	footer .footer-cont-inf
	{
		flex:0 1 100%;
	}

	footer .main-information .about-us
	{
		flex:0 1 100%;
	}

	.reg-form
	{
		max-width: 400px;
	}

	.openedTable
	{
		width: 300px;
	}

	.close
	{
		width: 20px;
	}

	.title-r a
	{
		font-size: 24px;
		padding: 1rem 43.5px;
	}

	.fields-reg .formClass, .field .formClass
	{
		width: 340px;
	}

	.forget-password
	{
		margin-left: 30px;
	}
}

@media (max-width: 430px)
{
	body
	{
		font-size: 16px;
	}
	
	header
	{
		height: auto;
	}

	main
	{
		margin-top: 60px;
	}

	.graph-builder
	{
		margin: 2rem auto;
	}

	.skill-title__page
	{
		margin: 0.5rem;
	}

	.skill-image
	{
		max-height: 50px;
	}

	.arrow__skill-page
	{
		width: 20px;
	}
	.group-skill-title__page
	{
		padding-left: 1.5rem;
	}

	/* ---------------------------Profession: articles------------------------------- */

	.profession-article-list, .main-page-profession-list
	{
		grid-template-columns: repeat(1,1fr);
	}

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

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

	body .g-gap-horizontal
	{
		display: flex !important;;
		flex-wrap: wrap !important;;
		margin-left: 0 !important;
	}

	.main-comparison-title
	{
		display: none;
	}

	.few-profs
	{
		font-size: 18px;
	}

	.arrow-comparison
	{
		flex: 0 1 15%;
	}

	.comparison-button
	{
		height: 25px;
	}

	.comparison-ul
	{
		flex: 0 1 100%;
		margin-left: 0;
	}

	.main-comparison-li:first-of-type {
		margin-left: 0;
		border-radius: 32px 0px 0px 0px;
	}

	.main-comparison-li a img
	{
		height: 80px;
	}

	.delete-compare-prof
	{
		max-width: 15px;
		padding: 0.5rem;
	}

	.main-comparison-li a p
	{
		height: 60px;
		font-size: 14px;
	}

	.comparison-title
	{
		display: flex;
		flex-wrap: wrap;
		flex: 0 1 100%;
		margin-bottom: 0.4rem;
		font-size: 14px;
	}

	.article-text div p
	{
		font-size: 14px;
	}


	.period
	{
		flex: 0 1 100%;
	}

	.comparison-li
	{
		font-size: 12px;
	}

	.comparison-row
	{
		flex-wrap: wrap;
		border: 0;
		padding-bottom: 0.4rem;
		border-bottom: 2px solid #FFCB9C;
	}

	.comparison-row:last-of-type
	{
		border-bottom: 0;
	}

	.main-comparison-row
	{
		margin-bottom: 0.4rem;
	}

	.comparison-skills .comparison-ul .comparison-li:first-of-type {
		border-radius: 0px 0px 0px 32px;
	}

	.input-year
	{
		font-size: 14px;
		width: 60px;
		padding-left: 12px;
	}

	.main-comparison-li a
	{
		flex: 0 1 60%;
	}

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

	.article-link-list
	{
		flex-wrap: wrap;
	}

	.article-img-list
	{
		flex: 0 1 100%;
		margin: 0;
	}

	.article-text-info
	{
		flex: 0 1 100%;
	}

	.article-link-list
	{
		max-width: 360px;
	}

	.article-text-info
	{
		max-width: inherit;
	}

	.article-tags-list
	{
		flex-wrap: wrap;
	}

	.article-short-description-list
	{
		display: none;
	}

	.article-img-list img
	{
		max-height: 250px;
	}

	.article
    {
        flex-wrap: wrap;
    }

    .article-content
    {
        flex: 0 1 100%;
    }

    .articles-news
    {
        flex: 0 1 100%;
        padding: 0;
    }

    .article-data
    {
        flex-wrap: wrap;
    }

    .article-data-text
    {
        flex: 0 1 100%;
    }

    .article-data-img
    {
        margin-top: 2rem;
        flex: 0 1 100%;
    }

    .articles-news-title
    {
        font-size: 18px;
    }

    .latest-article-title
    {
        font-size: 16px;
    }

    .latest-article-date
    {
        font-size: 14px;
    }

    .article-title
    {
        font-size: 24px;
		line-height: 30px;
    }

    .article-short-description
    {
        font-size: 18px;
    }

    .article-author
    {
        font-size: 16px;
    }

    .article-date
    {
        font-size: 16px;
    }

    .article-tag
    {
        font-size: 16px;
    }

	.error-img img
	{
		max-width: 300px;
	}

	.error-title, .error-a
	{
		font-size: 16px;
		margin: 0.5rem 0;
	}

	.button-menu
	{
		display: block;
	}

	nav
	{
		display: none;
	}

	.space
	{
		padding-top: 30px;
	}

	.load-more-final-hard-skills
	{
		height: 16px;
	}

	.arrow-collapse img
	{
		width: 24px;
	}

	.comments-title
	{
		font-size: 20px;
	}

	.main-menu
	{
		flex-wrap: wrap;
	}

	.main-menu a:last-child
	{
		display: block;
	}

	.no-favorite-profs
	{
		font-size: 20px;
	}

	.mobile-menu p
	{
		font-size: 16px;
		color: #FF8616;
		margin-right: 1rem;
	}

	.prof-option-all-prof
	{
		align-items: center;
		max-width: 20px;
		padding: 0 0.3rem;
	}

	.prof-option-all-prof img
	{
		transform: rotate(90deg);
	}

	.name-prof-skills
	{
		font-size: 20px;
	}

	.comments-container
	{
		flex: 0 1 91%;
	}

	.main-skill-block p
	{
		font-size: 16px;
	}

	.group-hard-skills
	{
		font-size: 12px;
		min-height: 20px;
	}

	.group-soft-skills
	{
		font-size: 12px;
		min-height: 20px;
	}

	.final-hard-skill
	{
		font-size: 12px;
		min-height: 20px;
	}

	.load-more-hard
	{
		font-size: 12px;
		min-height: 20px;
	}

	.review-form .review-email
	{
		font-size: 14px;
	}

	.review-form .review-name
	{
		font-size: 14px;
	}

	.review-form .review-text
	{
		font-size: 14px;
	}

	.additional-info-to-data
	{
		font-size: 14px;
	}

	.chart-money-nd
	{
		font-size: 14px;
	}

	.comments-board
	{
		margin-top: 2rem;
	}

	.be-first-text
	{
		font-size: 16px;
		margin: 0;
	}

	.card-text
	{
		font-size: 14px;
	}

	#comments
	{
		margin-top: 1rem;
	}

	.mobile-menu
	{
		flex: 0 1 25%;
		display: flex;
		justify-content: left;
		align-items: center;
	}

	.star-favorite
	{
		width: 25px;
	}


	.lk-menu a li
	{

		padding: 10px 0;
	}

	.lk-menu a
	{
		flex: 0 1 100%;
		font-size: 16px;
	}

	.lk-menu-li-active
	{
		border: #FF8616 solid 2px;
	}


	.profession-text div
	{
		display: none;
	}

	.user-menu-mobile-icon
	{
		display: flex;
		flex: 0 1 25%;
		justify-content: flex-end;
	}

	.user-menu-mobile-icon a
	{
		padding: 0;
		list-style: none;
	}

	.user-menu-mobile-icon div
	{
		display: flex;
		align-items: center;
	}

	.user-menu-img
	{
		width: 40px;
		height: 40px;
	}

	.container-header
	{
		max-width:1300px;
		margin: 5px auto;
		align-items: center;
		display:flex;
		flex-wrap: wrap;
	}

	.container-header .logo-img
	{
		flex:0 1 15%;
	}

	.container-header .logo-name
	{
		flex:0 1 35%;
	}

	.container-header ul
	{
		margin: 1rem;
		padding: 0;
		flex:0 1 100%;
		flex-wrap: wrap;
		list-style: none;
		text-align: center;
		justify-content: center;
		background: #FFFFFF;
		display: none;
	}

	.login-active
	{
		background-color: white;
	}

	.login
	{
		flex: 0 1 25%;
		margin: 0;
		padding: 0;
		justify-content: flex-end;
	}

	a.login
	{
		flex: 0 1 25%;
	}

	.user-menu
	{
		max-width: 300px;
		background: #ffdbb9;
		border-top: 0 solid #ffb86e;
		position: relative;
		left: 0;
		top: 0;
		display: flex;
		flex-wrap: wrap;
		padding: 0 50px;
		justify-content: center;
		margin: 0 auto;
	}

	.review-form button
	{
		font-size: 16px;
	}
	form.review-form .review-container p label
	{
		font-size: 16px;
	}

	.review-form h2
	{
		font-size: 24px;
	}
	.review-form
	{
		max-width: 400px;
	}

	.review-form .review-container
	{
		max-width: 300px;
	}

	.change-password
	{
		display: flex;
		justify-content: center;
	}

	form.review-form .review-container p textarea
	{
		width: 280px;
		height: 100px;
	}

	form.review-form .review-container p input
	{
		width: 280px;
		height: 30px;
	}

	.member img
	{
		max-width: 100px;
	}

	.member h2
	{
		font-size: 18px;
	}

	.arrow,
	.arrow-2
	{
		display: none;
	}

	.arrow-img
	{
		width: 15px;
	}

	.slider
	{
		display: flex;
		justify-content: center;
	}

	.arrow-left
	{
		width: 20px;
		height: 200px;
		margin: auto 0;
		display: flex;
		align-items: center;
  		justify-content: center;
	}

	.arrow-right
	{
		width: 20px;
		height: 200px;
		margin: auto 0;
		display: flex;
		align-items: center;
  		justify-content: center;
	}

	.errorlist li
	{
		font-size: 16px;
	}

	a.user-menu-link
	{
		justify-content: center;
		margin: 0.5rem 0;
	}

	.user-menu-profile-img
	{
		display: none;
	}

	.user-menu-name
	{
		max-width: 300px;
		padding-top: 1rem;
		padding-bottom: 0.5rem;
	}

	.main-menu a
	{
		text-decoration: none;
		color: #0B3B55;
		display: block;
		flex: 0 1 100%;
		padding: 0.5rem 4rem;
		border: 2px solid #0B3B55;
		border-radius: 35px;
		margin-bottom: 0.5rem;
	}

	.container-header ul li
	{
		padding: 0;
	}

	.profession_childs_items
	{
		grid-template-columns: repeat(1,1fr);
		margin: 0 0.5rem;
	}
	.profession_description_text
	{
		flex-basis:100%;
	}
	.profession_img
	{
		flex-basis:100%;
	}
	.profession_occupation_content
	{
		columns: 1;
	}

	.profession_history_content .history_img
	{
		display:none;
	}
	.profession_history_content .profession_history
	{
		flex-basis:100%;
	}

	.breadcrumb li a
	{
		font-size:12px;
	}

	h1
	{
		font-size: 24px;
		line-height: 30px;
	}

	h2
	{
		font-size: 22px;
	}

	h3
	{
		font-size: 18px;
	}

	.breadcrumb li a
	{
		font-size: 14px;
	}

	.wrapper
	{
		margin: 1rem auto;
	}

	.child .child_img img
	{
		height: 100px;
	}

	.child .child_img
	{
		padding: 1rem 0;
	}

	.child
	{
		width: 260px;
		height: 387px;
		max-width: 100%;
		align-items: center;
		padding-top: 0;
	}

	.profession_img
	{
		margin: 1rem 3rem;
	}

	.profession_industries_wrapper, .profession_companies_wrapper
	{
		flex:0 1 100%;
	}



	.profession-text
	{
		flex: 0 1 100%;
		padding: 0 0.5rem;
	}

	.profession-img
	{
		flex:0 1 20%;
		padding: 0 1rem;
	}

	.profession-img img
	{
		max-width: 70px;
	}

	.profession-text
	{
		display: flex;
		flex:0 1 80%;
		padding: 0 0.5rem;
		align-items: center;
	}

	.profession-text h3
	{
		font-size: 14px;
		margin: 5px;
	}

	.profession_childs
	{
		justify-content: center;
	}

	.profession_childs_1
	{
		padding: 0 0.5rem;
		justify-content: center;
		border-left: 3px dashed #FFAF66;
		border-right: 3px dashed #FFAF66;
		margin-bottom: 1.5rem;
	}

	.childs-arrow
	{
		padding: 0 0.5rem;
		justify-content: center;
		border-left: 3px dashed #FFAF66;
		border-right: 3px dashed #FFAF66;
		margin-bottom: 1.5rem;
	}

	.profession_childs_2
	{
		padding: 0 0.5rem;
		justify-content: center;
		border-left: 2px dashed #FFAF66;
		border-right: 2px dashed #FFAF66;
	}

	.arrow-childs
	{
		flex-wrap: wrap;
	}

	.arrow-mob
	{
		flex: 0 1 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-left: 3px dashed #FFAF66;
		border-right: 3px dashed #FFAF66;
		/*border-bottom: 3px dashed #FFAF66;*/
		/*border-bottom-left-radius: 20px;*/
		/*border-bottom-right-radius: 20px;*/

	}

	.arrow-mob p
	{
		flex: 0 1 60%;
		color: #0B3B55;
		justify-content: center;
		text-align: center;
	}

	.arrow-mob .arrow-mob-img
	{
		max-width: 20px;
		padding: 0 10px;
	}

	.arrow-mob2
	{
		flex: 0 1 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-left: 2px dashed #FFAF66;
		border-right: 2px dashed #FFAF66;
		/*border-bottom: 3px dashed #FFAF66;*/
		/*border-bottom-left-radius: 20px;*/
		/*border-bottom-right-radius: 20px;*/
	}

	.breadcrumb
	{
		margin-top: 1rem;
	}

	footer .logo-name
	{
		flex: 0 1 40%;
	}

	.button-feedback
	{
		padding: 3px 18px;
	}

	.button-feedback a
	{
		font-size: 16px;
	}

	.arrow-mob2 p
	{
		flex: 0 1 60%;
		color: #0B3B55;
		justify-content: center;
		text-align: center;
	}

	.arrow-mob2 .arrow-mob-img
	{
		max-width: 20px;
		padding: 0 10px;
	}

	.profession-1
	{
		flex: 0 1 100%;
	}

	.profession-2
	{
		flex: 0 1 100%;
		border: 2px solid #FF8616;
	}

	.profession-3
	{
		flex: 0 1 100%;
		border: 1px solid #FF8616;
	}

	.reg-form
	{
		max-width: 340px;
	}

	.title-r a
	{
		font-size: 22px;
		padding: 0.7rem 33px;
		margin: 0 auto;
		border-bottom: dashed 3px #FFA551;
	}

	.fields-reg .formClass,
	.field .formClass
	{
		width: 260px;
		height: 35px;
	}

	.forget-password
	{
		margin-left: 30px;
	}

	.fields-reg .button
	{
		padding: 7px 25px;
		font-size: 20px;
	}

	.profile-title
	{
		font-size: 32px;
	}

	.profile-img img
	{
		width: 100px;
		height: 100px;
	}

	.profile-photo-field p
	{
		font-size: 20px;
	}

	.profile-field input
	{
		font-size: 16px;
	}

	.profile-field p
	{
		font-size: 20px;
		margin-bottom: 0.5rem;
	}

	.remember-save p
	{
		font-size: 14px;
	}

	.profile .button
	{
		font-size: 20px;
		padding: 7px 40px;
	}

	.title-form
	{
		font-size: 24px;
	}

	.form-content .button
	{
		font-size: 20px;
		padding: 7px 40px;
		max-width: 260px;
		margin: 1rem 0;
		white-space: pre-line;
	}

	.social-reg p
	{
		max-width: 280px;
		font-size: 20px;
	}

	.social-reg a img
	{
		width: 50px;
	}

	.form-content
	{
		max-width: 280px;
		font-size: 18px;
		margin: 0.5rem 0;
	}

	.form-content ul
	{
		padding-left: 20px;
	}

	.form-content ul li
	{
		font-size: 16px;
	}

	.form-control
	{
		max-width: 240px;
		max-height: 60px;
	}

	.user-img-comments
	{
		min-width: 35px;
	}

	.user-img-comments img
	{
		width: 35px;
		height: 35px;
	}

	hr
	{
		width: 260px;
	}

	.btn.btn-primary
	{
		font-size: 14px;
		padding: 8px 30px;
	}

	.user-img-comments
	{
		margin-right: 1rem;
	}

	/*===============================*/

	.skill-page
	{
		margin: 2rem auto;
	}

	.skill-title
	{
		margin-bottom: 2rem;
	}

	.skill-description
	{
		margin-bottom: 4rem;
	}

	.description-img img
	{
		max-height: 150px;
	}

	.similar-skills
	{
		flex-wrap: nowrap;
		justify-content: center;
	}

	.similar-skills-container
	{
		grid-template-columns: repeat(1,1fr);
		margin: 0 0.5rem;
		flex: 0 1 70%;
	}

	.similar-skill-img
	{
		max-height: 100px;
	}

	.similar-skill-card
	{
		height: 520px;
	}

	/*===============================*/
}

@media (max-width: 400px)
{
	.child
	{
		width: 240px;
	}

	.breadcrumb
	{
    	max-width: 340px;
	}

	.fields-reg .formClass,
	.field .formClass
	{
		width: 260px;
	}

	.label-graph-builder-input
	{
		height: 26px;
		width: 120px;
		border: 2px solid #FFAD61;
		font-weight: 500;
		font-size: 12px;
	}

	.input-graph-builder
	{
		width: 180px;
		height: 26px;
		border: 2px solid #FFAD61;
		font-size: 12px;
		font-weight: 500;
		padding: 0 10px;
	}

	.graph-datalist
	{
		/*border-radius: 0 0 35px 35px;*/
		border: 2px solid #FFAD61;
		list-style-type: none;
		padding: 0 5px;
		width: 190px;
		max-height: 120px;
	}
	.graph-datalist-li
	{
		padding: 5px 0;
		font-size: 12px;
	}

	.input-start-month, .input-end-month
	{
		width: 60px;
		font-size: 12px;
		font-weight: 500;
	}

	.graph-submit-button, .graph-shell-button
	{
		font-size: 12px;
		height: 29.2px;
		width: 326.4px;
	}
}

@media (max-width: 380px)
{
	.reg-form
	{
		max-width: 320px;
	}

	.title-r a
	{
		font-size: 22px;
		padding: 0.7rem 28px;
	}

	.profession-img
	{
		padding: 0.5rem;
	}

	.profession-text
	{
		padding: 0;
	}

	.prof-option-all-prof
	{
		max-width: 15px;
	}
}

@media (max-width: 350px)
{

	body
	{
		margin: 0 auto;
		font-size: 14px;
	}

	h1
	{
		font-size: 20px;
		line-height: 26px;
	}

	h2
	{
		font-size: 18px;
	}

	h3
	{
		font-size: 16px;
	}

	.breadcrumb li a
	{
		font-size: 14px;
	}

	.comments-title
	{
		font-size: 18px;
	}

	.wrapper
	{
		margin: 1rem auto;
	}

	.child .child_img img
	{
		height: 100px;
	}

	.child
	{
		width: 200px;
	}

	.profession_img
	{
		margin: 1rem 3rem;
	}

	.comments-container
	{
		flex: 0 1 90%;
	}

	.prof-option img
	{
		padding: 1.5rem 1rem;
		padding-bottom: 0.5rem;
	}

	.profession_industries_wrapper, .profession_companies_wrapper
	{
		flex:0 1 100%;
	}

	.profession-text h3
	{
		font-size: 12px;
		margin: 3px;
	}

	.main-profession a
	{
		flex: 0 1 83%;
	}

	.breadcrumb
	{
    	max-width: 300px;
	}

	.profile-photo-field label
	{
		font-size: 14px;
	}

	.fields-reg .formClass,
	.field .formClass
	{
		width: 220px;
		height: 35px;
	}

	.reg-form
	{
		max-width: 290px;
	}

	.title-r a
	{
		font-size: 20px;
		padding: 0.7rem 25.5px;
		margin: 0 auto;
		border-bottom: dashed 3px #FFA551;
	}

	.user-menu-img
	{
		width: 30px;
		height: 30px;
	}

	.openedTable
	{
		width: 260px;
	}

	.main-skill-block
	{
		width: 280px;
	}

	.groups-hard-skills
	{
		max-width: 280px;
	}

	.groups-soft-skills
	{
		max-width: 280px;
	}

	.load-more-hard
	{
		width: 280px;
	}

	.group-hard-skills-fixed-width
	{
		width: 276px;
	}

	.final-hard-skills
	{
		max-width: 280px;
	}

	.final-hard-skill
	{
		width: 270px;
	}
}

.hidden
{
	display: none;
}