body {
    color: #5a5a5a;
    background-color:  #CBECFF;
/*    padding-top:220px;*/
}


body.main {
    background-color:  #CBECFF;
}



h1,h2,h3,h4,h5 {font-family: 'NAMU',serif; color: #ea353a;} 

h5.modal-title {text-align: center;width: 100%;}
.roomtext {text-align: justify;}

.wrapper{
    background-color: #B8D5FF;

}

h4 a{
    color: inherit;
    text-decoration: none;
}

.hotelListHeader{
    background-color: #CBECFF ;
    padding-bottom: 120px;
/*    background-image: url(../img/bg_hotels_top.png);*/
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 150px;
    position: relative;
}

.headerListBottom{
    width: 100%;
    height: 160px;
    background-image: url(../img/bg_hotels_top.png);
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    z-index: 0;
    left: 0;

}


@media (min-width: 1566px)   {
    .hotelListHeader{
        padding-bottom: 104px;
    }
}

@media (min-width: 1566px)   {
    .hotelListHeader{
        padding-bottom: 104px;
    }

.headerListBottom{

    background-size: cover;
}
}


.pageHeader{
/*    background-color: #CBECFF ;*/
    padding-bottom: 0px;    
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 238px;
    padding-top: 20px;
}
.hotelSearchHeader{
    background-color: #CBECFF ;
    padding-bottom: 390px;
    background-image: url(../img/bg_hotels_top.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}
.modalHeader {
    text-align: center;
}

.hotelMainImage{
    width:  100%;
    border-radius: 30px;
}
.hotelShort{
    font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 24px;
text-decoration: none;
color: #000000;

}
.hotelAdr{
display: block;
padding-top:  20px;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #000000;
text-decoration: none;
}

.hotelTel{
display: block;
padding-top:  20px;

font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #000000;
text-decoration: underline;
}


.roomname {
    text-align: center;
}
.roomtypename {
    font-weight: bold;
    color: #5a5a5a;
}
.roomSelectBtn {
/*    padding-bottom: 20px;*/
}

.priceMain{
    padding-top:  20px;
    background-image: url(../img/bg_price.png);
    background-repeat: no-repeat;
    width: 233px;
    height: 133px;
    position: absolute;
    left: 60px;
    bottom:  50px;
}

.priceMain p{
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
color: #000000;
margin-bottom: 0.6rem;
text-align: center;
}

.priceMain .line1{
font-size: 17px;
line-height: 21px;
}

.priceMain .line2{
font-size: 29px;
line-height: 21px;
}
.priceMain .line3{
font-size: 17px;
line-height: 21px;
}


.priceMain.snowClass{
    padding-top: 5px;    
}

.priceMain.snowClass .line1{
font-size: 17px;
line-height: 17px;
}

.priceMain.snowClass .line2{
font-size: 29px;
line-height: 17px;
}
.priceMain.snowClass .line3{
font-size: 17px;
line-height: 17px;
}
.priceMain.snowClass .line4{
    text-align: center;
    font-size: 17px;
    color: #000000;
    font-weight: 500;
}



.row_hotel{
    padding-bottom: 150px;
}



.row_hotel h4{
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
}



.otzivyBlock {
    background-color: white;
    border: 0;
    border-radius: 15px;
    padding: 28px 48px;
    margin: 8px 0px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
}

.otzivyBlock div, .otzivyBlock span{

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    text-decoration: none;
    color: #000000;
}

.otzivyBlock .clientName{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #5a5a5a;
    margin-bottom: 8px;
}

.otzivyBlock .dates{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    margin-bottom: 16px;
}

.otzivyBlock .simlink{
    color: #000000;
    text-decoration: underline;
}

.main_col_3{
    position: relative;
    height: 300px;
}

.main_hotel_img{
    position: absolute;
    left: -100px;
    bottom:  -270px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    width: 280px;
    height: 300px;
}
.main_hotel_img_1{
    background-image: url(../img/main_hotel_img_1.svg);
}
.main_hotel_img_2{
    background-image: url(../img/main_hotel_img_2.svg);
}
.main_hotel_img_3{
    background-image: url(../img/main_hotel_img_3.svg);
}
.main_hotel_img_4{
    background-image: url(../img/main_hotel_img_4.svg);
}
.main_hotel_img_5{
    background-image: url(../img/main_hotel_img_5.svg);
}
.main_hotel_img_6{
    background-image: url(../img/main_hotel_img_6.svg);
}
.main_hotel_img_7{
    background-image: url(../img/main_hotel_img_7.svg);
}
.main_hotel_img_8{
    background-image: url(../img/main_hotel_img_8.svg);
}
.main_hotel_img_9{
    background-image: url(../img/main_hotel_img_9.svg);
}
.main_hotel_img_10{
    background-image: url(../img/main_hotel_img_10.svg);
}

.maiPpageNazv {position: relative; 
font-family: 'NAMU';
font-style: normal;
font-weight: 600;
font-size: 35px;
line-height: 42px;
height: 140;

}

.maiPpageNazv  .img{
    position: relative;
    Width:  98px;
    Height: 20px;
    bottom: -45px;
    left: 0px;

    display: inline-block;

}



.palm_and_woman_1{
        position: absolute;
    Width:  300px;
    Height: 200px;
    background-image: url(../img/sky_top.svg);
    bottom:  0px;
    left:  0px; 
    background-repeat: no-repeat;
    z-index: 1000;
}
.Ellipse_1{    position: absolute;
    Width:  300px;
    Height: 200px;
/*    background-image: url(../img/Ellipse_1.svg);*/
    bottom:  0px;
    left:  0px; }

.container {
        position: relative;

    }



.navbar-collapse{
    position: absolute;
        top: -40px;
}


h3.contacts{
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 35px;
    line-height: 43px;
    color: #000000;
}

h4.hotelName {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.categoryName {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;

    color: #5a5a5a;

}
.categoryValue {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #000000;

}

h2,h3{

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 1.375rem ;
    line-height: 27px;
    /* identical to box height */
    padding-top: 15px;
    color: #5a5a5a;


}


p,li,span, #contactphone, .info, .roomitem, .modalform, .messageAnswer{


font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 24px;

color: #000000;


}


.modalform .row {margin-bottom: 5px;}

.siteDecoration{
    position: relative;
}

.siteDecoration .hotelPalmInner{
    position: absolute;
    bottom:  0px;
    right:  0px;
    background-image: url(../img/sky.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%;
    width:  300px;
    height: 380px;
}


.pricecontent {
  height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}




@media (min-width: 576px)   {


   .maiPpageNazv {

        height: 175px;

   }


.maiPpageNazv  .img{

    left: 0px;

}

.palm_and_woman_1{
       
    bottom:  -110px;
    width: 200px;
}
.Ellipse_1{    
    bottom:  -110px;
    
 }

 h4.hotelName {
    font-size: 17px;
    line-height: 20px;
}

.categoryName {
    font-size: 17px;
    line-height: 20px;
}
.categoryValue {
    font-size: 17px;
    line-height: 20px;
}

h2,h3{
    font-size: 1.375rem;
    line-height: 20px;
}

p, li, span, .categoryValue, .categoryName, #contactphone, .messageAnswer {
    font-size: 16px;
    line-height: 20px;
}


.siteDecoration .hotelPalmInner {
    bottom: 83px;
    right: 10px;
    height: 310px;
}

}

@media (min-width: 768px)   {
.pageHeader {
  
  margin-top: 140px;
}

    .modal-dialog {
        max-width: 700px;
     
    }
    .maiPpageNazv {position: relative; 
        font-family: 'NAMU';
        font-style: normal;
        font-weight: 600;
        font-size: 50px;
        line-height: 60px;
        margin-bottom:  0px;

    }


.maiPpageNazv  .img{
    position: relative;
    Width:  98px;
    Height: 20px;
    bottom: 0px;
    left: 0px;

    display: inline-block;

}




.palm_and_woman_1{
    Width: 230px;
    Height: 200px;       
    bottom:  -110px;
}
.Ellipse_1{    
    bottom:  -110px;
    
 }


 h4.hotelName {
    font-size: 20px;
    line-height: 24px;
}

.categoryName {
    font-size: 20px;
    line-height: 24px;
}
.categoryValue {
    font-size: 20px;
    line-height: 24px;
}

h2,h3{
    font-size: 35px;
    line-height: 43px;
}


p,li,span, .categoryValue, .categoryName, #contactphone, .messageAnswer{
font-size: 20px;
line-height: 24px;
}

.otzivyBlock  {
    font-style: 20px;
}

}


@media (min-width: 992px)   {

.pageHeader {
  
  margin-top: 220px;
}

    .modal-dialog {
        max-width: 900px;
     
    }
    .maiPpageNazv {position: relative; 
       font-family: 'NAMU';
font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 60px;

}


.maiPpageNazv  .img{
    position: absolute;
    Width:  98px;
    Height: 20px;
        bottom:  -20px;
    left:  670px; 
    

}
.palm_and_woman_1{
       
    bottom: -100px;
}
.Ellipse_1{    
    bottom: 0px;
    
 }
 h4.hotelName {
    font-size: 20px;
    line-height: 24px;
}

.categoryName {
    font-size: 20px;
    line-height: 24px;
}
.categoryValue {
    font-size: 20px;
    line-height: 24px;
}

h2,h3{
font-size: 1.375rem ;
    line-height: 43px;
}


p,li,span, #contactphone, .messageAnswer{
font-size: 20px;
line-height: 24px;
}

}

