@import url('https://fonts.googleapis.com/css2?family=Almarai&display=swap');

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, u, i, center,
dl, dt, dd, ool, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, b {
    color: #333333;

  border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	font-family: 'Almarai', sans-serif; 
}


body { background-color: #f5f5f5;}   


.date-picker-wrapper .month-wrapper {
  width: 100% !important;    
 /* max-width: 200px !important; */
  justify-content: center;   
    font-size: 12px

}

.date-picker-wrapper .month-wrapper .month {
  width: 100% !important;       /* عرض الشهر بكامل المساحة */
}
	 /* Modal Content/Box */
            .modal-content {
                background-color: #ffffff;
                margin: 15% auto;
                /* 15% from the top and centered */
                padding: 5px;
                border: 1px solid #888;
                width: 96%;
                /* Could be more or less, depending on screen size */
                border-radius: 14px;
            }


            .carousel-item img {
                width: 100%;
                height: 548px;
                object-fit: inherit;
                border-radius: 0px 0px 0px 0px;
            }

            .carousel-item video {
                width: 100%;
                height: 548px;
                object-fit: inherit;
                border-radius: 0px 0px 0px 0px;
            }

            .prodDetails {
                background-color: #fafafa;
                border: 1px #dedede solid;
                padding: 10px;
                border-radius: 0px 0px 0px 10px
            }

            .prodDetails.cnterSection {
                border-right: none;
                border-left: none;
            }

            .week label {
                display: block;
                font-size: 16px;
                color: #7E7E7E;
                font-weight: bold;
                padding: 10px;
            }

            .prodDetails span {
                font-size: 16px;
                font-weight: bold;
                color: #0d95e1;
            }

            .cnterSection {
                background-color: #F1F1F1;
            }

            .prodDetails1 {
                background-color: #fafafa;
                border: 1px #dedede solid;
                padding: 10px;
                border-radius: 0px 0px 0px 0px
            }

            .prodDetails1.cnterSection {
                border-right: none;
                border-left: none;
            }

            /*.week label{display: block; font-size:18px; color:#7E7E7E; font-weight: bold;padding: 8px;}*/

            .prodDetails1 span {
                font-size: 16px;
                font-weight: bold;
                color: #0d95e1;
            }

            .cnterSection {
                background-color: #F1F1F1;
            }

            .prodDetails2 {
                background-color: #fafafa;
                border: 1px #dedede solid;
                padding: 8px;
                border-radius: 0px 0px 10px 0px
            }

            .prodDetails2.cnterSection {
                border-right: none;
                border-left: none;
            }

            /*.week label{display: block; font-size:18px; color:#7E7E7E; font-weight: bold;padding: 29px;}*/

            .prodDetails2 span {
                font-size: 18px;
                font-weight: bold;
                color: #0d95e1;
            }

            .cnterSection {
                background-color: #F1F1F1;
            }

            .heading1 {
                background-color: #3e6c82;
                border: 1px #2B5468 solid;
                font-size: 16px;
                color: #ffffff;
                height: 55px;
                text-align: center;
                border-radius: 0px 0px 0px 0px;
                padding: 10px
            }

            .carousel-item {

            /*height: 520px; */

                margin-bottom: 18px;

            }

            @media  all and (max-width: 992px) {

                .carousel-item {

                    /*height: 520px;*/

                }

            }

            .arrow {

                margin-left: -5px;

                margin-bottom: -11px;

            }

            .k-net {

  background: url("https://aby-chalet.net/abychalet-kalifa/resources/views/chalet/web/k-net.png") no-repeat scroll 0 transparent;
				
  background-size: 38px 24px;
  height: 25px;
				
  width: 38px;

            }

			
			
            .carousel-control-next-icon {

                background-image: url(https://aby-chalet.com/images/r-arrow.svg);

                border-bottom-right-radius: 0;

                border-top-right-radius: 0;

                margin-right: -44px;

            }

            .carousel-control-prev-icon {

                background-image: url(https://aby-chalet.com/images/l-arrow.svg);

                border-bottom-left-radius: 0;

                border-top-left-radius: 0;

                margin-left: -44px;

            }

            .carousel-control-prev {

                height: 420px;

            }

            .carousel-control-next {

                height: 420px;

            }

            @media  all and (max-width: 992px) {

                .carousel-control-prev {

                    height: 400px;

                }

                .carousel-control-next {

                    height: 400px;

                }

            }

            .text-center {

                width: 80px;

                margin-top: -61px;

            }

            @media  all and (max-width: 992px) {

                .text-center {

                    width: 80px;

                    margin-top: -162px;

                }

            }

/*            @media  all and (max-width: 992px) {

                .carousel-control-next-icon {

                    background-image: url(../images/r-arrow.svg);

                    border-bottom-right-radius: 0;

                    border-top-right-radius: 0;

                    margin-right: -17px;

                }

                .carousel-control-prev-icon {

                    background-image: url(../images/l-arrow.svg);

                    border-bottom-left-radius: 0;

                    border-top-left-radius: 0;

                    margin-left: -17px;

                }

            }*/

            .footer-new {

                background-color: #2b5468;

                height: 140px;

                left: 0;

                bottom: 0;

                width: 100%;

                text-align: center;

            }

            @media  all and (max-width: 992px) {

                .footer-new {
                    background-color: #2b5468;
                    height: 180px;
                    margin-bottom: -18px;
                }

            }

            .share {
                position: absolute;
                z-index: 2;
                bottom: 170px;
                right: 15px;
            }


			


            @media  all and (max-width: 992px) {


                .carousel-item img {
                    height: 548px;
                    border-radius: 0px 0px 0px 0px;
                    margin-bottom: 0px
                }

                .carousel-item video {
                    height: 548px;
                    border-radius: 0px 0px 0px 0px;
                    margin-bottom: 0px
                }

            }

            .header-footer-text {

                font-weight: normal;

            }
			
			
.pak img { height: 100px !important; }			

input {
  appearance: none;

  border-radius: 100%;

  border: 1.5px solid #FFFFFF;
  transition: 0.2s all linear;
  margin-right: 5px;

  position: relative;
  top: 4px;
	background: #6E6E6E;
}

input:checked {
  border: 8px solid  #F5FF59;
}
				
		
.product-block-book-homeA {
    position: relative;
   
  }
  .product-block-book-homeA:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    background: rgba(0,0,0,0.0);
    /* z-index: -1; */
    border-radius: 14px 14px 14px 14px;
  }
					
		
.product-block-book-home {
    position: relative;
   
  }
  .product-block-book-home:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    background: rgba(0,0,0,0.2);
    /* z-index: -1; */
    border-radius: 14px 14px 14px 14px;
  }
			
			
			
			
.product-block-UnAvailable {
    position: relative;
	 z-index: 10;
  }
  .product-block-UnAvailable:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    display: block;
    background: rgba(0,0,0,0.2);
     z-index: 1000; 
    border-radius: 0px 0px 10px 10px;
  }
		
			.book-text {
    position: absolute;
    top: 40%;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-color: #000;
    padding: 2px;
    z-index: 1;
    border-radius: 5px;
    left: 0;
    right: 30%;;
    max-width: 120px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
					
	
.topright {
  position: absolute;
  top: 1px;
  right: 15px;
  font-size: 18px;
	background: #EB5A74;
	border-radius: 0px 14px 0px 6px;
	border: solid 2px #FFFFFF;
	color: #FFFFFF;
	padding: 5px;
	
}
			
.topright img {
width: 20px !important;
height: 20px !important;
	
}


td {
    margin: 0;
    /*padding: 0;*/
  border: 0;
    font-size: 100%;
    font: inherit;
	font-family: 'Almarai', sans-serif; 
}

* {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

strong {   

    letter-spacing: 1px;
}



    @media  all and (max-width: 992px){
    .footer-new{background-color: #f1fafe; height:170px;}
    }
    .header-footer-text{
      font-weight: normal;
    }

    .left-margin{
    margin-left: 86%;
    }


    .col-6.col-md-3.product {
        position: relative; 
    }

.col-6 {
      padding-right: 11px !important;
    padding-left: 10px !important;
}

.box-soon { 
width: 90%;
background: #ffffff;
border-radius: 10px;
}

.arrow { 
width: 90%;
}


/* The Modal (background) */
.modal {
  padding-top: 50px;
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
	
}


	
ul { margin: 0; padding: 10; border: 0; font-size: 100%; vertical-align: baseline; }







    canvas {
      position: fixed;
      top: 0;
      left: 0;
      pointer-events: none;
		z-index: 1000;
    }

.app-whatsapp-btn{
	padding: 5px;
    border-radius: 10px;
    color: #ffffff;
    border:  2px solid #6FDA44;
	background: #6FDA44;
}
.app-whatsapp-btn:hover{
    background: #46CC00;
    color: #ffffff;
    border:  2px solid #6FDA44;
}




.app-store-btn{
    padding: 12px 30px;
	font-family: 'Almarai', sans-serif; 
    font-weight: 700;
	 width: 300px;
}
.whatsapp{
	    padding: 12px 30px;
	font-family: 'Almarai', sans-serif; 
    font-weight: 700;
    border-radius: 30px;
    color: #ffffff;
    border:  2px solid #ffffff;
	background: #00a3ff;
	 width: 300px;
}
.whatsapp:hover{
    background: #0d95e1;
    color: #ffffff;
	    border:  2px solid #ffffff;
}




.footer-neww{
	  padding: 10px 15px 5px 15px;
    color: #0A78A5;
}


.Copyright{
    color: #666666;
}

.Copyright a { 
    color: #111111;
}



.featuresSVG{width: 100% !important;}

a, .btn{transition: all 2s ease; -webkit-transition: all 2s ease;}

p+p{margin-top: 20px;}


.outline-btn, .solid-btn, .primary-solid-btn{
    padding: 10px 25px;
    font-family: 'Open Sans', sans-serif
}

.primary-solid-btn{
    border-color: #27B7F2;
    background: #27B7F2;
    color: #ffffff;
}
.primary-solid-btn:hover{
    background: transparent;
    color: #f1fafe;
    border-color: #27B7F2;
}
.solid-btn{
    color: #fff;
    background: #27B7F2;
    border: 2px solid #ffffff;
    border-radius: 30px;
}

.solid-btn:hover{
    background: transparent;
    color: #27B7F2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.outline-btn{
    border-radius: 30px;
    color: #27B7F2;
    display: inline-block;
    border: 2px solid #27B7F2;
}
.outline-btn:hover{
    color: #fff;
    background: #27B7F2;
    -webkit-box-shadow: 0 20px 30px 0 rgba(67,37,204,.2);
    box-shadow: 0 20px 30px 0 rgba(67,37,204,.2);
}

.primary-bg h1, .primary-bg p{
    color: #fff;
}
.white-bg h1, .white-bg p{
    color: inherit;
}
.google-play-btn, .app-store-btn{
    padding: 12px 30px;
	font-family: 'Almarai', sans-serif; 
    font-weight: 700;
}
.google-play-btn{
    background: #ffffff;
    border-color: #ffffff;
    color: #6730e3;
    border-radius: 30px;
}
.google-play-btn:hover{
    background: transparent;
    color: #ffffff;
}


.app-store-btn-footer{
	padding: 8px 0px 0px 0px;
	margin: 5px;
	width: 120px;
	height: 40px;
    border-radius: 24px;
    color: #FFFFFF;
	background: #00a3ff;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.app-store-btn-footer:hover{
    background: #0d95e1;
    color: #FFFFFF;
}
	


.app-store-btn-next{
	padding: 8px;
	margin: 5px;
	width: 30px;
	height: 30px;
    border-radius: 24px;
    color: #FFFFFF;
	background: #00a3ff;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.app-store-btn-next:hover{
    background: #0d95e1;
    color: #FFFFFF;
}


.whatsapp-btn{
    border-radius: 30px;
    color: #ffffff;
    border:  2px solid #ffffff;
	background: #6FDA44;
    padding: 6px 20px;
	font-family: 'Almarai', sans-serif; 
    font-weight: 700;
}
.whatsapp-btn:hover{
    background: #ffffff;
    color: #379BF2;
    border:  2px solid #ffffff;

}



@media all and (max-width:1199px){

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

}

.container{width:90%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}


.affix-contact {
    background-color: #FFFFFF;
  border-top: 5px solid #f1fafe;
box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}



.affix-contact-header {
    background-color: #FFFFFF;
  border-bottom: 1px solid #D7D7D7;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.affix-contact-footer {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  color: white;
  text-align: center;
	
    background-color: #FFFFFF;
  border-top: 1px solid #D7D7D7;
box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}




.affix-contact-details {
	padding: 0px;
    background-color: #FFFFFF;
	color: #0A78A5;
    border: 1px solid #D7D7D7;
	border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	
}




.affix-contact-details-f {
	padding: 0px;
    background-color: #FFFFFF;
	color: #0A78A5;
    border: 1px solid #D7D7D7;
	border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	
}





.affix-contact-Days {
	padding: 10px;
    background-color: #FFFFFF;
	color: #0A78A5;
    border: 0.1px solid #D7D7D7;
	border-radius:0px;
	font-size: 14;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	
}

.single-counter span {
    font-weight: bold;
    color: #9629e6;
    font-size: 18px;
    line-height: 14px;
}

.white-bg.affix, .custom-nav.affix{
    background: #ffffff;
    border-bottom: 1px solid #ebebeb;
}

.white-bg.affix ul li a{
    color: #081d43 !important;
    opacity: 0.8;
}
.white-bg.custom-nav ul li a:hover{
    opacity: 1;
}
.bg-transparent ul li a{
    color: #ffffff;
    opacity: 0.8;
}
.bg-transparent ul li a:hover, .white-bg.affix ul li a:hover{
    opacity: 1;
}
.bg-transparent.affix{
    background: #27B7F2 !important;
}


.bg-transparent.affix-contact{
    background: #27B7F2 !important;
	padding: 12px;
}



.header-text-details {

    text-align: center;



    font-size: 35px;

    color: white;

    font-weight: 600;



}
.slider-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 500px;
  overflow: hidden;
}

.slider-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.slider-image.active {
  opacity: 1;
  z-index: 1;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.8);
  color: white;
  border: none;
  font-size: 50px;
  padding: 5px 10px;
  margin: -5px;
  cursor: pointer;
  z-index: 5;
  border-radius: 6px;
	font-weight: 700;
}
.slider-arrow.left  { left: 10px; }
.slider-arrow.right { right: 10px; }
    .truncate {
        /*      white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 93px;*/
        /* line-height: 2rem;
        max-height: 8rem;*/
        -webkit-box-orient: vertical;
        display: block;
        display: -webkit-box;
        overflow: hidden !important;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
    }

    .Headtruncate {
        /*      white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 93px;*/
        /* line-height: 2rem;
        max-height: 8rem;*/
        -webkit-box-orient: vertical;
        display: block;
        display: -webkit-box;
        overflow: hidden !important;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
    }
.slider-counter {
  position: absolute;
  top: 5px;
  left: 5px;
  background: rgba(0,0,0,0.8);
  color: white;
  padding: 2px 10px;
  border-radius: 8px;
  font-size: 16px;
	font-weight: 700;
  z-index: 10;
}
.form-control-new {
display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #E6FBFF;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px;
    direction: rtl;
}


	.btn-blue {
padding: 8px;
background-color: #4eb923;
border-color: #FFFFFF;
color: #ffffff;
border-radius: 8px;
font-size: 12px;
font-weight: 700;
width: 50%;
}
   .prodDetails {
    background-color: #FFFFFF;
    border: 1px #dedede solid;
    padding: 5px;
    border-radius: 10px;
    margin: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
		.btn-success {
    background: #26B99A;
    border: 1px solid #169F85;
    font-family: 'Almarai', sans-serif;
    padding: 8px;
    color: #fff;
    margin: 10px;
    border-radius: 6px;
			width: 80%;
}
	input {
    appearance: none;
    border: 1px solid #666666;
    transition: 0.2s all linear;
    margin-right: -2px;
    position: relative;
    top: 2px;
    border-radius: 20px;
	background: #FFFFFF;
}
	input:checked {
    border: 6px solid #EB5A74;
}
    button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
}

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#loading-icon {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



	.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}	
	
	.btn-date-limegreen {
padding: 8px;
color: limegreen;
      background-color: #FAFAFA;
      font-size: 14px;
		margin-bottom: 0px;
      text-align: center;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
	  border-radius: 5px 5px 0px 0px;
}
	
	.btn-date-red {
padding: 8px;
color: red;
      background-color: #FAFAFA;
      font-size: 14px;
		margin-bottom: 0px;
      text-align: center;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
	  border-radius: 5px 5px 0px 0px;
}
	
