/** * Cafert * Сafert is a stylish and modern cafe template. It was created for the restaurant business: cafe, bar, bakery, pub, restaurant, pizzeria or other restaurant business * Exclusively on https://1.envato.market/cafert-html * * @encoding UTF-8 * @version 1.0.0 * @copyright (C) 2018 - 2022 Merkulove ( https://merkulov.design/ ). All rights reserved. * @license Envato License https://1.envato.market/KYbje * @contributors Lilith Lamber (winter.rituel@gmail.com) * @support help@merkulov.design **/* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; scrollbar-width: auto; scrollbar-color: #b38e6a #f7f7f7}html { scroll-behavior: smooth}body,html { overflow-x: hidden}ol,ul { list-style: none}a { text-decoration: none}a,button,input,textarea { background: 0 0; color: inherit; font-family: inherit; font-size: inherit; border: none; cursor: pointer; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}input,textarea { border-radius: 0; -webkit-appearance: none}input[readonly],textarea[readonly] { cursor: default}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { font-family: inherit; font-size: inherit; color: inherit}input::-moz-placeholder,textarea::-moz-placeholder { font-family: inherit; font-size: inherit; color: inherit}input:-ms-input-placeholder,textarea:-ms-input-placeholder { font-family: inherit; font-size: inherit; color: inherit}input::-ms-input-placeholder,textarea::-ms-input-placeholder { font-family: inherit; font-size: inherit; color: inherit}input::placeholder,textarea::placeholder { font-family: inherit; font-size: inherit; color: inherit}textarea { resize: none}fieldset { border: none}img { display: block; width: 100%; -o-object-fit: cover; object-fit: cover}iframe { width: 100%; height: 100%; border: 1px outset transparent; display: block}@-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 }}@keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 }}@-webkit-keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 }}@keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 }}.fadeIn { -webkit-animation: .4s ease-in-out fadeIn; animation: .4s ease-in-out fadeIn}.fadeOut { -webkit-animation: .4s ease-in-out fadeOut; animation: .4s ease-in-out fadeOut}::-webkit-scrollbar { width: 8px}::-webkit-scrollbar-track { background: #f7f7f7}::-webkit-scrollbar-thumb { background-color: #b38e6a}html.fixed { overflow: hidden}body { background: #fff; font-family: Montserrat,sans-serif; color: #5c5c5c; font-size: 18px; line-height: 1.5; padding: 0!important}.section { padding: 70px 0}.section--nopb { padding: 70px 0 0}.section_header { margin-bottom: 30px}.section_header.centered { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center}.section_header+.wrapper .btn { width: 100%}.section_header-title { margin-bottom: 8px}.section_header-subtitle { display: block; margin-bottom: 4px; font-size: 16px; font-weight: 500; text-transform: uppercase; color: #534931}.section_header-text { max-width: 750px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { font-family: Raleway,sans-serif; color: #534931; line-height: 1.3; font-weight: 600}a.h1,a.h2,a.h3,a.h4,a.h5,a.h6 { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content}a.h1:focus,a.h1:hover,a.h2:focus,a.h2:hover,a.h3:focus,a.h3:hover,a.h4:focus,a.h4:hover,a.h5:focus,a.h5:hover,a.h6:focus,a.h6:hover { color: #b38e6a}.h1,h1 { font-size: 36px}.h2,h2 { font-size: 30px}.h3,h3 { font-size: 25px}.h4,h4 { font-size: 22px}.h5,h5 { font-size: 18px}.h6,h6 { font-size: 14px}label { cursor: pointer}input[type=checkbox] { position: absolute; left: -9999px; height: 0; width: 0}input[type=checkbox]+label { position: relative; padding-left: 28px; cursor: pointer; display: inline-block; -webkit-transition: color .4s ease-in-out; -o-transition: color .4s ease-in-out; transition: color .4s ease-in-out; line-height: 1.6}input[type=checkbox]:checked+label:before,input[type=checkbox]:not(:checked)+label:before { content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; border: 1px solid #c3b2a5}input[type=checkbox]:checked+label .icon,input[type=checkbox]:not(:checked)+label .icon { font-size: 14px; position: absolute; top: 12px; left: 3px; border-radius: 50%; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}input[type=checkbox]:not(:checked)+label .icon { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0)}input[type=checkbox]:checked+label .icon { opacity: 1; -webkit-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%)}.field { height: 60px; border: 1px solid #c3b2a5; padding: 0 20px; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}.field.error { border-color: red}.field::-webkit-input-placeholder { font-size: 16px; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out}.field::-moz-placeholder { font-size: 16px; -moz-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out}.field:-ms-input-placeholder { font-size: 16px; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out}.field::-ms-input-placeholder { font-size: 16px; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out}.field::placeholder { font-size: 16px; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out}.field:focus::-webkit-input-placeholder { opacity: 0}.field:focus::-moz-placeholder { opacity: 0}.field:focus:-ms-input-placeholder { opacity: 0}.field:focus::-ms-input-placeholder { opacity: 0}.field:focus::placeholder { opacity: 0}.text--sm { font-size: 14px; line-height: 1.4}.text--md { font-size: 16px; line-height: 1.5}.text--bold { font-weight: 600}.text--medium { font-weight: 500}.btn { text-transform: uppercase; font-weight: 600; font-size: 14px; background: #b38e6a; color: #fff; height: 60px; padding: 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}.btn:focus,.btn:hover { background: #534931}.btn--play { border-radius: 50%; width: 60px; height: 60px; font-size: 10px}.btn--bordered { background: 0 0; border: 2px solid #b38e6a; color: #b38e6a}.btn--bordered:focus,.btn--bordered:hover { color: #fff; border-color: #534931}.videoPopup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 400000; visibility: hidden; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; background: rgba(0,0,0,.6)}.videoPopup.visible { visibility: visible}.videoPopup .video_frame { background: #fff; padding: 20px; min-height: 300px; position: relative; border: 2px solid #b38e6a}.videoPopup .video_frame iframe { width: 100%; height: auto; -ms-flex-item-align: stretch; align-self: stretch}.videoPopup .video_frame-close { 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; border: 2px solid #b38e6a; position: absolute; width: 30px; height: 30px; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; cursor: pointer; right: 0; top: -40px; background: #fff; color: #b38e6a}.videoPopup .video_frame-close:hover { color: #534931}.header_trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 25px; width: 40px; position: relative; z-index: 300000}.header_trigger .line { display: block; position: relative; height: 3px!important; width: 100%; background: #534931; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}.header_trigger .line--short { width: 30px; -ms-flex-item-align: end; align-self: flex-end}.header_trigger.active { width: 30px}.header_trigger.active .line--short { display: none}.header_trigger.active .line:first-of-type { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 13px}.header_trigger.active .line:nth-of-type(2) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -10px}.icon { color: #b38e6a}.meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4px 25px}.meta_item { font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-size: 16px; line-height: 1.5}.meta_item--pin { color: #b38e6a}.logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-transform: uppercase; gap: 8px}#map { height: 350px}.blog_tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; margin-bottom: 4px}.blog_tags-tag { background: #b38e6a; color: #fff; padding: 6px 10px}.media .blog_tags { position: absolute; top: 0; padding: 10px}.gallery_slider { height: -webkit-fit-content!important; height: -moz-fit-content!important; height: fit-content!important}.gallery_slider-slide,.gallery_slider-slide .link { aspect-ratio: 1/1}.gallery_slider .link { display: block; overflow: hidden; position: relative; width: 100%; height: 100%}.gallery_slider .link img { position: absolute; bottom: -10%; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}.gallery_slider .link:hover img { bottom: 0}.swiper { position: relative}.swiper-wrapper { height: auto!important}.swiper-nav { display: -webkit-box; display: -ms-flexbox; display: flex}.swiper-nav--round { gap: 25px}.swiper-nav--round .swiper-nav-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 2px solid #b38e6a; width: 50px; height: 50px; font-size: 12px}.swiper-nav--round .swiper-nav-item:hover { color: #b38e6a}.swiper-overlay-nav { position: absolute; bottom: 0; left: 0; z-index: 100}.swiper-overlay-nav .nav-item { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; font-size: 17px; color: #b38e6a}.swiper-overlay-nav .nav-item:hover { color: #fff; background: #b38e6a}.swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 15px}.swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; border-radius: 50%; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out; transition: .4s ease-in-out; cursor: pointer}.swiper-pagination-bullet-active,.swiper-pagination-bullet:hover { background: #b38e6a}.container { padding: 0 20px; max-width: 1170px}.collapse:not(.show) { display: none}.collapsing { height: 0; overflow: hidden; -webkit-transition: height .3s ease-in-out; -o-transition: height .3s ease-in-out; transition: height .3s ease-in-out}.fade { -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear; opacity: 0}.tab-content { position: relative; overflow: hidden}.tab-content>.tab-pane { position: relative; width: 100%; top: 0; opacity: 1; z-index: 1}.tab-content>.tab-pane:not(.active) { display: block; height: 0; opacity: 0; z-index: -1}.offcanvas { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 20000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100vw; height: 100vh; visibility: hidden; background-color: #534931; background-clip: padding-box; -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; -o-transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.offcanvas-end { top: 0; right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%)}.offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 19000; width: 100vw; height: 100vh; background: rgba(33,72,66,.5)}.offcanvas.show { -webkit-transform: none; -ms-transform: none; transform: none}@media screen and (min-width:567.98px) { .section_header+.wrapper .btn { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .section_header.centered+.wrapper .btn { margin: 0 auto }}@media screen and (min-width:767.98px) { body { font-size: 20px; line-height: 1.6 } .section { padding: 100px 0 } .section--nopb { padding: 100px 0 0 } .swiper-overlay-nav .nav-item { width: 100px; height: 100px } .videoPopup .video_frame { padding: 40px; min-height: 600px } #map { height: 600px } .h1,h1 { font-size: 60px; line-height: 1 } .h2,h2 { font-size: 40px } .h3,h3 { font-size: 28px } .h4,h4 { font-size: 24px; line-height: 1.4 }}@media screen and (min-width:1023.98px) { .section { padding: 130px 0 } .section--nopb { padding: 130px 0 0 } .section_header { margin-bottom: 40px } .section_header-title { margin-bottom: 15px } .h1,h1 { font-size: 100px } .h2,h2 { font-size: 48px; line-height: 1.2 } .h3,h3 { font-size: 32px; line-height: 1.4 }}@media screen and (min-width:1399.98px) { .container { padding: 0 }}#grudus-clock .g-head { background: #b38e6a!important}#grudus-clock .g-time-wrapper { border: 1px solid #b38e6a; z-index: 100000}#grudus-clock .g-buttons,#grudus-clock .g-clock-wrapper { background: #fff!important}#grudus-clock .g-clock { background: gray}#grudus-clock .g-button { color: #5c5c5c!important; font-weight: 500; font-size: 14px}#grudus-clock .g-button:focus,#grudus-clock .g-button:hover { background: 0 0; color: #b38e6a!important}.timepicker-ui-wrapper { border-radius: 0!important; -webkit-box-shadow: none!important; box-shadow: none!important; font-family: Montserrat,sans-serif}.timepicker-ui-hour,.timepicker-ui-minutes { background-color: #e5dcd2!important; border: transparent!important; outline: 0!important; color: #534931!important}.timepicker-ui-am,.timepicker-ui-pm { border-color: #e5dcd2!important; color: #e5dcd2!important}.timepicker-ui-am.active,.timepicker-ui-am:hover,.timepicker-ui-pm.active,.timepicker-ui-pm:hover { background-color: #e5dcd2!important; color: #534931!important}.timepicker-ui-hour-text,.timepicker-ui-minute-text,.timepicker-ui-select-time { display: none}.timepicker-ui-cancel-btn,.timepicker-ui-ok-btn { color: #e5dcd2!important}.timepicker-ui-cancel-btn:hover,.timepicker-ui-ok-btn:hover { color: #b38e6a!important; background: 0 0!important}.alert_popup { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end}.alert_popup-content { background: #fff; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 280px; padding: 20px 30px; font-size: 18px; border: 1px solid #e5dcd2}.alert_popup-close { position: absolute; right: 10px; top: 10px; font-size: 14px; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}.alert_popup-close:hover { color: #b38e6a}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0}input[type=number] { -moz-appearance: textfield}a[href^="http://maps.google.com/maps"],a[href^="https://maps.google.com/maps"] { display: none!important}.gm-style-cc,.gmnoprint a,.gmnoprint span { display: none}.gmnoprint div { background: 0 0!important}.sticky-spacer { display: none!important}.header { z-index: 110000; will-change: transform; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; position: absolute; left: 0; right: 0; top: 0}.header .container { min-height: 70px; padding: 10px 20px}.header.sticky { position: fixed; background: #e5dcd2}.header.sticky .logo { color: #534931}.header.sticky .nav-item,.header.sticky .nav-item_text { color: #534931}.header.sticky .nav-item:hover,.header.sticky .nav-item:hover .nav-item_text { color: #b38e6a}.header.sticky .header_nav-socials .link { color: #534931}.header.sticky .header_nav-socials .link:hover { color: #b38e6a}.header.sticky .header_trigger .line { background: #534931}.header.opened { height: 100vh}.header--pinned { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0)}.header--unpinned { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%)}.header .logo { margin-left: -10px; font-size: 25px}.header .logo_img { margin-right: -10px}.header .logo_img svg { max-height: 50px}.header_trigger { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2}.header_nav { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; overflow-y: auto; max-height: calc(100vh - 100px); color: #534931; margin-top: 30px}.header_nav.collapsing { overflow: hidden}.header_nav .nav-item.current,.header_nav .nav-item:focus,.header_nav .nav-item:hover,.header_nav .nav-link.current,.header_nav .nav-link:focus,.header_nav .nav-link:hover { color: #b38e6a}.header_nav .nav-link { gap: 5px; -webkit-box-align: center; -ms-flex-align: center; align-items: center}.header_nav .nav-link[data-single=true] { font-size: 18px; font-weight: 600}.header_nav .nav-link[aria-expanded=true] .icon:after { top: -100%}.header_nav .nav-link .icon { width: 10px; height: 10px; position: relative; overflow: hidden}.header_nav .nav-link .icon:after,.header_nav .nav-link .icon:before { content: ''; position: absolute; background: #b38e6a}.header_nav .nav-link .icon:before { height: 2px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}.header_nav .nav-link .icon:after { height: 100%; width: 2px; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: top .3s ease-in-out; -o-transition: top .3s ease-in-out; transition: top .3s ease-in-out}.header_nav-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px}.header_nav-list_item .dropdown-toggle { font-size: 18px; font-weight: 600}.header_nav-list_item .dropdown-menu { margin: 10px 10px 0}.header_nav-socials { gap: 15px; margin-top: 50px}.header_nav-socials .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: #f7f7f7; font-size: 22px}.header_nav-socials .link .icon { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}.header_nav-socials .link:focus,.header_nav-socials .link:hover { background: #b38e6a}.header_nav-socials .link:focus .icon,.header_nav-socials .link:hover .icon { color: #f7f7f7}@media screen and (min-width:767.98px) { .header .logo { font-size: 28px }}@media screen and (min-width:1199.98px) { .header { height: 130px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .header .logo { font-size: 32px } .header .logo_img { margin-right: 0 } .header .logo_img svg { min-height: 76px } .header.sticky { height: 100px } .header.sticky .header_nav-list_item .dropdown-menu { padding-top: 60px } .header .container { max-width: 100% } .header_trigger { display: none } .header_nav { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; margin: 0; overflow: visible } .header_nav .nav-link[data-single=true] { font-size: 16px } .header_nav-socials { margin-top: 0 } .header_nav-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; margin-left: 100px } .header_nav-list_item { height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .header_nav-list_item .dropdown-toggle { position: relative; z-index: 2; font-size: 16px } .header_nav-list_item .dropdown-menu { margin: 0; position: absolute; z-index: 1; opacity: 0; top: 0; padding-top: 50px; visibility: hidden; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s } .header_nav-list_item .dropdown-menu.active { opacity: 1; visibility: visible } .header_nav-list_item .dropdown-menu .list-item[data-main=true] { display: none!important } .header_nav-list_item .dropdown-list { background: #e5dcd2; margin: 0 0 0 -15px; padding: 10px 15px; width: -webkit-max-content; width: -moz-max-content; width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px } .header_nav-list_item .dropdown-list .nav-item { height: 100% } .header_nav-list_item .dropdown-list .nav-item.current,.header_nav-list_item .dropdown-list .nav-item:focus,.header_nav-list_item .dropdown-list .nav-item:hover { color: #b38e6a }}@media screen and (min-width:1399.98px) { .header .container { padding: 0 100px }}.page_breadcrumbs,.page_cover { text-align: center}.page_cover { padding: 0 20px; height: 270px}.page_cover-title { margin-top: 70px; text-transform: capitalize; font-weight: 700}.page_breadcrumbs { background: transparent; padding: 20px}.page_breadcrumbs-list { text-transform: capitalize; color: #fff}.page_breadcrumbs-list li { position: relative; color: #fff}.page_breadcrumbs-list li .link { color: #fff}.page_breadcrumbs-list li .link:hover { color: #e5dcd2}.page_breadcrumbs-list li:not(:last-of-type):after { content: '/'; padding-right: 4px}@media screen and (min-width:1023.98px) { .page_cover { height: 450px } .page_cover-title { margin-top: 130px }}.team .section_header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; padding: 0 20px}.team_list-item { position: relative; height: 260px; cursor: pointer; overflow: hidden}.team_list-item:hover .main { opacity: 1}.team_list-item .media,.team_list-item .media img { height: 100%}.team_list-item .main { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background: rgba(247,247,247,.9); -webkit-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; opacity: 0}.team_list-item .main_position { text-transform: uppercase; color: #534931}.team_list-item .main_name { margin: 8px 0 15px; line-height: 1; font-family: Raleway,sans-serif; color: #534931}.team_list-item .main_socials { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; gap: 15px; font-size: 25px}.team_list-item .main_socials .link .icon { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}.team_list-item .main_socials .link:focus .icon,.team_list-item .main_socials .link:hover .icon { color: #534931}@media screen and (min-width:567.98px) { .team_list-item { height: 340px } .team_list-item .main_text { max-width: 440px }}@media screen and (min-width:767.98px) { .team_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .team_list-item { width: 50%; height: 340px }}@media screen and (min-width:1023.98px) { .team_list-item { width: calc(100% / 3) }}@media screen and (min-width:1199.98px) { .team_list-item { height: 480px } .team_list-item .main { padding: 40px }}.page_cover { background: url(../img/index/community_header.webp) center/cover no-repeat; position: relative}.page_cover::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1}.page_cover > * { position: relative; z-index: 2}.page_cover .page_cover-title { color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)}.header { background: rgba(0, 0, 0, 0.4)}.header .logo { color: #fff}.header .nav-item,.header .nav-item_text { color: #fff}.header .nav-item:hover,.header .nav-item:hover .nav-item_text { color: #e5dcd2}.header .header_nav-socials .link { color: #fff}.header .header_nav-socials .link:hover { color: #e5dcd2}.header .header_trigger .line { background: #fff}.join { text-align: center}.footer .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px}.footer_about-address { margin: 15px 0 8px}.footer_block-title { margin-bottom: 15px}.footer_block-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px 0}.footer_block-list .link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px}.footer_block-list .link .icon { width: 18px}.footer_block-socials { margin-top: 15px; gap: 15px}.footer_block-socials .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background: #f7f7f7; font-size: 22px}.footer_block-socials .link .icon { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}.footer_block-socials .link:focus,.footer_block-socials .link:hover { background: #b38e6a}.footer_block-socials .link:focus .icon,.footer_block-socials .link:hover .icon { color: #f7f7f7}@media screen and (min-width:767.98px) { .footer .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px 0 } .footer_about .wrapper { max-width: 270px } .footer_about,.footer_block { width: 50% } .footer .footer_about+.footer_block { margin-top: 20px }}@media screen and (min-width:1170px) { .footer .container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 0 15px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .footer_about,.footer_block { width: auto } .footer_block { margin-top: 22px } .footer_block-title { margin-bottom: 30px } .footer_block-subtitle { margin-bottom: 20px } .footer .footer_about+.footer_block { margin-top: 22px }}/*# sourceMappingURL=../sourcemaps/team.css.map */