@font-face { font-family: "Muller"; src: url("/fonts/Muller/Muller-Thin-DEMO.woff2") format("woff2"), url("/fonts/Muller/Muller-Thin-DEMO.eot") format("eot"), url("/fonts/Muller/Muller-Thin-DEMO.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Muller"; src: url("/fonts/Muller/Muller-ExtraBold-DEMO.woff2") format("woff2"), url("/fonts/Muller/Muller-ExtraBold-DEMO.eot") format("eot"), url("/fonts/Muller/Muller-ExtraBold-DEMO.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } .plus { font-family: Arial, Helvetica, sans-serif; font-weight: 100; opacity: 0.5; font-size: 16px; margin: 2px; } html, body { height: 100%; width: 100%; font-family: "Muller", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 3%; } .wrapper { height: 100%; background: linear-gradient(rgba(96, 101, 113, 0.05), rgba(96, 101, 113, 100) 150%); background-color: black; } .header { position: fixed; height: 140px; display: flex; justify-content: space-between; width: 100%; border-bottom: 5px dashed #191820; } .container { max-width: 1818px; padding: 40px 51px 0px 39px; margin: 0 auto; width: 100%; height: 100%; } .header_body { display: flex; justify-content: space-between; align-items: center; } .header_logo { max-width: 293px; max-height: 67px; } .img_logo { height: 100%; width: 100%; } .header_contacts { display: flex; align-items: center; justify-content: center; margin: 0 20px; } .header_call { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; margin-right: 40px; } .header_call_svg { display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.07); border-radius: 50%; padding: 15px; margin-right: 17px; } .header_map_svg svg { display: block; width: 29px; height: 29px; } .header_map { display: flex; align-items: center; justify-content: center; color: #fff; gap: 17px; font-size: 15px; } .header_map_svg { display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.07); border-radius: 50%; padding: 15px; } .header_map_svg svg { display: block; width: 29px; height: 29px; } .header_buttons { display: flex; align-items: center; justify-content: center; } .header_btn_about { border-radius: 40px; padding: 20px; text-transform: uppercase; min-width: 207px; font-weight: 700; font-size: 13px; letter-spacing: 5%; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.5); color: #fff; margin-right: 25px; } .header_btn_reserv { border-radius: 40px; padding: 20px; text-transform: uppercase; min-width: 207px; font-weight: 700; font-size: 13px; letter-spacing: 5%; } /* --------------------------------------------------------------------------------------------------- */ .about { padding-top: 180px; display: flex; flex-direction: column; height: 100%; background: url("./images/About/Background/dancer.png") 70%; background-repeat: no-repeat; background-size: contain; } .about_inner { display: flex; height: 100%; } .about_content { color: white; margin-left: 51px; width: 50%; } .about_heading { font-size: 32px; text-transform: uppercase; margin-bottom: 25px; } .about_title { font-size: 60px; text-transform: uppercase; font-weight: 900; margin-right: 60px; } .about_title span { font-size: 15px; font-weight: 400; background-color: rgba(52, 58, 62, 1); text-transform: none; padding: 4px 12px; border-radius: 60px; vertical-align: middle; } .about_row_if { display: flex; margin: 20px 0; } .row_if { display: flex; align-items: center; justify-content: center; margin-right: 21px; } .row_if svg { margin-right: 11px; } .about_button { } .button { padding: 25px 35px; border-radius: 60px; text-transform: uppercase; font-size: 13px; letter-spacing: 5%; font-weight: 700; background: linear-gradient(93.25deg, #EA422A 0%, #F69020 48.58%, #FFC619 101.38%); } .about_image { width: 50%; height: 100%; } .about_info { color: #fff; } .about_info_index { } .about_info_heading { } .about_info_title { } .about_svg { } .about_reverse_text { } .about_row { color: #fff; } .about_list { display: flex; } .about_item { display: flex; align-items: center; width: 25%; padding: 30px 50px; } .about_item_light { background-color: rgba(40, 43, 50, 1); } .about_item_dark { background-color: rgba(32, 33, 36, 1); } .about_item svg { display: block; width: 70px; height: 70px; } .about_item span { display: block; width: 34px; height: 1px; background-color: rgba(255, 198, 25, 0.3); margin: 0px 21px 0px 18px; }