@media (min-width: 1200px)   {
    .maiPpageNazv {position: relative; 
       font-family: 'NAMU';
font-style: normal;
font-weight: 600;
font-size: 60px;
line-height: 60px;
height: 190px;
}



*, ::before, ::after {
  box-sizing: border-box;
}



.maiPpageNazv  .img{
    position: absolute;
    Width:  98px;
    Height: 20px;
        bottom:  0px;
    left:  770px; 
    display: inline-block;

}

}

.bg-dark {
    background-color: #ffffff00 !important;
    height: 170px;
    background-image: url(../img/bgheader.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.makeorder{
    display: none;
    position: absolute;
    padding: 10px 5px 0px;
      
    bottom: 0px;
    right: 10px;
    background: #fff;
    border: 1px red solid;
    border-radius: 10px;
}
.modal-content{
    background: #b8d5ff;
}


.navbar-toggler{
    color:  black;
    font-size: 29px;
}

.logo {
    position: absolute;
    height:  140px;
    width: 110px;
    top:  -100px
}

.logo .home {
    position: absolute;
    Width:  113px;
    Height: 113px;
    background-image: url(../img/m_ski_logo.png);
    bottom:  0px;
    left:  0px;  
    background-repeat: no-repeat;  
    background-size: contain;
}
.logo .palm {
    position: absolute;
    Width:  70px;
    Height: 116px;
/*    background-image: url(../img/palma-logo.svg);*/
    bottom:  15px;
    left:  50px;    
}

.nav-link{
font-family: 'NAMU',serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #000000;
}

.nav-link.active {
    
    color: #000000;
}

.navbar-toggler:focus {
        box-shadow: 0 0 0 0;
}

.navbar-nav {padding-left: 115px}
.navbar-nav a {color:  black;}

/*
@media (max-width: 767px)   {
    .navbar-nav {padding-left:0px}
    
    .navbar-collapse{
        position: absolute;
        top:  150px;
        left: 0px;
        border: 1px solid red;

        width: 100%;
    }

    .navbar-collapse ul, .navbar-collapse form{
        width:  90%;
        max-width: 450px ;
        margin: 0 auto;
    }
}
*/






.priceBtnRow{padding:  5px 0px 20px;}

.simlink {
    color:  blue; cursor: pointer;text-decoration: underline;    
}
.btn-showopis {
    
}

.btn-default , .btn-default:focus , .btn-default:active , .btn-default:hover{
height: 40px;
background: #FFFFFF;
border-radius: 10px;
border:  0;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 13px;
/*line-height: 15px;*/
padding: 9px 16px;
color: #ea353a;

}
.btn-secondary {
height: 40px;
border-radius: 10px;
border:  0;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 13px;
/*line-height: 15px;*/
padding: 9px 16px;
}


.btn-hotellist{
width: 148px;
height: 40px;
background: #FFFFFF;
border-radius: 10px;
border:  0;
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 15px;

color: #ea353a;
padding-top: 12px;
margin-top: 5px;
}

.btn:hover {
    color: white;
    background-color: #ea353a;
    border-color: none;
}

.btndisabl,  .btndisabl:focus , .btndisabl:active , .btndisabl:hover  {
    cursor: not-allowed;
    background: #eaeaea;
}

#errcontdop {
    display: none;
    color: red;
}
.modal-footer div{
    width: 100%;
    text-align: center;
}

.btn-hideopis {
    display: none;
}

.hiddenOpis {
    display: none;
}

.hiddenOtziv{
    display: none;
}

.btn-hideotziv{
    display: none;
}

.tableprice
{
  width: fit-content;
  border: 1px solid black;
  overflow: hidden;
  border-radius: 15px;
}


.pricetable  td{

    border:1px solid black;

    text-align: center;
    padding:  15px 25px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 15px;

    color: #000000;


}


.pricetable tr:first-child td {
    border-top:0px;
}

.pricetable tbody  tr:last-child td{
    border-bottom:0px;

}
.pricetable tr td:first-child   {
    border-left:0px;

}

.pricetable tr  td:last-child  {
    border-right:0px;

}

.pricetable tbody tr:nth-child(even){
    background-color: #ecf5ff;
}

.pricetable .tablehead{
    background-color: #1877d5;

}

.pricetable .tablehead td{

    color:  #fff;
}

.pricetable td.nazvanie{
    text-align: left;
}


/*
.pricetable {
    border-radius: 15px;
}

.pricetable .tablehead{
    background-color: #1877d5;
    color:  #fff;
    border-radius: 20px;
}

.pricetable tbody tr:nth-child(even){
    background-color: #ecf5ff;
}

.pricetable td{    
    border: 1px solid black;
    text-align: center;
    padding:  15px 25px;

    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;

color: #000000;





}
.pricetable .tablehead td{
    text-align: center;
}


.pricetable td.nazvanie{
    text-align: left;
}

.pricecontent {
    overflow: auto;
    height: 50vh;
}
*/
.roomreserv textarea,
.roomlist textarea {
    display: none;
}

.roomfoto img {
    width:  250px;
    border-radius: 20px;
    max-width: 100%;
}

@media (max-width: 767px)   {

.pageHeader {
  
  margin-top: 140px;
}

.roomfoto  {
    text-align: center;
}
.roomfoto img {

    width:  90%;
    border-radius: 20px;
}
}

.bordered {
    border:  1px solid navy;
    padding:  3px;
    margin:  3px;
}

.otzivhide {
    display: none;
}

.otzivcountpanel {
    position: relative;
    margin: 3px 0px;
}
.otzivcountpanel .totalotzivcount{
    font-family: 'NAMU';
    position: absolute;
    right:  0px;
    top: 0px;
}

.w60 {
    width: 60%;
}
.w800 {
    width: 800%;
}
.w90 {
    width: 90%;
}
.w100 {
    width: 100%;
}

.hidden{display: none;}

.red {color: red;}
.borderred { border-color: red; }

#map {
    width: 100%;
    height: calc(70vh );
    border: 1px solid #eaeaea;
    margin: 15px auto;
}

