@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300;400;600;700&family=Meddon&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Birthstone&display=swap');
@font-face {
    font-family: 'CammronDemo';
    src: url('fonts/CammronDemo.eot'); /* IE9 Compat Modes */
    src: url('fonts/CammronDemo.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/CammronDemo.woff') format('woff'), /* Modern Browsers */
         url('fonts/CammronDemo.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/CammronDemo.svg#CammronDemo') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

@font-face {
    font-family: 'Dream Avenue';
    src: url('fonts/DreamAvenue.eot');
    src: url('fonts/DreamAvenue.eot?#iefix') format('embedded-opentype'),
        url('fonts/DreamAvenue.woff2') format('woff2'),
        url('fonts/DreamAvenue.woff') format('woff'),
        url('fonts/DreamAvenue.ttf') format('truetype'),
        url('fonts/DreamAvenue.svg#DreamAvenue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Cormorant', sans-serif; font-weight:normal; padding:0; color:#222; font-weight:400; padding-right:0!important;
font-size:18px;
line-height:1.4;
}

:root{--orange:#f38020; --yellow:#fbe939; --blue:#292975; --black:#000;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:#0f5aaa; 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:#1f1917;}

h1, h2{margin:0 0 15px; padding:0; font-weight:400; font-family:'Marcellus'; color:#000; text-transform:uppercase;}
h3, h4, h5{margin:0 0 15px; padding:0; font-weight:normal; font-family:'Marcellus'; color:#000;}

/* Header */

.whatsappbtn{position:fixed; bottom:10px; left:10px; z-index:999;}


.popupAreaOuter{display: block; overflow:hidden; position: fixed; top: 0; bottom: 0; width: 100%; background: rgba(0,0,0,0.6); backdrop-filter: saturate(180%) blur(10px); z-index: 9999;}
.popupAreaOuter > .popUpbox{position: absolute; background: #fff; padding: 25px; z-index: 99999; width: 600px; max-width: 95%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.popupAreaOuter > .popUpbox input[type="text"], .popupAreaOuter > .popUpbox input[type="tel"], .popupAreaOuter > .popUpbox select{width: 100%; display: block; padding: 10px; border: 1px #ddd solid; margin-bottom: 15px;}
.popupAreaOuter > .popUpbox input[type="submit"]{display: block; width: 100%; text-align: center; padding: 10px; background: var(--blue); color: #fff; border: none;}
.popupAreaOuter > .popUpbox input[type="submit"]:hover{background: #222;}
.popupAreaOuter > .popUpbox input[type="radio"]{margin-right: 5px;}
.popupAreaOuter > .popUpbox form label{color: #666;}
.popupAreaOuter > .popUpbox form > div{margin-bottom: 20px; display: block;}
.popupAreaOuter > .popUpbox h3{display: block; margin-bottom: 15px;}
.popupAreaOuter > .popUpbox h3 a{float: right; color:var(--orange);}

.detailspopupbox .modal-body a{font-family:'Marcellus'; background:var(--orange); color:#fff; padding:10px; display:block; overflow:hidden; clear:both; text-align:center;}
.detailspopupbox .modal-body a:hover{background:var(--blue);}


#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url('../images/loading.gif') no-repeat center center;
}

.header-area{left:0; top:1px; right:0; position:fixed; padding:15px 0 80px; z-index:9999;}
.header-area > div > div{position:relative;}
.header-area [class^="col-"]:first-child img{transition:.2s ease-in-out; height:80px;}
.sticky {position: fixed;  top: 0; padding:10px 0;  width: 100%; z-index:150; background:#292975;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
.sticky [class^="col-"]:first-child img{ height:70px;}

.has-search{position:relative; margin:25px 70px 0; display:inline-block; float:right; transition:.2s ease-in-out;}
.has-search .form-control { background:none; padding:4px 0px; height:auto; border:none; border-bottom:1px #23262e solid; color:#000; font-size:13px; font-style:italic; border-radius:0;}
.has-search button {
    position: absolute;
    right:-4px;
    top:5px;
    z-index: 100;
    display: block;
    text-align: center;
    color:#000; cursor:pointer;
    background:none; border:none;
    font-size:14px;
}
.sticky .has-search{margin-top:10px;}




.project-slider{position:relative; display:block; width:100%; overflow:hidden; height:100vh; background:#444;}
.project-slider .carousel-item img{width:100%; animation: resize 30s linear infinite; opacity:1; object-fit:cover;}
.sliderContent{position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); width:800px; max-width:90%; margin:0 auto; z-index:10; color:#fff; text-align:center;}
.project-slider h2{font-size:60px; text-shadow: 0px 0px 3px #000; color:#fff; line-height:1.2; max-width:780px; margin-bottom:20px; line-height:1.1;}
a.link-url{background:var(--orange); padding: 12px 25px; font-size:13px; letter-spacing:1px; text-transform:uppercase; color: #fff; display:inline-block; border-radius:0; font-weight:600;}
a.link-url:hover{background:var(--yellow); color:var(--blue);}

.project-slider [class^="carousel-control-"]{font-size:20px; display:block; color:#fff; opacity:1; top: 35%; height: 45px; width: 45px; color: #fff; left: 20px;}
.project-slider [class^="carousel-control-"]:last-child{right:20px; left: auto;}
.project-slider [class^="carousel-control-"] img{filter: brightness(0) invert(1);}

@keyframes resize {
0% {transform:scale(1);}
50% {transform:scale(1.2);}
}




.brush-fixed-top{ position:absolute; left:0; right:0; top:-2px; width:100%; display:block;}
.brush-fixed-bottom{ position:absolute; left:0; right:0; bottom:-2px; width:100%; display:block;}
.flipY{-webkit-transform: scaleY(-1); transform: scaleY(-1);}


section{display:block; overflow:hidden; clear:both; padding:60px 0;}

.welcomeArea{ display:block; overflow:hidden; line-height:1.5; background:#fff url('../images/wavebg.jpg') no-repeat top right; clear:both; padding:80px 0 20px; text-align:center;}
.welcomeArea h1{font-size:36px;}
.welcomeArea h2{font-family:'Birthstone'; text-transform:none; font-size:50px; margin-bottom:0;}
.welcomeArea h4{ font-size:22px; line-height:1.5;}
.welcomeArea [class^="col-"]:first-child a{display:inline-block; padding:8px 30px; background:var(--black); text-transform:uppercase; font-size:15px; letter-spacing:2px; color:#fff; font-weight:600;}
.welcomeArea img{width:90%;
border-top-left-radius: 300px;
border-top-right-radius: 300px;
border-bottom-right-radius: 300px;
border-bottom-left-radius: 300px;
}

/* Header */
.video-background {background:;  position:absolute;  top: 0; right: 0; bottom: 0; left: 0;  z-index: -99;}


a.vidoePlayBtn{position:absolute; top:50%; left:50%; transform: translate(-50%,-35%); margin:auto; z-index:100; color:#fff; text-align:center; text-transform:uppercase;}
a.vidoePlayBtn span{background:#fe2c00; color:#fff; width:100px; height:100px; text-align:center; line-height:100px; display:block; font-size:30px; border-radius:50%; margin-bottom:20px; z-index:1;}
a.vidoePlayBtn span:before{
content:''; top:35.5%; left:49%; transform: translate(-50%,-50%); position:absolute; background:#fe2c00; width:100px; height:100px; display:block; border-radius:50%; animation: pulse-border 1500ms ease-out infinite; z-index:-1;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}


.serviceArea{position:relative; padding:180px 0 60px; text-align:center; display:block; color:#fff;}
.serviceArea:before{background:var(--orange); position:absolute; content:''; display:block; left:0; right:0; top:0; height:48%; z-index:-1;}
.serviceArea h2{font-size:42px; color:#fff;}
.serviceArea p{font-size:18px; letter-spacing:1px; margin-bottom:50px;}
.serviceArea [class^="col-"] a{display:block; overflow:hidden; padding:0 15px 30px;}
.serviceArea [class^="col-"] img{width:95%; margin-bottom:15px; border-radius:0; transition:1s ease-in-out;}
.serviceArea [class^="col-"] a h3{font-size:24px; color:#000; text-transform:uppercase;}
.serviceArea [class^="col-"] a h3 span{font-family:'Birthstone'; text-transform:none; font-size:30px; color:var(--dark); margin-bottom:5px; display:block; clear:both;}
.serviceArea [class^="col-"] a:hover h3 span{color:var(--yellow);}
.serviceArea [class^="col-"]:hover img{border-top-left-radius: 300px;border-top-right-radius: 300px;}


.welcomeTextArea{ position:relative; width:100%; float:left; clear:both; padding:80px 0 50px; margin:0;}
.welcomeTextArea > div > [class^="col-"] > div{display:block; overflow:hidden; padding:0 12%;}
.welcomeTextArea > div > [class^="col-"]{position:relative;}
.welcomeTextArea > div > [class^="col-"]:last-child:before{position:absolute; top:-15%; bottom:-50px; right:0; left:10%; content:''; display:block; background:var(--yellow); z-index:-1;}
.welcomeTextArea > div > [class^="col-"]:last-child img{width:80%; float:left;}
.welcomeTextArea h3{text-align:center; text-transform:uppercase; font-size:32px; margin-bottom:45px;}
.welcomeTextArea p{line-height:1.7;}
.welcomeTextArea span{font-family:'Birthstone'; text-transform:none; font-size:36px; margin-bottom:5px; display:block; clear:both; line-height:1.8;}
.welcomeTextArea .leafSmall{position:absolute; right:-20%; top:-20%; z-index:-1;}
.welcomeTextArea .row .row{ text-align:center;}
.welcomeTextArea .row .row h4{font-size:18px; margin:10px 0 5px;}
.welcomeTextArea .row .row p{line-height:1.3; margin-bottom:25px; font-size:16px;}


.gallery{width: 100%;}
.gallery img{ width: 100%; height:220px; object-fit:cover;}
.gallery a{display: block; overflow: hidden; padding: 2px 1px; height:220px;}


.testimonialsArea{background:var(--blue); background-size:cover; position:relative; display:block; padding:80px 0 120px; text-align:center; color:#fff;}
.testimonialsArea .container{width:800px; max-width:95%; z-index:2; position:relative;}
.testimonialsArea h2{color:#fff;}
.testimonialsArea h2 span{font-family:'Birthstone'; text-transform:none; font-size:48px; margin-bottom:5px; display:block; clear:both; color:var(--orange);}
.testimonialsArea h4{font-size:17px; color:#fff;}

.testimonialsArea .carousel-control-prev{left:-30%; opacity:1;}
.testimonialsArea .carousel-control-next{right:-30%; opacity:1;}


.enquiry-area{background:no-repeat center top fixed; text-align:center; background-size:cover; color:#fff; position:relative; display:block; padding:120px 0 10px;}
.enquiry-area:before{position:absolute; left:0; right:0; top:0; bottom:0; content:''; display:block; background:rgba(0,0,0,0.7);}
.enquiry-area > div{max-width:90%; position:relative; z-index:100;}
.enquiry-area h2{font-size:35px; letter-spacing:2px; text-align:center; width:100%; display:block; line-height:1.5; color:#fff; margin:35px 0; text-transform:uppercase;}
.enquiry-area h2 > span{display:block; overflow:hidden; clear:both; font-family:'Birthstone'; letter-spacing:0; font-size:48px; line-height:2; text-transform:none;}
.enquiry-area p{font-size:18px; margin-bottom:25px;}
.enquiry-area .form-control{border:none; border-radius:0; background:rgba(255,255,255,0.5); margin-bottom:25px; color:#fff!important; font-size:14px;}
.enquiry-area .form-control::placeholder{color:rgba(255,255,255,1);}
.enquiry-area input[type='submit']{background:#fff; color:#000; font-size:14px; border:2px transparent solid; padding:8px 30px; text-transform:uppercase; font-weight:700; margin:10px 0 0; cursor:pointer;}
.enquiry-area input[type='submit']:hover{background:var(--orange); color:#fff; border-color:#fff!important;}

.footerContact{ border:2px rgba(255,255,255,0.5) dotted; border-left:0; border-right:0; padding:30px 0 5px; margin:20px 0 10px;}
.footerContact i{ font-size:45px; margin-bottom:15px; display:inline-block;}
.footerContact h4{ font-size:18px; color:#fff;}
.footerContact p{ font-size:24px; line-height:1.7;}
.enquiry-area a{ color:#fff;}
.enquiry-area a:hover{color:var(--orange);}

.footerDown{text-align:left; font-size:14px;}
.footerDown ul{ float: right; list-style-type: none; margin: 0; padding: 0;}
.footerDown ul li{ display: inline-block; font-size: 18px; margin: 0 8px;}

#scroll-icon {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:var(--blue);
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
}
#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-color:var(--orange);
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}



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


@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1220px;}
}


@media (max-width: 1024px){
  .welcomeTextArea > span{display:none;}
}

@media (max-width: 991px){
.header-area [class^="col-"]:first-child img{ height: 60px;}

.project-slider{height:100vh; text-align:center;}
.project-slider .carousel-item{height:100vh; position:relative;}
.project-slider .carousel-item img{width:auto; height:100vh; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%)!important; }
.sliderContent{top:80%;}
.project-slider h2{font-size:26px; line-height:1.2; }
.project-slider [class^="carousel-control-"]{top: 45%;}

}

@media (max-width: 767px){
[class^="col-"]{margin-bottom:20px;}
section{padding:60px 0!important;}

.welcomeTextArea span{ font-size:18px; margin-bottom:60px;}

.welcomeTextArea > div > [class^="col-"]:last-child img { width: 100%; float: left;}
.footerDown{text-align:center;}
.footerDown ul{ width:100%;}
}

@media (max-width: 500px){
h2, .innerArea h1{font-size:15px;}
h2 > span, .innerArea h1 span, .enquiry-area h3 > span, .gallery-area h3 > span{font-size:42px; background-size:100%; line-height:1.4}
.enquiry-area .form-control{margin-bottom:0;}

.header-area [class^="col-"]{ margin-bottom: 0;}

.welcomeArea{ padding:40px 0 20px;}
.items:before{right:-600%;}

}

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


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