@import url("https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600&family=Open+Sans&display=swap"); * { -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; font-display: swap; } video { display: none; } html, body { padding: 0; margin: 0; width: 100%; background: #EAEAEA; height: auto; font-family: "Fira Sans", sans-serif; } .wpage { max-width: 1200px !important; padding-left: 20px !important; padding-right: 20px !important; margin-left: auto !important; margin-right: auto !important; } .menulabel { opacity: 0; width: 0; padding: 0; margin: 0; font-size: 80%; -webkit-transition: 0.2s; transition: 0.2s; margin-left: -20px; } .menulabel.show { margin-left: 0px; opacity: 1; width: 35px; } .searchboxmobile { display: none; } .editbutton { border: 2px solid #d1d1d1; color: #d1d1d1; font-weight: bold; background: #fff; border-radius: 20px; position: absolute; -webkit-transform: translateX(200px) translateY(-17px); transform: translateX(200px) translateY(-17px); z-index: 5; padding: 5px 12px; text-decoration: none; } .wpage.rel { position: relative; } .wpage.rel .top_links { position: absolute; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; top: 59px; left: 500px; width: 100px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpage.rel .top_links a { white-space: nowrap; color: #2e3192; padding-right: 20px; display: block; font-size: 73%; text-decoration: none; font-weight: lighter; } .wpage.rel .top_links a.e_lbtn { margin-right: 20px; background: #2e3192; color: #d1d1d1; padding: 6px 12px; border-radius: 5px; -webkit-transition: 0.2s; transition: 0.2s; } .wpage.rel .top_links a.e_lbtn svg { width: 14px; height: 14px; fill: #d1d1d1; } .wpage.rel .top_links a.e_lbtn:hover { opacity: 0.8; } .wpage.rel .top_links a.e_lbtn:hover svg { fill: red; } .wpage.rel .top_links a:last-child { padding-right: 0px; } header { position: relative; z-index: 7; height: 150px; } header .langs { position: absolute; right: 22px; top: 65px; } header .langs ul { list-style: none; padding: 0; margin: 0; color: #2e3192; gap: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; } header .langs ul li.selected a { opacity: 1; color: #d1d1d1; background: #2e3192; } header .langs ul li a { border-radius: 100px; padding: 12px; color: #2e3192; text-decoration: none; opacity: 1; -webkit-transition: 0.3s; transition: 0.3s; } header .langs ul li a:hover { opacity: 0.8; } header .hdr_elements { -webkit-transition: 1s; transition: 1s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 30px 0px; position: fixed; padding: 20px; gap: 20px; border-radius: 20px; background: #EAEAEA; } header .hdr_elements.show { -webkit-box-shadow: 1px 0px 39px -14px rgba(0, 0, 0, 0.25); box-shadow: 1px 0px 39px -14px rgba(0, 0, 0, 0.25); } header .hdr_elements .logo svg { fill: #2e3192; height: 36px; } header .hdr_elements .logo a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .hdr_elements .logo a:hover img:nth-child(2) { opacity: 1; } header .hdr_elements .logo a img:nth-child(2) { opacity: 0.8; -webkit-transition: 0.3s; transition: 0.3s; } header .hdr_elements .logo a img { height: 36px; } header .hdr_elements .logo a .logotext { -webkit-transition: 0.2s; transition: 0.2s; width: 126px; margin-left: 10px; overflow: hidden; } header .hdr_elements .logo a .logotext.shrink { margin-left: 0px !important; width: 0; } header .hdr_elements .menu_opener { padding: 10px 22px; background: white; border: 1px solid white; color: #2e3192; border-radius: 7px; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; cursor: pointer; } header .hdr_elements .menu_opener .burger { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 3px; -webkit-transition: 0.6s; transition: 0.6s; } header .hdr_elements .menu_opener .burger div { -webkit-transition: 0.4s; transition: 0.4s; width: 20px; height: 2px; background: #2e3192; } header .hdr_elements .menu_opener:hover { background: #d1d1d1; } header .hdr_elements .searchbox { position: relative; width: 160px; -webkit-transition: 0.2s; transition: 0.2s; overflow: hidden; } header .hdr_elements .searchbox.shrink { width: 0px; overflow: hidden; } header .hdr_elements .searchbox input { outline: none; padding: 12px 22px; background: #EAEAEA; border: 1px solid #2e3192; border-radius: 7px; color: #2e3192 !important; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; font-size: 100%; -webkit-transition: 0.2s; transition: 0.2s; width: 160px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header .hdr_elements .searchbox input::-webkit-input-placeholder { color: #2e3192; opacity: 0.4; } header .hdr_elements .searchbox input::-moz-placeholder { color: #2e3192; opacity: 0.4; } header .hdr_elements .searchbox input:-ms-input-placeholder { color: #2e3192; opacity: 0.4; } header .hdr_elements .searchbox input::-ms-input-placeholder { color: #2e3192; opacity: 0.4; } header .hdr_elements .searchbox input::placeholder { color: #2e3192; opacity: 0.4; } header .hdr_elements .searchbox input[type=submit] { position: absolute; right: 5px; top: 10px; text-indent: -999999px; border: none !important; display: block; background: url("../images/search.png") no-repeat center; background-size: 22px; width: 20px; height: 20px; cursor: pointer; opacity: 0.7; } header .hdr_elements .searchbox input[type=submit]:hover { opacity: 1; } .main_nav { height: 0; opacity: 0; pointer-events: none; top: 150px; width: 100%; } .main_nav.show_main_menu { height: auto; opacity: 1; pointer-events: all; } .main_nav nav ul { list-style: none; padding: 0; margin: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 5px; } .main_nav nav ul .menu_sublinks { display: none; } .main_nav nav ul li { padding: 20px 0px; text-align: center; border-left: 1px solid rgba(46, 49, 146, 0.5); } .main_nav nav ul li:hover .menu_sublinks { position: absolute; display: block; z-index: 4; } .main_nav nav ul li:hover .menu_sublinks ul { -webkit-box-shadow: -1px 21px 58px -17px rgba(0, 0, 0, 0.51); box-shadow: -1px 21px 58px -17px rgba(0, 0, 0, 0.51); margin-bottom: 0px !important; -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; display: -ms-grid; display: grid; background: #EAEAEA; border-radius: 10px; width: 100%; min-width: 189px; max-width: 250px; gap: 0px; max-height: 70vw; overflow-y: auto; } .main_nav nav ul li:hover .menu_sublinks ul:nth-child(1) { padding-top: 10px; margin-top: 20px; } .main_nav nav ul li:hover .menu_sublinks ul li { padding: 3px 10px !important; text-align: left; width: 100%; border: none !important; } .main_nav nav ul li:hover .menu_sublinks ul li b { margin-bottom: 7px; display: block; font-weight: normal; } .main_nav nav ul li:hover .menu_sublinks ul li a { color: #2e3192; text-decoration: none; -webkit-transition: 0.4s; transition: 0.4s; padding: 2px 3px !important; display: block; font-size: 90%; } .main_nav nav ul li:hover .menu_sublinks ul li a:hover { opacity: 0.7; } .main_nav nav ul li:nth-child(1) { border: none !important; } .main_nav nav ul li.hovermenu:hover span { opacity: 0.6; } .main_nav nav ul li.hovermenu span { color: #2e3192; cursor: pointer; height: 40px; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .main_nav nav ul li a { color: #2e3192; text-decoration: none; -webkit-transition: 0.4s; transition: 0.4s; display: block; } .main_nav nav ul li a:hover { opacity: 0.7; } .bigmenu { display: none; } .inside .bx-wrapper { position: relative; } .inside .bx-wrapper .bx-controls-direction { position: absolute; top: 50%; margin-top: -20px; height: 40px; width: calc(100% + 40px); margin-left: -20px; text-indent: -999999px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .inside .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; background: #d1d1d1; border-radius: 100px; position: relative; } .inside .bx-wrapper .bx-controls-direction a.bx-prev:after { content: ""; position: absolute; width: 10px; height: 10px; border: 2px solid #fff; left: 0; top: 0; border-left: none; border-top: none; -webkit-transform: rotateZ(137deg) translateY(-21px) translateX(-2px); transform: rotateZ(137deg) translateY(-21px) translateX(-2px); } .inside .bx-wrapper .bx-controls-direction a.bx-next:after { content: ""; position: absolute; width: 10px; height: 10px; border: 2px solid #fff; left: 0; top: 0; border-left: none; border-top: none; -webkit-transform: rotateZ(-45deg) translateY(17px) translateX(-2px); transform: rotateZ(-45deg) translateY(17px) translateX(-2px); } .opened { overflow: hidden; } .opened .hovermenu .menu_sublinks { display: none !important; } .opened .main_nav { position: fixed; height: auto; opacity: 1; pointer-events: all; z-index: 5; } .opened .burger { -webkit-transform: rotateZ(180deg) translateX(-8px); transform: rotateZ(180deg) translateX(-8px); } .opened .burger div:nth-child(2), .opened .burger div:nth-child(4) { display: none; } .opened .burger div:nth-child(1) { -webkit-transform: rotateZ(-45deg) translateY(8px) translateX(3px); transform: rotateZ(-45deg) translateY(8px) translateX(3px); } .opened .burger div:nth-child(3) { -webkit-transform: rotateZ(45deg) translateY(-7px) translateX(4px); transform: rotateZ(45deg) translateY(-7px) translateX(4px); } .opened .in_menu_buttons a { padding: 13px; background: #2e3192; text-decoration: none; border: 1px solid #2e3192; color: #d1d1d1; -webkit-transition: 0.3s; transition: 0.3s; } .opened .in_menu_buttons a:hover { color: #2e3192; background: #d1d1d1; } .opened .searchbox, .opened .langs { display: none; } .opened .bigmenu { overflow: auto; display: block; background: #EAEAEA; position: fixed; left: 0; top: 0; z-index: 4; width: 100vw; height: 100vh; padding-top: 230px; padding-bottom: 40px; pointer-events: fill; } .opened .bigmenu .menu_sublinks ul { margin-bottom: 10px !important; -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; display: -ms-grid; display: grid; gap: 0px; padding-top: 20px; max-height: 70vw; overflow-y: auto; } .opened .bigmenu .menu_sublinks ul li { padding: 0px !important; text-align: left; width: 100%; } .opened .bigmenu .menu_sublinks ul li b { margin-bottom: 7px; display: block; font-weight: normal; } .opened .bigmenu .menu_sublinks ul li a { color: #2e3192; text-decoration: none; -webkit-transition: 0.4s; transition: 0.4s; padding: 2px 3px !important; display: block; font-size: 90%; } .opened .bigmenu .menu_sublinks ul li a:hover { opacity: 0.7; } .opened .bigmenu:after { z-index: 5; content: ""; display: block; background: #EAEAEA; background: -webkit-gradient(linear, left bottom, left top, from(rgba(234, 234, 234, 0)), color-stop(6%, #eaeaea), to(#eaeaea)); background: linear-gradient(0deg, rgba(234, 234, 234, 0), #eaeaea 6%, #eaeaea 100%); width: 100%; height: 240px; position: fixed; top: 0; left: 0; } .opened .bigmenu ul { list-style: none; padding: 0; margin: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr 5px 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 5px; } .opened .bigmenu ul li { padding: 10px 20px; text-align: left; } .flex_news_new { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; gap: 10px !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex_news_new img { -ms-flex-preferred-size: 120px !important; flex-basis: 120px !important; width: 100px !important; height: 100px !important; -o-object-fit: cover !important; object-fit: cover !important; } .page { position: relative; z-index: 1; } .banners { position: relative; } .banners .bx-controls-direction { position: absolute; width: 90%; top: 50%; left: 5%; background: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .banners .bx-controls-direction .bx-prev { text-indent: -99999px; width: 20px; height: 20px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); border-left: 1px solid #2e3192; border-bottom: 1px solid #2e3192; } .banners .bx-controls-direction .bx-next { text-indent: -99999px; width: 20px; height: 20px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); border-right: 1px solid #2e3192; border-top: 1px solid #2e3192; } video.mbg { position: fixed; width: 100vw; height: 100vh; -o-object-fit: cover; object-fit: cover; pointer-events: none; top: 0; z-index: 0; } .banner { margin: 50px 0px; width: 100%; } .banner .words_p { width: 100%; position: absolute; height: 550px; padding-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 100; } .banner .words_p a { text-decoration: none !important; pointer-events: all !important; } .banner .words_p .words { color: #2e3192; font-weight: bold; font-size: 300%; width: 100%; } .banner .words_p .words span { max-width: 600px; display: block; } .banner .words_p .paging { list-style: none; margin: 20px 0px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; gap: 10px; } .banner .words_p .paging li { width: 5px; display: block; height: 5px; background: rgba(46, 49, 146, 0.5); } .banner .words_p .paging li.active { background: #fff !important; } .banner img { width: 100%; height: 600px; -o-object-fit: cover; object-fit: cover; -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, transparent), to(black)); -webkit-mask-image: linear-gradient(to top, transparent 10%, black 100%); mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, transparent), to(black)); mask-image: linear-gradient(to top, transparent 10%, black 100%); } .sep { height: 1000px; } .button_arrow { padding: 15px 22px; position: relative; -webkit-transition: 0.3s; transition: 0.3s; border-radius: 6px; background: #d1d1d1; color: #2e3192; display: inline-block; text-decoration: none; padding-right: 45px; margin-top: 40px; } .button_arrow:hover:after { right: 16px; } .button_arrow:after { content: ""; -webkit-transition: 0.3s; transition: 0.3s; width: 10px; height: 10px; display: block; position: absolute; right: 20px; top: 19px; border-right: 2px solid #2e3192; border-top: 2px solid #2e3192; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .button_blocks { position: relative; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 15px 1fr 15px 1fr; grid-template-columns: repeat(3, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; } .button_blocks .whyus ul { list-style: none; padding: 0; margin: 0; } .button_blocks .whyus ul li { padding-left: 30px; padding-right: 10px; margin-bottom: 10px; font-size: 80%; position: relative; display: block; } .button_blocks .whyus ul li:after { width: 6px; height: 6px; border-radius: 100px; background: #d1d1d1; content: ""; position: absolute; left: 15px; top: 4px; } .button_blocks .bl1 { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1/1/2/2; } .button_blocks .bl2 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1/1/3/2; } .button_blocks .bl2 .bx-controls-direction { position: absolute; width: 70%; top: 70px; left: 15%; background: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .button_blocks .bl2 .bx-controls-direction .bx-prev { text-indent: -99999px; width: 20px; height: 20px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); border-left: 1px solid black; border-bottom: 1px solid black; } .button_blocks .bl2 .bx-controls-direction .bx-next { text-indent: -99999px; width: 20px; height: 20px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); border-right: 1px solid black; border-top: 1px solid black; } .button_blocks .bl3 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1/2/3/3; } .button_blocks .bl4 { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 1/3/3/4; } .button_blocks .center { text-align: center; } .button_blocks div { background: #d1d1d1; } .button_blocks div h2 { font-size: 100%; font-weight: bold; padding: 15px; margin: 0; } footer { position: relative; margin-top: 50px; } footer .logos_line { padding: 40px 0px; background: #9e9e9e; } footer .logos_line .logos_line_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } footer .logos_line .logos_line_content img, footer .logos_line .logos_line_content svg { height: 55px; fill: #2e3192; width: auto; } footer .footer_content { background: #c4c4c4; } footer .footer_content .footer_contentel { padding: 50px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } footer .footer_content .footer_contentel .lft { display: -webkit-box; display: -ms-flexbox; display: flex; } footer .footer_content .footer_contentel .lft > img { max-width: 100px; margin-right: 15px; } footer .footer_content .footer_contentel .lft .socials { width: 200px; padding: 12px 20px; background: #d1d1d1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 100px; } footer .footer_content .footer_contentel .lft .socials img { width: 23px; height: 23px; } footer .footer_content .footer_contentel .rght { color: #2e3192; font-size: 80%; line-height: 1.9; text-align: right; } footer .footer_content .footer_contentel .rght .quick_contact { opacity: 0.6; } footer .footer_content .footer_contentel .rght .copy { margin-top: 30px; font-size: 90%; display: block; } footer .footer_content .footer_contentel .rght a { text-decoration: none; color: #2e3192; } .entonee { text-align: center; width: 400px; border-top: 1px solid rgba(209, 209, 209, 0.5); margin: auto; } .entonee span { padding-top: 16px; display: inline-block; white-space: nowrap; color: #2e3192; opacity: 0.5; overflow: hidden; width: 0px; -webkit-transition: 1s; transition: 1s; } .entonee:hover span { width: 90px; } .entonee:hover svg path:nth-child(1) { opacity: 1; } .entonee:hover svg path:nth-child(2) { opacity: 1; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .entonee:hover svg path:nth-child(3) { opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .entonee:hover svg path:nth-child(4) { opacity: 1; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .entonee:hover svg path:nth-child(5) { opacity: 1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .entonee:hover svg path:nth-child(6) { opacity: 1; -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .entonee:hover svg path:nth-child(7) { opacity: 1; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .entonee:hover svg path:nth-child(8) { opacity: 1; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .entonee:hover svg path:nth-child(9) { opacity: 1; -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .entonee:hover svg path:nth-child(10) { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .entonee:hover svg path:nth-child(11) { opacity: 1; -webkit-transition-delay: 0.11s; transition-delay: 0.11s; } .entonee:hover svg path:nth-child(12) { opacity: 1; -webkit-transition-delay: 0.12s; transition-delay: 0.12s; } .entonee:hover svg path:nth-child(13) { opacity: 1; -webkit-transition-delay: 0.13s; transition-delay: 0.13s; } .entonee:hover svg path:nth-child(14) { opacity: 1; -webkit-transition-delay: 0.14s; transition-delay: 0.14s; } .entonee:hover svg path:nth-child(15) { opacity: 1; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .entonee:hover svg path:nth-child(16) { opacity: 1; -webkit-transition-delay: 0.16s; transition-delay: 0.16s; } .entonee:hover svg path:nth-child(17) { opacity: 1; -webkit-transition-delay: 0.17s; transition-delay: 0.17s; } .entonee:hover svg path:nth-child(18) { opacity: 1; -webkit-transition-delay: 0.18s; transition-delay: 0.18s; } .entonee svg { width: 130px; padding: 20px 10px; height: 65px; fill: #2e3192; } .entonee svg path { -webkit-transition: 0.5s; transition: 0.5s; opacity: 0.4; } .ix_list { height: 400px; overflow-y: auto; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .ix_list .ix { color: black; text-decoration: none; padding-left: 15px; max-width: 100%; margin-bottom: 15px; } .ix_list .ix .ix_header { font-size: 80%; color: #2e3192; } .ix_list .ix .ix_subheader { max-width: 350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 70%; } .share_news_block { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr 10px 1fr; grid-template-columns: 1fr 1fr 1fr; margin: 10px 0px; gap: 10px; } .share_news_block a { height: 30px; border-radius: 5px; background: #eaeaea; text-indent: -999999px; } .share_news_block a.fb { background: url("../images/logos/Facebook-share.png") no-repeat center #1e4799; background-size: 80px; } .share_news_block a.fb:hover { background-color: #16336e; } .share_news_block a.wp { background: url("../images/logos/Whatsapp-share.png") no-repeat center #2ab200; background-size: 80px; } .share_news_block a.wp:hover { background-color: #1e7f00; } .share_news_block a.tg { background: url("../images/logos/Telegram-share.png") no-repeat center #61a8de; background-size: 80px; } .share_news_block a.tg:hover { background-color: #3791d5; } .alGal { position: relative; } .alGal .galheader { position: absolute; left: 0; bottom: 11px; z-index: 1; font-size: 80%; width: 150px; padding: 4px; } .image_gallery { display: -ms-grid; display: grid; padding: 10px; -ms-grid-columns: 1fr 4px 1fr; grid-template-columns: 1fr 1fr; grid-auto-rows: 130px; gap: 4px; margin-top: 18px; } .image_gallery:hover img { opacity: 0.6; } .image_gallery:hover img:hover { opacity: 1 !important; } .image_gallery img { background: #ccc; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: none; -webkit-transition: 0.2s; transition: 0.2s; -webkit-transition-delay: 0s; transition-delay: 0s; } .image_gallery img:hover { -webkit-box-shadow: 0px 2px 156px -16px rgba(0, 0, 0, 0.75); box-shadow: 0px 2px 156px -16px rgba(0, 0, 0, 0.75); opacity: 1 !important; border-radius: 10px; position: relative; z-index: 3; -webkit-transition-delay: 0.8s, 0s, 0.8s; transition-delay: 0.8s, 0s, 0.8s; -webkit-transition-property: opacity, inset, -webkit-transform; transition-property: opacity, inset, -webkit-transform; transition-property: transform, opacity, inset; transition-property: transform, opacity, inset, -webkit-transform; -webkit-transform: scale(2.6); transform: scale(2.6); } .image_gallery img:nth-child(-n+12) { display: block; } .bx-wrapper .bx-pager { margin-bottom: 10px; text-align: center; font-size: 0.85em; font-weight: bold; color: #666; padding-bottom: 10px; } .bx-wrapper .bx-pager.bx-default-pager a { background: white; text-indent: -9999px; display: block; width: 5px; height: 5px; margin: 0 5px; outline: 0; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #d1d1d1; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } .telebe_rotator { position: relative; margin-top: 60px; height: 300px; } .telebe_rotator .slider .position { padding: 0px 30px; font-size: 70%; margin: 10px 0px; color: #888888; } .telebe_rotator .slider .name_surname { margin: 10px 0px 0px 0px; } .telebe_rotator .slider .study { background: #ccc; color: #2e3192; font-size: 70%; margin: 10px auto 0px auto; width: 70%; padding: 10px; border-radius: 10px; } .telebe_rotator img { max-width: 170px; height: 170px; border-radius: 200px; -o-object-fit: cover; object-fit: cover; margin: 0px 30px; } .contact_form_element { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr 10px 1fr; grid-template-columns: repeat(3, 1fr); grid-column-gap: 10px; grid-row-gap: 10px; margin: 20px 0px; } .contact_form_element .cfe_grid_1 { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 1/1/2/2; } .contact_form_element .cfe_grid_2 { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-area: 1/2/2/3; } .contact_form_element .cfe_grid_3 { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 3; -ms-grid-column-span: 1; grid-area: 1/3/2/4; } .contact_form_element .cfe_grid_4 { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-area: 2/1/3/4; } .contact_form_element .cfe_grid_5 { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-area: 3/1/4/2; } .contact_form_element label button { border: none; padding: 20px; background: #d1d1d1; color: #2e3192; width: 100%; font-size: 100%; margin-top: 20px; border-radius: 10px; -webkit-transition: 0.2s; transition: 0.2s; cursor: pointer; -webkit-box-shadow: 10px 10px 86px 12px rgba(0, 0, 0, 0.45); box-shadow: 10px 10px 86px 12px rgba(0, 0, 0, 0.45); } .contact_form_element label button:hover { -webkit-transform: scale(1.03); transform: scale(1.03); -webkit-box-shadow: 10px 10px 86px 12px rgba(0, 0, 0, 0.35); box-shadow: 10px 10px 86px 12px rgba(0, 0, 0, 0.35); } .contact_form_element label span { font-size: 80%; color: #d1d1d1; display: block; margin-bottom: 4px; padding-left: 4px; } .contact_form_element label input, .contact_form_element label textarea { padding: 6px; border: 1px solid #ccc; background: #eaeaea; width: 100%; padding: 10px; border-radius: 5px; resize: none; font-size: 100%; } .contact_form_element label textarea { height: 250px; } .grid_nullbox { display: none; gap: 0px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; } .grid_nullbox .box { height: 200px; -ms-flex-preferred-size: 31%; flex-basis: 31%; width: 100%; background: #eaeaea; color: #d1d1d1; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 100%; padding: 20px; text-align: center; } .grid_nullbox .box:hover { background: #d1d1d1; color: #2e3192; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .flex .submenu { margin-right: 5px; -ms-flex-preferred-size: 240px; flex-basis: 240px; position: sticky; top: 220px; } .flex .submenu ul { border-radius: 15px; padding: 0px; background: rgba(255, 255, 255, 0.9411764706); list-style: none; -ms-flex-item-align: start; align-self: flex-start; } .flex .submenu ul .getsp { border-bottom: none !important; } .flex .submenu ul .getsp a { padding: 6px 30px !important; } .flex .submenu ul li { position: relative; text-align: left; } .flex .submenu ul li:before { position: absolute; height: 100%; background: #2e3192; width: 0px; content: ""; top: 0px; -webkit-transition: 0.3s; transition: 0.3s; } .flex .submenu ul li:hover:before { width: 5px; } .flex .submenu ul li.selected { background: rgba(209, 209, 209, 0.2); } .flex .submenu ul li.selected:before { width: 5px; } .flex .submenu ul li.selected a { opacity: 0.5; } .flex .submenu ul li b, .flex .submenu ul li strong { font-weight: normal; font-size: 140%; } .flex .submenu ul li a { padding: 15px; display: block; color: #2e3192; font-size: 80%; opacity: 1; text-decoration: none; } .s_jurnallar .text p { display: -ms-grid; display: grid; gap: 30px; -ms-grid-columns: 1fr 30px 1fr 30px 1fr; grid-template-columns: 1fr 1fr 1fr; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 50px !important; background: url("../images/shelf_bg.png") no-repeat center bottom; background-size: 100%; } .s_jurnallar .text p img { -webkit-box-shadow: 8px 4px 22px -7px rgba(0, 0, 0, 0.75); box-shadow: 8px 4px 22px -7px rgba(0, 0, 0, 0.75); width: 200px !important; border-radius: 0px; } .news_search_list a { margin-bottom: 20px; display: block; } .news { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; } .news .lft, .news .rght { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .news .sm_news_list_in { margin: auto !important; max-width: 900px; -ms-grid-columns: 1fr 1fr 1fr !important; grid-template-columns: 1fr 1fr 1fr !important; } .news .sm_news_list_in .news_alone { text-align: left !important; width: 240px !important; } .news .sm_news_list_in_list { margin: auto; -ms-grid-columns: 1fr 1fr 1fr !important; grid-template-columns: 1fr 1fr 1fr !important; } .news .sm_news_list_in_list .news_alone { background: none; text-decoration: none; text-align: left !important; width: 100% !important; } .news .sm_news_list_in_list .news_alone .news_header { background: none; padding: 14px; color: black; text-decoration: none; width: calc(100% - 10px); margin-bottom: 10px; padding: 0; font-size: 130%; font-size: 130%; margin-top: 5px; } .news .sm_news_list_in_list .news_alone .news_subheader { padding: 0; background: none; color: black; display: inline-block; font-size: 80%; text-decoration: none; } .news .sm_news_list_in_list .news_alone > div { position: static !important; } .news .sm_news_list_in_list .news_alone img { height: auto !important; } .news .sm_news_list { display: -ms-grid; display: grid; gap: 20px; -ms-grid-columns: 1fr 20px 1fr; grid-template-columns: 1fr 1fr; } .news .sm_news_list .news_alone { width: 100%; height: 320px; } .news .sm_news_list .news_alone > div { position: absolute; left: 10px; bottom: 10px; font-size: 80%; z-index: 1; } .news .big_news_list .news_alone { width: 100%; height: 750px; } .news .big_news_list .news_alone > div { position: absolute; left: 20px; bottom: 20px; font-size: 100%; z-index: 1; } .news .news_alone { position: relative; display: block; background: #d1d1d1; } .news .news_alone .news_header { background: #fff; padding: 14px; color: black; text-decoration: none; width: calc(100% - 10px); margin-bottom: 10px; } .news .news_alone .news_subheader { background: #fff; color: black; padding: 8px 8px 8px 14px; display: inline-block; font-size: 80%; text-decoration: none; } .news .news_alone:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .news .news_alone img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.3s; transition: 0.3s; } .share_news_block a { display: block; } .section_news { text-align: center; } .section_news .line { height: 1px; background: rgba(46, 49, 146, 0.5); width: 400px; margin: 40px auto; } .section_news .news_date { background: #d1d1d1; color: #2e3192; padding: 10px; border-radius: 6px; margin-top: 15px; text-align: center; } .section_news h1 { color: #2e3192; margin: 30px 0px; font-weight: normal; font-size: 120%; } .section_news h2 { color: #2e3192; margin: 0px 0px 20px 0px; padding: 0; font-size: 140%; font-weight: normal; } .section_news h3 { font-size: 100%; font-weight: normal; margin: 0; padding: 0; } .section_news .newsPage { text-align: left; margin: auto; max-width: 900px; border-radius: 20px; padding: 40px; background: #ffffff; } .section_news .newsPage .news_body_flex { margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; } .section_news .newsPage .news_body_flex .only_news_img { position: sticky; top: 100px; -ms-flex-item-align: start; align-self: flex-start; -ms-flex-preferred-size: 200px; flex-basis: 200px; } .section_news .newsPage .news_body_flex .only_news_img img { width: 100%; height: auto; margin-top: 6px; -o-object-fit: cover; object-fit: cover; max-height: 500px; } .section_news .newsPage .news_body_flex .only_news_body { -ms-flex-preferred-size: calc(100% - 230px); flex-basis: calc(100% - 230px); line-height: 1.5; font-size: 110%; max-width: 580px; } .section_news .newsPage .news_body_flex .only_news_body a { color: #d1d1d1; text-decoration: none; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; hyphens: auto; } .section_news .newsPage .news_body_flex .only_news_body ul, .section_news .newsPage .news_body_flex .only_news_body ol { list-style: none !important; padding: 0; margin: 30px 0; } .section_news .newsPage .news_body_flex .only_news_body ul li, .section_news .newsPage .news_body_flex .only_news_body ol li { display: block; position: relative; padding-left: 20px; margin-bottom: 7px; } .section_news .newsPage .news_body_flex .only_news_body ul li:before, .section_news .newsPage .news_body_flex .only_news_body ol li:before { position: absolute; left: 0px; border-left: 3px solid #d1d1d1; content: ""; top: 5px; height: 20px; } .section_news .newsPage .news_body_flex .only_news_body img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } .section_news .newsPage .news_body_flex .only_news_body iframe { width: 100%; height: 360px; -o-object-fit: cover; object-fit: cover; } .section_news .newsPage .news_body_flex .only_news_body p { margin: 0; margin-bottom: 30px; } .section_news .newsPage a { color: #d1d1d1; text-decoration: none; } .news.newslist { background: none; } .newslist a { width: 240px !important; } .pages { background: #2e3192; border-radius: 20px; margin: 40px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pages a { color: #d1d1d1; font-size: 110%; margin: 0px 10px; text-decoration: none; opacity: 0.6; } .pages a.selected { font-size: 140%; opacity: 1; } .events { position: relative; margin: 120px 0px 60px 0px; } .events .hover { margin-top: -100px; text-align: center; } .events .event_list { -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, transparent), to(black)); -webkit-mask-image: linear-gradient(to top, transparent 10%, black 100%); mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, transparent), to(black)); mask-image: linear-gradient(to top, transparent 10%, black 100%); display: -ms-grid; display: grid; -ms-grid-columns: 1fr 60px 1fr 60px 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 60px; } .events .event_list .event_alone { text-align: left !important; text-decoration: none !important; cursor: pointer; display: -ms-grid; display: grid; -ms-grid-columns: 80px 1fr; grid-template-columns: 80px 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .events .event_list .event_alone:hover .event_date { background: #a8aae4; } .events .event_list .event_alone .event_date { -webkit-transition: 0.3s; transition: 0.3s; padding: 10px; background: rgba(255, 255, 255, 0.64); border-bottom-left-radius: 20px; text-align: center; } .events .event_list .event_alone .event_date .ed_header_1 { font-size: 300%; color: #2e3192; } .events .event_list .event_alone .event_date .ed_header_2 { font-size: 150%; color: #d1d1d1; } .events .event_list .event_alone .event_body { height: 180px; padding: 20px; background: #d1d1d1; color: #2e3192; } .events .event_list .event_alone .event_body .event_header { height: 220px; overflow: hidden; text-overflow: ellipsis; font-size: 130%; font-weight: bold; } .events .event_list .event_alone .event_body .event_text { height: 78px; overflow: hidden; text-overflow: ellipsis; font-size: 100%; } .events .event_list .event_alone.upcoming { color: #2e3192 !important; } .events .event_list .event_alone.upcoming:hover .event_date { opacity: 1; } .events .event_list .event_alone.upcoming .event_date { background: #d1d1d1; opacity: 0.6; } .events .event_list .event_alone.upcoming .event_date .ed_header_1 { color: #2e3192; } .events .event_list .event_alone.upcoming .event_date .ed_header_2 { color: #2e3192; } .events .event_list .event_alone.upcoming .event_body { color: #2e3192 !important; background: #d1d1d1; } .event_date_in { font-size: 500% !important; font-weight: bold; text-align: center; color: #d1d1d1; } .event_date_in span { font-size: 80% !important; opacity: 0.7; } .contentin { font-size: 110%; -ms-flex-preferred-size: calc(100% - 250px); flex-basis: calc(100% - 250px); width: 100%; min-height: 900px; text-align: center; } .contentin .inside_image { float: left !important; max-width: 180px !important; margin: 0 20px 20px 0px !important; border-radius: 0 !important; } .contentin .line { height: 1px; background: rgba(46, 49, 146, 0.5); width: 400px; margin: 40px auto; } .contentin h1 { color: #2e3192; margin: 0px 0px 30px 0px; font-weight: normal; font-size: 120%; } .contentin h2, .contentin h3 { color: #2e3192; margin: 0px 0px 20px 0px; padding: 0; font-size: 140%; font-weight: normal; } .contentin .insidecontent { text-align: left; margin: auto; max-width: 900px; width: 100%; min-height: 900px; border-radius: 20px; padding: 40px; background: #ffffff; position: relative; } .contentin .insidecontent iframe { width: 100% !important; height: 400px !important; margin: auto; } .contentin .insidecontent .profile_image { float: right; -webkit-transform: translateY(-50px) translateX(50px); transform: translateY(-50px) translateX(50px); width: 220px; border-radius: 20px; border: 10px solid #2e3192; } .contentin .insidecontent .profile_image img { border-radius: 9px; width: 100%; height: auto; max-height: 400px; -o-object-fit: cover; object-fit: cover; margin: 0 !important; } .contentin .insidecontent img { margin: 15px auto; display: block; max-width: 100%; height: auto; width: 80%; border-radius: 15px; } .contentin .insidecontent p { font-size: 100%; margin: 0; padding: 0; margin-bottom: 15px; line-height: 1.4; } .contentin .insidecontent p b, .contentin .insidecontent p strong { color: #2e3192; } .contentin .insidecontent ul, .contentin .insidecontent ol { list-style: none !important; padding: 0; margin: 30px 0; } .contentin .insidecontent ul li, .contentin .insidecontent ol li { display: block; position: relative; padding-left: 20px; margin-bottom: 8px; } .contentin .insidecontent ul li:before, .contentin .insidecontent ol li:before { position: absolute; left: 0px; border-left: 3px solid #2e3192; content: ""; height: 20px; } .contentin .insidecontent a { color: #2e3192; text-decoration: none; } .cv h2 { padding-right: 0px; } .events_in { max-width: 900px; margin: auto; } .events_in .event_list { gap: 10px; } .events_in .event_list .event_header { font-size: 120% !important; } .events_date { text-align: center; font-size: 400% !important; color: #d1d1d1; } .s_azerbaycan-universitetinin-tarixine-qisa-nezer { background: rgb(255, 255, 255) !important; background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), color-stop(49.9%, rgb(255, 255, 255)), color-stop(50%, rgb(66, 59, 170)), color-stop(50.1%, rgb(255, 255, 255)), to(rgb(255, 255, 255))) !important; background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 49.9%, rgb(66, 59, 170) 50%, rgb(255, 255, 255) 50.1%, rgb(255, 255, 255) 100%) !important; } .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text { position: relative; } .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text:before { top: 20px; left: 50%; height: 100%; width: 3px; background: #2e3192; content: ""; } .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text p { text-align: right; width: 46%; } .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text p:nth-child(2n) { -webkit-transform: translateX(117%); transform: translateX(117%); text-align: left; } .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text p:nth-child(2n) b, .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text p:nth-child(2n) strong { position: relative; font-size: 130%; color: #2e3192; margin-bottom: 10px; display: block; } .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text p:nth-child(2n) b:after, .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text p:nth-child(2n) strong:after { content: ""; position: absolute; top: 20px; left: calc(0% - 32px); width: 10px; height: 1px; background: #2e3192; } .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text p b, .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text p strong { position: relative; font-size: 130%; color: #2e3192; margin-bottom: 10px; display: block; } .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text p b:after, .s_azerbaycan-universitetinin-tarixine-qisa-nezer .text p strong:after { content: ""; position: absolute; top: 20px; left: calc(100% + 22px); width: 10px; height: 1px; background: #2e3192; } .s_list table { width: 100%; font-size: 70%; } .s_list table tr { display: -ms-grid; display: grid; -ms-grid-columns: 50px 1fr 1fr 1fr; grid-template-columns: 50px 1fr 1fr 1fr; } .s_list table th { font-size: 120%; text-align: left; background: rgba(209, 209, 209, 0.1); padding: 10px 5px; } .s_list table td { border: 1px solid #eaeaea; padding: 5px; } .s_list table td:nth-child(1) { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; } .contact_flex { display: -ms-grid; display: grid; -ms-grid-columns: 300px 30px 1fr; grid-template-columns: 300px 1fr; gap: 30px; } @media screen and (max-width: 960px) { .top_links { display: none !important; } } @media screen and (max-width: 768px) { .s_jurnallar .text p { -ms-grid-columns: 1fr; grid-template-columns: 1fr; background: none !important; } .events .event_list { -webkit-mask-image: none !important; mask-image: none !important; gap: 10px !important; -ms-grid-columns: 1fr 10px 1fr !important; grid-template-columns: 1fr 1fr !important; } .events .event_list div { grid-area: auto !important; } .events .event_list .event_alone { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; } .events .event_list .event_alone .event_header { font-size: 120% !important; } .events .event_list .event_alone .event_body { height: auto; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .events .event_list .event_alone .event_text { font-size: 100%; display: none; } .events .event_list .event_alone .event_date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; -ms-flex-line-pack: center; align-content: center; font-size: 80%; border-radius: 0px; border-top-left-radius: 20px; border-top-right-radius: 20px; } .share_news_block a { height: 40px !important; } .editbutton { display: none !important; } .contact_flex { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; } .main_nav nav ul li:hover .menu_sublinks ul { -webkit-box-shadow: none !important; box-shadow: none !important; } video.mbg { display: none !important; } .news_body_flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .news_body_flex .only_news_img { position: static !important; width: 100%; } .news_body_flex .only_news_img img { width: 100%; height: 240px; -o-object-fit: cover; object-fit: cover; border-radius: 10px; } .grid_nullbox .box { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; height: 100px !important; } .contentin h1 { margin: 0px 0px 20px 0px !important; } .contentin .insidecontent { padding: 20px !important; } .contentin .insidecontent .profile_image { float: inherit; -webkit-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); width: 100%; margin-bottom: 20px; } .contentin .insidecontent img { width: 100% !important; } .section_news h1 { margin: 0px 0px 20px 0px !important; } .evdate { display: none; } .newsPage { padding: 20px !important; } .newsPage h2 { text-align: center !important; } .line { width: calc(100vw - 30px) !important; } .main_nav { position: fixed; left: -100vw; background: #d1d1d1; opacity: 0 !important; pointer-events: none !important; height: 100vh !important; z-index: 6; top: 0; -webkit-transition: 0.3s; transition: 0.3s; overflow: auto; } .main_nav li { border-left: none !important; } .flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex .submenu { display: none; } .flex .grid_nullbox { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .button_arrow { display: block; margin: 40px auto; width: 60%; } .button_blocks { display: none; } .opened .searchboxmobile { display: block; position: relative; top: 107px; left: 30px; width: 300px; } .opened .searchboxmobile input { outline: none; padding: 12px 22px; background: #EAEAEA; border: 1px solid #2e3192; border-radius: 7px; color: #2e3192 !important; -webkit-transition: 0.3s; transition: 0.3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; font-size: 100%; -webkit-transition: 0.2s; transition: 0.2s; width: 300px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .opened .searchboxmobile input::-webkit-input-placeholder { color: #2e3192; opacity: 0.4; } .opened .searchboxmobile input::-moz-placeholder { color: #2e3192; opacity: 0.4; } .opened .searchboxmobile input:-ms-input-placeholder { color: #2e3192; opacity: 0.4; } .opened .searchboxmobile input::-ms-input-placeholder { color: #2e3192; opacity: 0.4; } .opened .searchboxmobile input::placeholder { color: #2e3192; opacity: 0.4; } .opened .searchboxmobile input[type=submit] { position: absolute; right: 5px; top: 10px; text-indent: -999999px; border: none !important; display: block; background: url("../images/search.png") no-repeat center; background-size: 22px; width: 20px; height: 20px; cursor: pointer; opacity: 0.7; } .opened .searchboxmobile input[type=submit]:hover { opacity: 1; } .opened .bigmenu { display: none !important; } .opened .main_nav { left: 0px !important; pointer-events: all !important; opacity: 1 !important; } .opened .main_nav nav > ul { padding-top: 110px !important; margin-bottom: 100px; } .opened .main_nav nav ul { -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; } .opened .main_nav nav ul .hovermenu .menu_sublinks { pointer-events: all !important; } .opened .main_nav nav ul .hovermenu span { opacity: 0.5; font-size: 130%; display: block !important; } .opened .main_nav nav ul .hovermenu span .menu_sep { display: none !important; } .opened .main_nav nav ul li { padding-left: 20px; text-align: left; background: none; border-bottom: 1px solid rgba(46, 49, 146, 0.5) !important; } .opened .main_nav nav ul li .menu_sublinks { position: static !important; display: block !important; } .opened .main_nav nav ul li .menu_sublinks ul { margin: 0px !important; -ms-grid-columns: 1fr !important; grid-template-columns: 1fr !important; display: -ms-grid; display: grid; padding-bottom: 20px; background: none !important; width: 100% !important; gap: 0px; max-height: auto !important; overflow-y: hidden; } .opened .main_nav nav ul li .menu_sublinks ul:nth-child(1) { padding-top: 0px; } .opened .main_nav nav ul li .menu_sublinks ul li { padding: 3px 10px !important; text-align: left; width: 100%; border: none !important; } .opened .main_nav nav ul li .menu_sublinks ul li b { margin-bottom: 7px; display: block; font-weight: normal; } .opened .main_nav nav ul li .menu_sublinks ul li a { color: #2e3192; text-decoration: none; -webkit-transition: 0.4s; transition: 0.4s; padding: 2px 3px !important; display: block; font-size: 100%; font-weight: normal; } .opened .main_nav nav ul li .menu_sublinks ul li a:hover { opacity: 0.7; } .opened .main_nav nav ul li a { text-align: left; } .opened .main_nav nav ul li:last-child { border: none !important; } .hdr_elements { margin: 0px 0px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-top-right-radius: 0px !important; left: 0; top: 0; } .hdr_elements .searchbox { display: none; } .hdr_elements .logo img:nth-child(2), .hdr_elements .logo svg:nth-child(2) { display: none; } .quick_contact { margin-top: 40px; } .footer_contentel { padding: 20px 10px !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .footer_contentel div { text-align: center !important; } .entonee { width: 100% !important; } .banner { margin: 0px !important; } .banner img { height: 300px !important; border: 10px solid #2e3293; border-radius: 40px; } .banner .words_p { height: 250px; font-size: 40%; padding-left: 40px; padding-right: 40px; text-align: center; } header { height: 82px !important; } header .langs { top: 31px !important; } .wpage { padding-left: 10px !important; padding-right: 10px !important; } .news { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 15px; } .news a { text-decoration: none !important; } .news .news_header { background: none !important; font-size: 130% !important; color: #2e3192 !important; padding: 0px !important; text-decoration: none !important; } .news .news_alone { height: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; background: none !important; font-size: 100% !important; } .news .news_alone img { margin-bottom: 10px; opacity: 1; } .news .news_alone > div { position: static !important; } .news img { border-radius: 10px; } .news .news_subheader { border-radius: 5px !important; } .news .sm_news_list { -ms-grid-columns: 1fr 1fr !important; grid-template-columns: 1fr 1fr !important; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .news .sm_news_list img { height: 150px; } .news .big_news_list .news_alone { height: 370px; } .news .sm_news_list_in { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: start !important; } .news .sm_news_list_in .news_alone { background: none !important; text-align: left !important; width: 100% !important; height: auto !important; border-radius: 10px; } .inside .sm_news_list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .inside .news .sm_news_list_in_list .news_alone { width: calc(100% - 30px) !important; margin: auto; } .events { margin-top: 30px; } .events .hover { margin-top: 0px !important; } } .santa { position: absolute; } .santa img { width: 30px; height: 30px; -o-object-fit: contain; object-fit: contain; -webkit-transform: translate(-9px, -9px); transform: translate(-9px, -9px); }