/* Style the tab */
	
	.available-chalets {
    overflow: hidden;
    border: 0px solid #2B5468;
    background-color: #27B7F2;
    color: #ffffff;
	border-radius: 8px 8px 0px 0px;
	padding: 4px;
}

	
	
.tab {
	
  overflow: hidden;
  color: #0A78A5;
	margin:  0px;
}



/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 5px 5px 5px;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 700;
  color: #0A78A5;
  width: 100%;
	border-radius: 12px 12px 0px 0px;
	
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #0A78A5;
    color: #ffffff;
}


/* Style the buttons inside the tab */
.tab-AfterSearch button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 5px 5px 5px;
  transition: 0.3s;
  font-size: 13px;
  font-weight: 700;
  color: #0A78A5;
  width: 25%;
	
}

	
	
.tab-AfterSearch {
	
  overflow: hidden;
  color: #0A78A5;
	margin:  0px;
}
/* Change background color of buttons on hover */


/* Create an active/current tablink class */
.tab-AfterSearch button.active {
  background-color: #0A78A5;
    color: #ffffff;
}




	
	
.tab-f {
	
  overflow: hidden;
  color: #0A78A5;
	margin:  0px;
}

/* Style the buttons inside the tab */
.tab-f button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 5px 5px 5px;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 700;
  color: #0A78A5;
  width: 100%;
	border-radius: 12px 12px 0px 0px;
	
	
}


