@font-face {
    font-family: 'Gill Sans';
    src: local('Gill Sans'), local('Gill Sans'),
        url('../fonts/gill-sans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

/* alegreya-regular - latin_cyrillic */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/alegreya-v27-latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alegreya-v27-latin_cyrillic-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-v27-latin_cyrillic-regular.html') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-v27-latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-v27-latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-v27-latin_cyrillic-regular.svg#Alegreya') format('svg'); /* Legacy iOS */
}
/* alegreya-500 - latin_cyrillic */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/alegreya-v27-latin_cyrillic-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alegreya-v27-latin_cyrillic-500d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-v27-latin_cyrillic-500.html') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-v27-latin_cyrillic-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-v27-latin_cyrillic-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-v27-latin_cyrillic-500.svg#Alegreya') format('svg'); /* Legacy iOS */
}
/* alegreya-600 - latin_cyrillic */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/alegreya-v27-latin_cyrillic-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alegreya-v27-latin_cyrillic-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-v27-latin_cyrillic-600.html') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-v27-latin_cyrillic-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-v27-latin_cyrillic-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-v27-latin_cyrillic-600.svg#Alegreya') format('svg'); /* Legacy iOS */
}
/* alegreya-700 - latin_cyrillic */
@font-face {
  font-family: 'Alegreya';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/alegreya-v27-latin_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/alegreya-v27-latin_cyrillic-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/alegreya-v27-latin_cyrillic-700.html') format('woff2'), /* Super Modern Browsers */
       url('../fonts/alegreya-v27-latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/alegreya-v27-latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/alegreya-v27-latin_cyrillic-700.svg#Alegreya') format('svg'); /* Legacy iOS */
}


/* montserrat-100 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat-v24-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-100d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-100.html') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v24-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v24-latin-regular.html') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v24-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

body {
    font-family: 'Gill Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #DEDEDE;
    background: #2C2636;
/*    background: linear-gradient(180deg, #2C2636 0%, rgba(0, 0, 0, 0) 54.69%, #2C2636 100%), url(image.png);*/
    
}

p {
    padding: 12px 0px;
}

section {
    width: 100%;
    display: block;
}

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

a:hover, a:focus {
	color: #E1BA82;
}

.section1 {
    background: url(../img/back1-new2.jpg) no-repeat center;
    width: 100%;
    height: 100vh;
    display: block;
}

.section2, .section3, .section4, .section5, .section6, .section7 {
    background: url(../img/home_back.png) no-repeat center;
    width: 100%;
    height: 1080px;
    display: flex;
    background-size: cover;
}

.main_wrapper {
    display: flex;
    width: calc(100% - 100px);
    padding: 0px 50px;
    align-items: center;
    position: relative;
}

.main_page_block40 {
    width: 45%;
    display: flex;
    justify-content: flex-end;
}

.main_page_block60 {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-end;
    justify-content: center;
}

.main_page_block10 {
    width: 10%;
    display: flex;
    justify-content: flex-end;
}

.big_circle {
    background: url(../img/figure1.png) no-repeat;
    width: 600px;
    height: 600px;
    display: block;
}

.middle_title_orange {
    font-size: 25px;
    line-height: 29px;
    color: #E1BA82;
    margin-bottom: 12px;
}

.white_text20 {
    font-size: 20px;
    line-height: 23px;
    max-width: 650px;
}

.section_list_on_main {
    
}

.section_list_on_main a {
    text-decoration: none;
    font-size: 20px;
    line-height: 23px;
    color: #A3A4A3;
    
}

.section_list_on_main li {
    padding: 5px 0px;
}

.section_list_on_main .section_list_active {
    color: #E1BA82;
    font-size: 25px;
    line-height: 29px;
}

.sect2_figure {
    background: url(../img/small/circle.png) no-repeat;
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
}

.sect2_fig1 {top: 200px;left: 100px; background-size: 41%; opacity: 0.5;}
.sect2_fig2 {top: 200px;left: 365px; background-size: 41%;}
.sect2_fig3 {top: 115px;right: 640px; background-size: 100%;}
.sect2_fig4 {top: 124px;right: 150px; background-size: 41%;}
.sect2_fig5 {top: 300px;right: 500px; background-size: 41%; opacity: 0.5}
.sect2_fig6 {bottom: 65px;left: 100px; background-size: 41%;}
.sect2_fig7 {bottom: 437px;left: 748px; background-size: 70%; opacity: 0.5;}
.sect2_fig8 {bottom: 250px;left: 50%; background-size: 100%; opacity: 0.5;}
.sect2_fig9 {bottom: 150px;right: 360px; background-size: 70%;}


