@import url('https://fonts.cdnfonts.com/css/circe');
/*Обнуление*/
*{padding: 0;margin: 0;border: 0;}
*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}
nav,footer,header,aside{display: block;}
html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: inherit;}
/*--------------------*/

body{
    font-family: 'Circe';
    background-color: black;
}
a{
    color: white;
}

.header {
    background: url(../img/bgc.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 800px;
}
.expo {
    height: 90px;
    border-bottom: 1px solid white;
}
.expo__container{
    max-width: 1560px;
    margin: 0px auto;
}
.expo__body {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.expo__logo{
    object-fit: cover;
}
.menu__list{
    display: flex;
}
.menu__list{
    display: flex;
}
.menu__list li{
    padding: 0px 47px;
}
.menu__link {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: white;
    font-size: 12px;
}
.expo__items {
    display: flex;
    flex-direction: row;
}
.search {
    padding-right: 70px;
    width: 100%;
}
.lang{
    display: flex;
    flex-direction: row;
}
.lang p {
    padding-top: 3px;
    padding-left: 4px;
    color: white;
}
/*_______________________________*/
.container {
    max-width: 1200px;
    margin: 0px auto;
}
.complex__body{
    padding-top: 184px;
    display: flex;
    justify-content: space-between;
}
.complex__block h1{
    font-style: normal;
    font-weight: 700;
    font-size: 64px;
    color: white;
    letter-spacing: 0.1em;
}
.complex__block img{
    padding-top: 3px;
    padding-left: 10px;
}
.complex__block p {
    padding-top: 35px;
    padding-bottom: 25px;
    font-size: 24px;
    letter-spacing: 0.1em;
    color: white;
    line-height: 50px;

}
.complex__block a{
    font-weight: 400;
    font-size: 16px;
    color: white;
}

.complex__items {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    color: white;
}
.complex__items a{
    color: white;
}
.complex__items h2{
   padding-top: 30px;
   padding-left: 30px;
   padding-bottom: 15px;
   font-size: 21px;
}
.complex__items a{
    padding-left: 30px;
 }
.complex__item {
    width: 255px;
    height: 148px;
    background-color: blue;
    margin-right: 30px;
}
.complex__item-2 {
    width: 255px;
    height: 148px;
    background: #30BCC9;
}
.complex__item-3 {
    margin-top: 20px;
    width: 255px;
    height: 175px;
    background: #FFC41E;
    margin-right: 30px;
}
.complex__item-4 {
    margin-top: 20px;
    width: 255px;
    height: 175px;
    background: #F6404F;
}
/*_______________________________*/
.organ {
    background: #2378FC;
}
.organ__body {
    padding: 75px 0px;
    display: flex;
    justify-content: space-between;
}
.col {
    display: flex;
    flex-direction: column;
}
.col h2{
    color: white;
    font-weight: 500;
    font-size: 30px;
    padding-bottom: 30px;
}
.col a{
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
}
.col a:hover{
    text-decoration: underline;
    color: #FFC41E;
}
/*_______________________________*/
.events {
    background-color: #FFC41E;
}
.events__body {
    padding: 75px 0px 30px 0px;
}
.events__title {
    display: flex;
    justify-content: space-between;
    padding-bottom: 55px;
}
.events__arrow img{
    padding-top: 5px;
    padding-left: 15px;
}
.events__title h2 {
    font-weight: 500;
    font-size: 30px;
    color: black;
}
.events__title a{
    font-weight: 500;
    font-size: 21px;
    color: black;
}
.events__blocks {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.block {
    padding-bottom: 40px;
}
.block p{
    padding-top: 20px;
    font-weight: 400;
    font-size: 14px;
}
.block h3{
    padding: 10px 0px;
    font-weight: 500;
    font-size: 21px;
    letter-spacing: -0.01em;
    color: #F6404F;
}
.block h4{
    font-weight: 400;
    font-size: 16px;
}
/*_______________________________*/
.news {
    background: #FAF3E3;
    height: 650px;
}
.news__body {
    display: flex;
    justify-content: space-between;
}
.news__img {
    display: flex;
    flex-direction: column;
}
.news__img img{
    margin: 75px 0px 0px 0px;
}
.news__text {
    margin: 75px 0px 0px 0px;
    display: flex;
    justify-content: space-between;
}
.news__text h2{
    font-weight: 500;
    font-size: 30px;
}
.news__text a {
    font-weight: 500;
    padding-top: 6px;
    font-size: 21px;
    color: black;
}
.news__arrow img{
    padding-top: 5px;
    padding-left: 15px;
}
.news__row {
    display: flex;
    flex-direction: column;
}
.news__items {
    display: flex;
    flex-direction: row;
    padding: 20px 0px;
    align-items: center;
}
.item img{
    padding-right: 30px;
}
.item__news p{
    font-family: 'Circe';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #F6404F;
}
.item__news h3{
    padding-top: 14px;
    font-weight: 500;
    font-size: 21px;
    letter-spacing: -0.01em;
}
/*_______________________________*/
.footer {
    background: #30BCC9;
}
.footer__body {
    padding: 0px 0px 30px 0px;
    display: flex;
    justify-content: space-between;
}
.foot__col{
    display: flex;
    flex-direction: column;
}
.footer__col {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.footer__col h2{
    padding-top: 40px;
    padding-bottom: 20px;
    font-weight: 500;
    font-size: 21px;
    color: white;
}
.footer__col a{
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    color: #E0E0E0;
    letter-spacing: 0.01em;
}
.footer__col a:hover{
    color: #FFC41E;
    text-decoration: underline;
}
.footer__col img{
    padding-bottom: 20px;
}
.col-two{
    padding-top: 48px;
}
/*_______________________________*/
.socials{
    padding-top: 40px;
}
.socials h2 {
    font-weight: 500;
    font-size: 21px;
    color: white;
}
.socials__items{
    padding: 30px 0px 50px 0px;
}
.socials__items img{
    padding-right: 30px;
}
.socials h3{
    font-weight: 500;
    font-size: 21px;
    color: white;
}
.socials p{
    font-weight: 400;
    font-size: 14px;
    color: #E0E0E0;
    letter-spacing: 0.1em;
    padding: 15px 0px 25px 0px;
    line-height: 20px;
}
.socials__email {
    display: flex;
    align-items: center;
}
.email {
    padding: 11px 20px;
    font-size: 12px;
    color: #9C9C9C;
    padding-right: 80px;
}
.submit {
    background: #F6404F;
    height: 40px;
    width: 40px;
}