/* Style the buttons inside the tab */
.tab-f button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 5px 5px 5px;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 700;
  color: #0A78A5;
  width: 100%;
	border-radius: 12px 12px 0px 0px;
	
}

/* Change background color of buttons on hover */


/* Create an active/current tablink class */
.tab-f button.active {
    color: #ffffff;
}


/* Style the tab content */
	
	
.h3 {
  padding: 5px;
  margin: 0px;
  color: #FFFFFF;
  font-size: 14px;
}

	
.tabcontent {
  display: none;
  padding: 1px;
  border-top: none;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}

	
.tabcontent-more {
  display: none;
  padding: 0px;
  border-top: none;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  background-color: #FFFFFF;
	 border-radius: 0px 0px 12px 12px;
}
	
	

	
/* Style the tab content */
.tabcontent2 {
  display: none;
  padding: 1px;
  border: 0px solid #ccc;
  border-top: none;
  background-color: #27B7F2;
	 color: #ffffff;
	text-align: center;
  font-size: 12px;
	font-weight: 700;
}
	
		
.calendar {
  display: none;
  padding: 1px;
  border: 0px solid #ccc;
  border-top: none;
	 color: #0A78A5;
	text-align: center;
  font-size: 12px;
	font-weight: 700;
}	.UnAvailable-black
	{
		
		 background: rgb(0, 0, 0, 1);
		
  border-radius: 10px 10px 10px 10px;
	}
	
		.UnAvailable-60
	{
		
	opacity:0.5;
		
  border-radius: 10px 10px 10px 10px;
	}
	

.center { 
	z-index: 100 !important;
  position: absolute;
  transform: translate(-50%, -50%);
	padding-top: 5px;
  font-size: 12px;
	color: #FFFFFF;
	background: #FF1849 !important;
	left: 50%;
	margin-top: 65px;
	width: 120px;
	height: 30px;
	
  border-radius: 8px;
	
}

.img320 {
	
	 width: 320px !important;
	height: 100% !important;
}
    .chalets-Available {

      background-color: #FAFAFA;

      font-size: 13px;

      color: #0A78A5;

      padding: 3px 0px 3px 0px;
		margin-bottom: 0px;

      text-align: center;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
	  border-radius: 10px 10px 0px 0px;
    }


    .Holidays-Available {

      background-color: #0A78A5;

      font-size: 14px;

      color: #FFFFFF;

      padding: 3px 0px 3px 0px;
		margin-bottom: 0px;

      text-align: center;
	  border-radius: 0px 0px 0px 0px;
    }

    .Holidays-Available-home {

      background-color: #39A8E6;

      font-size: 14px;

      color: #FFFFFF;

      padding: 3px 0px 3px 0px;
		margin-bottom: 0px;

      text-align: center;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
	  border-radius: 10px 10px 0px 0px;
    }



    .Available-Days {

      background-color: #FAFAFA;

      font-size: 12px;

      color: #0A78A5;

      padding: 10px 10px 10px 10px;

      text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
    }



    .feature {

      background-color: #FAFAFA;

      font-size: 10px;

      color: #0A78A5;

      padding: 10px 5px 15px 0px;

      text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
    }




