﻿@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Caveat|Lato:300,400,600,700');


/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Lato', sans-serif; font-weight:normal; padding:0; color:#2c394c; font-weight:400; padding-right:0!important; background:#fff url('../images/fullbg.svg') no-repeat center top fixed; background-size:cover;
font-size:15px;
line-height:1.5;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
:root{--red:#ff0808; --dark:#990510; --yellow:#ffc000; --golden:linear-gradient(90deg, #c48c2b 0%, #efc54c 33%, #edb93a 66%, #e2a326 100%);}

img{border:0;}

*{ box-sizing:border-box;
scrollbar-color: var(--dark) #ddd;
scrollbar-width: thin;
scrollbar-radius:10px;
}
*:hover{
}

a{color:#1f1917; text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:#b93233;}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:normal;}

a:focus, .active{outline: none !important; box-shadow: 0!important;}




::-webkit-scrollbar {
    width: 10px;
    -webkit-overflow-scrolling: touch;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  background:#fff;
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background:var(--dark);
}


/* Header */
.header-area{display:block; position:relative;  clear:both; z-index:9999!important;}
.header-area .py-2 ul{list-style-type:none; margin:0; padding:0;font-size:20px;}
.header-area .py-2 ul a{font-weight:600;}
.header-area .py-2 ul i{margin-right:10px; color:var(--red);}
/*.header-area .py-2 ul li:last-child a{display:inline-block; padding:8px 30px; border-radius:10px; background:var(--golden); color:#fff; font-size:17px; color:#222; margin-top:10px;}
.header-area .py-2 ul li:last-child a i{color:#222;}
.header-area .py-2 ul li:last-child a:hover{color:#fff; background:var(--red);}
.header-area .py-2 ul li:last-child a:hover i{color:#fff;}*/


.header-area a.logo img{height:100px;}
.header-area a.ndis img{height:70px; transition:all .2s ease-in-out;}
#myHeader{z-index:1000!important; background:var(--red); background:var(--red); padding:5px 0;}
.nav-area{display:block; }
.nav-area [class^="col-"]:first-child{text-align:right;}
/*.nav-area [class^="col-"] > a:last-child{color:#fff; font-weight:700; text-transform:uppercase; padding:10px 14px; background:var(--golden); font-size:14px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}*/
.nav-area [class^="col-"] > a i{padding:0 5px;}

.home-header-section{display:block; overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0; z-index:-1; background:no-repeat center center fixed; background-size:cover;}


.inner-header{height:50vh;}
.inner-header a.logo{top:30px; transform: translate(-50%,0%);}
.menu-page{background-image:url('../images/header-bg-menu.jpg');}


.bannerMenuBtn{position:absolute; top:55%; left:50%; z-index:1; transform: translate(-50%,-50%); list-style-type:none; margin:0; padding:0;}
.bannerMenuBtn li{ display:inline-block; margin:0 2px;}
.bannerMenuBtn li a{ padding:7px 12px; background:#b93233; border-radius:20px; width:160px; float:left; text-align:center; color:#f0ecc8; text-transform:uppercase; font-weight:700; font-size:14px;}
.bannerMenuBtn li a:hover{ background:#f0ecc8; color:#b93233;}


.sticky {
position: fixed!important; padding:14px 0!important; top: 0; bottom:auto!important; width: 100%; z-index:99999;
-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2);
}
.sticky a.ndis img{height:50px;}

.scroll-downs {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 25vh;
  left: 0;
  margin: auto;
  width :28px;
  height: 25px;
}

.mousey {
  width: 3px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid rgba(240,235,200,0.7);
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #f1edc9;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}


.twoboxsp{ display:block; margin:0; padding:0; list-style-type:none;}
.twoboxsp li{ display: inline-block; }
.twoboxsp li:last-child a{display:inline-block; padding:8px 30px; border-radius:10px; background:var(--golden); color:#fff; font-size:17px; color:#222; margin-top:10px;}
.twoboxsp li:last-child a i{color:#222;}
.twoboxsp li:last-child a:hover{color:#fff; background:var(--red);}
.twoboxsp li:last-child a:hover i{color:#fff;}

.project-slider{position:relative; display:block; width:100%; overflow:hidden; background:#444;}
.project-slider #carouselExampleIndicators .carousel-inner{mix-blend-mode:overlay}
.project-slider img{width:100%;}
.project-slider .sliderContent{position:absolute; width:65%; left:50%; bottom:35%; transform:translate(-50%,0%); z-index:5; color:#fff; text-align:center;}
.project-slider .sliderContent h2{font-weight:600; font-size:48px; margin-bottom:10px; text-shadow: 0 0 8px #000000;}
.project-slider .sliderContent p{ font-size:24px; margin-bottom:30px;}
.project-slider .sliderContent ul{list-style-type:none; margin:0; padding:0;}
.project-slider .sliderContent ul li{display:inline-block; width:30%;}
.project-slider .sliderContent ul li img{background:var(--sky); border-radius:50%; padding:15px; width:150px; border:2px #fff solid; margin-bottom:10px;}
.project-slider .sliderContent ul li h3{font-size:15px; font-weight:600;}
.project-slider .sliderContent ul li:hover img{background:var(--dark);}

.project-slider .sliderContent a{background:var(--red); border-radius:10px; padding:15px 40px; border:2px #fff solid; color:#fff; display:inline-block; font-size:22px; font-weight:600;}
.project-slider .sliderContent a:hover{background:var(--yellow); color:#222;}

.two-part-area{ position:relative;}
.two-part-area > svg{position:absolute; left:0; right:0; bottom:-2px; fill:var(--red);}
.two-part-area .row [class^="col-"] > div{display:block; overflow:hidden; padding:80px 50px;}
.two-part-area .row [class^="col-"]:last-child{ background-attachment:scroll; background-position:center top; background-repeat:no-repeat; background-size:cover;}
.two-part-area .row:nth-child(even) [class^="col-"]{position:relative;}
.two-part-area .row:nth-child(even) [class^="col-"]:first-child{left:50%;}
.two-part-area .row:nth-child(even) [class^="col-"]:last-child{right:50%;}
.two-part-area .row [class^="col-"] > div > div{height:300px; overflow-y:auto; padding-right:20px; margin-bottom:25px; font-size:18px; line-height:1.5;}
.two-part-area h2{font-size:26px; text-transform:uppercase; font-weight:500; color:var(--red); padding:0 0 10px; margin-bottom:5px; line-height:1.5; border-bottom:3px var(--golden) solid;}
.two-part-area p{margin-bottom:30px;}
.two-part-area p:last-child{margin-bottom:0;}
.two-part-area h3{font-weight:700; color:var(--red); font-size:24px;}
.two-part-area h3 span{display:block; clear:both; font-size:18px; margin:15px 0 0;}
.two-part-area h3 span a, .two-part-area a{display:inline-block; padding:6px 20px; background:var(--golden); color:#fff; margin-right:5px; border-radius:10px; display:inline-block;}
.two-part-area h3 span a:hover, .two-part-area a:hover{background:var(--red);}


section{display:block; overflow:hidden; clear:both; padding:80px 0; background-color:#fff; background-size:cover!important; position:relative;}

.about-area{background:#fff url('../images/home_steakhouse_bonappetit_bg.jpg') no-repeat center center fixed; color:#fff;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}
.about-area h2{display:block; text-transform:uppercase; font-weight:700; font-size:36px; color:#fff; line-height:1; margin-bottom:25px;}
.about-area h2 span{display:block; clear:both; font-weight:400; text-transform:none; font-size:48px;}
.about-area [class^="col-"] > a{color:#fff; background:var(--dark); padding:7px 14px; font-size:12px; text-transform:uppercase; font-weight:700;}
.about-area a i{padding-left:10px;}
.about-area a:hover{color:#fff; background:var(--red);}


.valueArea{display:block; overflow:hidden; position:relative; padding:20px 0 120px; background:var(--yellow); background-size:cover; text-align:center; color:#111;}
.valueArea > svg{fill:var(--red); position:absolute; left:0; right:0; bottom:-2px;}
.valueArea h2{font-weight:700; font-size:42px; margin-bottom:10px;}
.valueArea [class^="col-"] > div{padding:20px 35px 35px; display:block;}
.valueArea h4{font-size:16px; font-weight:600; text-transform:uppercase; height:50px;}
.valueArea p{font-size:15px; margin-bottom:0; line-height:1.4;}
.valueArea img{width:300px; margin-bottom:20px; border:3px #fff dotted; transition:all .5s ease-in-out; padding:5px;}
.valueArea a{display:inline-block; margin-top:0px; background:var(--red); color:#fff; padding:5px 20px; border-radius:30px;}
.valueArea a:hover{background:var(--dark);}
.valueArea [class^="col-"]:hover img{-webkit-transform: scaleX(-1);  transform: scaleX(-1);}

.testimonialsArea{background:var(--red); color:#fff; position:relative; padding:30px 0 100px;}
.testimonialsArea > svg{fill:var(--yellow); position:absolute; left:0; right:0; bottom:0;}

.testimonialsArea h3{display:block; clear:both; font-weight:600; text-transform:none; font-size:18px; margin-bottom:5px;}
.testimonialsArea h4, .reviewsArea h3{font-size:32px; margin-bottom:20px; font-weight:600;}
.testimonialsArea img{width:150px; margin-bottom:20px;}

.testimonialsArea p{margin-bottom:25px;}
.testimonialsArea a{display:inline-block; padding:12px 50px; border:none; background:var(--yellow); border-radius:30px; margin-bottom:45px; font-weight:600;}
.testimonialsArea a:hover{background:#222;color:#fff;}



.eligibility{padding:0 0 50px;}
.eligibility .row{text-align:left; margin-bottom:15px; font-size:16px; font-weight:600;}
.eligibility .row span{margin-right:10px;}
.eligibility .row input[type="radio"]{border:none!important;}
.eligibility input[type="submit"]{display:inline-block; padding:12px 50px; border:none; background:var(--yellow); border-radius:30px; margin-top:15px; font-weight:600;}
.eligibility input[type="submit"]:hover{background:#222;color:#fff;}

.reviewsArea{padding:30px 0 120px; display:block; overflow:hidden; background:var(--red); color:#fff; clear:both; position:relative; text-align:center;}
.reviewsArea > svg{fill:#fff; position:absolute; left:0; right:0; bottom:-2px;}
.reviewsArea .item{text-align:center;}
.reviewsArea .item fieldset{border:3px var(--yellow) dotted; padding:5px 20px 15px; border-radius:20px;}
.reviewsArea .item legend{width:auto; padding:0 10px;}
.reviewsArea .item p{font-size:16px; text-align:center;}
.reviewsArea .item span i{color:var(--yellow); font-size:12px; margin-right:2px;}
.reviewsArea .item h3{font-size:16px; font-weight:600;}
.reviewsArea .owl-theme .owl-controls{bottom:0px!important; top:auto;}
.reviewsArea  .owl-theme .owl-controls .owl-page span{background:#fff;}
#owl-demo1{top:-15px;}



.enquiryArea{padding:30px 0 150px; display:block; overflow:hidden; clear:both; position:relative; text-align:center;}
.enquiryArea > svg{fill:#222; position:absolute; left:0; right:0; bottom:-2px;}

.enquiryArea h2{font-weight:600;font-size:34px;}
.enquiryArea .form-control{border:1px #95a0bd solid; border-radius:0; background:none; margin-bottom:20px; color:#666!important; font-size:14px;}
.enquiryArea .form-control::placeholder{color:#666;}
.enquiryArea input[type='submit']{background:var(--yellow); color:#fff; border:2px transparent solid; padding:10px 25px; width:100%; text-transform:uppercase; font-weight:600; margin:10px 0 0; cursor:pointer;}
.enquiryArea input[type='submit']:hover{background:#fff; color:var(--yellow); border-color:var(--yellow)!important;}
.enquiryArea [class^="col-"] > div{padding:0 50px; font-size:18px;}
.enquiryArea [class^="col-"] > div img{width:150px; margin-bottom:20px;}
.enquiryArea [class^="col-"] > div a{display:inline-block; background:var(--red); color:#fff; padding:10px 25px; border-radius:30px;}
.enquiryArea [class^="col-"] > div a:hover{background:var(--golden);}




.reviewsArea h2{font-weight:600;font-size:34px;}
.modal .form-control{border:1px #95a0bd solid; border-radius:0; background:none; margin-bottom:20px; color:#666!important; font-size:14px;}
.modal .form-control::placeholder{color:#666;}
.modal input[type='submit']{background:var(--golden); color:#fff; border:2px transparent solid; padding:10px 25px; width:100%; text-transform:uppercase; font-weight:600; margin:10px 0 0; cursor:pointer;}
.modal input[type='submit']:hover{background:#fff; color:var(--golden); border-color:var(--golden)!important;}
.reviewsArea [class^="col-"] > div{padding:0 50px; font-size:18px;}
.reviewsArea [class^="col-"] > div img{width:150px; margin-bottom:20px;}










.footer-down-area{ display:block; clear:both; overflow:hidden; background:#222; padding:0; position:relative; text-align:center; color:#9297cd;}
.footer-down-area img{height:120px; margin-bottom:30px;}
.social-icons{margin:0 0 30px; padding:0; list-style-type:none; position:relative;}
.social-icons li{display:inline-block; font-size:36px; margin:0 5px;}
.social-icons li a{color:#fff;}
.social-icons li a:hover{color:var(--red);}
.footer-nav{margin:0 0 25px; padding:0; list-style-type:none; color:#fff;}
.footer-nav li{display:inline-block; font-size:16px; padding:0 15px; border-left:1px #fff solid;}
.footer-nav li a{color:#fff; line-height:1; padding-bottom:3px; font-weight:700;}
.footer-nav li i{color:var(--red); display:block}
.footer-nav li:first-child{border:none;}
.footer-down-area a:hover{color:var(--red);}
.footer-down-area p{font-size:14px; color:#fff;}



.footer-down-area .fa-chevron-up{font-size:18px; color:var(--golden);}

.mapArea{display:block; overflow:hidden; padding:10px; background:#fff; margin-bottom:25px;}

.copyright{font-size:12px; display:block; padding-bottom:80px; color:#fff;}


#scroll-icon {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:var(--red);
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
    border:1px #fff solid;
}
#scroll-icon span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:7px solid transparent;
    border-bottom-color:#ffffff
}
#scroll-icon:hover {
    background:var(--golden);
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}




.mobile-sticky-nav {background: #000;color: #fff;padding: 5px 0;text-align: center;position: fixed;bottom: 0;width: 100%;z-index: 999;display:none;}
.mobile-sticky-nav a {font-size: 20px;display: block;color: inherit;cursor: pointer;}
.mobile-sticky-nav a:hover {color:var(--red);}
.mobile-sticky-nav a i {font-size: 40px;}




/*------------------------Next Page--------------------*/



.innerArea {
    display: block;
    /*overflow: auto;*/
    background: #fff;
    padding: 30px 0;
    position: relative;
    /*margin-bottom:-80px;*/
    /*border-top: 5px #fddf0f solid;*/
    
   /* -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 30%);
	top:-60px;
	border-radius:10px;*/
	color: #000;
}

.inner-details-area{ display: block; position: absolute; top: -104px;  width: 100%; background: rgba(212,161,55,0.8); border-bottom:6px solid #f4c749; border-top:1px solid #f4c749;}
.inner-details-area h1{ color: #fff; padding-top: 10px; font-size:40px!important;}

.breadcrumb{background:none; padding:0 0 10px 0!important; margin:0!important;  position:relative; border-bottom:none!important; /*border-bottom:1px #a4a49b solid;*/ font-weight: 600;  font-size:13px; color:#fff}
.breadcrumb-list li{display:inline-block; position:relative;}
.breadcrumb-list li::before{display:inline-block; padding-right:.8rem; padding-left:.8rem; color:#fff!important; content:"/"}
.breadcrumb-list li:first-child::before{display:none;}
.breadcrumb-list li a{ color:#36c901;}
.breadcrumb-list li a:hover{ color:#fff;}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color:#fff!important;
  content: "/";
}
.breadcrumb-item a{ color:#fff300!important;;}
.breadcrumb-item.active{ color:#fff!important; }
.breadcrumb-item a:hover{ color:#fff!important;}

/* -- Mid Area -- */
.midArea{padding:30px 0; margin:0; display:block; overflow:hidden; clear:both; text-align:left; box-sizing:border-box;}

.midArea h2{font-size:25px; font-weight:700; color:#2b2b2b; margin-bottom:15px; }
.midArea h3{font-size:20px; font-weight:600; color:#2b2b2b; }
.midArea > p{display:block; font-size:14px; padding-bottom:10px; text-align: justify}

.midArea strong{ font-weight:600; color:#F63; padding-bottom:10px; display:block}

.midArea a.booknow{ background:#f36d21; display:block; width:150px; text-align:center; padding:10px; margin:15px 0; color:#fff; }
.midArea a:hover.booknow{ color:#fff; background:#000}

.leftarea ul{padding:0;  margin:0; list-style-type:none}
.leftarea ul li{ display:block; }

.leftarea ul li a{ background:#fff; padding:10px; font-size:14px; color:#000;  border-bottom:1px dotted #ddd; position:relative; width:100%; display:block; padding-left:25px} 
.leftarea ul li a:before{ color:maroon; padding-left:20px; content:''; background:url('../images/arrow-bull.png') no-repeat; top:10px; left:0; width:22px; height:22px; position:absolute}
.leftarea ul li a.active{ background:#f36d21; color:#fff; } 
.leftarea ul li a:hover{ background:#f36d21; color:#fff; }

hr{border:none; margin:20px 0 30px; display:block; border-top:1px #ddd dotted;}


.contact-info{ display:block;  text-align:center; 

}
.contact-info h4{ color:var(--orange)!important; display:block;  }
.contact-info [class^="col-"] div {display:block; margin:20px;  position: relative; }
.contact-info [class^="col-"] div h3{ color:var(--orange)!important; display:block;  }
.contact-info [class^="col-"] div i{ font-size:25px; width:55px; height:55px; line-height: 55px; background:rgba(40,47,57,0.8); margin-bottom:20px; border-radius:50px; color: #fff;}
.contact-info [class^="col-"] div strong{ font-size:20px; color:#fff; }
.contact-info [class^="col-"] div a{ display:block; font-size:16px; line-height:1; padding-bottom:0; margin:0 0 10px 0; color:#000; }

.contact-info .map{ display: block; background: #fff; padding: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}

.nxtformArea{position:relative; display:block; background: #282f39; padding:20px; text-align: left;}
.nxtformArea label{display:block; overflow:hidden; margin-bottom:15px; vertical-align:middle; color:#fff;}
.nxtformArea label input, .nxtformArea label textarea{width:100%; padding:10px; display:block; font-size:15px; border:none; background:#fff;}
.nxtformArea label textarea{height:100px;}
.nxtformArea label input[type="checkbox"]{display:inline-block; overflow:auto; background:#fff; padding:6px; width:10px; height:10px; margin-right:5px; position:relative; top:2px; border:2px var(--orange) solid!important;
-webkit-appearance: none;
-moz-appearance: none;appearance: none;}
.nxtformArea label input[type="checkbox"]:checked{background-color: var(--orange); outline-offset:-4px; outline:2px #fff solid!important;}
.nxtformArea label input[type="submit"]{background-color: var(--orange); color:#fff; font-size:22px; font-weight:600; padding:10px 15px;}
.nxtformArea label input[type="submit"]:hover{background:#222;}

.gallery-listing > [class^="col-"]{margin-bottom:0;}
.gallery-listing > [class^="col-"] > div{display:block; clear:both; overflow:hidden; height:300px; background:#fff; padding:10px 10px;  position:relative; /*border:1px #d7efea solid;*/ -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17); }
.gallery-listing > [class^="col-"] > div:hover{border:1px #ffb401 solid;}
.gallery-listing > [class^="col-"] > div img{padding:0; display:inline-block!important; transform: scale(1); height:100%; transition:.2s ease-in-out;}
.gallery-listing > [class^="col-"] > div:hover img{transform: scale(1.1);}
.gallery-listing [class^="col-"] h4{font-size:15px; font-weight:600; line-height:1.5; display: block; padding:10px 10px; font-weight:600; background:#b92a30; color:#fff;}

.nxtgalleryArea{ padding:50px 0 0; text-align:center;}
.nxtgalleryArea > [class^="col-"] > div{display:block; overflow:hidden; clear:both; overflow:hidden; /*height:300px;*/ background:#fff; padding:10px 10px; margin:10px 0; position:relative; /*border:1px #d7efea solid;*/ -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.17); }
.nxtgalleryArea h2{text-align:center; font-weight:600; margin-bottom:30px; color:var(--main);}
.nxtgalleryArea a{background:#fff; display:block; overflow:hidden; padding:0.5px; position:relative;}
.nxtgalleryArea a img{width:100%; height: 260px}
.nxtgalleryArea a:before{position:absolute; left:25%; right:25%; top:25%; bottom:25%; content:''; display:block; z-index:5; background:rgba(0,0,0,0.7); opacity:0; transition:all .2s ease-in-out;}
.nxtgalleryArea a:hover:before{opacity:1; left:0.5px; right:0.5px; top:0.5px; bottom:0.5px;}
.nxtgalleryArea a span{position: absolute; transition:all .5s ease-in-out; opacity:0; text-align: center; z-index: 100; color: #fff; text-shadow: 0px 0px 3px #000000; font-size: 24px; top: 20%; left: 50%; transform: translate(-50%,-50%);}
.nxtgalleryArea a:hover span{opacity:1;top: 50%;}

.nxtgalleryArea h4{ font-size:13px; font-weight:600; color:#111; line-height:1.3; padding-top:10px; margin-bottom:0; padding-bottom:0}

.testi div{ border:1px solid #ddd; border-radius:5px; display:block; padding:25px;  margin:0 auto 40px; position:relative; text-align: justify }
.testi div p{ display:block;}
.testi div h2{ display:block; margin-top:15px; padding-left:0}
.testi div strong{ font-size:15px; color:#000; font-weight:600 }
.testi img{ display:block; clear:both}



.servicegallery{ padding:50px 0 0; text-align:center;}
.servicegallery h2{text-align:center; font-weight:600; margin-bottom:30px; color:#111;}
.servicegallery [class^="col-"] > div{ display:block;  overflow:hidden; padding:2px; background:#f3f3f3; text-align:center; margin: 0 auto 10px; }
.servicegallery [class^="col-"] > div a{ display:block; overflow:hidden;  position:relative;  }
.servicegallery [class^="col-"] > div a img{width:100%;  text-align:center; }
.servicegallery a:before{position:absolute; left:25%; right:25%; top:25%; bottom:25%; content:''; display:block; z-index:5; background:rgba(0,0,0,0.7); opacity:0; transition:all .2s ease-in-out;}
.servicegallery a:hover:before{opacity:1; left:0.5px; right:0.5px; top:0.5px; bottom:0.5px;}
.servicegallery a span{position: absolute; transition:all .5s ease-in-out; opacity:0; text-align: center; z-index: 100; color: #fff; text-shadow: 0px 0px 3px #000000; font-size: 24px; top: 20%; left: 50%; transform: translate(-50%,-50%);}
.servicegallery a:hover span{opacity:1;top: 50%;}

.servicegallery h3{text-align:center; min-height:58px; line-height:1.3; padding:20px 10px 0 10px; font-size:14.5px;  font-weight:600; margin-bottom:20px; color:#fff; background:#09529b; }




.sub-menu-toggle{ display: none;}

/*ul.areaListing{ display:block; list-style-type:none; padding:0; margin:20px 0 0;}
ul.areaListing li{ display:inline-block; width:33%; margin:0 0 0 -4px;  }
ul.areaListing li div{ padding:20px; border:1px solid #36c901; text-align:center; margin:5px;  color:#F30}
ul.areaListing li div i{ display:block; clear:both; font-size:25px; padding-bottom:10px;  color:#36c901;}
ul.areaListing li div a{ color:#333 }
ul.areaListing li div a:hover{ color:#36c901 }*/


ul.areaListing{ display:block; padding:0!important; margin:25px 0 0 0!important; list-style-type:none!important;}
ul.areaListing li{ display: inline-block; padding:10px 20px 16px 20px; overflow: hidden; margin:0 10px; border:1px #eee solid; text-align:left;background:#f3f3f3; vertical-align: middle}
ul.areaListing li a{position:relative; display: block; font-size:20px; color:#111; line-height:50px; font-weight: 600px; }
/*ul.areaListing li a:before { display:block; top:0!important; left:0!important; position:absolute; content:''; background:url('../images/icon-loca.png') no-repeat; height:57px; width:63px; }*/

.make-enquiry{ /*background: #5c595a;*/  padding: 20px; height: 100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4c749+0,fffbf0+69 */
background: rgb(244,199,73); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(244,199,73,1) 0%, rgba(255,251,240,1) 69%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(244,199,73,1) 0%,rgba(255,251,240,1) 69%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(244,199,73,1) 0%,rgba(255,251,240,1) 69%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c749', endColorstr='#fffbf0',GradientType=0 ); /* IE6-9 */



 }

.make-enquiry h3{ display:block; text-align:center; margin:0 auto; color:#000;}


div.wpforms-container-full .wpforms-form button[type="submit"] {
  background-color: var(--yellow)!important;
  border: 1px solid var(--yellow)!important;
  color: #fff!important;
  font-size: 1em;
  padding: 10px 15px; width: 100%;
}

div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
  height: 100px!important; border: 1px solid #303030!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 5px 0!important;
  clear: both;
}



.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
  height: 50px!important;}


.formBox .wpforms-container-full .wpforms-form button[type="submit"]{font-size: 1em; width: 100%!important; color: #fff; padding: 10px 15px; background: #000 !important;}

.wpforms-form button[type="submit"]{background-color: #00b1ad!important; border:none!important; color: #fff!important; width: 100%!important; font-size: 1em; padding: 10px 15px;}

.wpforms-container-full .wpforms-form input[type="text"]{border: 1px solid #303030!important;}
.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column input[type="email"]{border: 1px solid #303030!important;}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select {
  border: 1px solid #303030!important;}


.eligibility .wpforms-field-container .wpforms-field-radio{margin-bottom:5px; display:block; overflow:hidden;}
.eligibility .wpforms-field-container .wpforms-field-label{float:left!important;}
.eligibility .wpforms-field-container .wpforms-field-required{float:right!important;}
.eligibility .wpforms-form button[type="submit"]{display:inline-block!important; padding:12px 50px!important; border:none; background:var(--yellow)!important; border-radius:30px!important; margin-top:15px; font-weight:600!important; width:300px!important; color:#222!important;}
.eligibility .wpforms-form button[type="submit"]:hover{background:#222!important;color:#fff!important;}

.page-id-260 div.wpforms-container-full .wpforms-form .wpforms-field-label,
.page-id-264 div.wpforms-container-full .wpforms-form .wpforms-field-label{margin-bottom:10px;}
.page-id-260 div.wpforms-container-full .wpforms-form .wpforms-field,
.page-id-264 div.wpforms-container-full .wpforms-form .wpforms-field{margin-bottom:10px;}
.page-id-260 div.wpforms-container-full .wpforms-form .wpforms-one-half,
.page-id-264 div.wpforms-container-full .wpforms-form .wpforms-one-half{width: calc(50% - 10px); margin-left:0!important;}
.page-id-260 .wpforms-first.wpforms-one-half,
.page-id-264 .wpforms-first.wpforms-one-half{margin-right: 20px;}

.page-id-260 h2, .page-id-264 h2{font-size: 60px; color: #6c2b77; margin-bottom:50px;}
.page-id-260 h3, .page-id-264 h3{font-size: 30px; color: #6c2b77;}




#google_translate_element .skiptranslate.goog-te-gadget > span{display:none!important;}
.translater{position: relative; right:0; top: 0px; margin: 10px 0;}
.goog-te-gadget .goog-te-combo{margin: 0!important; background: rgba(0,0,0,0.5); color: #fff; border: 1px #ddd solid; padding: 8px; border-radius: 5px;}


@media (max-width: 500px) {
	.translater{right: 60px; top: 0px;}
}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media (max-width: 1024px){
}

@media (max-width: 991px){
#myHeader:hover{background:rgba(0,0,0,0.9);}
.nav-area [class^="col-"] > a:first-child{font-size:18px;}
	
	.project-slider .sliderContent{width:75%; bottom:15%;}
.project-slider .sliderContent h2{font-size:24px;}
.project-slider .sliderContent p{font-size:20px; margin-bottom:10px;}
.project-slider .sliderContent a{padding:10px 30px; font-size:18px;}
}

@media (max-width: 767px){
.two-part-area a i, .catering-area a i{padding-left:10px;}
.two-part-area [class^="col-"] > div{ width:100%;}

.social-icons:before, .social-icons:after{display:none;}
.footer-nav li{width:100%;}
.footer-nav li{border:none; margin-bottom:8px;}

.about-area{text-align:center;}
	
	
.eligibility .wpforms-field-container .wpforms-field-label, .eligibility .wpforms-field-container .wpforms-field-required{float:none!important; text-align:left!important;display:block; clear:both; width:100%;}
.eligibility .wpforms-form button[type="submit"]{width:100%!important;}
}


.enquiry-area > div > div > [class^="col"]:first-child{margin-bottom:30px;}
.enquiry-area:before{top:47%; left:0%;}

.two-part-area{padding:20px 0 0;}
.two-part-area h2{font-size:24px;}
.two-part-area h2 strong{display:block; clear:both;}
.two-part-area .row [class^="col-"]{min-height:300px;}
.two-part-area .row:nth-child(even) [class^="col-"]:first-child{left:0%;}
.two-part-area .row:nth-child(even) [class^="col-"]:last-child{right:0%;}
.two-part-area .row [class^="col-"] > div {padding: 80px 50px;}
.two-part-area .row [class^="col-"] > div > div{height:auto;}
.two-part-area p{font-size:16px; margin-bottom:15px; text-align: justify;}
.two-part-area h3 span a{padding:6px 15px; font-size:12px;}

.valueArea {padding:50px 0;}
.testimonialsArea{padding:50px 0;}
.reviewsArea [class^="col-"] > div{padding:0 0 50px}
.reviewsArea{padding-bottom:80px;}






.mobile-sticky-nav{display:block;}


.enquiry-area > div > div > [class^="col"]:first-child{margin-bottom:30px;}
.enquiry-area:before{top:47%; left:0%;}
.enquiryArea [class^="col-"] > div{padding:0 0 50px}
.enquiryArea{padding-bottom:80px;}
.inner-details-area{ display: block; position: relative; top:0; background: rgba(212,161,55,0.8); border-bottom:6px solid #f4c749; border-top:1px solid #f4c749;}
	
/*.footer-down-area p{font-size:12px; display:block; padding-bottom:50px; color:#fff;}	*/
}

@media (max-width: 500px){
.header-area > a.logo img{height:120px;}
.footer-nav li{width:100%!important;}
	.inner-details-area h1{  padding-top: 5px; font-size:28px!important;}
	.project-slider img{ max-height:500px; min-width:100%; width:auto; /*left:-30%; */position:relative;}
	
.project-slider .sliderContent{width:90%; bottom:0; display:none!important;}
.project-slider .sliderContent h2{font-size:20px!important; margin-top:50px!important; }
.project-slider .sliderContent p{font-size:14px!important; margin-bottom:5px!important; display:none!important;line-height:1!important;}
.project-slider .sliderContent a{padding:10px 20px!important; font-size:14px!important;}
	
/*.footer-down-area p{font-size:12px; display:block; padding-bottom:50px; color:#fff;}*/	
}

@media (max-width: 360px){
		
.footer-down-area p{font-size:12px; display:block; padding-bottom:50px; margin-bottom:100px color:#fff;}	
}


@media screen and (max-width: 1920px) and (min-width: 1240px){
}