/* Section Ball */

.big_ball {
    background: url(../img/figure2.png) no-repeat;
    width: 600px;
    height: 610px;
    display: block;
}

.sect3_figure {
    background: url(../img/small/hexagon.png) no-repeat;
    width: 70px;
    height: 70px;
    display: block;
    position: absolute;
}

.sect3_fig1 {bottom: 180px;left: 207px; background-size: 70%;}
.sect3_fig2 {top: 97px;left: 480px; background-size: 100%;}
.sect3_fig3 {bottom: 280px;left: 800px; background-size: 100%; opacity: 0.5;}
.sect3_fig4 {top: 160px;left: 890px; background-size: 50%; opacity: 0.7}
.sect3_fig5 {top: 148px;right: 275px; background-size: 100%;}
.sect3_fig6 {bottom: 300px; right: 670px; background-size: 77%; opacity: 0.7;}


/* Section Star */

.big_star {
    background: url(../img/figure3.png) no-repeat;
    width: 600px;
    height: 600px;
    display: block;
}

.sect4_figure {
    background: url(../img/small/star.png) no-repeat;
    width: 43px;
    height: 44px;
    display: block;
    position: absolute;
}

.sect4_fig1 {top: 180px;left: 140px; background-size: 100%;}
.sect4_fig2 {top: 325px;right: 658px; background-size: 100%; opacity: 0.4; width: 73px; height: 73px;}
.sect4_fig3 {top: 120px;right: 168px; background-size: 100%; opacity: 0.7;}
.sect4_fig4 {bottom: 135px;left:235px; background-size: 50%; opacity: 1}
.sect4_fig5 {bottom: 130px;left: 820px; background-size: 100%; opacity: 0.4; width: 73px; height: 73px;}
.sect4_fig6 {bottom: 210px; right: 370px; background-size: 100%; opacity: 1;}


/* Section Triangle */

.big_triangle {
    background: url(../img/figure4.png) no-repeat;
    width: 601px;
    height: 600px;
    display: block;
}

.sect5_figure {
    background: url(../img/small/triangle.png) no-repeat;
    width: 73px;
    height: 82px;
    display: block;
    position: absolute;
}

.sect5_fig1 {top: 85px;left: 370px; background-size: 60%; opacity: 0.7; transform: rotate(20deg)}
.sect5_fig2 {top: 325px;right: 658px; background-size: 100%; opacity: 0.4; width: 73px; height: 73px;}
.sect5_fig3 {top: 120px;right: 168px; background-size: 100%; opacity: 0.7;}
.sect5_fig4 {bottom: 135px;left:235px; background-size: 50%; opacity: 1}
.sect5_fig5 {bottom: 130px;left: 820px; background-size: 100%; opacity: 0.4; width: 73px; height: 73px;}
.sect5_fig6 {bottom: 210px; right: 370px; background-size: 100%; opacity: 1;}


/* Section Square */

.big_square {
    background: url(../img/figure5.png) no-repeat;
    width: 600px;
    height: 600px;
    display: block;
}

.sect6_figure {
    background: url(../img/small/square.png) no-repeat;
    width: 84px;
    height: 84px;
    display: block;
    position: absolute;
}

.sect6_fig1 {top: 95px;left: 370px; background-size: 60%; opacity: 0.4; transform: rotate(20deg)}
.sect6_fig2 {top: 260px;right: 730px; background-size: 33%; opacity: 0.5; transform: rotate(20deg)}
.sect6_fig3 {top: 208px;right: 196px; background-size: 100%; opacity: 0.4; transform: rotate(0deg)}
.sect6_fig4 {bottom: 110px;left:340px; background-size: 33%; opacity: 0.5; transform: rotate(10deg)}
.sect6_fig5 {bottom: 140px;right: 728px; background-size: 66%; opacity: 0.5; transform: rotate(20deg)}
.sect6_fig6 {bottom: 260px; right: 210px; background-size: 30%; opacity: 1; transform: rotate(20deg)}


/* HEADER */