.scrollbox {
    overflow-x: auto;
    padding-bottom: 5px;
}

.hover{
    width: 100%;
    height:  250px;
    background-color: #B8D5FF;
    position: fixed;
    top:  50px;
    z-index: 999;
}

.floatHeader{
/*  position: sticky;*/
  position: fixed;
top: 0px;
width: 100%;
z-index: 1000;
height: 220px;
background: #B8D5FF;
padding-top: 170px;
}

.floatHeader h1{
    margin-bottom: 0px;
    margin-bottom: 0px;
    font-size: 1.4rem;
    padding-bottom: 3px;
    line-height: 0.8;
}

.floatHeader .ordercal{
    font-size: 14px;
    line-height: 24px;
}

.topMenu {
    position: absolute;
    right: 0;
    top: 0;  
    padding-top:  5px; 
    padding-left:  5px;  
    padding-bottom: 3px;
    line-height: 0.8;
}

.topMenu .ttl{display: none; margin-left: 5px;} 
#btnPrice .ttl{margin-left: 1px;} 
.topMenu .topMenuItem{
} 

.topMenu a{ 
    display: inline-block;
    border: 1px solid var(--bs-link-color);    
    font-size: 22px;    
    height: 40px;
    width: 40px;    
    padding: 8px 10px;
    border-radius: 20px;
    text-align: center;
    margin-left:  5px;
    overflow: hidden;
    background-color: #fff;
 }