.feature img {

  width:22px;

  display:block;

  height:22px;

  text-decoration:none;

}




.chalet img {

  width:120px;

  display:block;

  height:120px;

  text-decoration:none;

}



.feature:after {

  content: '''';

  position: absolute;

  width: 0px;

  height: 78%;

  background-color: #ccc;

  top: 12px;

  right: 34%;

}



.feature:before {

  content: '''';

  position: absolute;

  width: 0px;

  height: 78%;

  background-color: #ccc;

  top: 12px;

  left: 34%;

}



.feature{

  position: relative;

}



.feature .row .col-4 {


}

.feature .row .col-4:nth-child(9), .feature .row .col-4:nth-child(8), .feature .row .col-4:nth-child(7){

  border-bottom: none;

}

.feature .row .col-4 .row.label-border-bottom {

  align-items: center;

}



.feature .row .col-4 .row.label-border-bottom {

  align-items: center;

margin: 0;

}

.feature .row {

	margin-right: 5px;

}

 .Room-Details {
    font-size: 10px;
    color: #0A78A5;
    /* padding: 10px 5px 15px 0px; */
    margin: 0px 15px;
    text-align: center;
}


.feature .row .col-4 .row.label-border-bottom p {

  flex: 0 0 67%;

  text-align: right;
	width: 110px !important;
	padding-right: 5px ;
font-size: 11px;
}

.feature .row .col-4 .ml-2.mb-2.m-1 {

  flex: 0 0 20%;

}

.feature .row .col-4 .row.label-border-bottom {display: flex;}



/* .label-border-right{

  border-right: 1px solid #ccc;

  padding: 10px 10px 10px 10px;

} */



/* .label-border-bottom{

  border: 1px solid #ccc; 

  border-width: 0 0 0 0;

  border-bottom: 1px solid #ccc;  

  padding: 5px 20px 0 10px;

} */





/* Common CSS

    ========================================================================== */

.label-border-bottom img {
border-radius: 0px 0px 0px 0px !important;
}




@media (min-width: 320px){

.hed {
	font-size: 12px; 
	margin: 40px 0px 20px 0px; 
}

@media (min-width: 320px) and (max-width: 992px){

.hed {
	font-size: 12px; 
	margin: 140px 0px 0px 0px; 
}
	
}

.card {
  position: relative;
  background: white;
  border-radius: 20px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
 
  overflow: hidden;
  width: 100%;
  text-align: center;
  margin: 10px auto;
  font-family: system-ui, sans-serif;
	  border: 1px solid #DBDBDB;

}

.card img {
  width: 100%;
  height: auto;
  max-height: 220px;
  object-fit: contain;
  margin-top: 0px;
}

.card .title {
	 
  font-size: 14px;
  margin: 0px 0px 5px 0px;
  color: #444;
}

.card .subtitle {
	 
  color: #666;
  font-size: 11px;
width: 100%;
	padding: 5px 10px;
}

.card .price {
  font-weight: bold;
  color: #28a745;
  font-size: 20px;
  margin-top: 10px;
}

.card .price_kd::after {
  content: " KD";
  font-size: 14px;
  font-weight: normal;
  margin-right: 3px;
  color: #333;
}

.card .price_fils::after {
  content: " Fils";
  font-size: 14px;
  font-weight: normal;
  margin-right: 3px;
  color: #333;
}


.card .bidder-box {
  margin-top: 10px;
  font-weight: bold;
  color: #444;
}

.card .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #DBDBDB;
  margin: 0px;
  padding: 5px 10px 5px 0px;
  background: #e6f7ff;
}

.card .footer .timer {
  font-size: 18px;
  font-weight: bold;
  color: #FF4C7D;
  margin-top: 0px;

}
	
	
.card .footer .timer_start {
  font-size: 22px;
  font-weight: bold;
  color: #353535;
  padding-top: 10px;

}

.card .footer .bid-button {
  background: #00B4FF;
  border: none;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  padding: 8px;
  font-size: 12px;
  cursor: pointer;
  margin: 5px 0px 0px 10px; 
	 
	width: 80px;
}
		
		
.card .footer .bid-button-tiks {
  background: #FFFFFF;
  border-radius: 4px;
  color: #006E9A;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
   margin: 5px 0px 0px -15px;
	width: 55px;
	    height: 30px;
	border: 1px solid #D9D9D9;
	text-align: center;
}

/* تظليل بعد انتهاء المزاد */
.card.ended::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.card.ended * {
  position: relative;
  z-index: 10;
}

	/* تظليل بعد - قبل بدأ المزاد */
.card.start0::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.card.start000 * {
  position: relative;
  z-index: 10;
}
	
/* شريط SOLD! */
.card.ended::before {
  content: "SOLD";
  position: absolute;
  top: 22px;
  left: -30px;
  background-color: #EB5A74; /* لون خمري */
  color: white;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 45px;
  transform: rotate(-45deg);
  z-index: 100;
  text-align: center;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  pointer-events: none;
  letter-spacing: 2px;

}
	.balance-box {
  text-align: right;
  margin: 10px;
  padding: 8px 12px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  font-weight: bold;
  display: inline-block;
  font-family: "Tajawal", sans-serif;
  font-size: 16px;
  color: #333;
}

.bids-box {
  border-radius: 6px;
  display: flex;
  gap: 8px;
}

.bids-count {
  background-color: #e6f7ff !important; /* اجعل الخلفية بيضاء دائمًا */
  padding: 5px;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}

.buy-bids-button {
  background-color: #2196f3;
  color: white;
  padding: 6px 6px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 300;
        border: 0px;
}

/* التسجيل اولا */
.login-required-message {
  display: none; /* مخفية دائمًا */
  background-color: #FF4C7D;
  color: #fff;
  padding: 10px 15px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  margin: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  position: relative;
  z-index: 10;
}

		
/* عرض الصور */
.slider-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1.6 / 1;
  max-height: 220px;
  overflow: hidden;
  padding-top: 15px;
}


.slider-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-height: 220px;
  object-fit: contain;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  border-radius: 14px;
}