header {
    display: flex;
    padding-top: 100px;
    padding: 100px 240px 0px 243px;
    justify-content: space-between;
    z-index: 100;
}

.pre_header {
    position: fixed;
    width: 100%;
    z-index: 100;
}

.main_menu {
    display: flex;
    align-items: center;
}

.logotype {
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
}

.logotype a {
    text-decoration: none;
    color: #A3A4A3;
}

.menu-text {
    font-size: 16px;
    text-transform: uppercase;
    color: #A3A4A3;
    padding-left: 15px;
    padding-right: 30px;
}

.menu-sound {
    background: url(../img/icon-soundoff.png) no-repeat;
    width: 19px;
    height: 17px;
    display: block;
    position: relative;
    bottom: 1px;
}

.menu-sound:hover, .menu-sound:focus {
    cursor: pointer;
}

.soundon {
    background: url(../img/icon-soundon.png) no-repeat;
}

.soundoff {
    background: url(../img/icon-soundoff.png) no-repeat;
}


.header__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.header__item{
    margin-right: 82px;
}
.header__item:last-child{
    margin-right: 0;
}
.header__link{
    font-size: 25px;
    line-height: 29px;
    text-transform: uppercase;
    color: #E1BA82;
    text-decoration: none;
    
}
.header__link:hover, .header__link:focus, .header__link:active{
    color: #E6CFAE;
}

.header__burger{
    display: none;
    width: 16px;
    height: 14px;
    position: relative;
}

.header__burger:hover, .header__burger:focus {cursor: pointer;}

.burger__line{
    display: block;
    width: 100%;
    height: 2px;
    background-color: #DEDEDE;
    position: absolute;
    left: 0;
}

.burger__line_first{
    top: 0;
}

.burger__line_second{
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #E1BA82;
    width: 12px;
}

.burger__line_third{
    bottom: 0;
}


