
@import url(http://db.onlinewebfonts.com/c/65923d225f2e78842d14d51023161b8e?family=HWT+Artz);
@font-face {font-family: "HWT Artz"; src: url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.eot"); src: url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.eot?#iefix") format("embedded-opentype"), url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.woff2") format("woff2"), url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.woff") format("woff"), url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.ttf") format("truetype"), url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.svg#HWT Artz") format("svg"); } 

@import url(http://db.onlinewebfonts.com/c/3710eb8fca91ad0613cc0516af488328?family=MochaMattariW01-Regular);

@font-face {font-family: "MochaMattariW01-Regular"; src: url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.eot"); src: url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.eot?#iefix") format("embedded-opentype"), url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.woff2") format("woff2"), url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.woff") format("woff"), url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.ttf") format("truetype"), url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.svg#MochaMattariW01-Regular") format("svg"); }

.mocha 
{
    font-family: "MochaMattariW01-Regular";

}

.yellow-grad {
    background: -webkit-gradient(linear,left top,left bottom,from(#f5f7d0),to(#f8b333));
    background: linear-gradient(#f5f7d0,#f8b333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.color-orange-light {
    color: #fbaf3f;
}


.blue-grad {
    background: -webkit-gradient(linear,left top,left bottom,from(#d8f0f2),to(#74b0c8));
    background: linear-gradient(#d8f0f2,#74b0c8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


@import url(http://db.onlinewebfonts.com/c/65923d225f2e78842d14d51023161b8e?family=HWT+Artz);
@font-face {font-family: "HWT Artz"; src: url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.eot"); src: url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.eot?#iefix") format("embedded-opentype"), url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.woff2") format("woff2"), url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.woff") format("woff"), url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.ttf") format("truetype"), url("http://db.onlinewebfonts.com/t/65923d225f2e78842d14d51023161b8e.svg#HWT Artz") format("svg"); } 

@import url(http://db.onlinewebfonts.com/c/3710eb8fca91ad0613cc0516af488328?family=MochaMattariW01-Regular);
@font-face {font-family: "MochaMattariW01-Regular"; src: url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.eot"); src: url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.eot?#iefix") format("embedded-opentype"), url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.woff2") format("woff2"), url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.woff") format("woff"), url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.ttf") format("truetype"), url("http://db.onlinewebfonts.com/t/3710eb8fca91ad0613cc0516af488328.svg#MochaMattariW01-Regular") format("svg"); }


body
{
    font-family: GothamPro;
    background-color:#efe9e6;
    
}

.bg-light {
    background-color:transparent!important;
    position: absolute;
    width: 100%;
    border-radius: 4px;
    /*margin-top:20px;*/
}

.navbar-light .navbar-brand {
    max-width:130px;
    /*transform:rotate(-30deg);*/
}
.header .navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
    color: #fff!important;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    cursor:pointer;
}
.header .navbar-light .navbar-nav .nav-link {
    color: #fff !important;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    border-right: 1px solid #fff;
    padding: 0px 20px;
    transition:all 0.5s ease;
     cursor:pointer;
}
.header .navbar-light .navbar-nav .nav-link .fa{
    margin-right:5px;
    display:inline-block;
}
.header .navbar-light .navbar-nav .nav-link:hover .fa{
    transition:all 0.5s ease;
    transform:rotate(90deg);
      margin-top:-10px;
    cursor:pointer;
    display:inline-block;
}

.header .navbar-light .navbar-nav .nav-link:hover {
    color: #fff !important;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    border-right: 1px solid #fff;
    padding: 0px 20px;
    transition:all 0.5s ease;
    margin-top:-10px;
     cursor:pointer;
    overflow: hidden;
}

.header .navbar-light .navbar-nav .nav-link {
    color: #fff !important;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    border-right: 1px solid #fff;
    padding: 0px 20px;
     cursor:pointer;
    display: block;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    top:10px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin-top:12px;
    color: #000;
    font-weight: bold;
    text-align: left;
    list-style: none;
    background-color:rgba(255,255,255,1);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
     overflow:hidden;
     cursor:pointer;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .50rem 1.5rem;
    clear: both;
    font-weight:500;
    color: #000;
    font-size:14px;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-transform:uppercase;
    overflow:hidden;
     cursor:pointer;
}
.dropdown-toggle::after {
    display: none;
}

.dropdown:hover > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
     cursor:pointer;
}

.store {
    background: rgb(251, 175, 63);
    padding: 8px 40px;
    border-radius: 4px;
    color: #fff !important;
    text-align: center;
    display: inline-block;
    margin-top:4px;
}

.home_lacator_gallary {
    overflow: auto;
}

.map {
    color: #fbaf3f !important;
    text-align: center;
    display: inline-block;
    font-size: 30px;
    margin-right: 40px;
}

.vedio_section_1 {
    position: relative;
    top: 0;
    z-index: -1;
    width: 100%;
    height:100%;
}


.vedio_section {
    position: relative;
    top: 0;
    z-index: -1;
    width: 100%;
    height:100vh;
}


.vedio_section:after {
    position: relative;
    content: "";
    top: 0;
    right: 45%;
    left: 0;
    bottom: 0;
    background:url(../img/sun-rang-sun.html);
    width:100%;
    background-size:cover;

}

.vedio_section_img {
    position: relative;
    top: 0;
    z-index: -1;
    width: 100%;
   /* height:80vh;*/
}
.vedio_section_img:after {
    position: relative;
    content: "";
    top: 0;
    right: 45%;
    left: 0;
    bottom: 0;
    background:url(../img/sun-rang-sun.html);
    width:100%;
    background-size:cover;

}

#wrapper{
    background:url(../img/free-range-sun.html) no-repeat;
    width:100%;
    height:200px;
    background-size:cover;
}
.vedio_heading {
    position: absolute;
    bottom:30%;
    left:65px;
}
.vedio_heading h1{
    font-size:50px;
    color: rgb(251, 175, 63);
    font-weight:bolder;
}

/*----svg css starts here-----*/
.section_2{
    position: relative;
    width:100%;
    background:rgb(247, 148, 29);
}

.section_2inner svg{
    position:absolute;
    left:0;
    top:-340px;
}

.section_3{
    position: relative;
    width:100%;
    background:rgb(233, 66, 67);
    color:#fff;
    padding:100px 0px;
}
.section_3inner svg{
    position:absolute;
    left:0;
     top:-150px;
}

.section_4{
    position: relative;
    width:100%;
    background:rgb(0, 43, 73);
    color:#fff;
    padding:100px 0px;
}
.section_4inner svg{
    position:absolute;
    left:0;
    top:-150px;
}

.main_tab{
    padding:100px 0px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #007bff;
}

.tab_img{
    width:75px;
    margin-bottom:10px;
}

.tab_section .nav-pills .nav-link {
    border-radius: .25rem;
    text-align: center;
    color:#8c4f05;
   /* border-bottom: 1px solid #ddd;*/
}
.tab_section .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #f7941d;
    background:#fff;
    background-size:cover;
    width:100%;
    height:auto;
    border-radius: 4px;
    animation:animate 5s linear infinite;
}

@keyframes animate {
    0% , 100%{
        border-radius:64% 36% 27% 73% / 55% 58% 42% 45%;
    }
    
    25%{
         border-radius:73% 27% 26% 38% / 73% 36% 64% 27%; 
    }
    
    50%{
         border-radius:28% 72% 44% 56% / 49% 40% 60% 51%; 
    }
    
     75%{
         border-radius:40% 60% 70% 30% / 47% 62% 38% 53%; 
    }
}
/*--div#v-pills-tab {
    background: #fff;
    box-shadow: 0px 1px 8px 4px #b16101;
    border-radius:4px!important;
}--*/
.tab_section h6{
    font-size:14px;
}
.tab_section h5{
    font-size:16px;
}
.cloud{width: 200px;margin-bottom:10px;}

.product_content {
    margin-top:70px;
    color: #fff;
    /*margin-left: -74px;*/
}
.product_content_image img {
    border-radius: 10px;
    max-height:500px;
}
.product_content p span{
    margin-right:10px;
}
.section_left_3 a{
    text-decoration:none;
    color:#fff;
}
.heading_one {
    font-size: 40px;
    font-weight: bolder;
    color: #fff;
    text-transform: uppercase;
}
.heading_three{
     font-size: 40px;
    font-weight: bolder;
    color: #fff;
    text-transform: uppercase;
    margin-left: -192px;
}

.thali_conent {
    text-align: center;
}
.thali_conent h4{
    font-size: 25px;
    font-weight: bolder;
    color:#b15533;
}
.thali_heading h1{
    font-size: 30px;
    font-weight: bolder;
    color:#fbaf3f;
    text-transform: uppercase;
    margin-top: -37px;
    margin-left: 42px;
}
.section_left_vedio {
  position: relative;
}
.section_left_3 {
    margin-bottom: 50px;
}
.bottom_image img{width:100px;}
.section_right_vedio {
    float: right;
}
.section_right_vedio h1 {
    position: absolute;
    left: 116px;
    top: 43px;
    font-weight: bolder;
}
img.img-fluid.right_small_2 {
    margin-left: 20px;
    max-height:300px;
}
.right_small img {
   /* border: 10px solid #f34a4b;
    border-radius: 4px;*/
}
.section_4 .section_left_vedio {
   /* border: 20px solid #11365080!important;
    border-radius: 20px!important;*/
}
.section_4 .right_small img {
  /*  border: 10px solid #11365080;
    border-radius: 4px;*/
}
.right_small_image img{
    max-height:450px;
}
.section_5{
    background:#f6f0e8!important;
    position: relative;
    padding:100px 0px;
}
.thalisection {
    margin-top: 94px;
    /*margin-left: 293px;*/
}

.num-4 img {
    width: 215px;
    position: relative;
    top: -90px;
    right: 52px;
}
.num-5 img {
    width: 300px;
}

.nakeen_images {
    background: url(../img/dots.png) no-repeat;
    width: 298px;
    height: 277px;
    background-size: cover;
    background-position: right top;
    margin-top: -581px;
    float: right;
  
}

.dots-2 {
    background: url(../img/dots2.png) no-repeat;
    width: 298px;
    height: 190px;
    background-size: cover;
    position: absolute;
    top: 493px;
    left: 240px;
}
    
.about_happy {
    background: #4eb1bf;
    padding: 15px 27px;
    color: #fff;
    border-radius: 7px;
    text-transform: uppercase;
    font-size: 14px;
}
.section5_left_inner{
    padding-bottom: 150px;
}

.section5_left_inner p{
    margin-bottom:50px;
}
.section5_left_inner h1{
    color:#f7941d;
    font-weight:bolder;
}
.section_6{
    background: #f6f0e8!important;
    position: relative;
   /* padding: 100px 0px;*/
}
.section_7{
    background: #f6f0e8;
    padding:0px 0px;
}
.section_7_head h1{
   color:#f7941d;
   font-weight:bolder;
   font-size: 28px;
}
.section_7_head {
    padding: 50px 0px;
}
.resto_img img{margin-bottom:100px;}
.section_7_head p{
  
}
.absolute{position:absolute;}

.home-locator {
    position: relative;
    text-align: left;
    margin-top:70px;
    display: inline-block;
}
.home_lacator_gallary h1{
    color:#fff;
    font-weight:bolder;
    margin-bottom:40px;
}

.home_card{
    position:relative;
    overflow: hidden;
}
.home_card img{
    width:100%;
       transition:all 0.5s ease;
}
.home_card:hover img {
    transform: scale(1.3);
      transition:all 0.5s ease;
}
.home_card_text{
     position:absolute;
     background: -webkit-gradient(linear,left bottom,left top,color-stop(-20%,#0f0000),color-stop(40%,rgba(131,64,39,.36)),color-stop(80%,rgba(177,85,51,0)));
    background: linear-gradient(0deg,#0f0000 -20%,rgba(131,64,39,.36) 40%,rgba(177,85,51,0) 80%);
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
}
.home_card_text h1{
    position:absolute;
    bottom:0;
    left:0;
    color: #fff;
    font-weight:bolder;
}
.about_section1{
    background:#f6f0e8;
}
.about_content1{
    text-align:center;
    padding:50px 0px;
}
.about_content1 img{
    width:100px;
}
.about_content1 h1{
    color:#f7941d;
    font-weight:bolder;
}
.tab_menu img {
    width: 100px;
    margin-bottom:14px;
}
.tab_menu .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color:transparent;
    border-color: #dee2e6 #dee2e6 #fff;
    border: none!important;
    text-align: center;
    font-size: 14px;
}
.tab_menu .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    text-align: center;
    border: none;
    font-size: 14px;
}
.tab_menu {
    margin-top: -76px;
    margin-left: 55px;
}

.tab_menu .nav-tabs {
    border-bottom: 1px solid transparent;
}
.top_right_cotent h6{
    font-weight:bold;
    color:#000;
}
.heading_two{
    font-weight:bolder;
    color:#f7941d;
}
.quality_tab{
    background:#f6f0e8;
}
.top_right_head h3{
    color:#b55700;
     font-weight:bolder;
}
.top_right_head h1{
    color:#f7941d;
    font-weight:bolder;
}
.about_content1 p{
    padding:30px;
}
.about_section2{
    margin-top:150px;
    text-align:center;
}

.contact {
    margin-top:90px;
}

.contact h1{
    color:#b55700;
    font-weight:bolder;
}
.about-2_image {
    margin-top: 254px;
    margin-right: 20px;
}
.contact_form .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    height:50px;
    font-size:16px;
    line-height: 1.5;
     color:#f7941d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
              color:#f7941d;
            opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
             color:#f7941d;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
             color:#f7941d;
 }
.contact a{
    color:#000;
    margin-bottom:10px;
    display:block;
}
.contact_form  select.form-control:not([size]):not([multiple]) {
    height: 50px;
}
.contact_form textarea {
    height: auto!important;
    overflow: auto;
    resize: vertical;
}
.freedom{padding:30px; 0px;}

.text_img{
    float:left;
}
.text_img img{
    width:30px;
}
.text_content{
   /* margin-left:84px;*/
}
.text_content h1 {
    font-size: 18px;
    font-weight: bolder;
    color: #fbaf3f;
}

.tab_images img {
    width: 200px;
}

.top_right_cotent {
    margin-left: 80px;
}
sup.upp-text {
    position: relative;
    top: -15px;
    font-size: 18px;
}
.text_side {
    margin: 32px 0px;
}

.news_letter{
    background:url(../img/map_bg.jpg) no-repeat center center;
    width:100%;
    height:320px;
    padding:20px;
    margin-top:230px;
}
.news_content{
    border-right:1px solid #fbaf3f;
    padding: 35px;
}
.news_content_right{
    text-align:center;
    padding: 33px;
}
.news_content_right h2{
    text-transform:uppercase;
    font-size:18px;
    letter-spacing:2px;
}
.custom_news {
    text-transform: uppercase;
    font-size: 15px;
    padding: 16px 24px;
    font-weight:bold;
}
.news_content_form .form-control {
    display: block;
    width:300px;
    margin: auto;
    padding: .375rem .75rem;
    font-size: 1rem;
    height:45px;
    line-height: 1.5;
    color: #fbaf3f;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #fbaf3f;
    border-radius:10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.happy_content{
   background: #f6f0e8;
    padding:50px;
}
.happy_logo{
    width:150px;
    margin:10px 0px;
}
.happy_content h1{
    margin:20px 0px;
}
.happy_para{
    padding:0px 100px;
}
.happy_content p{
    margin-bottom:50px;
}

.happy-box h3 {
    font-size: 20px;
}

.product_tab {padding:100px 0px;}
.product_tab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color:#4eb1bf!important;
    font-weight:bold;
}

.product_tab .nav-link {
    border-radius: .50rem;
    display: block;
    margin: 0px 10px;
    /*width: 149px;*/
    height: 40px;
    text-align: center;
    background: #fff;
    color:#4eb1bf;
    font-weight:bold;
}

.pro-info{
    position:relative;
}
.overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
   background: -webkit-gradient(linear,left bottom,left top,color-stop(-20%,#0f0000),color-stop(40%,rgba(131,64,39,.36)),color-stop(80%,rgba(177,85,51,0)));
    background: linear-gradient(0deg,#0f0000 -20%,rgba(131,64,39,.36) 40%,rgba(177,85,51,0) 80%)
}
.pro-info{
    overflow:hidden;
    transition: all 0.5s ease;
    margin:10px 0px;
    border-radius:10px;
}
.pro-info img{
     transition: all 0.5s ease;
}
.pro-info:hover img{
    transform: scale(1.3);
    transition: all 0.5s ease;
}
.pro_bottom 
{
    font-family: "MochaMattariW01-Regular";
    position: absolute;
    bottom: 20px;
    left: 30px;
    color: #fff;
    text-transform: uppercase;
}
.journey_page{
    padding:100px 0px;
}

.journey_border{
    border-left:2px dashed #fbaf3f;
    height:100%;
    margin-right:100px;
}
.journey_content p{
    margin-left:70px;
}

.journey_content h1::before{
   font-family: "Font Awesome 5 Free";
   content: "\f004";
    position:absolute;
    font-size:20px;
    color:#fbaf3f; 
}

.footer{
   
}
.footer-primary{
    margin-top:100px;
}
.footer-primary h3{
    font-size:18px;
     color:#000;
}
.footer-primary ul {
    margin:0;
}
.footer-primary ul li{
    list-style:none;
}
.footer-primary ul li a{
    color:#000;
    text-decoration:none;
}
.footer-social-media ul{
    margin:0;
}
.footer-social-media ul li{
    display:inline-block;
}
.footer-social-media ul li a {
    padding: 0px 4px;
    font-size: 16px;
}
.footer-primary img{
    width:150px;
    float: right;
}


/*----svg css ends here-----*/