/*кнопки меню*/ .main_screen_rus_hist{ position:relative; left:-200px; top:30px; margin-bottom:-20px; display:inline-block; background:url(../images/main_screen.png) no-repeat center; height:26px; width:26px; } .home_rus_hist{ position:relative; left:246px; top:50px; display:inline-block; background:url(../images/home.png) no-repeat center; height:26px; width:26px; } /*конец. кнопки меню*/ /*Заглавная страница*/ .title_page_text_block{ position:relative; margin:0 auto; background-color:#EEECDD; padding-top:30px; padding-bottom:30px; } .title_page_pict{ margin:0 auto; text-align:center; position:relative; margin-left:-350px; margin-bottom:-80px; } .title_page_zag{ margin:0 auto; text-align:center; font-family:PTS55F_W; font-size:72px; } .title_page_main_text{ margin:0 auto; text-align:left; font-family:PTS55F_W ; font-size:18px; max-width:900px; } .title_page_main_block{ background-color:#BAC4D0; padding-top:30px; padding-bottom:30px; } .pict_block{ background-color:#8B9AAD; width:300px; border-radius: 10px; margin:0 auto; } .pict_block_img{ margin:0 auto; text-align:center; } .pict_block_zag{ font-family:PTS75F_W; font-size:20px; margin:0 auto; text-align:center; } .pict_block_text{ font-family:PTS55F_W ; font-size:16px; margin:0 auto; text-align:center; } .pict_block_pad{ padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:30px; margin-bottom:25px; } .pict_block_pad_mid{ position:relative; } .pict_block_double{ text-align:center; } .block_left{ display: inline-block; margin-right:10px; } .block_right{ display: inline-block; margin-left:10px; } .title_page_main_block a{ text-decoration:none; color:black; } .title_page_main_block a:hover{ text-decoration:none; color:black; opacity: 0.6; } /*Конец. Заглавная страница*/ /*Стили обертки*/ .content{ position:relative; margin: 0 auto; max-width:1100px; min-height: calc(100vh - 261px); padding-left:10px; padding-right:10px; overflow-x:no-scroll; } /*Конец. Стили обертки*/ /*Стили навигация*/ ul { list-style: none; } .common_nav { margin-top: 15px; margin-bottom: 15px; margin-left:-30px; font-family: PTS55F_W; text-align:center; position:relative; } .main_nav{ margin-top:-50px; } .main_nav li { display: inline-block; margin-left: 3px; margin-right: 3px; font-size:18px; } .main_nav li a{ display: inline-block; background-color: #a7b4c4; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; padding-top: 5px; border-radius: 5px; color: #fff; text-decoration: none; font-size:18px; } .main_nav li a:hover{ background-color: #75869c; font-size:18px; } .activ { background-color: #025ab0; padding-left: 15px; padding-right: 15px; padding-bottom: 5px; padding-top: 5px; border-radius: 5px; color: #fff; font-size:18px; } .second_nav { margin-top: 30px; } .second_nav li { display: inline-block; margin-left: 3px; margin-right: 3px; font-size:16px; } .activ2 { color:#025ab0; font-family: PTS75F_W; } .second_nav li a{ color: #626c79; text-decoration: none; border-bottom: 1px solid; border-color: rgba(98, 108, 121, 0.3); } .second_nav li a:hover { color: #d9183d; border-color: rgba(166, 42, 66, 0.3); } /*Конец. Стили навигация*/ /*Стили первой страницы*/ /* Стили баннер*/ .banner{ background:url(../images/gradient.jpg) repeat-x center; background-size:100% 100%; position:absolute; position:relative; margin: 0 auto; max-width:1100px; height:120px; border-radius: 0px 0px 50px 50px; } .pictogramma{ position:relative; top:20px; left:20px; width:80px; } .banner_text{ position:relative; top:-50px; left:120px; font-size:37px; font-family: PTS55F_W; } .banner_img_right{ position:relative; margin-left: auto; margin-right:20px; margin-top:-120px; width:222px; } /* .logo { margin: 0 auto; padding-bottom: 15px; padding-top: 40px; text-align:center; } */ .logo_img{ width:240px; height:80px; text-align:center; } /* .slogan { margin: 0 auto; text-align: center; width: 240px; font-family: PTS56F_W; line-height: 20px; } */ /*Конец. Стили баннер*/ .block_video_news{ max-height:650px; margin-bottom:0px; } .block_video{ width:450px; max-height:650px; float:left; padding-bottom:20px; } .block_video_zag{ font-size:32px; font-family: PTS55F_W; color:#025ab0; } .red_hover:hover{ color:#c62228; cursor:pointer; } .video_cont{ padding-left:0px; padding-top:25px; max-height:280px; } .video_cont_img{ width:400px; } .video_cont_img_border{ border-radius: 15px; width:100%; } .video_cont_text{ width:400px; font-size:16px; font-family: PTS55F_W; Line-height: 16px; margin-top:5px } .block_news{ width:650px; max-height:650px; float:right; padding-bottom:20px; } .block_news_zag{ font-size:32px; font-family: PTS55F_W; margin-bottom:30px; color:#025ab0; } .news_cont{ max-height:150px; margin-top:30px; } .news_cont_img{ float:right; padding-right:30px; width:79px; } .news_cont_img_border{ border-radius:10px; border:1px solid #a7b4c4; width:79px; } .news_cont_time{ font-size:12px; font-family: PTS55F_W; background-color:#edecdc; width:70px; height:18px; border-radius:7px; margin-left:-7px; } .news_cont_time_sdvig{ margin-left:6px; } .news_cont_zag{ font-size:20px; font-family: PTS75F_W; width:510px; color:#3981c6; line-height:20px; margin-top:5px; } .news_cont_text{ font-size:18px; font-family: PTS55F_W; Line-height: 20px; width:510px; padding-top:3px; } /*Конец. Стили первой страницы*/ /*Уроки*/ .title_block{ margin-top:20px; margin-left:20px; max-width:600px; } .title_block_zag{ font-family: PTS75F_W; font-size:16px; text-align:left; } .title_block_text{ font-family: PTS55F_W; font-size:16px; text-align:left; } .table_lesson{ margin-left:20px; margin-top:40px; max-width:670px; border-collapse:collapse; background-color:white; } .fixtable-fixed { position: fixed; top: 0; z-index: 101; background-color:white !important; border-bottom:solid 1px #000; } .table_zag{ font-family: PTS75F_W; font-size:17px; text-align:left; border-bottom:solid 1px #000; border-collapse:collapse; padding-left:5px; } .col_1{ width:150px; } .col_2{ width:200px; } .col_3{ width:320px; } .table_left_col{ font-family: PTS75F_W; font-size:16px; text-align:left; border-bottom:solid 1px #a7b4c4; border-collapse:collapse; padding-left:5px; padding-top:20px; vertical-align:top; padding-bottom:10px; } .table_text{ font-family: PTS55F_W; font-size:16px; text-align:left; border-bottom:solid 1px #a7b4c4; border-collapse:collapse; padding-left:5px; padding-top:20px; vertical-align:top; padding-bottom:10px; } .red_italic{ font-family:PTS56F_W; color:#a62a42; } .green_italic{ font-family:PTS56F_W; color:#39b54a; } .text_bold{ font-family: PTS75F_W; } .text_italic{ font-family:PTS56F_W; } .snoska{ font-family:PTS55F_W; font-size:12px; text-align:left; margin-left:20px; max-width:670px; margin-top:10px; } .forzac{ margin-left:20px; margin-top:20px; } /*Конец уроки*/ /*Стили переключалки*/ .changer_menu{ margin:0 auto; text-align:center; font-family: PTS55F_W; font-size:16px; width:100%; } .changer_menu_punkt{ margin:0 auto; padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:5px; color:#a7b4c4; width:200px; border: 1px solid #a7b4c4; border-bottom:1px solid #025ab0; border-top-left-radius:5px; border-top-right-radius:5px; display:inline-block; } .changer_menu_punkt_hidden{ margin:0 auto; padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:5px; color:#a7b4c4; width:200px; height:20px; display:inline-block; } .changer_menu_punkt_hidden_pict{ margin:0 auto; margin-bottom:-112px; padding-right:10px; padding-left:10px; padding-top:10px; padding-bottom:5px; color:#a7b4c4; width:200px; height:20px; display:inline-block; } .changer_menu a{ text-decoration:none; color:#a7b4c4; } .changer_activ{ color:#025ab0; background-color:; border: 1px solid #025ab0; border-bottom: 1px solid #ffffff; } .changer_page{ border-top: 1px solid #025ab0; margin-top:-1px; } .changer_page_podzag{ font-family: PTS55F_W; font-size:28px; width:100%; padding-top:5px; text-indent:20px; } .changer_block_text{ margin-left:20px; } .changer_block_text_avtor{ font-family:PTS75F_W; font-size:18px; padding-bottom:5px; padding-top:10px; } .changer_link{ font-family: PTS55F_W; font-size:16px; margin-bottom:12px; max-width:500px; } .changer_link a{ color:#025ab0; } .changer_link a:hover{ color:#025ab0; } .changer_link a:visited{ color:#92278f; } .download_link{ font-family: PTS55F_W; font-size:16px; margin-bottom:12px; max-width:200px; margin-left:20px; } .download_link a{ color:#025ab0; } .download_link a:hover{ color:#025ab0; } .download_link a:visited{ color:#92278f; } .download_link_pdf{ font-family: PTS55F_W; font-size:16px; color:black; text-decoration:none } .download_link_pdf_button{ font-family: PTS55F_W; font-size:16px; color:black; background-color:#f9c803; width:70px; height:20px; border-radius:7px; padding-left:15px; padding-top:1px; padding-bottom:3px; margin-left:40px; } /* .download_link_pdf a{ color:#025ab0; } .download_link_pdf a:hover{ color:#a62a42; } .download_link_pdf a:visited{ color:#92278f; }*/ .changer_menu_punkt:targer { color:#a62a42; border: 1px solid #a62a42; border-bottom: 1px solid #ffffff; } /*Конец. Стили переключалки*/ /*Конец. Стили навигация*/ /*Стили карта*/ .back_button{ position:fixed; right:20px; top:20px; cursor:pointer; } .size_button{ width:30px; height:30px; } .lapka_button{ z-index:10; background:url(../images/icon_lapka_yellolw.svg) no-repeat center; background-size:100% 100%; position:absolute; width:25px; height:25px; } .map_layer{ position:relative; background:url(../images/intro.png) no-repeat top left; background-size:100%; width:100vh; } /*Цветовой блок*/ .class_pict{ width:51px; height:51px; } .hand_pict{ width:62px; height:131px; } .mid{ text-align:center; } /* стили по тестам */ .test_list_block { font-family: PTS55F_W; max-width:800px; margin-left:80px; text-align:center; } #test_template { font-family: PTS55F_W; display:none; position:fixed; top:68px; left:10px; right:10px; margin:0 auto; max-width:540px; background:#fff; border-radius:15px 15px; z-index:600; padding:40px 30px 50px 30px; } @media (max-height: 667px) { #test_template { max-height:500px; overflow-y:scroll; } } #test_template h1 { font-size: 25px; } #test_template .test_intro_text { white-space:pre-wrap; font-size:19px; } #test_template .test_intro_button { background:#a12b3b; border-radius:5px; color:#fff; text-align:center; padding:10px 20px; margin-top:50px; cursor:pointer; } #test_blank_template { display:none; } .test_background { display:none; position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:#c5c3b6; background-image:url(../images/testfon.png); opacity:0.99; z-index:500; } .test_close_button { position:absolute; z-index:700; top:5px; right:5px; width:58px; height:59px; background:url(../images/closetest.png) no-repeat; cursor: pointer; } #test_template .test_inner_space { display:none; } #test_template .test_next_button { width:100px; margin:0 auto; background:#033E8C; border-radius:5px; color:#fff; text-align:center; text-transform:uppercase; padding:15px; margin-top:50px; cursor:pointer; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; font-size:20px; } #test_template .test_next_button.disabled { background:#B7BFD7; } #test_template .test_next_button:hover {background:#f25d07} #test_template .test_progress { color:#7C849C; text-align:center; font-size:23px; } #test_template .test_image { text-align:center; } #test_template .test_image img { max-height:270px; max-width:520px; } @media screen and (max-width: 479px) and (min-width: 320px) { #test_template .test_image img { max-height:220px; max-width:320px; } .test_list_block { margin-left:0px; } #test_template { font-family: PTS55F_W; display:none; position:fixed; top:68px; left:7px; right:7px; margin:0 auto; max-width:540px; background:#fff; border-radius:15px 15px; z-index:600; padding:20px 15px 30px 15px; } } #test_template h2 { text-align:center; font-size:20px; line-height:1.4em; font-weight:normal; padding-top:5px; } #test_template .answer { font-size:18px; border-bottom:1px solid #E0E0E0; padding:10px 17px; cursor:pointer; position: relative; text-align:center;} #test_template .answer:hover { background:#F4F6FD; } #test_template .answer.correct { background:#F2FAEA!important; cursor:default; } #test_template .answer .res { display:none; margin-top:15px; } #test_template .answer.correct .res { color: #69A042; font-weight:bold} #test_template .answer .smile { position:absolute; top:8px; right:8px; width:24px; height:24px; } #test_template .answer.correct .smile { background:url(../images/green_smile.svg); background-size:contain; background-repeat: no-repeat; } #test_template .answer.uncorrect { background:#FDE6EA!important; cursor:default; } #test_template .answer.uncorrect .res { color: #F04438; font-weight:bold;&nbsp;} #test_template .answer.uncorrect .smile { background:url(../images/red_smile.svg); background-size: contain; background-repeat: no-repeat; } #test_template .show_test_results .smile { width:155px; height:187px; margin:0px auto; background-repeat:no-repeat; } #test_template .show_test_results { display:none; margin-bottom:-15px; } #test_template .show_test_results.low .smile { background-image:url(../images/lamp_bad.svg); } #test_template .show_test_results.middle .smile { background-image:url(../images/lamp_so_so.svg); } #test_template .show_test_results.good .smile { background-image:url(../images/lamp_good.svg); } #test_template .show_test_results .result_pre{ font-size:36px; margin-top:15px; text-align:center; } #test_template .show_test_results.low .result_pre{ color:#F04438; } #test_template .show_test_results.middle .result_pre{ color:#FCC02A; } #test_template .show_test_results.good .result_pre{ color:#69A042; } #test_template .show_test_results .result_text { margin-top:20px; font-size:18px; font-weight:normal; text-align:center; white-space:pre-wrap; } #test_template .show_test_results .result_out { font-size:24px; border-radius:10px; padding:20px; text-align:center; margin-top:20px; } #test_template .show_test_results.good .result_out { background-color:#F2FAEA; } #test_template .show_test_results.middle .result_out { background-color:#FFFAB3; } #test_template .show_test_results.low .result_out { background-color:#FDE6EA; } #test_template .show_test_results .result_count{ margin-top:10px;} #test_template .show_test_results .result_pcnt { margin-bottom:5px; font-size:36px; } #test_template .show_test_results .image { margin-top:5px; margin-bottom:5px; } .yellow_block { position:relative; max-width: 1100px; background-color: #edecdc; border-radius: 10px; padding-bottom: 20px; padding-top: 20px; padding-left: 20px; padding-right: 20px; } /* конец стилей по тестам */ .yellow_block_img { position:absolute; left:20px; } .yellow_block_info { margin:0 auto; font-family: PTS55F_W; font-size: 18px; text-align: center; max-width: 200px; line-height: 28px; margin-bottom: 60px; margin-top: 20px; } .yellow_block_text { font-family: PTS55F_W; font-size: 16px; margin-bottom: 20px; margin-top:-20px; margin-left:70px; } .yellow_block_text_mid { font-family: PTS55F_W; font-size: 18px; text-align: center; margin-bottom: 20px; } .text_bold{ font-weight:bold; } /*Конец. Цветовой блок*/ /*Блок Автор*/ .author_pict{ width:132px; height:132px; border-radius:10px; } .author_podpis_fio{ font-family:PTS75F_W; font-size:18px; line-height: 20px; } .author_podpis_titul{ font-family: PTS55F_W; font-size:16px; line-height: 20px; } .author_podpis_site{ font-family: PTS55F_W; font-size:16px; line-height: 20px; } .author_block { position:relative; margin: 0 auto; } .author { margin: 0 auto; text-align:center; margin-top: 40px; width:500px; } .author img { margin: 0 auto; margin-bottom: 5px; } .author a{ color: #4b79bb;text-decoration: none; border-bottom: 1px solid; border-color: rgba(98, 108, 121, 0.3); } .author a:hover{ color: #d9183d; border-bottom: 1px solid; border-color: rgba(166, 42, 66, 0.3); } /*Конец. Блок Автор*/ /*�&nbsp;азворачивающие списки*/ .plashka { position: relative; margin-top: 20px; height: 46px; background-color: #025ab0; border-radius: 10px; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; cursor: pointer; } .number_class { font-family: PTS55F_W; position: absolute; color: #fff; font-size: 22px; top:-14px; left: 22px; } .arrow { position: absolute; top: 20px; right: 22px; width:14px; height:10px; background:url(../images/arrow_down.png) no-repeat; } .arrowUp { background:url(../images/arrow_up.png) no-repeat; } .plashkaCon { display:none; } .textbook { position: relative; margin-top: 20px; margin-bottom: 20px; } .block_obl_gal{ position:relative; float: left; top:25px; margin-right: 20px; margin-bottom: 10px; } .open_gallery{ position:relative; left:225px; top:14px; z-index:2; } .open_gallery_2{ position:relative; top:-40px; z-index:1; } .open_gallery_3{ position:relative; top:-20px; z-index:1; } .cursor { cursor: pointer; } .text_part { text-align: left; padding-right:20px; } .text_italic_razvr { margin-top:-20px; font-family: PTS56F_W; } hr { clear: both; border: 1px solid #d3d9e1; } .opisanie { font-family: PTS55F_W; font-size:16px; } .complexPicture { height:307px; background:url(../images/books.png) no-repeat center; } .text_block1 { max-width: 620px; text-align: center; margin: 0 auto; padding-bottom: 20px; font-family: PTS55F_W; font-size:16px; line-height:20px; } .zag { font-family: PTS75F_W; font-size: 20px; line-height: 24px; } .efu { background-color: #edecdc; border-radius: 10px; padding-top: 25px; padding-left: 40px; padding-right: 40px; padding-bottom: 40px; margin-top: 20px; } .efu p { text-align: left; font-size: 18px; line-height: 25px; } .bordo { color: #025ab0; } /*Конец.�&nbsp;азворачивающие списки*/ /* Большое меню на главной */ .clear{ clear:both; } /*Кусок отвечает за колонки*/ .big_menu_cont{overflow:hidden;width:200px} .box div{width:310px; display:inline-block;} /*Конец. Кусок отвечает за колонки*/ .zag_main_str{ font-family: PTS55F_W; text-align: center; font-size: 36px; line-height: 45px; margin-bottom: 20px; margin-top: 15px; } .big_menu { border-radius: 10px; border: 1px solid #025ab0; margin-top: 20px; margin-bottom: 20px; padding-top: 30px; padding-bottom: 30px; } .img_zaglushka { position: relative; top: -50px; left: 40px; } .block_menu { position:relative; width: 310px; display:inline-block; vertical-align:top; margin-left:40px; } .menu { position: relative; padding-bottom: 75px; margin-left: 43px; } .menu p { position: absolute; top: 18px; left: 65px; font-family: PTS55F_W; font-size: 26px; } .menu a { position: absolute; top: 10px; left: 65px; font-size: 20px; font-family: PTS55F_W; color: #000000; text-decoration: none; border-bottom: 1px solid; border-color: rgba(0, 0, 0, 0.3); } .menu a:hover { color: #d9183d; border-bottom: 1px solid; border-color: rgba(217, 42, 66, 0.3); } .menu img { position: absolute; left: 0px; } .punkt_red { color: #025ab0; font-size: 25px; margin-top:-5px; } .punkt_blue { color: #025ab0; font-size: 25px; margin-top:-5px; } /*Конец. Большое меню на главной */ /*Карусель*/ .carousel_border { border-radius: 10px; border: 1px solid #025ab0; background-color:; margin-top: 20px; margin-bottom: 20px; padding-top: 30px; padding-bottom: 30px; } /*Конец. Карусель*/ /*Footer*/ #footer { position: relative; height: 100px; background-color: #96abbe; clear: both; margin-top:20px; padding-bottom:10px; } #footer img { position: absolute; left: 20px; padding-top:25px; } .footer_text_first { font-family: PTS55F_W; position: absolute; right: 35px; padding-top:20px; font-size:16px; } .footer_text_second { font-family: PTS55F_W; position: absolute; right: 20px; top: 45px; text-align: left; font-size: 14px; line-height: 16px; } .copyright { } .footer_logo{ width:250px; margin-top:20px; } /*Конец Footer*/ /*Запросы Media*/ @media screen and (min-width: 1001px) and (max-width:1120px) { .block_menu { margin-left:20px; } .block_video{ width:43%; } .block_news{ width:57%; } .news_cont_img{ padding-left:20px; padding-bottom:10px; } } @media screen and (min-width: 851px) and (max-width:1000px) { .block_video_news{ display: flex; flex-flow: wrap; max-height: max-content; } .block_video{ width:100%; float:none; padding-bottom:20px; order: 2; margin-top:30px; margin:0 auto; } .video_cont{ padding-left:0px; padding-top:25px; max-height: max-content; } .cont_1{ float:left; width:400px; margin-left:10px; } .cont_2{ float:left; width:400px; margin-left:20px; } .video_cont_img{ width:400px; } .video_cont_img_border{ border-radius: 15px; width:100%; } .video_cont_text{ width:400px; font-size:16px; font-family: PTS55F_W; Line-height: 16px; margin-top:5px } .block_news{ width:100%; max-height: max-content; float:none; padding-bottom:20px; order: 1; } .news_cont{ margin-top:30px; max-height: max-content; } .news_cont_time{ margin-left:0px; } .news_cont_time_sdvig{ margin-left:6px; } .news_cont_zag{ width:calc(100% - 120px); } .news_cont_text{ width:calc(100% - 120px); } .banner_text{ width:200px; top:-70px; } .banner_img_right{ top:-40px; } } @media screen and (min-width: 651px) and (max-width:850px) { .block_video_news{ display: flex; flex-flow: wrap; max-height: max-content; } .block_video{ width:100%; float:none; padding-bottom:20px; order: 2; margin-top:30px; margin:0 auto; } .video_cont{ padding-left:0px; padding-top:25px; max-height: max-content; } .cont_1{ float:left; width:300px; margin-left:10px; } .cont_2{ float:left; width:300px; margin-left:20px; } .video_cont_img{ width:100%; } .video_cont_img_border{ border-radius: 15px; width:100%; } .video_cont_text{ width:100%; font-size:16px; font-family: PTS55F_W; Line-height: 16px; margin-top:5px } .block_news{ width:100%; max-height: max-content; float:none; padding-bottom:20px; order: 1; } .news_cont{ margin-top:30px; max-height: max-content; } .news_cont_time{ margin-left:0px; } .news_cont_time_sdvig{ margin-left:6px; } .news_cont_img{ padding-right:10px; } .news_cont_zag{ width:calc(100% - 120px); } .news_cont_text{ width:calc(100% - 120px); } .banner_text{ width:200px; top:-70px; } .banner_img_right{ top:-40px; } } @media screen and (min-width: 581px) and (max-width: 650px) { .block_video_news{ display: flex; flex-flow: wrap; max-height: max-content; } .block_video{ width:100%; float:none; padding-bottom:20px; order: 2; margin-top:30px; margin:0 auto; } .video_cont{ padding-left:0px; padding-top:25px; max-height: max-content; } .cont_1{ float:left; width:400px; margin-left:10px; } .cont_2{ float:left; width:400px; margin-left:20px; } .video_cont_img{ width:100%; } .video_cont_img_border{ border-radius: 15px; width:100%; } .video_cont_text{ width:100%; font-size:16px; font-family: PTS55F_W; Line-height: 16px; margin-top:5px } .block_news{ width:100%; max-height: max-content; float:none; padding-bottom:20px; order: 1; } .news_cont{ margin-top:30px; max-height: max-content; } .news_cont_img{ padding-right:10px; } .news_cont_time{ margin-left:0px; } .news_cont_time_sdvig{ margin-left:6px; } .news_cont_zag{ width:calc(100% - 120px); } .news_cont_text{ width:100%; } .banner_text{ width:200px; top:-70px; } .banner_img_right{ visibility:hidden; } } @media screen and (min-width: 440px) and (max-width: 580px) { .block_video_news{ display: flex; flex-flow: wrap; max-height: max-content; } .block_video{ width:100%; float:none; padding-bottom:20px; order: 2; margin-top:30px; margin:0 auto; } .video_cont{ padding-left:0px; padding-top:25px; max-height: max-content; } .cont_1{ float:left; width:400px; margin-left:10px; } .cont_2{ float:left; width:400px; margin-left:20px; } .video_cont_img{ width:100%; } .video_cont_img_border{ border-radius: 15px; width:100%; } .video_cont_text{ width:100%; font-size:16px; font-family: PTS55F_W; Line-height: 16px; margin-top:5px } .block_news{ width:100%; max-height: max-content; float:none; padding-bottom:20px; order: 1; } .news_cont{ margin-top:30px; max-height: max-content; } .news_cont_img{ padding-right:10px; } .news_cont_time{ margin-left:0px; } .news_cont_time_sdvig{ margin-left:6px; } .news_cont_zag{ width:calc(100% - 120px); } .news_cont_text{ width:100%; } .banner_text{ width:200px; top:-70px; } .banner_img_right{ visibility:hidden; } } @media screen and (min-width: 351px) and (max-width: 440px) { .block_video_news{ display: flex; flex-flow: wrap; max-height: max-content; } .block_video{ width:100%; float:none; padding-bottom:20px; order: 2; margin-top:30px; margin:0 auto; } .video_cont{ padding-left:0px; padding-top:25px; max-height: max-content; width:330px; margin-left:10px; } .video_cont_img{ width:100%; } .video_cont_img_border{ border-radius: 15px; width:100%; } .video_cont_text{ width:100%; font-size:16px; font-family: PTS55F_W; Line-height: 16px; margin-top:5px } .block_news{ width:100%; max-height: max-content; float:none; padding-bottom:20px; order: 1; } .news_cont{ margin-top:30px; max-height: max-content; } .news_cont_img{ padding-right:10px; } .news_cont_time{ margin-left:0px; } .news_cont_time_sdvig{ margin-left:6px; } .news_cont_zag{ width:calc(100% - 120px); } .news_cont_text{ width:100%; } .banner_text{ width:200px; top:-70px; font-size:30px; } .banner_img_right{ visibility:hidden; } } @media screen and (max-width: 350px) { .block_video_news{ display: flex; flex-flow: wrap; max-height: max-content; } .block_video{ width:100%; float:none; padding-bottom:20px; order: 2; margin-top:30px; margin:0 auto; } .video_cont{ padding-left:0px; padding-top:25px; max-height: max-content; width:280px; margin-left:10px; } .video_cont_img{ width:100%; } .video_cont_img_border{ border-radius: 15px; width:100%; } .video_cont_text{ width:100%; font-size:16px; font-family: PTS55F_W; Line-height: 16px; margin-top:5px } .block_news{ width:100%; max-height: max-content; float:none; padding-bottom:20px; order: 1; } .news_cont{ margin-top:30px; max-height: max-content; } .news_cont_img{ padding-right:10px; } .news_cont_time{ margin-left:0px; } .news_cont_time_sdvig{ margin-left:6px; } .news_cont_zag{ width:calc(100% - 120px); font-size:18px; } .news_cont_text{ width:100%; font-size:16px; } .banner_text{ width:200px; top:-60px; font-size:25px; } .banner_img_right{ visibility:hidden; } } @media screen and (min-width: 600px) and (max-width:1024px) { .img_zaglushka { visibility:hidden; } .complexPicture { height:286px; background:url(../images/books.png) no-repeat center; } .banner_rus_hist{ background: url(../images/banner.jpg) top center no-repeat; } .block_obl_gal{ padding-left:10px; } .big_menu_cont{overflow:hidden;width:200px} .box div{width:310px;display:inline-block;} .big_menu .block_menu:nth-child(1) { float: none; margin-bottom: 30px; margin-left: 1px; } .big_menu .block_menu:nth-child(2) { clear: left; } .big_menu { position: relative; min-height:500px; } .block_obl_gal { padding-left: 10px;} .title_page_main_text{ max-width:650px; } .pict_block_pad{ padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; margin-bottom:25px; } .yellow_block{ margin-left:10px; margin-right:10px; } .menu{ max-width:300px; } .yellow_block{ margin-right:10px; margin-left:10px; } .plashka{ margin-right:10px; margin-left:10px; } .block_menu{ margin-bottom:40px; } } /* 480 */ @media screen and (min-width: 480px) and (max-width:600px) { .complexPicture { height:568px; background:url(../images/books_320.png) no-repeat center; } .img_zaglushka { visibility:hidden; } .banner_rus_hist{ background: url(../images/banner.jpg) top center no-repeat; } .bigMenu .block_menu { float:none; position:inherit; } .yellow_block{ margin-right:10px; margin-left:10px; } .big_menu .block_menu:nth-child(3) { position: inherit ; top:30px; right:0px; } .block_obl_gal { margin-right: 300px;} .title_page_pict{ display:none; } .textbook { margin-left:10px; } .title_page_main_text{ padding-left:10px; padding-right:10px; } .width_pict{ width:150px; } .block_left{ display: inline-block; margin-right:0px; } .block_right{ display: inline-block; margin-left:0px; } .pict_block { margin-left:5px; margin-right:5px; max-width:280px; text-align:center; margin:0 auto; } .pict_block_zag{ font-size:18px; } .pict_block_text{ font-size:14pt; } .pict_block_pad{ padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; margin-bottom:25px; } .big_menu{ margin-left:10px; margin-right:10px; } .plashka{ margin-right:10px; margin-left:10px; } .main_screen_rus_hist{ position:relative; left:-160px; top:30px; height:26px; width:26px; } .home_rus_hist{ position:relative; left:230px; top:50px; height:26px; width:26px; } .block_menu{ margin-bottom:40px; } } @media screen and (min-width: 320px) and (max-width:479px) { .banner_rus_hist{ background: url(../images/banner_320px.jpg) top center no-repeat; } .img_zaglushka { visibility:hidden; } .big_menu{ margin-left:10px; margin-right:10px; } .box div{width:220px; display:inline-block;} .menu{ margin-left:10px; width:280px; } .menu a{ font-size:16px; } .menu p{ font-size:20px; } .complexPicture { height:568px; background:url(../images/books_320.png) no-repeat center; } .common_nav { margin-left:-43px; } .main_nav{ margin-top:-45px; } .main_nav li a{ padding-left: 7px; padding-right: 7px; } .main_nav li a:hover{ background-color: #75869c; font-size:18px; } .activ { padding-left: 7px; padding-right: 7px; } .zag_main_str{ font-size: 20px; line-height: 20px; } .textbook { margin-left:10px; } .yellow_block_img { display:none; } .yellow_block{ margin-right:10px; margin-left:10px; } .plashka{ margin-right:10px; margin-left:10px; } .yellow_block_text { margin-left:0px; } .footer_logo{ width:130px; } .footer_text_first { font-size: 14px; } .footer_text_second { font-size: 12px; } .author_pict{ width:100px; height:100px; } .author_block { position:relative; margin: 0 ; } .author { margin: 0 auto; text-align:center; margin-top: 20px; width:250px; } .text_part{ } .title_page_pict{ margin:0 auto; margin-bottom:-15px; } .title_page_main_text{ padding-left:10px; padding-right:10px; } .width_pict{ width:150px; } .block_left{ display: inline-block; margin-right:0px; } .block_right{ display: inline-block; margin-left:0px; } .pict_block { margin-left:5px; margin-right:5px; max-width:270px; text-align:center; margin:0 auto; } .pict_block_zag{ font-size:18px; } .pict_block_text{ font-size:14pt; } .pict_block_pad{ padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; margin-bottom:25px; } .home_rus_hist{ position:relative; left:128px; top:0px; margin-bottom:-20px; } .main_screen_rus_hist{ position:relative; left:-85px; top:0px; margin-bottom:-20px; } .main_screen_rus_hist{ position:relative; left:-85px; top:-10px; margin-bottom:-20px; display:inline-block; background:url(../images/main_screen_mobil.png) no-repeat center; height:26px; width:26px; } .home_rus_hist{ position:relative; left:155px; top:-10px; display:inline-block; background:url(../images/home.png) no-repeat center; height:26px; width:26px; } .block_obl_gal { margin-right: 300px; } .block_menu{ margin-bottom:40px; } } @media screen and (max-width: 320px) { .banner_rus_hist{ background: url(../images/banner_320px.jpg) top center no-repeat; } .img_zaglushka { visibility:hidden; } .big_menu{ margin-left:10px; margin-right:10px; } .menu{ margin-left:10px; width:280px; } .menu a{ font-size:16px; } .menu p{ font-size:20px; } .complexPicture { height:568px; background:url(../images/books_320.png) no-repeat center; } .common_nav { margin-left:-43px; } .main_nav{ margin-top:-45px; } .main_nav li a{ padding-left: 7px; padding-right: 7px; } .main_nav li a:hover{ background-color: #75869c; font-size:18px; } .activ { padding-left: 7px; padding-right: 7px; } .zag_main_str{ font-size: 20px; line-height: 20px; } .textbook { margin-left:10px; } .yellow_block_img { display:none; } .yellow_block{ margin-right:10px; margin-left:10px; } .plashka{ margin-right:10px; margin-left:10px; } .yellow_block_text { margin-left:0px; } .footer_logo{ width:130px; } .footer_text_first { font-size: 14px; } .footer_text_second { font-size: 12px; } .author_pict{ width:100px; height:100px; } .author_block { position:relative; margin: 0 ; } .author { margin: 0 auto; text-align:center; margin-top: 20px; width:250px; } .text_part{ } .title_page_pict{ margin:0 auto; margin-bottom:-15px; } .title_page_main_text{ padding-left:10px; padding-right:10px; } .width_pict{ width:150px; } .block_left{ display: inline-block; margin-right:0px; } .block_right{ display: inline-block; margin-left:0px; } .pict_block { margin-left:5px; margin-right:5px; max-width:270px; text-align:center; margin:0 auto; } .pict_block_zag{ font-size:18px; } .pict_block_text{ font-size:14pt; } .pict_block_pad{ padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; margin-bottom:25px; } .home_rus_hist{ position:relative; left:128px; top:0px; margin-bottom:-20px; } .main_screen_rus_hist{ position:relative; left:-85px; top:0px; margin-bottom:-20px; } .main_screen_rus_hist{ position:relative; left:-85px; top:-10px; margin-bottom:-20px; display:inline-block; background:url(../images/main_screen_mobil.png) no-repeat center; height:26px; width:26px; } .home_rus_hist{ position:relative; left:126px; top:-10px; display:inline-block; background:url(../images/home.png) no-repeat center; height:26px; width:26px; } .block_menu{ margin-bottom:40px; } }<br>