.header__burger:hover .burger__line, .header__burger:hover .burger__line_second{
    background-color: #E1BA82;
    width: 16px;
} 

 .header__burger {
    display: block;
     position: relative;
     bottom: 2px;
    }
    .header__wrapper {
        padding-top: 28px;
    }
    .header__nav{
        width: 427px;
        height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        background-color: #2C2330;
        z-index: 10;
        padding: 160px 75px 0px 75px;
        -webkit-transform: translateX(100%);
            -ms-transform: translateX(100%);
                transform: translateX(100%);
        -webkit-transition: .2s all linear;
        -o-transition: .2s all linear;
        transition: .2s all linear;
    }
    .header__nav_active{
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    .header__item{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        text-align: center;
    }
    .header__item:last-child{
        margin-bottom: 0;
    }
    .header__link{
        font-size: 20px;
        line-height: 28px;
    }
    .header__nav-close{
        width: 15px;
        height: 15px;
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 11;
    }
    .header__nav-close-line{
        display: block;
        width: 100%;
        height: 2px;
        background-color: #A3A4A3;
        position: absolute;
        top: 50%;
    }
    .header__nav-close-line:first-child{
        -webkit-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
                transform: translateY(-50%) rotate(45deg);
    }
    .header__nav-close-line:last-child{
        -webkit-transform: translateY(-50%) rotate(-45deg);
            -ms-transform: translateY(-50%) rotate(-45deg);
                transform: translateY(-50%) rotate(-45deg);
    }
    .header__nav-close:hover {cursor: pointer;}

/* PAGE 2 */

.page2_section1 {
    background: url(../img/page2_back1.png) no-repeat;
    width: 100%;
    height: 100vh;
    display: block;
}

.herb_block_outside {
    display: flex;
    justify-content: center;
    padding-top: 200px;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.herb_block {
    background: url(../img/herb_rus.png);
    width: 446px;
    height: 440px;
    display: block;
}

.herb_vert_line {
    display: block;
    width: 0px;
    height: 47px;
    border: 2px solid #E1BA82;
    margin-top: 135px;
    margin-bottom: 9px;
    position: relative;
    left: 5px;
}

.arrow_down {
    background: url(../img/arrow-down.png) no-repeat;
    width: 12px;
    height: 21px;
    display: block;
    position: relative;
    left: 5px;
}

.page2_sect2 {

}

.wrapper240 {
    padding: 100px 240px;
    position: relative;
}

.white_large_header {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 500;
    font-size: 49px;
    line-height: 67px;
    color: #f7f7f7;
    text-align: center;
    padding-bottom: 48px;
    text-transform: uppercase;
}

.middle_orange_text {
    font-size: 31px;
    line-height: 36px;
    text-align: center;
    color: #E1BA82;
    max-width: 850px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 45px;
}

.two_small_column {
    max-width: 1004px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    
}

.column450 {
    width: 450px;
}

.page2_article_block {
    display: flex;
    justify-content: space-between;
    padding-top: 45px;
}

.page2_img1, .page2_img2, .page2_img3 {
    width: 32%;
    margin-bottom: 50px;
}

.page2_img1 img, .page2_img2 img, .page2_img3 img, .page2_img5 img {
    width: 100%;
}

.page2_img3 img{
    max-height: 303px;
}


.page2_textright_block {
    padding: 0px 115px 0px 50px;
}

.page2_img5 {
    display: flex;
    justify-content: center;
    padding-top: 100px;
}

.page2_img5 img {
	max-width: 635px;
}

.page2_img6 {display: none;}

.big_list_block {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 300px);
    padding: 100px 150px;
}

.big_list_item {
    display: flex;
    width: 882px;
    background: #272130;
    padding: 48px 72px;
    margin-bottom: 48px;
}

.list_item_number {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100;
    font-size: 160px;
    line-height: 195px;
    opacity: 0.4;
    text-shadow: 
				-0   -1px 0   #A3A4A3,
		 0   -1px 0   #A3A4A3,
		-0    1px 0   #A3A4A3,
		 0    1px 0   #A3A4A3,
		-1px -0   0   #A3A4A3,
		 1px -0   0   #A3A4A3,
		-1px  0   0   #A3A4A3,
		 1px  0   0   #A3A4A3,
		-1px -1px 0   #A3A4A3,
		 1px -1px 0   #A3A4A3,
		-1px  1px 0   #A3A4A3,
		 1px  1px 0   #A3A4A3,
		-1px -1px 0   #A3A4A3,
		 1px -1px 0   #A3A4A3,
		-1px  1px 0   #A3A4A3,
		 1px  1px 0   #A3A4A3;
    color: #2c2636;
}

.list_item_right {
    padding-left: 50px;
}


.slightly_right {
    margin-left: 50px;
}

.page2_block_no_border {
    width: 660px;
    margin: 0 auto;
	margin-top: 100px;
}

.page2_block_button {
    text-align: center;
}



.transp_gold_link {
    font-size: 16px;
    line-height: 18px;
    color: #E1BA82;
    padding: 15px 45px;
    border: 1px solid #E1BA82;
    text-decoration: none;
    text-transform: uppercase;
}

input.transp_gold_link {
    background: transparent;
}

.transp_gold_link:hover, .transp_gold_link:focus {
    color: #E6CFAE;
    border: 1px solid #E6CFAE;
}

.gold_line {
    opacity: 0.6;
    border: 1px solid #E1BA82;
    width: 100%;
    margin-top: 166px;
    margin-bottom: 60px;
}

.footer_menu_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer_menu_item {
    width: 120px;
}

.footer_herb_middle {
    width: 160px;
    grid: 4;
    font-size: 16px;
    text-align: center;
}

.footer_herb_middle img {
    width: 120px;
}


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

.footer_page2 {
    background: url(../img/page2_back2.png) no-repeat;
    
}

/* PAGE 3 */

.page3_section {
    background: url(../img/back2.png) no-repeat;
    width: 100%;
    height: 100vh;
    display: block;
    background-size: cover;
    z-index: 999;
    position: relative;
}

.back_favor {
	background: url(../img/back-favor.html) no-repeat;
}

.alegreya_large {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 500;
    font-size: 49px;
    line-height: 67px;
    color: #F7F7F7;
    text-transform: uppercase;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 50px;
}

.tabs_block {
    width: 100%;

}

/* TABS */

.tabs_lega {
	clear: both;
	position: relative;   
    margin: 0 auto;
    text-align: center;
        display: flex;
    justify-content: center;
}

.tab_lega {
	float: left;
    width: 223px;
}

.tab_lega label {
	position: relative;
	top: 0;
	cursor: pointer;
	color: #A3A4A3;
    font-size: 25px;
    line-height: 29px;
    padding: 5px 30px;
    
}

.tab_lega [type=radio] {
	display: none;   
}

.tab_lega__content {
   position: relative;
	top: 40px;
	left: 0;
	right: 0;
	bottom: 0;
	transition: opacity .2s cubic-bezier(.42,0,.34,1.01);
	opacity: 0;
    padding-top: 100px;
    display: flex;
}

[type=radio]:checked ~ label {
	border-bottom: 1px solid #E1BA82;
	color: #f7f7f7;
	z-index: 2;
}

[type=radio]:checked ~ label ~ .tab_lega__content {
	z-index: 1;
	opacity: 1;
}

.tab_lega_item {
    width: 300px;
    padding: 23px;
    text-align: left;
    display: block;
    position: relative;
    float: left;
    margin-bottom: 50px;
}

.favorite .tab_lega_item1 {
    width: 300px;
    padding: 23px;
    text-align: left;
    display: block;
    position: relative;
    float: left;
    margin-bottom: 50px;
}

.favorite .tab_lega_item1::before,
.favorite .tab_lega_item1::after {
  content: '';
  display: block;
  border: 1px solid #E1BA82;
  width: 23px;
  height: 23px;
  position: absolute;
  z-index: 0;
}

.favorite .tab_lega_item1::before {
  border-right-color: transparent;
  border-bottom-color: transparent;
  left: 0;
  top: 0;
}

.favorite .tab_lega_item1::after {
  border-left-color: transparent;
  border-top-color: transparent;
  right: 0;
  bottom: 0;
}

.nasledie_tab {
	display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: stretch;
	flex-wrap: wrap;
}

.books-row {
	display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.button_hidden_content {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.tab_lega_item::before,
.tab_lega_item::after {
  content: '';
  display: block;
  border: 1px solid #E1BA82;
  width: 23px;
  height: 23px;
  position: absolute;
  z-index: 0;
}

.tab_lega_item::before {
  border-right-color: transparent;
  border-bottom-color: transparent;
  left: 0;
  top: 0;
}

.tab_lega_item::after {
  border-left-color: transparent;
  border-top-color: transparent;
  right: 0;
  bottom: 0;
}


.tab_item_content {
    font-size: 20px;
    line-height: 23px;
    color: #DEDEDE;
}

.tab_item_date {
    font-size: 20px;
    line-height: 23px;
    color: #E1BA82;
    padding-top: 12px;
}

.nopaddingtop {
    padding-top: 0;
}

.nopaddingbottom {
    padding-bottom: 0;
}

.main_content {
    max-width: 900px;
    margin: 0 auto;
}

.content_article{
    margin: 0 auto;
    max-width: 750px;
    text-align: center;
}

.content_article>p {
    max-width: 660px;
    margin: 0 auto;
    text-align: left;
}

.anonses_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 100px;
}


.anonse_item {
    width: 300px;
    padding: 23px;
    text-align: left;
    display: block;
    position: relative;
}

.anonse_item::before,
.anonse_item::after {
  content: '';
  display: block;
  border: 1px solid #E1BA82;
  width: 23px;
  height: 23px;
  position: absolute;
  z-index: 0;
}

.anonse_item::before {
  border-right-color: transparent;
  border-bottom-color: transparent;
  left: 0;
  top: 0;
}

.anonse_item::after {
  border-left-color: transparent;
  border-top-color: transparent;
  right: 0;
  bottom: 0;
}

.hidden_event {
    display: none;
}

.visible_event {
    display: block;
}

/* Tabs #2 */


/* Style the tab */
.tab {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

/* Style the buttons inside the tab */
.tab button {
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
    position: relative;
    top: 0;
    cursor: pointer;
    color: #A3A4A3;
    font-size: 25px;
    line-height: 29px;
    padding: 5px 30px;
    background-color: transparent;
    text-align: center;
    min-width: 220px;
}

/* Change background color of buttons on hover */
.tab button:hover {
      border-bottom: 1px solid #E1BA82;
    color: #f7f7f7;
    z-index: 2;
}

/* Create an active/current tablink class */
.tab button.active {
      border-bottom: 1px solid #E1BA82;
    color: #f7f7f7;
    z-index: 2;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  flex-wrap: wrap;
    justify-content:space-around;
    margin-top: 100px;
}



.pre_border {
    padding: 15px 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    display: block;
    position: fixed;
    top:0;
    left: 0;
}



.full_border {
    background: url(../img/border.png) no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}

.border_no_bottom {
    background: url(../img/borders.png) no-repeat;
    background-size: 100% 100%;
}

#show_hidden_events {
    background: transparent;
}

/* Page books */

.page_books {
    background: url(../img/back_books.png) no-repeat;
    position: relative;
    z-index: 10;
}

.book_item {
    font-size: 20px;
    line-height: 23px;
    color: #E1BA82;
    width: 250px;
    padding: 0px 20px;
	margin-bottom: 50px;
}

.book_item img {
    width: 100%;
}

.tabcontent_books {
    justify-content: center;
}

/* Page contact */

.page_contact {
    background: url(../img/back_contact.png) no-repeat;
    position: relative;
    z-index: 10;
}

.contact_div {
    padding: 15px 0px;
    text-align: center;
}

.contact_div320 {
    width: 327px;
	margin: 0 auto;
    text-align: center;
}

.input_styled {
    background: none;
    border: 0;
    border-bottom: 1px solid #A3A4A3;
    width: 700px;
    padding: 18px 20px; 
    color: #fff;
}

.input_styled::placeholder {
    color: #A3A4A3;
}

.checkbox_accept {

    color: #A3A4A3;
    padding-left: 10px;
}

#checkbox_accept {
    
}

.checkbox_accept {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
      font-size: 13px;
    line-height: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    text-align: left;
}

/* Hide the browser's default checkbox */
.checkbox_accept input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: -5px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: transparent;
    border: 1px solid #A3A4A3;
}

