.copyright-text {

    padding: 15px 0;

    background-color: #0d0d0f;

}

.footer-area {

    background: #0d0d0f;

    color: #fff;

}

.single-footer img, .single-footer h3 {

    margin-bottom: 15px;

    width: 200px;

}

.navbar .navbar-nav > .nav-item.active a{

	color: #fff !important;

	border-bottom: 3px solid #c8a74a;

	width: 30%;

}


.navbar .navbar-nav > .nav-item:hover a{

	color: #fff !important;

	border-bottom: 3px solid #c8a74a;

	width: 30%;

}

.main_menu_area {

	filter: drop-shadow(0px 3px 3.5px rgba(0,0,0,0.16));

	background-color: #24272e;

}

.navbar_fixed {

	background-color: #24272e;

}

.social_icon a{

	color: #ffffff;

	width: 23px;

	height: 23px;

}

.cl-black-1 {

	text-align: left;

}

.section-title-1 h2{

	font-size: 50px;

    line-height: 45px;

    position: relative;

    margin-bottom: 15px;

    margin-bottom: 50px;

    color: white;

}

.single-room-block{

    position: relative;

    overflow: hidden;

    margin-bottom: 30px;

    transition: all 0.3s cubic-bezier(.25,.8,.25,1);

    padding: 0px;

    padding-bottom: 10px;

    border-radius: 8px;

    filter: drop-shadow(1.816px 3.564px 10.5px rgba(41,47,62,0.36));

    background-color: #292c36;

    border: 0px solid #292c36;

}

.single-room-block img {

    width: 100%;

    height: 221px;

}

.single-room-block h3, .single-room-block p, .single-room-block div{

	padding-left: 22px;

	padding-right: 10px;

}

.single-room-block h3 a {

    color: #fff;

    font-size: 24px;

	color: #ffffff;

	font-weight: 600;

}

.single-room-block p {

    margin-bottom: 15px;

    font-size: 15px;

    line-height: 24px;

    color: #ffffff;

    font-weight: 500;

}

.mb-4 {

    margin-bottom: 0.5rem !important;

}

.single-room-block .small-btn1{

    font-size: 14px;

    letter-spacing: 0px;

    color: #c8a74a;

    font-weight: 600;

    background: transparent;

    border-radius: 6px;

    border: 2px solid #c8a74a;

    padding: 7px 15px;

}

.ti-arrow-right::before {

    content: "\e628";

    font-size: 11px;

    margin-left: 5px;

}

.rooms-suites-area1 {

    background-color: #20232a;

}

.about-img1 {

    flex: 0 0 55%;

    max-width: 100%;

    background-size: cover !important;

}

.about-content1 {

    flex: 0 0 40%;

    max-width: 100%;

    padding: 56px 25px;

    background: #003982;

    width: 570px;

    height: 400px;

	margin-top: 74px;

    margin-left: -50px;

    border-radius: 8px;

	filter: drop-shadow(1.816px 3.564px 10.5px rgba(41,47,62,0.36));

	background-color: #20232a;

}

.btn-fill {

	background-image: -webkit-linear-gradient( 0deg, #c8a74a 0%, #c8a74a 100%);

}

.about-area{

    background-image: url('http://welcomeinnandsuits.quipcrm.com/assets/frontend/img/home/about_section/about-bg.png');

}

#background{

    position:absolute;

    z-index:0;

    display:block;

    min-height:50%; 

    min-width:50%;

    color:yellow;

    text-align: center;

}

#bg-text

{

    font-size:120px;

    margin-bottom: -215px;

}

.small-btn-1{

    font-size: 14px;

    letter-spacing: 0px;

    color: #c8a74a;

    font-weight: 600;

    background: transparent;

    border-radius: 6px;

    border: 2px solid #c8a74a;

    padding: 7px 15px;

}

.portfolio-hover {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    overflow: hidden;

    cursor: pointer;

    transition: all .3s;

    opacity: 0;

    background-image: none;

    margin-top: 0px;

    margin-left: 15px;

    margin-right: 15px;

    margin-bottom: 25px;

    border-radius: 8px;

    filter: drop-shadow(1.816px 3.564px 10.5px rgba(41,47,62,0.36));

    background-color: rgba(41,47,62,0.36);

}

