/*Общие стили*/
body{
	font-size: 16px;
	line-height: 1.5em;
	background-color: #f7faff;
	font-family: Roboto,'CAMBRIA';
	color:#464646;
	overflow: scroll;
}
a{
	text-decoration: none;
}
h1{
	margin:20px 0 !important;
	font-size: 26px;
}
h2{
	font-size: 20px;
	margin:20px 0 !important;
}
h3{
	font-size: 18px;
}
fieldset{
    border: none;
}
label{
    display: block;
    width: 100%;
}
.mCenter{
	margin:0 auto;
}
.mT10{
	margin-top: 10px !important;
}
.mT20{
	margin-top: 20px !important;
}
.mT40{
	margin-top: 40px !important;
}
.mB10{
	margin-bottom:10px !important;
}
.mB20{
	margin-bottom:20px !important;
}
.mB40{
	margin-bottom: 40px !important;
}
.tCenter{
	text-align: center;
}
textarea{
	resize: none;
}
.textContainer{
	background: white;
	border-left: 3px #0c5DA5 solid;
	box-shadow: 8px 9px 6px 0px #b9b9b9;
	margin-bottom: 10px;
}
.textContainer img{
	max-width: 80%;
}
.textContainer p{
	text-align: justify;
}
/*Стили поведения*/
.wrap{
	display:grid;
	background-color: white;
	box-shadow: 0 0 90px #b4d6ff;
}
.bread{
	width: 200px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.documentBlock, .documentLink, 
.expertPerconality, .benefitsBlock, .footerTextWrap, .footerUpper{
	display:grid;
}
.information .trigger, .information .content{
	padding-left:20px;
} 
/*Стили для header*/
.upperHeader{
	width: 80%;
	padding: 25px 0px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.logo img{
	width: 19rem;
    padding: 20px;
}
.contactHeader{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.contactPhone{
	font-size: 23px;
}
.contactText{
	margin-bottom: 10px;
}
.navigation{
	display:grid;	
	grid-template-columns: repeat(7, 1fr);
	min-height: 60px;
	font-size: 14px;
	border-top: 1px solid #8b8a8a;
	border-bottom: 1px solid #8b8a8a;
	background-color: rgb(255, 255, 255);
}
.menuLink{
	display:block;
	text-align: center;
}
.menuLink:hover, .active{
	background-color:rgb(233, 243, 255) ;
	margin: -1px;
	padding:0 5px;
	border-top: 2px #0c5DA5 solid;
	border-bottom: 2px #0c5DA5 solid;
}
.menuLink:hover a{
	color: black;
}
.menuLink > a{
	margin: 0;
	height: 100%;
	padding: 0 5px;
	text-align: center;
	justify-content: center;
	display: flex;
	flex-direction: column;
	color: black;
}
/*Стили для подвала*/
footer{
	margin-top: 40px;
	background-color: #0c5DA5;
	color:white;
}
.footerWrap{
    display: grid;
    grid-template-columns: 30% 30% 30%;
    padding: 50px 0;
}
.footerLogo img{
    width:65%;
}
.menu .active{
    background: none;
    margin-left: -5px;
}

.menuBlock a{
	color:white;
}
.menuBlock > a:hover{
	border-bottom: 2px white solid;
}
.footerTextWrap{
	padding	: 20px 0;
	grid-template-columns: repeat(2,auto);
  }
.footerInfo{
	text-align: justify;
	font-size:12px;
}
.footerContact a{
	color: white;
}
.footerContact a:hover{
	border-bottom: 1px solid white;
}

/*-----------------------------СТИЛИ ДЛЯ ГЛАВНОЙ СТРАНИЦЫ------------------------------*/
.info{
	line-height: 2;
}
.information{
	margin: 40px 0 0;
}
.sliderBlock{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sliderBlock span{
	padding: 0 10px 20px 10px;
}
.sliderBlockSecond{
	display:flex;
	flex-direction: column;
	justify-content: center;
	text-align: justify;
}
/*Стили для информации*/
.infoClient{
	margin-bottom:20px;
}
.informationList p{
	padding: 10px 20px 10px 0;
}
.informationList:last-child{
	padding-bottom: 10px;
}

.textContact{
	padding: 20px;
	text-align: justify;
	box-shadow: 8px 9px 6px 0px #b9b9b9;
	border:3px #0c5DA5 solid;
}
.infoBlock{
	margin: 10px 0;
	padding: 10px 0 10px 10px;
}
.expertWrap{
	font-size: 16px;
}
.expertWrap img{
	width: 60%;
}
.expertWrap > div{
	margin: 20px 0;
	padding: 10px 20px 10px 10px;
}
.linkWrap, .cellWrap{
	padding: 10px;
}
.expertWrap > div, .linkWrap, .cellWrap{
	display: grid;
	grid-template-columns: 7% auto;
	box-shadow: 8px 9px 6px 0px #b9b9b9;
	border:3px #0c5DA5 solid;
	text-align: justify;
}
/*-----------------------------СТИЛИ ДЛЯ СТРАНИЦЫ ДОКУМЕНТАЦИЯ------------------------------*/

/*Стили для блока "Документация"*/

.documentLink{
	grid-template-columns: 10% 60% 30%;
}
.documentBlock{
	margin: 20px 0;
}
.linkWrap{
	display: grid;
	grid-template-columns: 7% 80% 10%;
}
.link, #btnSlider, .sliderBlockSecond a{
	margin: 0 auto;
    padding: 10px; 
	height: 45px;   
    border-radius: 5%;
    cursor: pointer;
    background-color: #fa4a4a;
    color:white;
    box-shadow: 3px 4px 2px 0px #b9b9b9;
	text-align: center;
}
.link{
	width:fit-content;
}
.metodicLink.link{
	display: block;
	margin: 40px auto 0;
	width: 200px;
}
#btnSlider{
	width: fit-content;
}
.link:hover, #btnSlider:hover, .sliderBlockSecond a:hover{
	background-color: white;
	color: #fa4a4a;
}
.linkWrap img{
	width: 50px;
}
.linkWrap p{
	text-align:justify;
	padding-right: 15px;
	color:#464646;
}
.linkWrap button, .metodicButton .button {
    padding: 10px;
	max-height: 50px;
	text-align: center;
    border-radius: 5%;
    cursor: pointer;
    background-color: #fa4a4a;
    color:white;
	box-shadow: 3px 4px 2px 0px #b9b9b9;
}
.documentDownload{
	display:inline;
}

/*-----------------------------СТИЛИ ДЛЯ СТРАНИЦЫ МЕТОДИКА РАСЧЕТОВ------------------------------*/

.metodicButton .button{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: fit-content;
}
.metodicImg{
	display:block;
}
.metodicImg > img{
	margin: 60px auto;
}
.metodicInfo{
	padding: 0 0 20px 0;
	font-size: 16px;
	text-align: justify;
}
.metodicInfo > span{
	margin-bottom: 20px;
	display: block;
}
.metodicInfo .textContact{
	margin: 20px 0;
}
.formulaName{
	display: block;
	padding:20px 0;
	text-align: center;
	font-size: 18px;
	color: #0c5DA5;	
	font-weight: 900;
}
.formulaStats{
	font-size: 18px;
	font-weight: 900;
}
/*-----------------------------СТИЛИ ДЛЯ СТРАНИЦЫ Эксперты------------------------------*/

.dirExpert{
	margin: 20px 0;
}
.directoryBlock{
	display: flex;
	gap: 40px;
}
.directoryBlock img, .expertPerconality img{
	width: 150px;
	height:150px;
	border-radius: 50%;
}
.directoryBlock p, .directoryBlock h3{
	margin: 20px 0 0 0 ;
}
.expertPerconality{
        margin-bottom: 40px;
        display: flex;
        justify-content: space-around;
}
.expertContent{
    margin-right: 20px;
}
.expertPerconality ul>li{
	list-style-type: none;
}
.personLink{
    height: 50px;
    border-radius: 5%;
    cursor: pointer;
    background-color: #fa4a4a;
    color: white;
    margin: 20px 0;
    padding: 10px;
    box-shadow: 3px 4px 2px 0px #b9b9b9;
}
.personLink:hover{
    width:100px;
	background-color: white;
	color: #fa4a4a;
	font-weight: 900;
}

/*-----------------------------СТИЛИ ДЛЯ СТРАНИЦЫ Вакансии------------------------------*/

.benefits{
	margin: 20px 0;
}
.benefits span::before{
	content:'- ';
}
.benefits .textContact{
	margin-bottom: 20px;
}
.benefits #myBtn{
	margin:20px auto 0	;
}
.benefitsHead{
	display: flex;
}
.benefitsHead{
	grid-template-columns: 10% auto;
}
.benefitsHead img{
	width: 28px;
	margin-right: 10px;
}
.benefitsList{
	font-size: 16px;
}
.benefitsBlock #myBtn{
	text-align: center;
}
.benefitsBlock .textContact ul li{
	list-style-type: none;
}
.benefitsText p{
    text-align:justify;
}
.benefitsText span{
	display: block;
}

