/*!
 * index.css (https://proftcode.com/)
 * Copyright 2018-2020 The Proftcode Authors
 * Licensed under (https://proftcode.com)
*/

/*----------------- Body Layout -------------*/
* {
    font-family: 'Fira Sans', sans-serif;
}

a {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

a:hover,
a:focus {
    outline: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none !important;
}

.maxWidhtContainer {
    max-width: 1600px !important;
    margin: auto !Important;

}



.back_Details{height:400px;width:100%}
.back_img{height:100%;background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.img_caption{position:absolute;top:30%;text-align:center;width:100%}


ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

.bg-primary {
    background-color: #F5811E !important;
}
.btn-primary
{
     background-color: #F5811E !important;
        border-color: #F5811E;
}
.text-primary {
    color: #F5811E !important;
}
.text-secondary
{
    color: #000 !important;
}
.font-10 {
    font-size: 10px;
}
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-15 {
    font-size: 15px;
}

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

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-22 {
    font-size: 22px;
}

.font-24{
    font-size: 24px;
}

.font-26{
    font-size: 26px;
}

.font-28{
    font-size: 28px;
}

.font-30{
    font-size: 30px;
}

.font-32{
    font-size: 32px;
}

.font-34{
    font-size: 34px;
}


.font-36{
    font-size: 36px;
}


.font-38{
    font-size: 38px;
}


.font-40{
    font-size: 40px;
}


.font-42{
    font-size: 42px;
}


.font-44{
    font-size: 44px;
}


.font-46{
    font-size: 46px;
}
.rounded-30
{
    border-radius: 30px !important;
}


/* ----------------1 Slider ------------------*/
.carousel,
.carousel-item,
.active {
    height: 100%;
}

.carousel-item img {
    height: 100vh;
    width: 100vw;
    object-fit: cover;
}

.carousel-inner {
    height: 100%;
    background: #000;
}

.carousel-caption {
    padding-bottom: 80px;
}

.btn-outline-custom {
    color: white;
    border: #F5811E 1px solid;
    font-weight: 600 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background-color: transparent;

}

.btn-outline-custom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #F5811E;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.btn-outline-custom:active,
.btn-outline-custom:focus,
.btn-outline-custom:hover {
    color: white !important;
}

.btn-outline-custom:active:before,
.btn-outline-custom:focus:before,
.btn-outline-custom:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66)
}

.carousel-caption {
    top: 33% !important;

}

.carousel-indicators li {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 1px solid #F5811E;
}

.carousel-indicators li.active {

    background-color: #F5811E;
}

/* ----------- Top Bar -----------*/
.alart-black {
    color: white;
    background-color: black;
    border-radius: 0px;
}

/*==========================   fixed social links =======================*/

#fixed-social {
    position: fixed;
    top: 36%;
    z-index: 999 !important;
    left: 0px;
}

#fixed-social a {
    color: #fff;
    display: block;
    height: 40px;
    position: relative;
    text-align: center;
    line-height: 40px;
    width: 40px;
    margin-bottom: 1px;
    z-index: 2;
}

#fixed-social a:hover > span {
    visibility: visible;
    left: 0px;
    opacity: 1;
}

#fixed-social a span {
    line-height: 40px;
    left: -60px;
    position: absolute;
    text-align: center;
    width: 120px;
    visibility: hidden;
    transition-duration: 0.5s;
    z-index: 1;
    opacity: 0;
}

.fixed-facebook {
    background-color: #3b5998;
}

.fixed-facebook span {
    background-color: #3b5998;
}

.fixed-twitter {
    background-color: #00acee;

}

.fixed-twitter span {
    background-color: #00acee;
}

.fixed-gplus {
    background-color: #00AF54;

}

.fixed-gplus span {
    background-color: #00AF54;
}

.fixed-linkedin {
    background-color: #0077B5;

}

.fixed-linkedin span {
    background-color: #0077B5;
}

.fixed-instagrem {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);

}

.fixed-instagrem span {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}


/*end fixed social*/

/* ------ Category -----------*/
#owl-tour-offers .item {
    overflow: hidden;

}

#owl-tour-offers .item img {
    transition: transform .5s ease-in-out;
    position: relative;
}

#owl-tour-offers .item:hover img {
    transform: scale(1.02);
}