#btnComments {padding-left:  5px;}
#btnMap {padding-left:  7px;}
#btnGallery {padding-left:  7px;}

#btnOrder {padding-left:  6px;}
#btnDesription {padding-left:  9px;}

a.telephone {
    font-weight: bold;
    color: #5a5a5a;
    text-decoration: none;
    margin-bottom: 0px;
    font-size: 1rem;
    font-family: 'Montserrat';

}
a.telephone:hover,a.telephone:focus,a.telephone:active {
    text-decoration: underline;
}

.header-search {position: relative;}
.header-search  .btn-search {position: absolute; left:  50px;
    background: none;
    border: 0;
    top: 6px;
    left: 171px;
}}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


.footer-wrapper{

    background-image: url(../img/bg-footer.svg);
    padding-top: 20px;
    background-color: #B8D5FF;;

}
.footer-wrapper-2{
    height:  140px;
    background-image: url(../img/bg-footer1.svg);
padding-top:  70px;
    
}
.footer-wrapper-2 p{


font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 14px;

color: #FFFFFF;


}
.footer-wrapper-2 p.float-end a{


font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 14px;
text-decoration-line: underline;

color: #FFFFFF;


}


.foundCount {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 14px;
    text-decoration: none;
    color: #000000;
}

@media (max-width: 992px)   {




   .pageHeader {
  
  margin-top: 140px;
}

   body{
/*      padding-top: 380px;*/

   }

   .hotelListHeader {
        margin-top: 115px;        
        padding-bottom: 40px;
    }

    .hover {
    
        top: 50px;
    
    }


    .bg-dark {
        height:  140px;
    }
    

    .logo {
        top:  -85px
    }

    .nav-link {
    font-size: 14px;
    line-height: 16px;
    }

    .floatHeader{
        height: 200px;
        padding-top: 175px;
    }
    .topMenu {
        top: -35px;
    }

}
@media (max-width: 768px)   {


   .hotelListHeader {
        margin-top: 115px;        
        padding-bottom: 2px;
    }
   
   body{
/*      padding-top: 380px;*/
   }

    .hover {
    
        top: 50px;
    
    }


    .bg-dark {
        height:  130px;
    }
    
    .bg-dark.scrolled {
        height: 75px;
    }   

    .logo {
        top:  -84px;
        left: 3px;

    }


   .scrolled .navbar-toggler {
        position: absolute;
        top: -27px;
        right: 10px;
    }

    .scrolled .logo {
        position: absolute;
        height: 140px;
        width: 110px;
        top: -105px;
        left: -3px;
    }

    .scrolled .logo .home {
        position: absolute;
        Width: 98px;
        Height: 60px;
        background-size: contain;
        background-repeat: no-repeat;
        bottom: 5px;
        left: 10px;
    }

    .nav-link {
    font-size: 14px;
    line-height: 16px;
    }

    .floatHeader{
        height: 270px;
        padding-top: 180px;
    }
        .navbar-toggler {
        position: absolute;
        top:  -55px;
        right:  10px;
    }

    .nav-link {
        font-size: 14px;
        line-height: 7px;
    }

    .navbar-nav {
        padding-left: 0px;
    }
    .header-search {
/*        padding-left: 135px;*/
    }

    .header-search .btn-search {
        left: auto;
        right:  10px;
    }
        .navbar-collapse{
        margin-left: 125px;            
        margin-right: 30px; 

        padding: 10px;
        background-color: #bfe8ff;
        border-radius: 20px;
        border: 1px solid #00000017;
    }

}