/*-----------------------------СТИЛИ ДЛЯ СТРАНИЦЫ Вакансии------------------------------*/



/*-----------------------------СТИЛИ ДЛЯ СТРАНИЦЫ Контакты------------------------------*/
.contact{
	display: grid;
	grid-template-columns: 5% auto;
	margin: 20px 0;
}
.contact p{
    margin-left:10px;
    font-size:19px;
    font-weight: 500;
}
.contactList div > img{
	color: #dbe3ff;
	width: 30px;
}
.contactMap{
	margin-bottom: 20px;
	border: 10px solid rgba(255,255,255,0.9);
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.contactMap iframe{
	width: 100%;
	height: 300px;
}
.orgPhone a, .orgEmail a{
	color:#464646;
}
.orgPhone a:hover, .orgEmail a:hover{
	border-bottom:1px solid #464646;
}
.social{
    margin-top:10px;
    display: flex;
    gap: 10px;
}
.social img{
    background: white;
    padding: 5px;
    border-radius: 50%;
    width: 40px;
    cursor: pointer;
}
.social img:hover{
    background: #AAF7FA;
}
/* Страница Документы*/
.docs{
    margin:20px 0;
    
}
.docs h3{
    margin-left:20px;
}
.docs iframe{
    display:block;
    margin: 0 auto;
    width: 95%;
    height:1280px;
}
/* Политика */
.cookie td p{
    padding-left: 5px;
}