@font-face { font-family: 'MontserratAlternates-Light'; src: url('../webfonts/MontserratAlternates-Light.woff') format('woff'); font-style: normal; font-display: swap; -webkit-font-smoothing: antialiased;}
@font-face { font-family: 'MontserratAlternates-Regular'; src: url('../webfonts/MontserratAlternates-Regular.woff') format('woff'); font-style: normal; font-display: swap; -webkit-font-smoothing: antialiased;}
@font-face { font-family: 'MontserratAlternates-Italic'; src: url('../webfonts/MontserratAlternates-Italic.woff') format('woff'); font-style: normal; font-display: swap; -webkit-font-smoothing: antialiased;}
@font-face { font-family: 'MontserratAlternates-Bold'; src: url('../webfonts/MontserratAlternates-Bold.woff') format('woff'); font-style: normal; font-display: swap; -webkit-font-smoothing: antialiased;}
@font-face { font-family: 'MontserratAlternates-Thin'; src: url('../webfonts/MontserratAlternates-Thin.woff') format('woff');  font-style: normal; font-display: swap; -webkit-font-smoothing: antialiased;}
@font-face { font-family: 'anerli'; src: url('../webfonts/MontserratAlternates-Light.eot'); src: url('../webfonts/MontserratAlternates-Light.eot') format('embedded-opentype'), url('../webfonts/MontserratAlternates-Light.woff') format('woff'), url('../webfonts/MontserratAlternates-Light.ttf') format('truetype') font-weight: normal; font-style: normal; }

p {font-family: 'MontserratAlternates-Regular', sans-serif; color:#8B4513;}
span {font-family: 'MontserratAlternates-Regular', sans-serif; color:#8B4513;}
h1 {font-family: 'MontserratAlternates-Bold', sans-serif!important; color:#8B4513!important;}
h2 {font-family: 'MontserratAlternates-Bold', sans-serif!important; color:#8B4513!important;}
h4 {font-family: 'MontserratAlternates-Light', sans-serif!important; color:#8B4513!important;}

.container-header {background-color: var(--cassiopeia-color-anerli, #ffffff)!important; background-image: var(--cassiopeia-color-anerli, #F5F5DC)!important;}
.background-image: {background-image: var(--cassiopeia-color-anerli, #ffffff)!important;}
.block_element-alena {display: flex; color:#8B4513; font-family: MontserratAlternates-Italic;}
@media (max-width: 768px){.block_element-alena {flex-direction: column; padding: 10px;}}
.block_element-column {flex-direction: column; display: flex; width: 100%;justify-content: center; padding: 20px;}
.modul-fon {background-color: #F5F5DC; padding: 20px 100px;}
.modil-top {font-family: MontserratAlternates-Regular; color: #8B4513; display: flex; justify-content: center;} 
.price-list {display: grid; grid-template-columns: repeat(1, 1fr); font-size: 24px;justify-content: center; padding: 50px 50px 0 50px;}
@media (max-width: 768px){.price-list {font-size: 16px; padding: 20px 10px;}}
.hr {border: none; border-top: 1px solid #8B4513; margin: 20px 0;}
.modul-fon-photo img {margin: 20px 10px!important; border-radius: 6px;}
.modul-fon-photo {background-color: #F5F5DC; display: flex; flex;justify-content: center;}
.modul-master {text-align: center;}
.blog-item {border: 1px solid #8B4513; padding: 10px 10px 0 10px!important; border-radius: 6px;}
.item-image {border-radius: 6px; transition: transform 0.5s ease-in-out;}
.item-image:hover {transform: translateX(4px) rotate(1deg) scale(1.01);}
footer div.mod-footer {display: flex; flex: 1 1 0%; flex-direction: column; text-align: center; justify-content: space-between; align-items: center; background-color: #F5F5DC; color: #8B4513;}
.footer {background-color: var(--cassiopeia-color-anerli, #F5F5DC)!important; background-image: var(--cassiopeia-color-anerli, #F5F5DC)!important;}
@media (min-width: 768px) {footer div.mod-footer {flex-direction: row;}}
/* Style the tab */
.tab {overflow: hidden;}
.tab button {background-color: inherit;float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 26px; color: #8B4513;}
.tab button:hover {background-color: #F5F5DC; border-radius: 6px 6px 0;}
.tab button.active {background-color: #F5F5DC; border-bottom: 4px solid #D2B48C;}
.tabcontent {display: none; padding: 6px 12px; border-top: none;}
.tablinks {width: 33%; border-radius: 6px 6px 0;}
@media (max-width: 768px){.tab {flex-direction: column; display: flex;}}
@media (max-width: 768px){.tab button {font-size: 18px; width: 100%;}}
.mod-right {text-align: right;}
@media (max-width: 768px){.container-component {padding: 0 30px;}}
.navbar-brand {display: block; margin-left: auto; margin-right: auto; padding-top: 20px!important;}
/*.grid-child {padding-top: 2em!important;}*/
.wjcallbackform{margin-top: 10%!important; border-radius: 10px;}
.btn-order {border-radius: 50px; border: 2px solid #fff; height: 50px;min-width: 160px;text-transform: uppercase;font-weight: 600;display: inline-flex;align-items: center;justify-content: center;padding: 0 20px;margin: 30px 0;color: #ffffff!important;background-color: #D2B48C; text-decoration: none; box-shadow: 0 0 0 8px rgba(245, 245, 180, 0.64); animation: pulse 2s infinite;}}
.modal-footer{justify-content: center!important; align-items: center;padding: 0 0 20px;}
@keyframes pulse {0% {transform: scale(1);} 50% {transform: scale(1.1);} 100% {transform: scale(1);}}
.map-container {
  position: relative;
  overflow: hidden;
}

.map-container img {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.map-container::after {
  content: "";
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 200px;
  background-color: white;
  border-top-left-radius: 50% 100px;
  border-top-right-radius: 50% 100px;
  z-index: 0;
}