@media (max-width: 575px){
    .pageHeader {
  
  margin-top: 140px;

}

    body{
/*        padding-top: 0px;*/
    }

    .siteDecoration .hotelPalmInner {
        position: absolute;
        bottom: 0px;
        right: -10px;
/*        background-image: url(../img/hotel_palm_inner.svg);*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 0% 100%;
        width:  130px;
        height: 380px;
        background-size: contain;
        
    }

    .navbar-collapse{
        margin-left: 125px;            
        margin-right: 30px; 

        padding: 10px;
        background-color: #bfe8ff;
        border-radius: 20px;
        border: 1px solid #00000017;
    }

    .hotelSearchHeader{
        padding-bottom: 200px;
    }
    .navbar-toggler {
        position: absolute;
        top:  -55px;
        right:  10px;
    }

    .nav-link {
        font-size: 14px;
        line-height: 14px;
    }

    .navbar-nav {
        padding-left: 0px;
    }
    .header-search {
/*        padding-left: 135px;*/
    }

    .header-search .btn-search {
        left: auto;
        right:  10px;
    }
    .hotelListHeader {
        background-color: #CBECFF;
        padding-bottom: 74px;
    }
    .maiPpageNazv .img {
        position: absolute;
        Width: 98px;
        Height: 20px;
        bottom: 14px;
        right: 0px;
            left: auto;
    }

    .Ellipse_1 {
        position: absolute;
        Width: 178px;
        Height: 33px;
/*        background-image: url(../img/Ellipse_1.svg);*/
        background-position: top right;
        background-repeat: no-repeat;
        background-size: contain;
        left: auto;
        right:  10px;
    }
    .palm_and_woman_1 {
        position: absolute;
        Width: 160px;
        Height: 115px;
/*        background-image: url(../img/palm_and_woman_1.svg);*/
        background-position: top right;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: -100px;
        left: auto;
        right:  -10px;


    }


     .container img {
        max-width: 100%;
    }


    .row_hotel h4 {
        font-size: 22px;
    }
    .hotelShort {
        font-family: 'Montserrat';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 18px;
        text-decoration: none;
        color: #000000;
    }


    .main_hotel_img {
        position: absolute;
        left: 0px;
        top: 130px;
        background-repeat: no-repeat;
        background-position: top center;
        width: 150px;
        height: 150px;
        background-size: contain;
    }

    .priceMain {
        padding-top: 20px;
        background-image: url(../img/bg_price.png);
        background-repeat: no-repeat;
        background-size: contain;
        width: 155px;
        height: 105px;
        position: absolute;
        left: 20px;
        top: 45px;
    }


    .priceMain p{
        padding-bottom: 12px;
    }

    .priceMain .line1{
        font-size: 14px;
        line-height: 6px;
    }

    .priceMain .line2{
        font-size: 20px;
        line-height: 12px;
    }
    .priceMain .line3{
        font-size: 14px;
        line-height: 6px;
    }

    .priceMain .line4{
        font-size: 16px;        
    }


    .priceMain.snowClass {
        padding-top: 7px; 
    }


    .priceMain.snowClass p{
        padding-bottom: 1px;
    }

    .priceMain.snowClass .line1{
        font-size: 14px;
        line-height: 6px;
    }

    .priceMain.snowClass .line2{
        font-size: 20px;
        line-height: 12px;
    }
    .priceMain.snowClass .line3{
        font-size: 14px;
        line-height: 6px;
    }

    .priceMain.snowClass .line4{
        font-size: 14px; 
        text-align: center;       
        font-weight: 500;
    }





    .hotelTel {
    
    padding-top: 0px;
    }

    .row_hotel {
    padding-bottom: 50px;
    }

    .bottom-line {
        text-align: center;
    }
    .bottom-line .btn-hotellist{
        font-size:  14px;;
        padding-right: 5px;
        width: 140px;
    }
         .btn-hotellist.ordercal{
        font-size:  14px;
        width: 160px;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 5px;
    }

    .bottom-line span.btn-left{
        
/*        margin-right: 20px;*/
    }


    .footer-wrapper{

        background-image: url(../img/bg-footer.svg);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        
        padding-top: 20px;
        background-color: #B8D5FF;;

    }
    .footer-wrapper-2{
        height:  140px;
        background-image: url(../img/bg-footer1.svg);
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        
    padding-top:  70px;
        
    }



    .footer-wrapper{

        background-image: url(../img/bg-footer.svg);
        padding-top: 20px;
        background-color: #B8D5FF;;

    }
    .footer-wrapper-2{
        height:  80px;
        background-image: url(../img/bg-footer1.svg);
    padding-top:  35px;
        
    }
    

    .footer-wrapper-2 p{
        font-size: 14px;
        padding-right: 30px;
    }  

    .footer-wrapper-2 p.float-end{
        padding-right: 0px;
    }   

    .floatHeader{
/*        height: 300px;*/
        height: 220px;
        padding-top: 180px;
    }

}