/* On mouse-over, add a grey background color */
.checkbox_accept:hover input ~ .checkmark {
  background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
.checkbox_accept input:checked ~ .checkmark {
  background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_accept input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_accept .checkmark:after {
  left: 6px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: 1px solid #A3A4A3;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#London, #Paris {
	text-align: center;
}

@media screen and (min-width: 1921px) {
    .section1 {background-size: cover;}
}

@media screen and (min-width: 1601px) {
    .section2, .section3, .section4, .section5, .section6, .section7 {height: 100vh;}
}




/* От 1440 px до 1600*/
@media screen and (max-width: 1600px) { 
    .section2, .section3, .section4, .section5, .section6, .section7 {
        height: 100vh;
        background-size: 100%;
    }
    
    .main_page_block40 {
        justify-content: center;
    }
    
    .big_circle, .big_ball, .big_star, .big_triangle, .big_square {
        width: 400px;
        height: 400px;
        background-size: contain;
    }
    
    .wrapper240 {
        padding: 100px 150px;
    }
    
    .page2_img1 img, .page2_img2 img, .page2_img3 img, .page2_img5 img {
        width: 100%;
    }
    
    .page2_img4 {width: 50%;}
    .page2_img4  img {width: 100%; max-width: 400px;}
    .page2_textright_block {width: 50%;}
	.page2_img5 img {width: 100%;}
	.book_item {width: 220px;}
}




/* От 1280 px до 1440*/
@media screen and (max-width: 1439px) {
    .big_list_block {padding: 100px 80px; width: calc(100% - 160px);}
	.herb_block {
		background: url(../img/herb_rus.png) no-repeat center;
		width: 223px;
		height: 220px;
		display: block;
		background-size: 50%;
	}
	
}


/* От 980 px до 1280*/
@media screen and (max-width: 1279px) {
    .sect3_fig4 {left: 790px;}
    .big_circle, .big_ball, .big_star, .big_triangle, .big_square {
        width: 300px;
        height: 300px;
        background-size: contain;
    }
    .wrapper240 {padding: 100px 50px;}
    .anonses_list {flex-wrap: wrap;}
    .anonse_item {width: calc(45% - 46px);}
}
    
    
/*  980*/
@media screen and (max-width: 980px) {
    
    header {background: #2D2637; padding: 18px 16px;}
    .main_page_block40, .main_page_block60 {width: 100%;}
    .main_wrapper {flex-wrap: wrap; width: calc(100% - 40px); padding: 50px 20px; flex-direction: column;}
    .main_page_block10 {display: none;}
    
    .pre_border {display: none;}
    
    .big_circle, .big_ball, .big_star, .big_triangle, .big_square {opacity: 0.3;}
    
    .sect2_fig1 {top: 100px;left: 10%; background-size: 41%; opacity: 0.3;}
    .sect2_fig2 {top: 50px;left: 55%; background-size: 100%; opacity: 0.4;}
    .sect2_fig3 {top: 115px;right: 15%; background-size: 100%; opacity: 0.3;}
    .sect2_fig4,.sect2_fig5,.sect2_fig6,.sect2_fig7,.sect2_fig8, .sect2_fig9 {display: none;}

    
    .sect3_fig5 {top: 50px;left: 20%; background-size: 50%; opacity: 0.3;}
    .sect3_fig6 {top: 67px;right: 15%; background-size: 70%; opacity: 0.3;}
    .sect3_fig3, .sect3_fig4, .sect3_fig1, .sect3_fig2 {display: none;}
    
    .sect4_fig1 {top: 20px;left: 15%; background-size: 100%; opacity: 0.3;}
    .sect4_fig2 {top: 50px;right: 10%; background-size: 50%; opacity: 0.4; }
    .sect4_fig3, .sect4_fig4, .sect4_fig5, .sect4_fig6 {display: none;}
    
    .sect5_fig1 {top: 85px;left: 10%; background-size: 60%; opacity: 0.3; transform: rotate(20deg)}
    .sect5_fig2 {top: 25px;right: 10%; background-size: 50%; opacity: 0.3;}
    .sect5_fig3, .sect5_fig4, .sect5_fig5, .sect5_fig6, .sect5_fig7, .sect5_fig8 {display: none;}
    
    
    .sect6_fig1 {top: 10px;left: 10%; background-size: 60%; opacity: 0.3; transform: rotate(20deg)}
    .sect6_fig2 {top: 30px;right: 5%; background-size: 33%; opacity: 0.4; transform: rotate(20deg)}
    .sect6_fig3, .sect6_fig4, .sect6_fig5, .sect6_fig6 {display: none;}
    
    .page2_img4, .page2_textright_block {width: 100%;}
    
    .tab button {padding: 5px 10px; font-size: 18px; min-width: 172px;}
    .content_article img{width: 100%;}
    .input_styled {width: 100%;}
    
}

    @media screen and (max-width: 600px) {
        .header__nav {width: 100%; padding: 100px 0px;}
        .section2, .section3, .section4, .section5, .section6, .section7 {
            height: 100%; padding: 50px 0px 0px 0px;
        }
        .main_page_block60 {position: relative;bottom: 100px;}
		.page2_article_block {flex-wrap: wrap;}
        .page2_img1, .page2_img2, .page2_img3, .page2_img4 {width: 100%;}
        .page2_img6 {display: block; text-align: center; width: 100%;}
        .two_small_column {flex-wrap: wrap; position: relative;}
        .column450 {width: 100%; padding: 23px 23px; position: relative; margin-bottom: 23px;}
        .column450::before,
        .column450::after {
          content: '';
          display: block;
          border: 1px solid #E1BA82;
          width: 23px;
          height: 23px;
          position: absolute;
          z-index: 0;
        }

        .column450::before {
          border-right-color: transparent;
          border-bottom-color: transparent;
          left: 0;
          top: 0;
        }

        .column450::after {
          border-left-color: transparent;
          border-top-color: transparent;
          right: 0;
          bottom: 0;
        }
        .wrapper240 {padding: 50px 20px;}
        .page2_textright_block {padding: 0;}
        .page2_img5 img {width: 100%;}
        .big_list_block {padding: 100px 0px; width: 100%;}
        .big_list_item {width: 100%; padding: 10px 15px; flex-wrap: wrap}
        .list_item_number {width: 100%; text-align: center; font-size: 80px; line-height: 0px; padding-bottom: 30px;}
        .slightly_right {margin-left: 0px;}
        .page2_block_no_border {width: 100%;}
        .footer_menu_item {display: none;}
        .footer_herb_middle {display: block;}
        .footer_menu_block {justify-content: center}
        .list_item_right {padding: 0;}
        .herb_block {width: 220px; height: 220px; background-size: 100%;}
        .tab button {min-width: auto;}
        .tabcontent {padding: 6px 0px;}
        .anonse_item {width: 100%;}
        .alegreya_large {font-size: 30px; line-height: 41px;}
        .input_styled {width: calc(100% - 40px);}
		.section1 {background-position-x: 48%; background-size: cover;}
		
    }


@media screen and (max-width: 450px) {
    .page2_img6 img {
        width: 100%;
    }
}

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

@media screen and (max-width: 359px) {
    .tab button {font-size: 16px;}
}