.gray {
    position: relative;
}

 .topfon img {
    /* position: fixed; */
    position:static;
    top: 0;
    left: 0;
    width:100%;
    z-index: -1;
}
.topfon {
    width: 100%;
    height: 50vh;
    position:relative;
}
.topfon .subfon {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    bottom:0;
    background: linear-gradient(to bottom, transparent 0%, transparent 50%, #05163c9e 87%);
    color: #fff;
}
.topfon .subfon > div {
    display: flex;
    height: 100%;
    /* flex-direction: column; */
    justify-content: center;
    padding: 20px;
    align-items: end;
}
.topfon .breadcrumbs, .topfon .breadcrumbs a:after {
    color:#fff;
}
.breadcrumbs {
    margin-left:0;
}
.topfon .breadcrumbs {
    margin-left:135px;
}
@media (max-width:650px){
    .topfon {
        height: 25vh
    }
    
}

/* main gallery */

.main_gallery {
    margin-top: 30px;
}
.main_gallery .wrapper {
    display:grid;
    grid-template-columns: 60% 1fr;
    gap: 5px;
    height:364px;
    border-radius: 20px;
    overflow: hidden;
}
.main_gallery .sub_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    grid-auto-rows: 182px;
}
.main_gallery a {
    width:100%;
    height:100%;
    overflow: hidden;
}
.main_gallery a:hover .img_fon {
    height:105%;
    width:105%;
}
.main_gallery .sub_wrapper .pic:last-child {
    position:relative;
}
.main_gallery .sub_wrapper .all {  
    position: absolute;
    top: 0;
    left:0;
    height: 100%;
    width: 100%;
    background: #00000070;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0 30px 0 40px;
    font-weight: 600;

}
.main_gallery .sub_wrapper .all svg {
    margin-right: 10px;
}

@media (max-width:800px){
    .main_gallery .wrapper {
        grid-template-columns: 40% 1fr;
    }
}
@media (max-width:600px){
    .main_gallery .wrapper, .rooming .shadow-radius {
        grid-template-columns: 1fr;
    }
    .main_gallery .sub_wrapper {
        grid-auto-rows: 100px;
    }
    .main_gallery > a {
        height: 250px;
    }
    .fastlinks {
        display:none;
    }
    .topfon img {
        position:static;
    }
}

.padd-r-20pr {
    padding-right:20%
}
.country_info .grid {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:30px;
    }
@media (max-width:800px) {
    .country_info .grid {
        grid-template-columns:1fr;
        gap:30px;
        margin-top:40px;
    }
}
.country_info .inf {
    background:#fff;
    padding:20px;
    margin-bottom:15px;
    border-radius: 15px;
}
.inf .text_content {
    margin:0;
}
.inf .big .open_text {
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 23.11%, rgba(255, 255, 255, 0));
}
.inf .big .open_text span {
    background: #f2f3f6;
}
#map {
    border-radius: 15px;
}
.country_info .inf div:first-child {
    font-weight:600;
    margin-bottom:10px;
}
.fastlinks {
    margin-bottom: 30px;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 500;
    /* border-bottom: 1px solid #8b8686; */
    background: #fff;
    margin-top: 20px;
    border-radius: 15px;
    box-shadow: 0 2px 9px rgba(204, 204, 204, 0.3);
}
.fastlinks a {
    display: inline-block;
    margin-right: 25px;
}
#weather {
 display: flex !important;
  gap: 20px;
  align-items: center;
  margin: 0;
}
#weather div {
    margin: 0;
}
#weather .wrapper {
    display: flex;
  align-items: center;
}
#weather .icon {
    background-size: contain !important;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  margin-bottom: 0;
}
#weather .extra {
    font-weight: 400;
  font-size: 13px;
}

@media (min-width:1100px) {
    .rezorts.countries .content_wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .rezorts.countries .country-item .bottom {
        font-size:18px;
    }
}

@media (max-width:650px){
    .back {
        display: flex;
        align-items: center;
        margin-top: 40px;
        gap: 10px;
        position: absolute;
        top:0;
    }
    .back:before {
        content: '';
        display: block;
        width: 16px;
        height: 8px;
        background: url(/assets/almaris/icons/arrow_down.svg) no-repeat center center;
        background-size: contain;
        transform:rotate(90deg);
    }
    .text_content {
    margin-top: 40px;
    }
}