.orderheader{

    margin-top: 15px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000000;

}

.inputliene {

    margin: 10px 0px;

}
#parking {
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0px;
}



.inputliene input, .inputliene textarea {

    padding: 6px 18px;
    border-radius: 10px;
    border: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;

    color: #808080;


}

.modalform input, .modalform textarea {

    padding: 6px 18px;
    border-radius: 10px;
    border: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    width: 100%;
    color: #808080;


}

.inputliene span.display {

    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 6px 18px;
    border-radius: 10px;
    border: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;

    color: #808080;
    height: 38px;

}


.inputliene #arival, .inputliene #departure , .inputliene .ui-datepicker-trigger{
    display: none;
}


.modal-header button.close {
    border: 0;
    background-color: transparent;
}

.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    color: #ea353a;
    font-size: 16px;
    background-color:transparent;

}
.dropdown-item{
    font-family: 'NAMU',serif;
font-style: normal;
}

.dropdown-item.active, .dropdown-item:active{
    color: #ea353a;
    font-size: 16px;
    background-color:transparent;

}
.dropdown-menu {
/*    background-color: transparent;*/
    border-radius: 15px;
    background-color: #bfe8ff;
}
.btns-row {
    text-align: center;
}
.pb-10{ 
padding-bottom:10px }


.iconBtns i{
    font-size: 24px;
    cursor: pointer;
    
}

.iconBtnsIn a, .iconBtnsIn i, .iconBtnsIn i.ordercal, .iconBtnsPanel i{
    margin-right: 5px;   
    font-size: 24px;    
}

.iconBtnsIn a  i{
    margin-right: 0px;   
}

.icons1{
/*    border: 1px solid red;*/
    width: 100%;
    text-align: right;
/*    margin-bottom: 10px;*/
}
.icons1 i { margin-left: 5px; }

.icons2{

}
.icons2 i{
margin-right: 10px;
}


.fa-whatsapp {color: #0dc143;}
.fa-telegram {color: #2f91ed;}
.fa-circle-question {color: #5a5a5a;}
.fa-circle-phone {color: #5a5a5a;}


.modal-header .close {
    font-size: 20px;
}

.selfOrderSkid{
    color: #ea353a;
    font-weight: bold;

}

.selfOrderSkid .attention{
    display: inline-block;
    position: relative;
    width: 2px;
    height: 10px;    
}
.selfOrderSkid .element{
    display: block;
    position: absolute;
    left: 1px;
    bottom: 0px;
    Width:  25px;
    Height: 39px;
    background-image: url(../img/candy.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 100%;
}