@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@font-face {
    font-family: 'Herr Von Muellerhoff';
    src: url('../fonts/HerrVonMuellerhoff-Regular.woff2') format('woff2'),
        url('../fonts/HerrVonMuellerhoff-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}





/* --------------------------- Global STYLE ----------------------- */

body{font-family: 'Open Sans', sans-serif;font-weight: 500;font-size: 16px; color: #000000;}

a{font-family: 'Open Sans', sans-serif;transition: All 1s; color: #000000;}
a:hover{text-decoration: none;transition: All 1s;}
img {max-width: 100%; }
a:focus,.btn:focus,input:focus,select:focus,button:focus,textarea:focus{ outline: none !important; text-decoration: none; box-shadow: none !important}
p{font-family: 'Open Sans', sans-serif; color: #000000;}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif; color: #000000;}
section{}

ul{}
li{ list-style-type: none;}



.page-heading{font-family: 'Herr Von Muellerhoff';
    text-transform: capitalize;
    color: #c79d5f;
    font-size: 150px;
    text-align: center;
    margin: 0;}

.section-heading{ font-size: 44px; color: #2b343d; font-weight: 600; letter-spacing: 5px; text-transform: uppercase; margin-top: 0; margin-bottom: 30px;}










/* --------------------------- SIDEBAR STYLE ----------------------- */

.headerSection .navbar {    position: fixed;
    width: 100%;
    padding: 10px 10px 20px;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0);
    transition: top 0.3s;
    background: rgba(0,0,0,.1); z-index: 999;}
.headerSection .navbar-btn {box-shadow: none; outline: none !important; border: none;}
.headerSection .line {width: 100%; height: 1px;border-bottom: 1px dashed #ddd; margin: 40px 0;}
.headerSection .btn{float: right;background-color:transparent !important;border: none; font-size: 20px;margin-top: 0;}
.headerSection .btn img{ max-width: 70px; height: auto;}

#sidebar {width: 350px; position: fixed; top: 0;right: -350px;height: 100vh; z-index: 999;background: #000; color: #fff; transition: all 0.3s;    overflow-y: scroll;  background: rgba(0,47,32,.7); padding-left: 30px;}
#sidebar.active {right: 0;}
#dismiss {width: 35px;height: 35px;line-height: 35px;text-align: center; /*background: #7386D5;*/ position: absolute; top: 10px;right: 10px;    cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#dismiss:hover {background: #fff;color: #7386D5;}

.overlay {display: none; position: fixed; width: 100vw;height: 100vh; background: rgba(0, 0, 0, 0.7);z-index: 998;opacity: 0;transition: all 0.5s ease-in-out;}
.overlay.active {display: block;opacity: 1;}

#sidebar .sidebar-header {padding: 20px;background: #6d7fcc;}
#sidebar ul.components {padding: 20px 0;}
#sidebar ul p {color: #fff;padding: 10px;}

#sidebar ul li a {padding: 10px 10px 10px 15px;display: block;color: #fff;font-size: 22px;text-transform: uppercase; font-weight: 600;}
#sidebar ul li a:hover {color: #e0e0e0;/*background: #fff;*/}
#sidebar ul ul li a{ font-weight: normal; font-size: 20px;}

#sidebar ul li.active>a,
a[aria-expanded="true"] {color: #e0e0e0; /*background: #6d7fcc;*/}
#sidebar ul li ul{padding-left: 15px;}
a[data-toggle="collapse"] {position: relative;}

.dropdown-toggle::after {display: block; position: absolute; top: 50%;right: 20px;transform: translateY(-50%);}








/* --------------------------- Home top nav css ----------------------- */

.home-top-phone{     position: absolute;
    right: 160px;
    top: 10px;
    font-size: 30px;
    color: #fff;
    font-weight: 500;}

.home-top-phone:hover{ color: #ffffff;}
.home-top-phone:focus{ box-shadow: none !important;}




/* --------------------------- Home banner css ----------------------- */

.banner-image{  max-height:1080px;  overflow: hidden;}
.banner-text{ position: absolute; top: 25%; width: 100%; z-index: 99;}
.banner-text-box {
    /*background: rgba(0,0,0,.5);*/
    color: #fff;
    text-transform: uppercase;
    /*border: 1px solid #fff;*/
    padding: 25px;
    width: 100%;
    margin: 30px auto 0;
}

.banner-text-box h2{font-size: 100px; color: #fff;}
.banner-text-box h2 img{max-height: 250px;}
.banner-text-box h3{ margin: 0; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 35px; padding-bottom: 15px;  letter-spacing: 8px; color: #ff0000; }
.banner-text-box h5{     color: #fff;   margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding-top: 10px;
    letter-spacing: 5px;
    line-height: 34px;}










/* --------------------------- Home Sec1 css ----------------------- */

.home-sec1-img{ padding-left: 0;}
.home-sec1-text{}
.home-sec1-text h2 {
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 200%;
    font-weight: 600;
    font-size: 40px;
    padding-top: 50px;
    padding-left: 50px;
}





/* --------------------------- Home Sec2 css ----------------------- */

.home-sec2{ padding: 50px 0;}
.home-sec2-img{ padding: 0;}






/* --------------------------- Home Wedding sec css ----------------------- */

.home-wedding-sec{ padding-bottom: 50px;}

.home-wedding-text{ padding: 50px 50px 0 15px;}
.home-wedding-text h3{ font-weight: lighter; font-style: italic; color: #2b343d; font-size: 34px; margin-bottom: 20px; margin-top: 0;}
.home-wedding-text h4{font-size: 28px;font-weight: 300; line-height: 140%;}

.home-wedding-img{ padding-right: 0;}






/* --------------------------- Home Ceremony sec css ----------------------- */

.home-ceremony-sec-img{ padding: 0;}






/* --------------------------- Home Sec5 css ----------------------- */

.home-sec5{ padding: 50px;}
.home-sec5-img{ padding: 0;}


.newBannerrp .banner-text-box h3{color: #fff;}

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

.innerContainer{width: 100%; display: inline-block; background-image: url(../images/landingBg1.jpg); background-repeat: no-repeat; background-position: left top; background-size: 100% auto; padding: 40px 0;}

.innerContainer2{width: 100%; display: inline-block; background-image: url(../images/swnew-bg.jpg); background-repeat: no-repeat; background-position: left top; background-size: 100% auto; padding: 40px 0;}

.contentSect{width: 100%; margin-bottom: 25px; display: inline-block;}
.contentSect h2{font-size: 40px; margin-bottom: 30px; font-weight: 600;}
.contentSect p{font-size: 25px; margin-bottom: 25px;}

.SearchSect{width: 100%; text-align: center; display: inline-block; margin-bottom: 60px;}
.SearchSect .join-mail{display: inline-block; width: 50%;}
.SearchSect .join-mail .btn{width: 70px;}
.SearchSect .join-mail .form-control{font-size: 20px; text-transform: uppercase;}

.SearchSect .join-mail .getBtn{width: 100%; border: 1px solid #91692c; display: inline-block; color: #91692c; font-size: 22px; text-transform: uppercase; line-height: 52px;}
.SearchSect .join-mail .getBtn .btn{float: right;}



.gallerySection{width: 100%; text-align: center; display: inline-block; margin-bottom: 10px;}
.gallerySection .galleryPic{width: 100%; text-align: center; display: inline-block; margin-bottom: 30px;}
.gallerySection .galleryPic img{width: 100%;}

.gallerySection h2{color: #91692c; font-size: 45px; text-transform: uppercase; margin: 0 0 25px 0; font-weight: 600;}

.contactInfo{width: 100%; display: inline-block; margin-bottom: 10px;}
.contactInfo h2{color: #91692c; font-size: 28px; text-transform: uppercase; margin: 0 0 10px 0; font-weight: 600;}
.contactInfo p a{color: #91692c; font-size: 40px; letter-spacing: 8px; font-weight: 600;}


/* --------------------------- Home Fopur box css ----------------------- */

.home-four-box{ padding: 0; position: relative;}

.home-four-box-text a{background: rgba(0,0,0,.5);transition: All 1s; color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 25px;
    width: 70%;
    margin: 30px auto 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 440px;
    margin-left: -220px;
    margin-top: -50px; letter-spacing: 1px;}
.home-four-box-text a h2{ color: #fff;}

.home-four-box-text a:hover{background: rgba(0,0,0,.9); transition: All 1s; }











/*-------------comon owl carousel-------------*/

.owl-slider-single{ position: relative;}
.owl-slider-single .owl-nav button span{ position: absolute; top: 45%; left: 10px;    z-index: 999;background-image: url(../images/carousel-arrow.png) !important;     background-color: transparent !important; text-indent: -9999px;    background-size: cover;} 
.owl-slider-single .owl-nav .owl-prev span{  background-color: transparent; width: 50px; height: 100px; display: block; }
.owl-slider-single .owl-nav .owl-next span{  background-color: transparent; width: 50px; height: 100px; display: block; right:10px; left: auto; background-position: center right;}

.owl-slider-single .owl-dots{ position: absolute; bottom: 30px;    width: 100%;}
.owl-slider-single .owl-dots span{     background-color: transparent !important;
    border: 2px solid #fff;
    height: 20px !important;
    width: 20px !important;}
.owl-slider-single .active span{ background-color:#fff !important; }

.owl-theme .owl-nav{ margin-top: -22px;}







/* --------------------------- Home Special celebration  css ----------------------- */

.special-celebration-text{ padding: 50px 0 0 50px;}
.special-celebration-text p{font-size: 28px;font-weight: 300;line-height: 140%;}

.special-celebration-slider{ padding-left: 0;}






/* --------------------------- Home Corportae events css ----------------------- */

.corporate-events-text{ padding: 50px 50px 0 0;}
.corporate-events-text p{font-size: 28px;font-weight: 300;line-height: 140%;}

.corporate-events-slider{ padding-right: 0;}






/* --------------------------- Home Cuisine css ----------------------- */

.cuisine-text{ padding: 50px 0 0 50px;}
.cuisine-text p{font-size: 28px;font-weight: 300;line-height: 140%;}

.cuisine-slider{ padding-left: 0;}









/* --------------------------- Footer css ----------------------- */

.main-footer{ margin-top: 10px;}
.main-footer li{ display: inline-block;}


.footer-logo{ margin-bottom: 50px;}

.footer-contact{ margin-bottom: 25px;}
.footer-contact li{ margin: 0 5px;    font-size: 22px; font-weight: 600; color: #000000;  text-transform: uppercase;}
.footer-contact li a{     font-size: 22px;
    font-weight: 600;
    color: #000000;
    letter-spacing: 3px;
    text-transform: uppercase;}



.footer-social{ margin-bottom: 40px;}
.footer-social li{ margin: 0 15px;}
.footer-social li a{ font-size: 50px; color: #000000; opacity: .7;}
.footer-social li a:hover{ opacity: 1;}





.footer-links{ border-top:3px solid #000000; margin-bottom: 40px; }
.footer-links h3{ font-size: 20px; text-transform: uppercase; font-weight: 700; color: #000000;}

.footer-links ul{ padding-left: 0;}
.footer-links ul li{ line-height: 40px; width: 100%;}
.footer-links ul li a{font-size: 20px; text-transform: uppercase; font-weight: normal; color: #000000;}

.uber-link img {
    max-width: 160px;
}
.uber-link h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000000;
    float: left;
    margin-right: 20px;
    margin-top: 5px;
}


.join-mail h3{font-size: 18px; text-transform: uppercase; font-weight: 700; color: #000000;}
.join-mail .form-control{     border: 1px solid #91692c; color: #91692c;
    height: 55px;
    border-radius: 0;}
.join-mail .btn{ background-image: url(../images/logo-icon.png); background-color: #91692c;     height: 55px;
    border-radius: 0;
    border: 1px solid #91692c;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; text-indent: -99999;}




.award-logo{}
.award-logo ul{ text-align: right;}
.award-logo li{ display: inline-block; max-width: 22%; padding: 0 10px;}
.award-logo li img{ max-height: 100px;}




.direction{ padding-top: 40px;}

.uber-link { margin-bottom: 25px;}
.uber-link h4{font-size: 18px; text-transform: uppercase; font-weight: 700; color: #000000; float: left; margin-right: 20px;    margin-top: 5px;}
.uber-link img{ max-width: 160px;}


.footer-map img{ max-width: 400px;}
.footer-map a{ display: block; margin-top: 15px;}



.footer-copyright{ padding-top:35px; padding-bottom: 15px;}
.footer-copyright p{ font-size: 16px; font-weight: normal; text-transform: uppercase;}


.main-footer .input-group form {
    width: 100%;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
}

.join-mail .input-group{width: 100%;}
.join-mail #ic_signupform .elcontainer {
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
}
.join-mail #ic_signupform .elcontainer .sortables {
    position: relative;
}
.join-mail #ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-input input[type="text"] {
    width: 100%;
    border: 1px solid #000;
    border-radius: 0;
    height: 55px;
    background-color: #fff;
    color: #000;
    font-size: 16px;
}
.join-mail #ic_signupform .elcontainer .submit-container input[type="submit"] {
    position: absolute;
    right: 0;
    bottom: 12px;
    background-image: url(../images/logo-icon.png);
    background-color: #000000;
    height: 55px;
    border-radius: 0;
    border: 1px solid #000000;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    text-indent: -9999px;
}
#ic_signupform .elcontainer .formEl label{display: none !important; }

.join-mail .form-control{     border: 1px solid #000000;
    height: 55px;
    border-radius: 0;}
.join-mail .btn{ background-image: url(../images/logo-icon.png); background-color: #91692c;     height: 55px;
    border-radius: 0;
    border: 1px solid #91692c;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;background-size: 52px;}











/* --------------------------- Inner page comon css ----------------------- */

.inner-logo{ margin-top: 100px;}
.inner-logo a{ position: relative; z-index: 9;}
.inner-logo img{ max-width: 300px;}

.contact-page{ margin-top: -60px; margin-bottom: 200px;}


.heading{ margin-bottom: 30px; clear: both;}
.heading p{ text-transform: uppercase; text-align: center; font-size:18px; font-weight: bold; color: #000000;}

.mandatory{ color: #f00; font-weight: normal;}





/* --------------------------- Contact page css ----------------------- */

.inner-header-section .navbar{ top: 0; background-color: #c79d5f;}

.contact-page-left h4{text-transform: uppercase; text-align: left; font-size:20px; font-weight: bold; color: #000000;}
.contact-page-left h5{text-transform: none; text-align: left; font-size:16px; font-weight: normal; color: #000000; line-height: 25px; margin-bottom: 25px;}

.contact-page-left h6{ margin-bottom: 25px;}
.contact-page-left h6 a{ text-transform: uppercase; text-align: left; font-size:16px; font-weight: normal; color: #000000; line-height: 25px; margin-bottom: 25px; text-decoration:underline; }
.contact-page-left ul{ text-align: left; padding-left: 0; margin-bottom: 25px;}
.contact-page-left li{ display: inline-block; margin-right:15px;}
.contact-page-left li img{ max-width: 40px;}
.contact-page-left li a{ font-size: 20px;}



.contact-page-right h4{text-transform: uppercase; text-align: left; font-size:20px; font-weight: bold; color: #000000;}
.contact-page-right h4 span{ font-weight: 600; text-transform: uppercase; font-size: 12px;}


.contact-form-inner{ background-color: #d8ba8f;display: block;float: left;width: 100%;padding: 30px 25px; border-radius: 5px; margin-bottom: 15px;}
.contact-form-inner .form-group{ float: left; width: 100%; margin-bottom: 15px;}
.contact-form-inner label{ color: #fff; font-size: 16px;}
.contact-form-inner label.col-sm-4{ text-align: right; font-weight: bold; }

.contact-form-inner input,.contact-form-inner select,.contact-form-inner teaxtarea{ border: none; color: #d8ba8f; opacity: 1 !important;font-weight: 600;}
.contact-form-inner ::-webkit-input-placeholder { color: #d8ba8f; opacity: 1 !important; font-weight: 600;}
.contact-form-inner ::-moz-placeholder { color: #d8ba8f; opacity: 1 !important;font-weight: 600;}
.contact-form-inner :-ms-input-placeholder { color: #d8ba8f; opacity: 1 !important;font-weight: 600;}
.contact-form-inner :-moz-placeholder { color: #d8ba8f; opacity: 1 !important;font-weight: 600;}


.contact-form-wrap .submit-button{ background-color: #c79d5f;width: 100%; color: #fff;text-transform: uppercase;font-weight: bold;letter-spacing: 3px;font-size: 20px;transition: All 1s;}
.contact-form-wrap .submit-button:hover{ background-color: #000000; transition: All 1s; border-radius: 5px; border: none;}


























/* --------------------------- Responsive css ----------------------- */




@media (max-width:1500px){
    
    
    /*.banner-text{ top: auto; bottom: 5%;}*/
    .home-sec1-text h2{ line-height: 150%;}
    .home-wedding-text h4 br{ display: none;}
    .home-wedding-text h4,.special-celebration-text p,.corporate-events-text p,.cuisine-text p{ font-size: 22px;}
    
    .footer-logo img{ max-width: 250px;}
}
@media only screen and (min-width:1024px) and (max-width:1150px){
    .home-top-logo img{max-width: 350px;}
    .banner-text-box h2 img{max-height: 220px;}
    .banner-text-box{margin-top: 0;}
}

@media only screen and (min-width:768px) and (max-width:1023px){
    .banner-image img{height: 100%; object-fit: cover;}
    .banner-text{top: 15%;}
    .home-top-logo img{max-width: 300px;}
    .banner-text-box h2{font-size: 60px;}
    .banner-text-box h3{font-size: 24px; letter-spacing: 0;}
    .contentSect h2{font-size: 30px;}
    .contentSect p{font-size: 22px;}
    
    .SearchSect .join-mail .form-control{font-size: 16px;}
    .gallerySection h2{font-size: 35px;}
    .contactInfo p a{font-size: 30px; letter-spacing: 5px;}
    
    
    
    
}

@media only screen and (min-width:320px) and (max-width:767px){
    .banner-image{height: 100vh;}
    .banner-image img{height: 100%; object-fit: cover;}
    .banner-text{top: 15%;}
    .home-top-logo img{max-width: 250px;}
    .banner-text-box h2{font-size: 60px;}
    .banner-text-box h3{font-size: 24px; letter-spacing: 0;}
    .contentSect h2{font-size: 30px;}
    .contentSect p{font-size: 22px;}
    .SearchSect .join-mail{width: 100%;}
    .SearchSect .join-mail .form-control{font-size: 16px;}
    .gallerySection h2{font-size: 35px;}
    .contactInfo p a{font-size: 30px; letter-spacing: 5px;}
    
}