#owl-tour-offers .item h6 {
    position: absolute;
    bottom: -9px;
    text-transform: capitalize;
    color: #fff;
    font-size: 16px;
    z-index: 8;
    transition: all .6s ease;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 10px;
    width: 100%;
}

.cards--two:hover img {
    transform: translateY(-45px);
}


.cards--two img {
    transition: all .2s ease;
}

/* ------ End Category -----------*/
/* ------ Banner Start -----------*/
.banner {
    overflow: hidden;
}

.banner img {
    transition: all 1s ease;
    position: relative;
}

.banner img:hover {
    transform: scale(1.08);
}

.banner .content {
    position: absolute;
    top: 10%;
    text-transform: capitalize;
    color: #fff;
    padding: 20px !important;

    z-index: 8;
    transition: all .6s ease;

    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;

}

/*------ Banner End -----------*/
/*---- Head Style ------*/
.headStyle {
    font-size: 20px;
    color: #F5811E;
}

.headStyle:before {
    position: absolute;
    content: "";
    top: 90%;
    left: 0;
    height: 3px;
    width: 60px;
    right: 0;
    margin: auto;
    background-color: #fff;
}

.btn-view {
    color: #fff;
    border: #fff 1px solid;
    font-weight: 600 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background-color: transparent;

}

.btn-view:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #000000 !important;
    background-color: #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.btn-view:active,
.btn-view:focus,
.btn-view:hover {
    color: #000000 !important;

}

.btn-view:active:before,
.btn-view:focus:before,
.btn-view:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
    transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66)
}

/*---- End Head Style ------*/
/* ------ New Arrivals Product -----------*/
#owl-hotel-offers .item {
    overflow: hidden;



}

#owl-hotel-offers .item img {
    transition: transform .5s ease-in-out;
    position: relative;
}

/*#owl-hotel-offers .item:hover img {
    transform: scale(1.02);
}*/

.homePriceMode {
    
    color: #fff;
    padding: 7px;
    font-size: 16px;
}

.productTitle {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
}

/*---- End Arrivals End ------*/
/* ------ Footer Start -----------*/
.footerBack {
    background-color: #000000;
}

.footerText {
    font-size: 15px;
}

.subsText {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0px;
}

.socialIcon {
    width: 35px !important;
    height: 35px !important;
    background-color: transparent;
    border: 1px solid #fff;
    font-size: 22px;
    text-align: center;
    line-height: 35px;
    color: #fff;
}

/* ------ Footer End -----------*/
/* ------ featured Start -----------*/
.featured {
    overflow: hidden;
}

.featured img {
    transition: all 1s ease;
    position: relative;
    -webkit-filter: brightness(95%);
    -moz-filter: brightness(95%);
}

.featured img:hover {
    transform: scale(1.08);
    -webkit-filter: brightness(130%);
    -moz-filter: brightness(130%);
}

.featured .content {
    position: absolute;
    bottom: 0%;
    text-transform: capitalize;
    color: #fff;
    padding: 20px !important;
    z-index: 8;
    transition: all .6s ease;
    width: 100%;



}

.featured:hover > img {
    transform: scale(1.08);
    -webkit-filter: brightness(130%);
    -moz-filter: brightness(130%);


}

/* ------ featured End -----------*/
/* ------ Login Model -----------*/
.loginForm {
    border-radius: 0px;
    background-color: #000000;
    border: 1px solid #fff;
}

.login_form .fade:not(.show) {
    opacity: inherit;
}

.login_form .col-md-6,
.login_form .col-md-12 {}

.forgot {
    display: none;
}

.forgatPass:hover,
.logIN:hover {
    color: black !important;
    cursor: pointer;
}


.signUP.active,
.signIn.active {
    color: black !important;
    border: 0px;
    border-bottom: 2px solid black;
}

/* ------ End Login Model -----------*/
/* ------ Page Banner Start -----------*/
.pageBanner {
    height: 280px;
    background-size: cover;
}

.pageHeadSystem {
    background-color: #F5811E;
    bottom: 0%;
}

/* ------ Page Banner End -----------*/
/* ------ Product Details Page -----------*/
.selectDrop {
    border-radius: 0px;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    padding: 7px !important;
    height: 32px;
}

/* ------ Product Details Page End -----------*/