.slider-image.active {
  opacity: 1;
  z-index: 1;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #FFFFFF;
  color: white;
  border: none;
  font-size: 50px;
  padding: 0px 5px;
  margin: -10px;
  cursor: pointer;
  z-index: 1;
  border-radius: 6px;
	font-weight: 600;
}
.slider-arrow.left  { 
	left: 10px; 
	direction: ltr; 
  color: #00b4ff; }
.slider-arrow.right { 
	right: 10px; 
	direction: ltr; 
  color: #00b4ff; }
    .truncate {
        /*      white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 93px;*/
        /* line-height: 2rem;
        max-height: 8rem;*/
        -webkit-box-orient: vertical;
        display: block;
        display: -webkit-box;
        overflow: hidden !important;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
    }

    .Headtruncate {
        /*      white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 93px;*/
        /* line-height: 2rem;
        max-height: 8rem;*/
        -webkit-box-orient: vertical;
        display: block;
        display: -webkit-box;
        overflow: hidden !important;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
    }
.slider-counter {
  position: absolute;
  top: 5px;
  left: 5px;
  background: rgba(0,0,0,0.8);
  color: white;
  padding: 2px 10px;
  border-radius: 8px;
  font-size: 16px;
	font-weight: 700;
  z-index: 10;
}

	.NikeName {
    border-radius: 6px;
    padding: 5px 0px;
    font-weight: bold;
    font-size: 12px;
		color: #2D2D2D;
	width: 50%;
		}

		
		.NikeName-box {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #222;
  transition: opacity 0.5s ease;
}


		
		.fix {
  display: flex;
  justify-content: center;
  align-items: center;
}
		
.price-container {
  position: absolute;
  font-weight: bold;
  font-size: 20px;
  color: #28a745;
  transition: all 0.3s ease;
  text-align: center;
  top: 8px;
  left: 20px;
}
		
.price-container-100 {
  position: absolute;
  font-weight: bold;
  font-size: 20px;
  color: #28a745;
  transition: all 0.3s ease;
  text-align: center;
  top: 0px;
  left: 85px;
}

.card.flash-green {
  animation: flashGreen 2.5s ease-out;
  position: relative;
}


	
	  
    h2 { text-align: center; color: #333; }
    .auction-container { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
    .card { font-size: 12px; background: white; border: 1px #dadada solid; border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); padding: 0px; text-align: center; position: relative; transition: transform 0.3s; }
    .card img { width: 100%; border-radius: 12px; }
    .title { font-size: 16px; font-weight: bold; margin: 10px 0 5px; color: #222; }
    .price { color: #009688; font-weight: bold; }
    .bidder-box { margin-top: 10px; height: 26px; overflow: hidden; position: relative; }
    .current-bidder { transition: transform 0.3s ease, opacity 0.3s ease; }
    .bid-button { margin-top: 15px; background: #ff9800; color: white; border: none; padding: 10px 20px; border-radius: 8px; font-weight: bold; cursor: pointer; transition: background 0.3s; }
    .bid-button:hover { background: #e67e00; }


h1,h2,h3,h4,h5,h6{font-weight: 700;}

h1{font-size: 12px; margin-bottom: 20px; padding: 10px !important;}



h2{font-size: 18px;}

ol, ulx { list-style: none; }

a, .btn { transition: all 0.5s ease; }

a:active, a:hover, a:focus, .btn:focus, .btn:active, .btn:hover { outline: 0; }



a { text-decoration: none; }

a:focus, a:hover { color: #333333; text-decoration: none; }



.btn-sml{height: 26px; font-size: 14px; padding: 0 10px; line-height: 26px;}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus,.btn-primary:focus{box-shadow: none;}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary:focus{background-color: #EB5A74; border-color: #EB5A74; color: #fff;}



.btn-gray, .btn-gray:hover, .btn-gray:focus{background-color: #f1fafe; color: #fff;}



header, footer{background-color: #f1fafe; padding:10px 0;}

header{border-bottom: 1px #f1fafe solid;}

.product,.contactPerson{margin-bottom: 10px;}

.product img{display: block; height: 190px; width: 100%; object-fit: cover;border-radius:14px 14px 0px 0px}

.product h2 a {font-size: 16px; display: block; background-color: #FFFFFF; color:#0A78A5; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px; z-index: 100; border-radius: 0px 0px 14px 14px;}

.product h3 a {font-size: 16px; display: block; background-color: #FAFAFA; color:#1AB90B; padding: 6px; text-align: center;border-radius:0px 0px 14px 14px}



h2 a, .productName{font-size: 14px; display: block;  color: #0A78A5; padding: 5px 10px 5px 10px; text-align: center;border-radius:10px 10px 0px 0px}


.shadow {
box-shadow:  10px;
	border-radius:14px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    }


.col-6.col-md-3.product p button {
    right: 15px !important;
    bottom: 43px !important;
    border-radius: 10px 0px 0px 0px;
    width: 45px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #fff !important;
	font-weight: bold;
    position: absolute;
}

.btn-primary-mainchalet {
	margin-bottom: 10px;
	font-weight: bold;
    color: #fff;
    background-color: #EB5A74 !important;
    border-color: #EB5A74 !important;
	width: 100%;
}


.btn-primary-mainchalet:hover {
    color: #fff;
    background-color: #E00E45 !important;
    border-color: #E00E45 !important;
}

.btn-primary {
  z-index: 3;
  float: right;
  right: -15px !important;
  bottom: 0px !important;
  border-radius: 14px 0px 0px 0px;
  width: 45px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  position: absolute;
  color: #fff;
  background-color: #EB5A74  !important;
  border: #FFFFFF !important;
}


.btn-primary-whatsapp-owner-chalet {
  z-index: 3;
  float: right;
  right: -15px !important;
  bottom: -142px !important;
  border-radius: 14px 0px 0px 0px;
  width: 45px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  position: absolute;
  color: #fff;
  background-color: #FFFFFF  !important;
  border: #FFFFFF !important;
}


.btn-primary-location-owner-chalet {
	z-index: 3;
	float: left;
	left: 15px !important;
  bottom: -142px !important;
  border-radius: 0px 14px 0px 0px;
  width: 45px;
  height: 40px;
  display: flex;
	align-items: center;
  justify-content: center;
	font-weight: bold;
  position: absolute;
  color: #fff;
  background-color: #FFFFFF !important;
	border: #FFFFFF !important;
}

.btn-primary-whatsapp {
  z-index: 3;
  float: right;
  right: -15px !important;
  bottom: 20px !important;
  border-radius: 14px 0px 0px 0px;
  width: 45px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  position: absolute;
  color: #fff;
  background-color: #FFFFFF  !important;
  border: #FFFFFF !important;
}

.btn-primary-location {
	z-index: 3;
	float: left;
	left: 15px !important;
  bottom: 20px !important;
  border-radius: 0px 14px 0px 0px;
  width: 45px;
  height: 40px;
  display: flex;
	align-items: center;
  justify-content: center;
	font-weight: bold;
  position: absolute;
  color: #fff;
  background-color: #FFFFFF !important;
	border: #FFFFFF !important;
}
.offer-offer {
	z-index: 2;
	float: right;
  right: -50px !important;
	padding-right: 40px;
  bottom: -4px !important;
  border-radius: 0px 0px 0px 0px;
  width: 55%;
  height: 40px;
  display: flex;
	align-items: center;
  justify-content: center;
	font-size: 12px;
	font-weight: 700;
  position: absolute;
  color: #fff;
}



.chalet-details-holiday-Available {
	float: left;
	background: #27B7F2;
	left: 5px !important;
	padding: 8px 60px;
  bottom: 60px !important;
  border-radius: 0px 0px 0px 0px;
  width: 95%;
  height: 40px;
  /*  display: flex;  */
	align-items: center;
  justify-content: center;
	font-size: 12px;
	font-weight: 700;
  position: absolute;
  color: #fff;
}



.chalet-details-holiday-UnAvailable {
	float: left;
	background: #4a4a4a;
	left: 5px !important;
	padding: 8px 60px;
  bottom: 60px !important;
  border-radius: 0px 0px 0px 0px;
  width: 95%;
  height: 40px;
  /*  display: flex;  */
	align-items: center;
  justify-content: center;
	font-size: 12px;
	font-weight: 700;
  position: absolute;
  color: #fff;
}



.offer-offer-details {
	z-index: 2;
	float: right;
	letter-spacing: 1px;
  right: -50px !important;
	padding-right: 100px;
  bottom: 60px !important;
  border-radius: 0px 0px 0px 0px;
  width: 55%;
  height: 40px;
  display: flex;
	align-items: center;
  justify-content: center;
	font-size: 14px;
	font-weight: 700;
  position: absolute;
  color: #fff;
}



@media (min-width: 320px) and (max-width: 992px){

.offer-no-offer {

	/* z-index: 2; */
	float: left;
	padding: 12px 20px;
  letter-spacing: 1px;
  border-radius: 0px 0px 0px 0px;
  width: 91.7% !important;
  height: 40px;
  /*  display: flex;  */
	align-items: center;
  justify-content: center;
	font-size: 14px;
	font-weight: 700;
  position: absolute !important;
  color: #fff;
}
	
}



@media (min-width: 320px){

.oneLine {

	padding-bottom: 82px
}
	
}

@media (min-width: 320px) and (max-width: 992px){

.oneLine {

	padding-bottom: 82px

}
	
}



@media (min-width: 320px){

.offer-no-offer {

	/* z-index: 2; */
	float: left;
	padding: 12px 20px;
  letter-spacing: 1px;
  border-radius: 0px 0px 0px 0px;
  width: 97.3%;
  height: 40px;
  /*  display: flex;  */
	align-items: center;
  justify-content: center;
	font-size: 14px;
	font-weight: 700;
  position: absolute !important;
  color: #fff;
}
	
}



@media (min-width: 320px){

.offer-no-offer-UnAvailable {

	/* z-index: 2; */
	float: left;
	padding: 12px 20px;
  letter-spacing: 1px;
  border-radius: 0px 0px 0px 0px;
  width: 100%;
  height: 40px;
  /*  display: flex;  */
	align-items: center;
  justify-content: center;
	font-size: 14px;
	font-weight: 700;
  position: absolute !important;
  color: #fff;
}
	
}


.offer-no {

	/* z-index: 2; */
	float: left;
	left: 5px !important;
	padding: 8px 60px;
  letter-spacing: 1px;
  bottom: 60px !important;
  border-radius: 0px 0px 0px 0px;
  width: 95%;
  height: 40px;
  /*  display: flex;  */
	align-items: center;
  justify-content: center;
	font-size: 14px;
	font-weight: 700;
  position: absolute;
  color: #fff;
}

.offer-red {

	z-index: 2;
	float: left;
	left: 15px !important;
  /*bottom: 80px !important;*/
  border-radius: 0px 0px 0px 0px;
  width: 50%;
  height: 40px;
  display: flex;
	align-items: center;
  justify-content: center;
	font-size: 14px;
	font-weight: 700;
  position: absolute;
  color: #fff;
}

.rr{
    background-color: #c82333 !important;
		border-top: solid 1px  #c82333 !important;
}

.ss{
  background-color: #28a745 !important;
  border-top: solid 1px  #28a745 !important;
}

.yy{
  background-color: #e0a800 !important;
  border-top: solid 1px  #e0a800 !important;
}




.offer-orange {

	z-index: 2;
	float: left;
	left: 15px !important;
    bottom: 18px !important;
    border-radius: 0px 0px 0px 0px;
    width: 50%;
    height: 40px;
    display: flex;
	    align-items: center;
    justify-content: center;
	font-size: 18px;
	font-weight: 700;
    position: absolute;
    color: #fff;
    background-color: #FCBB24 !important;
		border-top: solid 1px  #eea236 !important;

}




.offer-green {

	z-index: 2;
	float: left;
	left: 15px !important;
    bottom: 18px !important;
    border-radius: 0px 0px 0px 0px;
    width: 50%;
    height: 40px;
    display: flex;
	    align-items: center;
    justify-content: center;
	font-size: 18px;
	font-weight: 700;
    position: absolute;
    color: #fff;
    background-color: #6FDA44 !important;
		border-top: solid 1px  #4cae4c !important;

}


.btn-primary:hover {
    color: #fff;
    background-color: #FFFFFF !important;
	
}


footer{border-top: 1px #f1fafe solid;}

.footer-newitem{min-width: 120px; text-align: center; font-size: 12px; font-weight: bold;}

.footer-newitem img{display: block; margin: 20px auto;}

.footer-newitem span{display: block; padding-top: 8px;}



.toparrows a{background-color: #f1fafe; border-radius:50px; display: inline-block; padding: 5px; width: 36px; height: 36px;}

.toparrows{border-bottom: 1px #f1fafe solid;}

.prodDetails{background-color: #fafafa; border: 1px #dedede solid; padding: 0px;border-radius: 0px 0px 0px 10px}

.prodDetails.cnterSection{border-right:none; border-left: none;}

.week label{display: block; font-size:15px; color:#7E7E7E; font-weight: bold;}

.prodDetails span{font-size: 18px; font-weight: bold; color: #0d95e1;}

.cnterSection{background-color: #F1F1F1;}




            .prodDetails-Holidays  {
                background-color: #fafafa;
                border: 1px #dedede solid;
                padding: 8px;
                border-radius: 0px 0px 10px 10px
            }

            .prodDetails-Holidays span {
                font-size: 18px;
                font-weight: bold;
                color: #0d95e1;
            }



.prodDetails1{background-color: #fafafa; border: 1px #dedede solid; padding: 0px;border-radius: 0px 0px 0px 0px}

.prodDetails1.cnterSection{border-right:none; border-left: none;}

.week label{display: block; font-size:15px; color:#7E7E7E; font-weight: bold;}

.prodDetails1 span{font-size: 18px; font-weight: bold; color: #0d95e1;}

.cnterSection{background-color: #F1F1F1;}



.prodDetails2{background-color: #fafafa; border: 1px #dedede solid; padding: 0px;border-radius: 0px 0px 10px 0px}

.prodDetails2.cnterSection{border-right:none; border-left: none;}

.week label{display: block; font-size:15px; color:#7E7E7E; font-weight: bold;}

.prodDetails2 span{font-size: 18px; font-weight: bold; color: #0d95e1;}

.cnterSection{background-color: #F1F1F1;}

.heading1{border:1px #f1fafe solid; font-size: 16px;  height: 45px; text-align: center;border-radius:0px 0px 0px 0px; padding: 10px}

.heading{background-color: #f0f0f0; border:1px #f1fafe solid; font-size: 12px;  height: 34px; text-align: center;border-radius:10px 10px 0px 0px; padding-top: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; border-bottom: 1px solid #dee2e6 !important;}

.cardWidget {background-color: #f1fafe; border:0px; font-size: 16px; color: #ffffff; padding:0px; text-align: center;border-radius:12px 12px 10px 10px}

.bulleted{padding-left:20px; margin: 0px 0; list-style: disc; }

.rtlcontent{direction: rtl; text-align: right; padding-right: 20px;}





    .holidays-days {

      background-color: #FFFFFF;

      font-size: 10px;

      color: #0A78A5;

      padding: 5px;

      text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
    }



.num{position: absolute; background-color: rgba(0,0,0,1); z-index: 1; font-size: 20px; color: #fff; padding: 5px 10px; }

.share{position: absolute; z-index: 2; bottom: 170px; right: 15px;}
/* Modal Content/Box */
.modal-content {
  background-color: #ffffff;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 5px;
  border: 1px solid #888;
  width: 96%; /* Could be more or less, depending on screen size */
  border-radius: 14px;
}	
	
	
  .carousel-item img{width: 100%; height: 548px; object-fit: inherit;border-radius:0px 0px 0px 0px;}

  .carousel-item video{width: 100%; height: 548px; object-fit: inherit;border-radius:0px 0px 0px 0px;}

  .prodDetails{background-color: #fafafa; border: 1px #dedede solid; padding: 10px;border-radius: 0px 0px 0px 10px}

  .prodDetails.cnterSection{border-right:none; border-left: none;}

  .week label{display: block; font-size:16px; color:#7E7E7E; font-weight: bold;padding: 10px;}

  .prodDetails span{font-size: 16px; font-weight: bold; color: #0d95e1;}

  .cnterSection{background-color: #F1F1F1;}

  .prodDetails1{background-color: #fafafa; border: 1px #dedede solid; padding: 10px;border-radius: 0px 0px 0px 0px}

  .prodDetails1.cnterSection{border-right:none; border-left: none;}

  /*.week label{display: block; font-size:18px; color:#7E7E7E; font-weight: bold;padding: 8px;}*/

  .prodDetails1 span{font-size: 16px; font-weight: bold; color: #0d95e1;}

  .cnterSection{background-color: #F1F1F1;}





  .prodDetails2{background-color: #fafafa; border: 1px #dedede solid; padding: 8px;border-radius: 0px 0px 10px 0px}

  .prodDetails2.cnterSection{border-right:none; border-left: none;}

  /*.week label{display: block; font-size:18px; color:#7E7E7E; font-weight: bold;padding: 29px;}*/

  .prodDetails2 span{font-size: 18px; font-weight: bold; color: #0d95e1;}

  .cnterSection{background-color: #F1F1F1;}

  .heading1{background-color: #3e6c82; border:1px #2B5468 solid; font-size: 16px; color: #ffffff; height: 55px; text-align: center;border-radius:0px 0px 0px 0px; padding: 10px}

  .carousel-item{



      height: 595px;

      margin-bottom: 18px;



  }

  @media all and (max-width: 992px){

    .carousel-item{



      height: 595px;



  }

    }

  .arrow{

    margin-left: -5px;

      margin-bottom: -11px;

  }



  .carousel-control-next-icon {

      background-image: url(https://aby-chalet.com/images/r-arrow.svg);

      border-bottom-right-radius: 0;

      border-top-right-radius: 0;

      margin-right: -44px;



  }

  .carousel-control-prev-icon {

    background-image: url(https://aby-chalet.com/images/l-arrow.svg);

      border-bottom-left-radius: 0;

      border-top-left-radius: 0;

      margin-left: -44px;



  }

  .carousel-control-prev{

    height: 500px;



  }

  .carousel-control-next{

    height: 500px;

  }

  @media all and (max-width: 992px){

    .carousel-control-prev{

    height: 500px;



  }

  .carousel-control-next{

    height: 500px;

  }

  }

  .text-center{

  width: 80px;

  margin-top: -65px;

  }

.single-counter span {
    font-weight: bold;
    color: #9629e6;
    font-size: 18px;
    line-height: 14px;
}

  @media all and (max-width: 992px){

  .text-center{

  width: 80px;

  margin-top: -65px;

  }

  }

  @media all and (max-width: 992px){

    .carousel-control-next-icon {

    background-image: url(https://aby-chalet.com/images/r-arrow.svg);

      border-bottom-right-radius: 0;

      border-top-right-radius: 0;

      margin-right: -17px;

  }

  .carousel-control-prev-icon {

  background-image: url(https://aby-chalet.com/images/l-arrow.svg);

      border-bottom-left-radius: 0;

      border-top-left-radius: 0;

      margin-left: -17px;

  }

  }

    .carousel-control-prev-icon, .carousel-control-next-icon {
        border-radius: 5px;
        /*display: inline-block;*/
        padding: 5px;
        width: 40px;
        height: 50px;
        background-color: #000000;
        background-size: 12px 21px;
        /*background-position: center;*/
    }
}

  .share2{ padding: 3px; margin: -5px 0px 10px 0px; width: 160px; background: #44C600; color: #FFFFFF; border-radius: 6px; font-size: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;"
 }



  @media all and (max-width: 992px){

  .footer-new{background-color: #2b5468; height:180px;margin-bottom: -18px;}

  }

  .share{position: absolute; z-index: 2; bottom: 130px; right: 15px;
    padding: 8px; margin: 0 -15px -9px; width: 220px; background: #44C600; color: #FFFFFF; border-radius: 10px 0px 0px 0px; font-size: 14px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; float: right;
}




  @media all and (max-width: 992px){


.single-counter span {
    font-weight: bold;
    color: #9629e6;
    font-size: 18px;
    line-height: 14px;
}


  }

  @media all and (max-width: 992px){

    .product img{height: 200px;}

    .carousel-item img{height: 548px;border-radius:0px 0px 0px 0px; margin-bottom: 0px}



    .carousel-item video{height: 548px;border-radius:0px 0px 0px 0px; margin-bottom: 0px}



  }

  .header-footer-text{

    font-weight: normal;

  }

.single-counter span {
    font-weight: bold;
    color: #9629e6;
    font-size: 18px;
    line-height: 14px;
}
.carousel-control-next-icon{border-bottom-right-radius: 0; border-top-right-radius: 0; }



.mainTitle{font-size: 20px; color: #f1fafe;}

.frame{background-color: #f1fafe; border: 1px #f1fafe solid; padding: 10px; border-radius: 10px;}





.framebay{background-color: #f1fafe; border: 1px #f1fafe solid; padding: 5px; border-radius: 10px; margin: 20px 0px 10px 0px; }



.framebook{background-color: #f1fafe; border: 1px #f1fafe solid; padding: 5px; border-radius: 10px; margin: 10px 0px 10px 0px; }





.btns .btn{width: 48%;}

.contactPerson h3{color: #f1fafe; font-size: 14px;}

.userPic{height: 110px; width:110px; object-fit: cover;}



  .pagination li a  {position: relative;

    display: block;

    padding: .5rem .75rem;

    margin-left: -1px;

    line-height: 1.25;

    color: #007bff;

    background-color: #fff;

    border: 1px solid #dee2e6;}

    .pagination li.active a{

      z-index: 1;

      color: #fff;

      background-color: #007bff;

      border-color: #007bff;

    }

    .pagination li.disabled a{

     color: #6c757d;

    pointer-events: none;

    cursor: auto;

    background-color: #fff;

    border-color: #dee2e6;

    }

  .carousel-item img{width: 100%; height: 548px; object-fit: inherit;border-radius:0px 0px 0px 0px;}

  .fa-facebook-official{color: #4064ad;}

  .fa-twitter-square{color: #1c9deb;}

  .fa-linkedin-square{color: #2464ae;}

  .fa-pinterest-square{color:#e00018;}

  .shareMedia a{display: inline-block; margin: 5px;}

  .shareMedia .fa{font-size: 25px;}



.carousel-item video{width: 100%; height: 548px; object-fit: inherit;border-radius:0px 0px 0px 0px;}

@media all and (min-width:575px){

    .footer-newitem{min-width: 170px;}

    .feature {

      background-color: #FFFFFF;

      font-size: 10px;

      color: #0A78A5;

      padding: 0px 5px 15px 0px;

      text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
    }

    

    .feature img {

      width:22px;

      display:block;

      height:22px;

      text-decoration:none;

    }

}



@media all and (max-width: 992px){

  .product img{height: 	180px;}

  .carousel-item img{height: 548px;border-radius:0px 0px 0px 0px; margin-bottom: 10px}

    .feature {

      background-color: #FFFFFF;

      font-size: 10px;

      color: #0A78A5;

      padding: 0px;

      text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
    }


  

  .feature img {

    width:22px;

    display:block;

    height:22px;

    text-decoration:none;

  }



  .col-4 {



    padding: 0 5px;

  }

  .feature .row .col-4 .row.label-border-bottom {

    flex-wrap: inherit;

  }

}




.white-bg.affix, .custom-nav.affix{
    background: #ffffff;
    border-bottom: 1px solid #ebebeb;
}

.white-bg.affix ul li a{
    color: #081d43 !important;
    opacity: 0.8;
}
.white-bg.custom-nav ul li a:hover{
    opacity: 1;
}
.bg-transparent ul li a{
    color: #ffffff;
    opacity: 0.8;
}
.bg-transparent ul li a:hover, .white-bg.affix ul li a:hover{
    opacity: 1;
}
.bg-transparent.affix{
    background: #27B7F2 !important;
}


.bg-transparent.affix-contact{
    background: #27B7F2 !important;
	padding: 12px;
}



.navbar{
    transition: all .3s ease-in-out;
}
@media (min-width: 320px) and (max-width: 992px){
    .navbar{
        background: #ffffff !important;
        padding: .95rem 1rem;
    }

    .white-bg.affix, .custom-nav.affix, .navbar.white-bg{
        background: #ffffff !important;
        border-bottom: 1px solid #ebebeb;
    }
    .white-bg.custom-nav ul li a, .custom-nav ul li a{
        color: #081d43 !important;
    }
    .white-bg.navbar .navbar-toggler span{
        color: #f1fafe;
    }
	


@media all and (max-width: 400px){

  .product img{height: 180px;}

	
	
	
.topright {
  position: absolute;
  top: 1px;
  right: 15px;
  font-size: 18px;
	background: #EB5A74;
	border-radius: 0px 14px 0px 6px;
	border: solid 2px #FFFFFF;
	color: #FFFFFF;
	padding: 5px;
	
}
			
.topright img {
width: 20px !important;
height: 20px !important;
	
}
	
  .carousel-item img{height: 548px;border-radius:0px 0px 0px 0px}

    .feature {

      background-color: #FFFFFF;

      font-size: 10px;

      color: #0A78A5;

      padding: 0px;

      text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
    }


  

  .feature img {

    width:22px;

    display:block;

    height:22px;

    text-decoration:none;

  }

}



@media all and (max-width: 992px){

  .product video{height: 200px;}

  .carousel-item video{height: 548px;border-radius:0px 0px 0px 0px; margin-bottom: 10px}

}





@media all and (max-width: 400px){

  .product video{height: 120px;}

  .carousel-item video{height: 548px;border-radius:0px 0px 0px 0px}



    .feature {

      background-color: #FFFFFF;

      font-size: 10px;

      color: #0A78A5;

      padding: 0px;

      text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
    }


  

  .feature img {

    width:22px;

    display:block;

    height:22px;

    text-decoration:none;

  }



 

}
	
 

@media all and (max-width: 640px){

   #select-delivery-date-input .datepicker-days thead th{font-size: 22px;}
	

   .prodDetails label{font-size:14px; }

   .prodDetails span{font-size: 16px;}


    .feature {

      background-color: #FFFFFF;

      font-size: 10px;

      color: #0A78A5;

      padding: 0px;

      text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
    }

@media all and (max-width: 640px){

   #select-delivery-date-input-Calendar .datepicker-days thead th{font-size: 18px;}

   .prodDetails label{font-size:14px; }

   .prodDetails span{font-size: 16px;}



    .feature {

      background-color: #FFFFFF;

      font-size: 10px;

      color: #0A78A5;

      padding: 0px;

      text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 4px -1px 4px -1px;
    }


  

  .feature img {

    width:22px;

    display:block;

    height:22px;

    text-decoration:none;

  }



  .col-4 {


    padding: 0 5px;

  }

  .feature {

      padding: 3px;

  }



}


  /* Optional styles */

.video-container {

	/*width: 640px;*/

	border-radius: 4px;

	margin: 0 auto;

	position: relative;

 display: flex; 

	flex-direction: column;

	justify-content: center;

	box-shadow: 0px 8px 20px rgba(black, 0.4);

}

video {

  width: 100%;

  height: 100%;

  border-radius: 4px;

}

.play-button-wrapper {

	position: absolute;

	top: -30px;

	left: 0;

	right: 0;

	bottom: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: auto;

	pointer-events: none;


  }



body > .dropdown-menu{display: none!important;}

#select-delivery-date-input table.table-condensed{width:100%;}

/*#select-delivery-date-input .datepicker-days .table-condensed thead{background-color: #f1fafe;}*/

#select-delivery-date-input .datepicker-days table.table-condensed{}
	
	


body > .dropdown-menu{display: none!important;}

#select-delivery-date-input-Calendar table.table-condensed{width:100%;}
/*#select-delivery-date-input .datepicker-days .table-condensed thead{background-color: #f1fafe;}*/

#select-delivery-date-input-Calendar .datepicker-days table.table-condensed{background-color: #f1fafe;}



.site-logo{

  width: 120px;

}	
	
/* Optional styles */

.video-container {

	/*width: 640px;*/

	border-radius: 4px;

	margin: 0 auto;

	position: relative;

 display: flex; 

	flex-direction: column;

	justify-content: center;

	box-shadow: 0px 8px 20px rgba(black, 0.4);

}

video {

  width: 100%;

  height: 100%;

  border-radius: 4px;

}

.play-button-wrapper {

	position: absolute;

	top: -30px;

	left: 0;

	right: 0;

	bottom: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: auto;

	pointer-events: none;

  }

  .imgs {

    width: 60px;

    height: 60px;

    fill: #fff;

    stroke: #fff;

    cursor: pointer;

    background-color: rgba(black, 0.2);

   

    opacity: 0.9;

  }