.carousel-control-next, .carousel-control-prev {

    position: absolute;

    bottom: -280px;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 15%;

    color: #fff;

    text-align: center;

    opacity: .5;

    transition: opacity .15s ease;

}

.carousel-control-next {

    right: 373px;

}

.hero-area {

    padding-top: 275px;

    padding-bottom: 160px;

    margin-bottom: 0px;

    background-size: cover !important;

}

@media screen and (max-width: 768px) {

	.hero-area {

	    padding-top: 73px;

	    padding-bottom: 110px;

	    margin-bottom: 0px;

	    background-size: cover !important;

	}

}

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

	.best_room{

		padding-top: 270px;

	}

	.hero-search {

	    position: absolute;

	    width: 100%;

	    bottom: -430px;

	    display: block;

	}

}

.best_room{

	padding-top: 55px;

}

.hero-search {

    position: absolute;

    width: 100%;

    bottom: -225px;

    display: block;

}

.cl-white {

    color: #fff;

    padding-top: 114px;

}

.hero-filter-search {

    padding: 20px 20px;

    border-radius: 8px;

    filter: drop-shadow(0px 6px 6.5px rgba(41,47,62,0.39));

    background-color: #323b53;

}

.hero-filter-search button, .hero-filter-search button:hover{

    background-image: -webkit-linear-gradient( 0deg, #c8a74a 0%, #c8a74a 100%);

    color: #fff !important;

    transition: 0.4s;

}

.hero-filter-search select, .hero-filter-search input{

    width: 100%;

    border: 1px solid #63739e;

    text-indent: 10px;

    height: 50px;

    border-radius: 6px;

    font-weight: bold;

}

.cl-white-1 {

    color: #fff;

}

.about-img-1 {

    -ms-flex: 0 0 40%;

    flex: 0 0 60%;

    max-width: 60%;

    background-size: cover !important;

}

.about_img{

	width: 770px; 

	height: 538px; 

	border-radius: 10px;

	margin-left: 45px;

}

@media screen and (max-width: 768px) {

	.about_img{

		width: 770px; 

		height: 315px;

		border-radius: 10px;

		margin-left: 0px;

	}

}

.about-content-1 {

    -ms-flex: 0 0 60%;

    flex: 0 0 40%;

    max-width: 40%;

    padding: 85px 40px;

    padding-top: 25px;

}

.about-content-area-1 {

    display: flex;

    flex-wrap: wrap;

    border-radius: 8px;

    filter: drop-shadow(1.816px 3.564px 10.5px rgba(41,47,62,0.36));

    background-color: #292c36;

}

.rooms-book-price-1{

    letter-spacing: 1px;

    color: #c8a74a;

    font-weight: 600;

}

.rooms-book-price-1 .small-btn1{

    font-size: 14px;

    letter-spacing: 0px;

    color: #c8a74a;

    font-weight: 600;

    background: transparent;

    border-radius: 6px;

    border: 2px solid #c8a74a;

    padding: 7px 15px;

}

.rooms-suites-area-1 {

    background-color: #20232a;

    padding-bottom: 30px;

    padding-top: 50px;

}

.about-img-1:nth-child(odd){

    border-radius: 8px 0px 0px 8px;

    filter: drop-shadow(1.816px 3.564px 10.5px rgba(41,47,62,0.36));

}

.about-img-1:nth-child(even){

    border-radius: 0px 8px 8px 0px;

    filter: drop-shadow(1.816px 3.564px 10.5px rgba(41,47,62,0.36));

}



.border-base {

    border-radius: 8px;

    filter: drop-shadow(1.816px 3.564px 10.5px rgba(41,47,62,0.36));

    border: 1px solid #292f3e;

}

.bg-light{

    background-color: #292f3e !important;

}

.booking-form input, .booking-form select {

    width: 100%;

    border: 1px solid #63739e;

    height: 50px;

    text-indent: 10px;

    margin-bottom: 20px;

    transition: .4s;

    border-radius: 6px;

    background-color: #63739e;

    color: white;

}





#myCarousel .list-inline {

    white-space:nowrap;

    overflow-x:auto;

}



#myCarousel .carousel-indicators {

    position: static;

    left: initial;

    width: initial;

    margin-left: initial;

}



#myCarousel .carousel-indicators > li {

    width: initial;

    height: initial;

    text-indent: initial;

}



#myCarousel .carousel-indicators > li.active img {

    opacity: 0.7;

}

#myCarousel .carousel-control-prev, #myCarousel .carousel-control-next  {

    position: absolute;

    bottom: 0px;

    z-index: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 15%;

    color: #fff;

    text-align: center;

    opacity: .5;

    transition: opacity .15s ease;

}

#myCarousel .carousel-control-next {

    right: 0px;

}

#myCarousel .carousel-indicators > li.active img {

    opacity: 1;

    border-radius: 6px;

    filter: drop-shadow(1.816px 3.564px 10.5px rgba(41,47,62,0.36));

    border: 3px solid #c8a74a;

}

#myCarousel .carousel-indicators li{

    background-color: transparent;

}



.custom-hero-title h2 {

    font-size: 30px;

    margin-top: -30px;

}

.cl-white-title{

    color: #fff;

    padding-top: 114px;

    padding-bottom: 50px;

}





/*show and hide content from mobile and deskop*/

#content-desktop {display: block;}
#content-desktop1 {display: inline-block;}

#content-mobile {display: none;}

#about-1{

    width: 770px; 

    height: 538px; 

    border-radius: 10px;

    margin-left: 45px;    

}

.form-group{
    text-align: right;
}

@media screen and (max-width: 768px) {



#content-desktop {display: none;}
#content-desktop1 {display: none;}

#content-mobile {display: block;}



}


/*end section*/



@media screen and (max-width: 768px) {

    #about-1{

        width: 770px; 

        height: 280px; 

        border-radius: 10px;

        margin-left: 0px;    

    }

    .about-img1 {

        flex: 0 0 100%;

        max-width: 100%;

        background-size: cover !important;

    }

    .about-content1 {

        flex: 0 0 100%;

        max-width: 100%;

        padding: 56px 25px;

        width: 570px;

        height: 400px;

        margin-top: -74px;

        margin-left: 0px;

        border-radius: 8px;

        filter: drop-shadow(1.816px 3.564px 10.5px rgba(41,47,62,0.36));

        background-color: #20232ac2;

    }

    .form-group{
        text-align: left;
    }

}



.img-fluid1{

    max-width: 100%;

    height: 400px;

}
.carousel-control-prev-icon {
    background-image: url('http://welcomeinnandsuits.quipcrm.com/assets/frontend/img/icon/left.png');
    height: 23px;
    width: 23px;
}
#myCarousel .carousel-control-prev-icon:hover, #myCarousel .carousel-control-prev-icon:active {
    background-image: url('http://welcomeinnandsuits.quipcrm.com/assets/frontend/img/icon/left_active.png');
}
#myCarousel .carousel-control-prev, #myCarousel .carousel-control-next {
    opacity: 1;
}
.carousel-control-next-icon {
    background-image: url('http://welcomeinnandsuits.quipcrm.com/assets/frontend/img/icon/right.png');
    height: 23px;
    width: 23px;
}
#myCarousel .carousel-control-next-icon:hover, #myCarousel .carousel-control-next-icon:active {
    background-image: url('http://welcomeinnandsuits.quipcrm.com/assets/frontend/img/icon/right_active.png');
}

.modal a{
    color: #fff;
}
.modal a:hover, .modal a:active{
    color: #495057;
}
.contact-back{
    border-radius: 8px;
    filter: drop-shadow(1.816px 3.564px 10.5px rgba(41, 47, 62, 0.12));
    background-color: #292c36;
    margin: 0px;
}
.cont-txt{
 
    color: #ffffff;
}
.contact-area{
    background-color: #20232a;
}